@redneckz/wildless-cms-uni-blocks 0.6.21 → 0.6.23

package/src/components/ContentPage/useContentPageData.ts

@@ -0,0 +1,49 @@
+import { useEffect, useState } from 'react';
+import type { BlocksRegistry } from '../../model/BlocksRegistry';
+import type { BlockDef, ContentPageDef } from '../../model/ContentPageDef';
+import baseData from './ContentPage.page.json';
+
+const BLOCK_TYPES_BLACK_LIST = [
+  'Header',
+  'Footer',
+  'Placeholder',
+  'AccordionItem',
+  'OtherProductsItem',
+];
+
+export function useContentPageData(blocksRegistry: BlocksRegistry): ContentPageDef {
+  const [data, setData] = useState<ContentPageDef>(baseData);
+
+  useEffect(() => {
+    contentPageData(blocksRegistry).then((_) => setData(_));
+  }, []);
+
+  return data;
+}
+
+const contentPageData = async (blocksRegistry: BlocksRegistry): Promise<ContentPageDef> => ({
+  ...baseData,
+  blocks: await Promise.all(
+    Object.keys(blocksRegistry)
+      .filter((type) => !BLOCK_TYPES_BLACK_LIST.includes(type))
+      .sort()
+      .map(
+        async (type): Promise<BlockDef> => ({
+          type,
+          style: ['col-span-12'],
+          content: {},
+          ...(await blockContentExample(type)),
+        }),
+      ),
+  ),
+});
+
+async function blockContentExample(type: string) {
+  try {
+    return (await import(`../${type}/${type}.example.json`)).default;
+  } catch (ex) {
+    // Do nothing
+  }
+
+  return {};
+}

package/src/components/ErrorBlock/ErrorBlock.example.json

