🎨 - fix: prefixed all of the translation component id's with 'mykn'

maykinmedia · Feb 26, 2024 · 1f35ad8 · 1f35ad8
1 parent 7de85e9
commit 1f35ad8
Show file tree

Hide file tree

Showing 10 changed files with 113 additions and 108 deletions.
diff --git a/src/components/boolean/bool.tsx b/src/components/boolean/bool.tsx
@@ -38,15 +38,17 @@ export const Bool: React.FC<BoolProps> = ({
   const _labelTrue =
     labelTrue ||
     intl.formatMessage({
-      id: "components.Bool.labelTrue",
-      description: "components.Bool: The accessible label when value is truthy",
+      id: "mykn.components.Bool.labelTrue",
+      description:
+        "mykn.components.Bool: The accessible label when value is truthy",
       defaultMessage: "ja",
     });
   const _labelFalse =
     labelFalse ||
     intl.formatMessage({
-      id: "components.Bool.labelFalse",
-      description: "components.Bool: The accessible label when value is falsy",
+      id: "mykn.components.Bool.labelFalse",
+      description:
+        "mykn.components.Bool: The accessible label when value is falsy",
       defaultMessage: "nee",
     });
 

diff --git a/src/components/data/paginator/paginator.tsx b/src/components/data/paginator/paginator.tsx
@@ -128,9 +128,9 @@ export const Paginator: React.FC<PaginatorProps> = ({
     ? formatMessage(labelCurrentPageRange, context)
     : intl.formatMessage(
         {
-          id: "components.Paginator.labelCurrentPageRange",
+          id: "mykn.components.Paginator.labelCurrentPageRange",
           description:
-            "components.Paginator: The current page range (accessible) label",
+            "mykn.components.Paginator: The current page range (accessible) label",
           defaultMessage:
             "resultaat {pageStart} t/m {pageEnd} van {pageCount} pagina's",
         },
@@ -141,9 +141,9 @@ export const Paginator: React.FC<PaginatorProps> = ({
     ? formatMessage(labelGoToPage, context)
     : intl.formatMessage(
         {
-          id: "components.Paginator.labelGoToPage",
+          id: "mykn.components.Paginator.labelGoToPage",
           description:
-            "components.Paginator: The go to page (accessible) label",
+            "mykn.components.Paginator: The go to page (accessible) label",
           defaultMessage: "naar pagina",
         },
         context,
@@ -153,8 +153,9 @@ export const Paginator: React.FC<PaginatorProps> = ({
     ? formatMessage(labelPageSize, context)
     : intl.formatMessage(
         {
-          id: "components.Paginator.labelPageSize",
-          description: "components.Paginator: The page size (accessible) label",
+          id: "mykn.components.Paginator.labelPageSize",
+          description:
+            "mykn.components.Paginator: The page size (accessible) label",
           defaultMessage: "aantal resultaten",
         },
         context,
@@ -164,9 +165,9 @@ export const Paginator: React.FC<PaginatorProps> = ({
     ? formatMessage(labelPagination, context)
     : intl.formatMessage(
         {
-          id: "components.Paginator.labelPagination",
+          id: "mykn.components.Paginator.labelPagination",
           description:
-            "components.Paginator: The pagination (accessible) label",
+            "mykn.components.Paginator: The pagination (accessible) label",
           defaultMessage: "paginering",
         },
         context,
@@ -176,9 +177,9 @@ export const Paginator: React.FC<PaginatorProps> = ({
     ? formatMessage(labelPrevious, context)
     : intl.formatMessage(
         {
-          id: "components.Paginator.labelPrevious",
+          id: "mykn.components.Paginator.labelPrevious",
           description:
-            "components.Paginator: The go to previous page (accessible) label",
+            "mykn.components.Paginator: The go to previous page (accessible) label",
           defaultMessage: "vorige",
         },
         context,
@@ -188,9 +189,9 @@ export const Paginator: React.FC<PaginatorProps> = ({
     ? formatMessage(labelNext, context)
     : intl.formatMessage(
         {
-          id: "components.Paginator.labelNext",
+          id: "mykn.components.Paginator.labelNext",
           description:
-            "components.Paginator: The go to next page (accessible) label",
+            "mykn.components.Paginator: The go to next page (accessible) label",
           defaultMessage: "volgende",
         },
         context,
@@ -200,8 +201,9 @@ export const Paginator: React.FC<PaginatorProps> = ({
     ? formatMessage(labelLoading, context)
     : intl.formatMessage(
         {
-          id: "components.Paginator.labelLoading",
-          description: "components.Paginator: The loading (accessible) label",
+          id: "mykn.components.Paginator.labelLoading",
+          description:
+            "mykn.components.Paginator: The loading (accessible) label",
           defaultMessage: "bezig met laden...",
         },
         context,

diff --git a/src/components/form/form/form.tsx b/src/components/form/form/form.tsx
@@ -113,8 +113,8 @@ export const Form: React.FC<FormProps> = ({
   const _labelSubmit = labelSubmit
     ? labelSubmit
     : intl.formatMessage({
-        id: "components.Form.labelSubmit",
-        description: "components.Form: The submit form label",
+        id: "mykn.components.Form.labelSubmit",
+        description: "mykn.components.Form: The submit form label",
         defaultMessage: "verzenden",
       });
 

diff --git a/src/components/form/select/select.tsx b/src/components/form/select/select.tsx
@@ -110,8 +110,9 @@ export const Select: React.FC<SelectProps> = ({
   const _labelClear = labelClear
     ? formatMessage(labelClear, i18nContext)
     : intl.formatMessage({
-        id: "components.Select.labelClear",
-        description: "components.Select: The clear value (accessible) label",
+        id: "mykn.components.Select.labelClear",
+        description:
+          "mykn.components.Select: The clear value (accessible) label",
         defaultMessage: "waarde wissen",
       });
 

diff --git a/src/components/logo/logo.tsx b/src/components/logo/logo.tsx
@@ -39,9 +39,9 @@ export const Logo: React.FC<LogoProps> = ({
     ? formatMessage(hrefLabel, context)
     : intl.formatMessage(
         {
-          id: "components.Logo.hrefLabel",
+          id: "mykn.components.Logo.hrefLabel",
           description:
-            "components.Logo: An aria-label describing the link action",
+            "mykn.components.Logo: An aria-label describing the link action",
           defaultMessage: 'go to "{href}"',
         },
         context,
@@ -50,9 +50,9 @@ export const Logo: React.FC<LogoProps> = ({
     ? formatMessage(label, context)
     : intl.formatMessage(
         {
-          id: "components.Logo.label",
+          id: "mykn.components.Logo.label",
           description:
-            "components.Logo: The aria-label to set on the SVG element",
+            "mykn.components.Logo: The aria-label to set on the SVG element",
           defaultMessage: "Maykin logo",
         },
         context,

diff --git a/src/lib/i18n/compiled/en.json b/src/lib/i18n/compiled/en.json
@@ -1,23 +1,23 @@
 {
-  "components.Bool.labelFalse": [
+  "mykn.components.Bool.labelFalse": [
     {
       "type": 0,
       "value": "no"
     }
   ],
-  "components.Bool.labelTrue": [
+  "mykn.components.Bool.labelTrue": [
     {
       "type": 0,
       "value": "yes"
     }
   ],
-  "components.Form.labelSubmit": [
+  "mykn.components.Form.labelSubmit": [
     {
       "type": 0,
       "value": "submit"
     }
   ],
-  "components.Logo.hrefLabel": [
+  "mykn.components.Logo.hrefLabel": [
     {
       "type": 0,
       "value": "go to \""
@@ -31,13 +31,13 @@
       "value": "\""
     }
   ],
-  "components.Logo.label": [
+  "mykn.components.Logo.label": [
     {
       "type": 0,
       "value": "Maykin logo"
     }
   ],
-  "components.Paginator.labelCurrentPageRange": [
+  "mykn.components.Paginator.labelCurrentPageRange": [
     {
       "type": 0,
       "value": "result "
@@ -67,43 +67,43 @@
       "value": " pages"
     }
   ],
-  "components.Paginator.labelGoToPage": [
+  "mykn.components.Paginator.labelGoToPage": [
     {
       "type": 0,
       "value": "go to page"
     }
   ],
-  "components.Paginator.labelLoading": [
+  "mykn.components.Paginator.labelLoading": [
     {
       "type": 0,
       "value": "loading..."
     }
   ],
-  "components.Paginator.labelNext": [
+  "mykn.components.Paginator.labelNext": [
     {
       "type": 0,
       "value": "next"
     }
   ],
-  "components.Paginator.labelPageSize": [
+  "mykn.components.Paginator.labelPageSize": [
     {
       "type": 0,
       "value": "number of results"
     }
   ],
-  "components.Paginator.labelPagination": [
+  "mykn.components.Paginator.labelPagination": [
     {
       "type": 0,
       "value": "pagination"
     }
   ],
-  "components.Paginator.labelPrevious": [
+  "mykn.components.Paginator.labelPrevious": [
     {
       "type": 0,
       "value": "previous"
     }
   ],
-  "components.Select.labelClear": [
+  "mykn.components.Select.labelClear": [
     {
       "type": 0,
       "value": "clear value"
@@ -115,4 +115,4 @@
       "value": "login"
     }
   ]
-}
+}
diff --git a/src/lib/i18n/compiled/nl.json b/src/lib/i18n/compiled/nl.json
@@ -1,23 +1,23 @@
 {
-  "components.Bool.labelFalse": [
+  "mykn.components.Bool.labelFalse": [
     {
       "type": 0,
       "value": "nee"
     }
   ],
-  "components.Bool.labelTrue": [
+  "mykn.components.Bool.labelTrue": [
     {
       "type": 0,
       "value": "ja"
     }
   ],
-  "components.Form.labelSubmit": [
+  "mykn.components.Form.labelSubmit": [
     {
       "type": 0,
       "value": "verzenden"
     }
   ],
-  "components.Logo.hrefLabel": [
+  "mykn.components.Logo.hrefLabel": [
     {
       "type": 0,
       "value": "go to \""
@@ -31,13 +31,13 @@
       "value": "\""
     }
   ],
-  "components.Logo.label": [
+  "mykn.components.Logo.label": [
     {
       "type": 0,
       "value": "Maykin logo"
     }
   ],
-  "components.Paginator.labelCurrentPageRange": [
+  "mykn.components.Paginator.labelCurrentPageRange": [
     {
       "type": 0,
       "value": "resultaat "
@@ -67,43 +67,43 @@
       "value": " pagina's"
     }
   ],
-  "components.Paginator.labelGoToPage": [
+  "mykn.components.Paginator.labelGoToPage": [
     {
       "type": 0,
       "value": "naar pagina"
     }
   ],
-  "components.Paginator.labelLoading": [
+  "mykn.components.Paginator.labelLoading": [
     {
       "type": 0,
       "value": "bezig met laden..."
     }
   ],
-  "components.Paginator.labelNext": [
+  "mykn.components.Paginator.labelNext": [
     {
       "type": 0,
       "value": "volgende"
     }
   ],
-  "components.Paginator.labelPageSize": [
+  "mykn.components.Paginator.labelPageSize": [
     {
       "type": 0,
       "value": "aantal resultaten"
     }
   ],
-  "components.Paginator.labelPagination": [
+  "mykn.components.Paginator.labelPagination": [
     {
       "type": 0,
       "value": "paginering"
     }
   ],
-  "components.Paginator.labelPrevious": [
+  "mykn.components.Paginator.labelPrevious": [
     {
       "type": 0,
       "value": "vorige"
     }
   ],
-  "components.Select.labelClear": [
+  "mykn.components.Select.labelClear": [
     {
       "type": 0,
       "value": "waarde wissen"
@@ -115,4 +115,4 @@
       "value": "inloggen"
     }
   ]
-}
+}
diff --git a/src/lib/i18n/i18n.stories.mdx b/src/lib/i18n/i18n.stories.mdx
@@ -61,8 +61,8 @@ const intl = useIntl("en");  // locale can be left empty.
 const _labelTrue =
   labelTrue ||
   intl.formatMessage({
-    id: "components.Bool.labelTrue",
-    description: "components.Bool: The accessible label when value is truthy",
+    id: "mykn.components.Bool.labelTrue",
+    description: "mykn.components.Bool: The accessible label when value is truthy",
     defaultMessage: "ja",
   });
 ```