@redneckz/wildless-cms-uni-blocks 0.5.3 → 0.5.4

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

@@ -1,13 +1,13 @@
 {
-  "title": "Страница не найдена",
-  "subtitle": "Возможно неправильно набран адрес или такой странице не существует",
+  "title": "Заголовок",
+  "subtitle": "Описание",
   "error": {
     "errorContentType": "Code",
-    "code": 404
+    "code": "404"
   },
   "button": {
-    "text": "Вернуться на главную",
+    "text": "Кнопка",
     "version": "primary",
-    "target": "_blank"
+    "target": "_self"
   }
 }

package/mobile/src/components/ErrorBlock/ErrorBlock.tsx

@@ -10,11 +10,11 @@ export interface ErrorBlockProps extends ErrorBlockContent, UniBlockProps {}
 
 const renderErrorContent = (error: ErrorBlockContent['error']) => {
   if (error?.errorContentType === 'Image' && error?.image) {
-    return <Img className="mb-7" image={error.image} />;
+    return <Img image={error.image} />;
   }
 
   if (error?.errorContentType === 'Code' && error.code) {
-    return <div className="text-title-extra gradient-color-text">{error.code}</div>;
+    return <div className="font-mohave text-title-extra gradient-color-text">{error.code}</div>;
   }
 
   return null;
@@ -26,10 +26,17 @@ export const ErrorBlock = JSX<ErrorBlockProps>(
     const router = useRouter();
 
     return (
-      <section className={`flex flex-col justify-center items-center ${className}`} role="listitem">
-        <div className="flex justify-center mb-7">{renderErrorContent(error)}</div>
+      <section
+        className={`flex flex-col justify-center items-center mt-12 ${className}`}
+        role="listitem"
+      >
+        <div className="flex justify-center py-20">{renderErrorContent(error)}</div>
         {title ? <Heading headingType="h1" className="text-left mb-4" title={title} /> : null}
-        {subtitle ? <div className="text-xl-light text-left mb-7">{subtitle}</div> : null}
+        {subtitle ? (
+          <div className="font-sans text-xl-light text-left mb-7 max-w-[613px] text-center">
+            {subtitle}
+          </div>
+        ) : null}
         {button?.text ? (
           <Button
             className="py-4 px-9"

package/mobile/src/components/ErrorBlock/ErrorBlockContent.ts

@@ -1,4 +1,3 @@
-import type { EmptyOption } from '../../model/EmptyOptionType';
 import type { Picture } from '../../model/Picture';
 import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
 
@@ -8,7 +7,6 @@ import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
 export type ErrorImageDef = {
   /** @default Image */
   errorContentType: 'Image';
-  /** @title Изображение */
   image?: Picture;
 };
 
@@ -18,10 +16,27 @@ export type ErrorImageDef = {
 export type ErrorCodeDef = {
   /** @default Code */
   errorContentType: 'Code';
-  /** @title Код ошибки */
-  code?: number;
+  /** @default 404 */
+  code?: ErrorType;
 };
-export type ErrorContentDef = EmptyOption | ErrorImageDef | ErrorCodeDef;
+
+/** @title Вид контента */
+export type ErrorContentDef = ErrorCodeDef | ErrorImageDef;
+
+/** @title Код */
+export type ErrorType =
+  | ''
+  | '400'
+  | '401'
+  | '402'
+  | '403'
+  | '404'
+  | '500'
+  | '501'
+  | '502'
+  | '503'
+  | '504'
+  | '505';
 
 /**
  * @title Блок ошибки
@@ -31,7 +46,6 @@ export interface ErrorBlockContent {
   title?: string;
   /** @title Описание */
   subtitle?: string;
-  /** @title Вид контента */
   error?: ErrorContentDef;
   /** @title Кнопка */
   button?: ButtonProps;

package/mobile/src/components/OfficeServicesBlock/OfficeServicesBlock.example.json

@@ -1,33 +1,47 @@
 {
-  "title": "Услуги",
-  "officesList": [
+  "title": "Заголовок",
+  "servicesList": [
     {
-      "text": "Обслуживание физических лиц",
-      "icon": { "icon": "CardTickIcon" }
+      "label": "Пункт 1",
+      "icon": { 
+        "icon": "CardTickIcon"
+      }
     },
     {
-      "text": "Обслуживание юридических лиц",
-      "icon": { "icon": "EmptyWalletChangeIcon" }
+      "label": "Пункт 2",
+      "icon": { 
+        "icon": "EmptyWalletChangeIcon" 
+      }
     },
     {
-      "text": "Продажа монет из драгоценных металлов",
-      "icon": { "icon": "UserTickIcon" }
+      "label": "Пункт 3",
+      "icon": { 
+        "icon": "UserTickIcon" 
+      }
     },
     {
-      "text": "Аренда индивидуальных сейфовых ячеек",
-      "icon": { "icon": "UserTickIcon" }
+      "label": "Пункт 4",
+      "icon": { 
+        "icon": "UserTickIcon" 
+      }
     },
     {
-      "text": "Операции с обезличенными металлическими счетами",
-      "icon": { "icon": "ShieldTickIcon" }
+      "label": "Пункт 5",
+      "icon": { 
+        "icon": "ShieldTickIcon" 
+      }
     },
     {
-      "text": "Операции со слитками драгоценных металлов",
-      "icon": { "icon": "ShieldTickIcon" }
+      "label": "Пункт 6",
+      "icon": { 
+        "icon": "ShieldTickIcon" 
+      }
     },
     {
-      "text": "Передача фото и голоса в Единую биометрическую систему",
-      "icon": { "icon": "ShieldTickIcon" }
+      "label": "Пункт 7",
+      "icon": { 
+        "icon": "ShieldTickIcon" 
+      }
     }
   ]
 }

package/mobile/src/components/OfficeServicesBlock/OfficeServicesBlock.tsx

@@ -11,14 +11,15 @@ import type {
 export interface OfficeServicesBlockProps extends OfficeServicesBlockContent, UniBlockProps {}
 
 export const OfficeServicesBlock = JSX<OfficeServicesBlockProps>(
-  ({ className = '', context, title, servicesList, anchor = '' }) => {
+  ({ className = '', context, title, servicesList, anchor = '', ...rest }) => {
     return (
       <BlockWrapper
         context={context}
         id={anchor}
-        className={`font-sans bg-white p-12 flex flex-col ${className}`}
+        className={`font-sans bg-white p-8 flex flex-col ${className}`}
+        {...rest}
       >
-        {title ? <Heading headingType="h5" className="mb-2.5" title={title} /> : null}
+        {title ? <Heading headingType="h5" className="mb-5" title={title} /> : null}
         {servicesList?.length ? servicesList.map(renderListItems) : null}
       </BlockWrapper>
     );
@@ -26,16 +27,16 @@ export const OfficeServicesBlock = JSX<OfficeServicesBlockProps>(
 );
 
 const renderListItems = (itemList: OfficeServicesBlockList, i) => (
-  <li key={`list_item_${String(i)}`} className="flex mb-2.5 list-none">
+  <li key={`list_item_${String(i)}`} className="flex mb-5 last:mb-0 list-none">
     {itemList.icon ? (
       <Img
-        className="mr-[14px] max-w-6 max-h-6"
+        className="mr-3 max-w-6 max-h-6"
         width="24px"
         height="24px"
         asSVG
         image={itemList.icon}
       />
     ) : null}
-    {itemList.text ? <span className="text-l-light">{itemList.text}</span> : null}
+    {itemList.label ? <span className="text-l-light">{itemList.label}</span> : null}
   </li>
 );

package/mobile/src/components/OfficeServicesBlock/OfficeServicesBlockContent.ts

@@ -12,7 +12,8 @@ export interface OfficeServicesBlockList {
    * }
    */
   icon?: Picture;
-  text?: string;
+  /** @title Текст */
+  label?: string;
 }
 
 /**

package/mobile/src/components/__snapshots__/Blocks.spec.tsx.snap

@@ -147,11 +147,11 @@ exports[`Blocks ComparisonTable should render block "ComparisonTable" without co
 
 exports[`Blocks ErrorBlock should render block "ErrorBlock" without content 1`] = `
 <section
-  class="flex flex-col justify-center items-center "
+  class="flex flex-col justify-center items-center mt-12 "
   role="listitem"
 >
   <div
-    class="flex justify-center mb-7"
+    class="flex justify-center py-20"
   />
 </section>
 `;
@@ -683,7 +683,7 @@ exports[`Blocks Navigation should render block "Navigation" without content 1`]
 
 exports[`Blocks OfficeServicesBlock should render block "OfficeServicesBlock" without content 1`] = `
 <section
-  class="font-sans bg-white p-12 flex flex-col "
+  class="font-sans bg-white p-8 flex flex-col "
 />
 `;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.5.3",
+  "version": "0.5.4",
   "private": false,
   "license": "MIT",
   "author": "ЦК",
@@ -139,6 +139,7 @@
     "copyfiles": "^2.4.1",
     "css-loader": "^6.7.1",
     "cssnano": "^5.1.11",
+    "cypress-mochawesome-reporter": "^3.2.3",
     "eslint": "^8.21.0",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-local-eslint-rules": "./eslint-rules",

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

@@ -1,13 +1,13 @@
 {
-  "title": "Страница не найдена",
-  "subtitle": "Возможно неправильно набран адрес или такой странице не существует",
+  "title": "Заголовок",
+  "subtitle": "Описание",
   "error": {
     "errorContentType": "Code",
-    "code": 404
+    "code": "404"
   },
   "button": {
-    "text": "Вернуться на главную",
+    "text": "Кнопка",
     "version": "primary",
-    "target": "_blank"
+    "target": "_self"
   }
 }

package/src/components/ErrorBlock/ErrorBlock.fixture.tsx

@@ -30,7 +30,7 @@ export default {
         subtitle="Возможно неправильно набран адрес или такой странице не существует"
         error={{
           errorContentType: 'Code',
-          code: 404,
+          code: '404',
         }}
         button={buttonPrimary}
       />
@@ -41,8 +41,8 @@ export default {
       <ErrorBlock
         className="col-span-12"
         context={context}
-        title="Страница не найдена"
-        subtitle="Возможно неправильно набран адрес или такой странице не существует"
+        title="Ваш браузер устарел"
+        subtitle="Чтобы открыть наш сайт обновите Ваш браузер или скачайте обновленные версии браузеров"
         error={{
           errorContentType: 'Image',
           image: image,

package/src/components/ErrorBlock/ErrorBlock.tsx

@@ -10,11 +10,11 @@ export interface ErrorBlockProps extends ErrorBlockContent, UniBlockProps {}
 
 const renderErrorContent = (error: ErrorBlockContent['error']) => {
   if (error?.errorContentType === 'Image' && error?.image) {
-    return <Img className="mb-7" image={error.image} />;
+    return <Img image={error.image} />;
   }
 
   if (error?.errorContentType === 'Code' && error.code) {
-    return <div className="text-title-extra gradient-color-text">{error.code}</div>;
+    return <div className="font-mohave text-title-extra gradient-color-text">{error.code}</div>;
   }
 
   return null;
@@ -26,10 +26,17 @@ export const ErrorBlock = JSX<ErrorBlockProps>(
     const router = useRouter();
 
     return (
-      <section className={`flex flex-col justify-center items-center ${className}`} role="listitem">
-        <div className="flex justify-center mb-7">{renderErrorContent(error)}</div>
+      <section
+        className={`flex flex-col justify-center items-center mt-12 ${className}`}
+        role="listitem"
+      >
+        <div className="flex justify-center py-20">{renderErrorContent(error)}</div>
         {title ? <Heading headingType="h1" className="text-left mb-4" title={title} /> : null}
-        {subtitle ? <div className="text-xl-light text-left mb-7">{subtitle}</div> : null}
+        {subtitle ? (
+          <div className="font-sans text-xl-light text-left mb-7 max-w-[613px] text-center">
+            {subtitle}
+          </div>
+        ) : null}
         {button?.text ? (
           <Button
             className="py-4 px-9"

package/src/components/ErrorBlock/ErrorBlockContent.ts

@@ -1,4 +1,3 @@
-import type { EmptyOption } from '../../model/EmptyOptionType';
 import type { Picture } from '../../model/Picture';
 import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
 
@@ -8,7 +7,6 @@ import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
 export type ErrorImageDef = {
   /** @default Image */
   errorContentType: 'Image';
-  /** @title Изображение */
   image?: Picture;
 };
 
@@ -18,10 +16,27 @@ export type ErrorImageDef = {
 export type ErrorCodeDef = {
   /** @default Code */
   errorContentType: 'Code';
-  /** @title Код ошибки */
-  code?: number;
+  /** @default 404 */
+  code?: ErrorType;
 };
-export type ErrorContentDef = EmptyOption | ErrorImageDef | ErrorCodeDef;
+
+/** @title Вид контента */
+export type ErrorContentDef = ErrorCodeDef | ErrorImageDef;
+
+/** @title Код */
+export type ErrorType =
+  | ''
+  | '400'
+  | '401'
+  | '402'
+  | '403'
+  | '404'
+  | '500'
+  | '501'
+  | '502'
+  | '503'
+  | '504'
+  | '505';
 
 /**
  * @title Блок ошибки
@@ -31,7 +46,6 @@ export interface ErrorBlockContent {
   title?: string;
   /** @title Описание */
   subtitle?: string;
-  /** @title Вид контента */
   error?: ErrorContentDef;
   /** @title Кнопка */
   button?: ButtonProps;

package/src/components/OfficeServicesBlock/OfficeServicesBlock.example.json

@@ -1,33 +1,47 @@
 {
-  "title": "Услуги",
-  "officesList": [
+  "title": "Заголовок",
+  "servicesList": [
     {
-      "text": "Обслуживание физических лиц",
-      "icon": { "icon": "CardTickIcon" }
+      "label": "Пункт 1",
+      "icon": { 
+        "icon": "CardTickIcon"
+      }
     },
     {
-      "text": "Обслуживание юридических лиц",
-      "icon": { "icon": "EmptyWalletChangeIcon" }
+      "label": "Пункт 2",
+      "icon": { 
+        "icon": "EmptyWalletChangeIcon" 
+      }
     },
     {
-      "text": "Продажа монет из драгоценных металлов",
-      "icon": { "icon": "UserTickIcon" }
+      "label": "Пункт 3",
+      "icon": { 
+        "icon": "UserTickIcon" 
+      }
     },
     {
-      "text": "Аренда индивидуальных сейфовых ячеек",
-      "icon": { "icon": "UserTickIcon" }
+      "label": "Пункт 4",
+      "icon": { 
+        "icon": "UserTickIcon" 
+      }
     },
     {
-      "text": "Операции с обезличенными металлическими счетами",
-      "icon": { "icon": "ShieldTickIcon" }
+      "label": "Пункт 5",
+      "icon": { 
+        "icon": "ShieldTickIcon" 
+      }
     },
     {
-      "text": "Операции со слитками драгоценных металлов",
-      "icon": { "icon": "ShieldTickIcon" }
+      "label": "Пункт 6",
+      "icon": { 
+        "icon": "ShieldTickIcon" 
+      }
     },
     {
-      "text": "Передача фото и голоса в Единую биометрическую систему",
-      "icon": { "icon": "ShieldTickIcon" }
+      "label": "Пункт 7",
+      "icon": { 
+        "icon": "ShieldTickIcon" 
+      }
     }
   ]
 }

package/src/components/OfficeServicesBlock/OfficeServicesBlock.fixture.tsx

@@ -10,31 +10,31 @@ export default {
         title="Услуги"
         servicesList={[
           {
-            text: 'Обслуживание физических лиц',
+            label: 'Обслуживание физических лиц',
             icon: { icon: 'CardTickIcon' },
           },
           {
-            text: 'Обслуживание юридических лиц',
+            label: 'Обслуживание юридических лиц',
             icon: { icon: 'EmptyWalletChangeIcon' },
           },
           {
-            text: 'Продажа монет из драгоценных металлов',
+            label: 'Продажа монет из драгоценных металлов',
             icon: { icon: 'UserTickIcon' },
           },
           {
-            text: 'Аренда индивидуальных сейфовых ячеек',
+            label: 'Аренда индивидуальных сейфовых ячеек',
             icon: { icon: 'UserTickIcon' },
           },
           {
-            text: 'Операции с обезличенными металлическими счетами',
+            label: 'Операции с обезличенными металлическими счетами',
             icon: { icon: 'ShieldTickIcon' },
           },
           {
-            text: 'Операции со слитками драгоценных металлов',
+            label: 'Операции со слитками драгоценных металлов',
             icon: { icon: 'ShieldTickIcon' },
           },
           {
-            text: 'Передача фото и голоса в Единую биометрическую систему',
+            label: 'Передача фото и голоса в Единую биометрическую систему',
             icon: { icon: 'ShieldTickIcon' },
           },
         ]}

package/src/components/OfficeServicesBlock/OfficeServicesBlock.tsx

@@ -11,14 +11,15 @@ import type {
 export interface OfficeServicesBlockProps extends OfficeServicesBlockContent, UniBlockProps {}
 
 export const OfficeServicesBlock = JSX<OfficeServicesBlockProps>(
-  ({ className = '', context, title, servicesList, anchor = '' }) => {
+  ({ className = '', context, title, servicesList, anchor = '', ...rest }) => {
     return (
       <BlockWrapper
         context={context}
         id={anchor}
-        className={`font-sans bg-white p-12 flex flex-col ${className}`}
+        className={`font-sans bg-white p-8 flex flex-col ${className}`}
+        {...rest}
       >
-        {title ? <Heading headingType="h5" className="mb-2.5" title={title} /> : null}
+        {title ? <Heading headingType="h5" className="mb-5" title={title} /> : null}
         {servicesList?.length ? servicesList.map(renderListItems) : null}
       </BlockWrapper>
     );
@@ -26,16 +27,16 @@ export const OfficeServicesBlock = JSX<OfficeServicesBlockProps>(
 );
 
 const renderListItems = (itemList: OfficeServicesBlockList, i) => (
-  <li key={`list_item_${String(i)}`} className="flex mb-2.5 list-none">
+  <li key={`list_item_${String(i)}`} className="flex mb-5 last:mb-0 list-none">
     {itemList.icon ? (
       <Img
-        className="mr-[14px] max-w-6 max-h-6"
+        className="mr-3 max-w-6 max-h-6"
         width="24px"
         height="24px"
         asSVG
         image={itemList.icon}
       />
     ) : null}
-    {itemList.text ? <span className="text-l-light">{itemList.text}</span> : null}
+    {itemList.label ? <span className="text-l-light">{itemList.label}</span> : null}
   </li>
 );

package/src/components/OfficeServicesBlock/OfficeServicesBlockContent.ts

@@ -12,7 +12,8 @@ export interface OfficeServicesBlockList {
    * }
    */
   icon?: Picture;
-  text?: string;
+  /** @title Текст */
+  label?: string;
 }
 
 /**

package/src/components/__snapshots__/Blocks.spec.tsx.snap

@@ -147,11 +147,11 @@ exports[`Blocks ComparisonTable should render block "ComparisonTable" without co
 
 exports[`Blocks ErrorBlock should render block "ErrorBlock" without content 1`] = `
 <section
-  class="flex flex-col justify-center items-center "
+  class="flex flex-col justify-center items-center mt-12 "
   role="listitem"
 >
   <div
-    class="flex justify-center mb-7"
+    class="flex justify-center py-20"
   />
 </section>
 `;
@@ -683,7 +683,7 @@ exports[`Blocks Navigation should render block "Navigation" without content 1`]
 
 exports[`Blocks OfficeServicesBlock should render block "OfficeServicesBlock" without content 1`] = `
 <section
-  class="font-sans bg-white p-12 flex flex-col "
+  class="font-sans bg-white p-8 flex flex-col "
 />
 `;