@@ -1,13 +1,15 @@
 {
-  "title": "Заголовок",
-  "subtitle": "Описание",
-  "error": {
-    "errorContentType": "Code",
-    "code": "404"
-  },
-  "button": {
-    "text": "Кнопка",
-    "version": "primary",
-    "target": "_self"
+  "content": {
+    "title": "Заголовок",
+    "subtitle": "Описание",
+    "error": {
+      "errorContentType": "Code",
+      "code": "404"
+    },
+    "button": {
+      "text": "Кнопка",
+      "version": "primary",
+      "target": "_self"
+    }
   }
 }

package/src/components/ErrorBlock/ErrorBlock.tsx

@@ -26,10 +26,7 @@ export const ErrorBlock = JSX<ErrorBlockProps>(
     const router = useRouter();
 
     return (
-      <section
-        className={`flex flex-col justify-center items-center mt-12 ${className}`}
-        role="listitem"
-      >
+      <section className={`flex flex-col justify-center items-center mt-12 ${className}`}>
         <div className="flex justify-center py-20">{renderErrorContent(error)}</div>
         {title ? <Heading headingType="h1" className="text-left mb-4" title={title} /> : null}
         {subtitle ? (

package/src/components/ExchangeRateTile/CurrentLocation.tsx

@@ -11,7 +11,7 @@ export const CurrentLocation = JSX<CurrentLocationProps>(({ className = '', addr
     <Img image={{ icon: 'GpsIcon' }} width="24" height="24" asSVG />
     <div className="ml-3">
       {address ? <p className="text-primary-main  m-0 mb-1 text-l">{address}</p> : null}
-      <p className="text-secondary-text m-0 text-m">Курс указан для ближайшего офиса</p>
+      <p className="text-secondary-text m-0 text-m">Курс указан для заданного офиса</p>
     </div>
   </div>
 ));

package/src/components/ExchangeRateTile/ExchangeRateTile.example.json

@@ -1,8 +1,10 @@
 {
-  "button": {
-    "href": "https://coins.rshb.ru/exchange",
-    "text": "Купить валюту",
-    "target": "_blank",
-    "version": "primary"
+  "content": {
+    "button": {
+      "href": "https://coins.rshb.ru/exchange",
+      "text": "Купить валюту",
+      "target": "_blank",
+      "version": "primary"
+    }
   }
 }

package/src/components/Gallery/Gallery.example.json

@@ -1,64 +1,66 @@
 {
-  "title": "Галерея",
-  "description": "Описание",
-  "orientation": "horizontal",
-  "cards": [
-    {
-      "icon": {
-        "format": "webp",
-        "size": {
-          "width": 150,
-          "height": 150
-        }
+  "content": {
+    "title": "Галерея",
+    "description": "Описание",
+    "orientation": "horizontal",
+    "cards": [
+      {
+        "icon": {
+          "format": "webp",
+          "size": {
+            "width": 150,
+            "height": 150
+          }
+        },
+        "title": "Заголовок 1",
+        "description": "Описание 1",
+        "href": "/credit-cards",
+        "version": "primary",
+        "isDotted": true,
+        "items": [
+          { "text": "Элемент списка 1", "title": "Элемент заголовка 1" },
+          { "text": "Элемент списка 2", "title": "Элемент заголовка 2" },
+          { "text": "Элемент списка 3", "title": "Элемент заголовка 3" }
+        ]
       },
-      "title": "Заголовок 1",
-      "description": "Описание 1",
-      "href": "/credit-cards",
-      "version": "primary",
-      "isDotted": true,
-      "items": [
-        { "text": "Элемент списка 1", "title": "Элемент заголовка 1" },
-        { "text": "Элемент списка 2", "title": "Элемент заголовка 2" },
-        { "text": "Элемент списка 3", "title": "Элемент заголовка 3" }
-      ]
-    },
-    {
-      "icon": {
-        "format": "webp",
-        "size": {
-          "width": 140,
-          "height": 140
-        }
+      {
+        "icon": {
+          "format": "webp",
+          "size": {
+            "width": 140,
+            "height": 140
+          }
+        },
+        "title": "Заголовок 2",
+        "description": "Описание 2",
+        "href": "/credit-cards",
+        "version": "primary",
+        "isDotted": true,
+        "items": [
+          { "text": "Элемент списка 1", "title": "Элемент заголовка 1" },
+          { "text": "Элемент списка 2", "title": "Элемент заголовка 2" },
+          { "text": "Элемент списка 3", "title": "Элемент заголовка 3" }
+        ]
       },
-      "title": "Заголовок 2",
-      "description": "Описание 2",
-      "href": "/credit-cards",
-      "version": "primary",
-      "isDotted": true,
-      "items": [
-        { "text": "Элемент списка 1", "title": "Элемент заголовка 1" },
-        { "text": "Элемент списка 2", "title": "Элемент заголовка 2" },
-        { "text": "Элемент списка 3", "title": "Элемент заголовка 3" }
-      ]
-    },
-    {
-      "image": {
-        "format": "webp",
-        "size": {
-          "width": 140,
-          "height": 140
-        }
-      },
-      "title": "Заголовок 3",
-      "description": "Описание 3",
-      "href": "/credit-cards",
-      "version": "primary",
-      "isDotted": true,
-      "items": [
-        { "text": "Элемент списка 1", "title": "Элемент заголовка 1" },
-        { "text": "Элемент списка 2", "title": "Элемент заголовка 2" },
-        { "text": "Элемент списка 3", "title": "Элемент заголовка 3" }
-      ]
-    }
-  ]
+      {
+        "image": {
+          "format": "webp",
+          "size": {
+            "width": 140,
+            "height": 140
+          }
+        },
+        "title": "Заголовок 3",
+        "description": "Описание 3",
+        "href": "/credit-cards",
+        "version": "primary",
+        "isDotted": true,
+        "items": [
+          { "text": "Элемент списка 1", "title": "Элемент заголовка 1" },
+          { "text": "Элемент списка 2", "title": "Элемент заголовка 2" },
+          { "text": "Элемент списка 3", "title": "Элемент заголовка 3" }
+        ]
+      }
+    ]
+  }
 }

package/src/components/Gallery/Gallery.ui.json

@@ -4,6 +4,17 @@
       "items": {
         "additionalDescription": {
           "ui:field": "hidden"
+        },
+        "icon": {
+          "ui:field": "picture"
+        },
+        "button": {
+          "icon": {
+            "ui:field": "icon"
+          },
+          "iconRight": {
+            "ui:field": "icon"
+          }
         }
       }
     }