@bottlebooks/valid-values 1.1.0 → 1.2.1

package/src/main.ts

@@ -1,41 +1,51 @@
 import createValidValues from './validValues/utils/createValidValues.js';
 import './style.css';
 import * as validValues from './validValues.js';
+import { designation } from './validValues.js';
+import { translate } from './core/translate';
+import { MessageDescriptor } from '@lingui/core';
 
 document.querySelector<HTMLDivElement>('#app')!.innerHTML = `
   <div>
     <h1>ValidValues</h1>
     ${Object.entries(validValues)
-      .map(([key, values]) => {
-        if (values.list) {
-          const list = values.list as ReturnType<
-            typeof createValidValues
-          >['list'];
-          return `<h2>${key}</h2>
-            <pre>${list().map((item, i) =>
-              i === 0
-                ? JSON.stringify(
-                    {
-                      // @ts-ignore
-                      id: item.id,
-                      'title(en)': item.getTitle('en'),
-                      'title(de)': item.getTitle('de'),
-                      titles: item.getTitles(['de', 'en', 'es', 'fr']),
-                      ...item,
-                      form: item.form && {
-                        ...item.form,
-                        // 'description(en)': item.form?.getDescription('en'),
-                        // 'description(de)': item.form?.getDescription('de'),
-                      },
-                    },
-                    undefined,
-                    2
-                  )
-                : ''
-            )}</pre>
+      .map(([validValueCategory, values]) => {
+        const list = values.list as ReturnType<
+          typeof createValidValues
+        >['list'];
+        let content: string = `<h2>${validValueCategory}</h2>`;
+        // if (['designation'].includes(validValueCategory)) {
+        //   return '';
+        // }
+        return `${content}
+          <pre>${list.map((item, i) => {
+            const { key, title, form } = item;
+            // const message = { id: item.id } as MessageDescriptor;
+            return i === 0
+              ? JSON.stringify(
+                  {
+                    // @ts-ignore
+                    id: item.id,
+                    'title(en)': translate(title, 'en'),
+                    'title(de)': translate(title, 'de'),
+                    // titles: item.getTitles(['de', 'en', 'es', 'fr']),
+                    ...item,
+                    form: item.form
+                      ? item.form && {
+                          ...item.form,
+                          // 'description(en)': item.form?.getDescription('en'),
+                          // 'description(de)': item.form?.getDescription('de'),
+                        }
+                      : null,
+                  },
+                  undefined,
+                  2
+                )
+              : '';
+          })}</pre>
           `;
-        }
-        return `<h2>${key}</h2>
+
+        return `<h2>${validValueCategory}</h2>
           <pre>${JSON.stringify(values, undefined, 2)}</pre>
         `;
       })