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

package/mobile/src/ui-kit/Tags/Tags.tsx

@@ -0,0 +1,26 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { TagsContent } from './TagsContent';
+
+export interface TagsProps extends TagsContent {
+  /** @hidden */
+  className?: string;
+}
+
+export const Tags = JSX<TagsProps>((props) => {
+  const { tags, className = '' } = props;
+
+  return tags?.length ? (
+    <div className={`flex flex-wrap gap-2 ${className}`}>
+      {tags.map((_, i) => renderTag(_, String(i)))}
+    </div>
+  ) : null;
+});
+
+const renderTag = (tag: string, key: string) => (
+  <span
+    key={key}
+    className="text-m-light py-2 px-2.5 border-solid border rounded-md border-color-stroke"
+  >
+    {tag}
+  </span>
+);

package/mobile/src/ui-kit/Tags/TagsContent.ts

@@ -0,0 +1,6 @@
+export interface TagsContent {
+  /**
+   * @title Теги
+   */
+  tags?: string[];
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.6.22",
+  "version": "0.6.23",
   "private": false,
   "license": "MIT",
   "author": "ЦК",
@@ -128,6 +128,8 @@
   },
   "devDependencies": {
     "@babel/preset-env": "^7.19.4",
+    "@commitlint/cli": "^17.3.0",
+    "@commitlint/config-conventional": "^17.3.0",
     "@rollup/plugin-node-resolve": "^13.3.0",
     "@rollup/plugin-replace": "^5.0.1",
     "@rollup/plugin-typescript": "^8.3.3",
@@ -183,7 +185,7 @@
       "path": "lib/common.css"
     },
     {
-      "limit": "39 kB",
+      "limit": "41 kB",
       "path": "bundle/bundle.umd.min.js"
     }
   ],
@@ -195,6 +197,24 @@
       "prettier --write"
     ]
   },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ],
+    "rules": {
+      "type-empty": [
+        0
+      ],
+      "subject-empty": [
+        0
+      ],
+      "header-min-length": [
+        2,
+        "always",
+        12
+      ]
+    }
+  },
   "peerDependenciesMeta": {
     "react": {
       "optional": true

package/src/components/Accordion/Accordion.example.json

@@ -1,4 +1,54 @@
 {
-  "title": "Аккордеон",
-  "accordionAlignTitle": "center"
+  "content": {
+    "title": "Аккордеон",
+    "accordionAlignTitle": "center"
+  },
+  "blocks": [
+    {
+      "type": "AccordionItem",
+      "content": {
+        "label": "Аккордеон 1",
+        "isExpanded": true,
+        "labelIcon": {
+          "icon": "CardIcon"
+        }
+      },
+      "blocks": [
+        {
+          "type": "Bonus",
+          "content": {
+            "title": "Начисление баллов",
+            "description": "Описание",
+            "bonusItems": [
+              {
+                "title": "Плитка 1",
+                "description": "Описание плитки 1"
+              }
+            ]
+          },
+          "style": ["col-span-12"]
+        }
+      ]
+    },
+    {
+      "type": "AccordionItem",
+      "content": {
+        "label": "Аккордеон 2",
+        "isExpanded": false,
+        "labelIcon": {
+          "icon": "CardIcon"
+        }
+      }
+    },
+    {
+      "type": "AccordionItem",
+      "content": {
+        "label": "Аккордеон 3",
+        "isExpanded": false,
+        "labelIcon": {
+          "icon": "CardIcon"
+        }
+      }
+    }
+  ]
 }

package/src/components/AccordionItem/AccordionItem.example.json

@@ -1,7 +1,25 @@
 {
-  "label": "Аккордеон 1",
-  "isExpanded": true,
-  "labelIcon": {
-    "icon": "CardIcon"
-  }
+  "content": {
+    "label": "Аккордеон 1",
+    "isExpanded": true,
+    "labelIcon": {
+      "icon": "CardIcon"
+    }
+  },
+  "blocks": [
+    {
+      "type": "Bonus",
+      "content": {
+        "title": "Начисление баллов",
+        "description": "Описание",
+        "bonusItems": [
+          {
+            "title": "Плитка 1",
+            "description": "Описание плитки 1"
+          }
+        ]
+      },
+      "style": ["col-span-12"]
+    }
+  ]
 }

package/src/components/BenefitsBlock/BenefitsBlock.example.json

@@ -1,36 +1,38 @@
 {
-  "title": "Преимущества",
-  "benefitsBlockVersion": "primary",
-  "benefitList": [
-    {
-      "label": "Преимущество №1",
-      "description": {
-        "name": "Описание 1",
-        "benefitType": "description"
-      },
-      "icon": {
-        "icon": "ClockIcon",
-        "format": "webp",
-        "size": {
-          "width": 70,
-          "height": 70
+  "content": {
+    "title": "Преимущества",
+    "benefitsBlockVersion": "primary",
+    "benefitList": [
+      {
+        "label": "Преимущество №1",
+        "description": {
+          "name": "Описание 1",
+          "benefitType": "description"
+        },
+        "icon": {
+          "icon": "ClockIcon",
+          "format": "webp",
+          "size": {
+            "width": 70,
+            "height": 70
+          }
         }
-      }
-    },
-    {
-      "label": "Преимущество №2",
-      "description": {
-        "name": "Описание 2",
-        "benefitType": "description"
       },
-      "icon": {
-        "icon": "SignDocsIcon",
-        "format": "webp",
-        "size": {
-          "width": 70,
-          "height": 70
+      {
+        "label": "Преимущество №2",
+        "description": {
+          "name": "Описание 2",
+          "benefitType": "description"
+        },
+        "icon": {
+          "icon": "SignDocsIcon",
+          "format": "webp",
+          "size": {
+            "width": 70,
+            "height": 70
+          }
         }
       }
-    }
-  ]
+    ]
+  }
 }

package/src/components/Bonus/Bonus.example.json

@@ -1,10 +1,12 @@
 {
-  "title": "Начисление баллов",
-  "description": "Описание",
-  "bonusItems": [
-    {
-      "title": "Плитка 1",
-      "description": "Описание плитки 1"
-    }
-  ]
+  "content": {
+    "title": "Начисление баллов",
+    "description": "Описание",
+    "bonusItems": [
+      {
+        "title": "Плитка 1",
+        "description": "Описание плитки 1"
+      }
+    ]
+  }
 }

package/src/components/BonusBenefitsBlock/BonusBenefitsBlock.example.json

@@ -1,94 +1,97 @@
 {
-  "title": "Вы можете оплатить бонусными баллами",
-  "subtitle": "Удобный каталог с большим ассортиментом товаров и сервисов",
-  "bonusBenefits": [
-    {
-      "label": "Более 5000 товаров",
-      "icon": {
-        "format": "webp",
-        "size": {
-          "width": 160,
-          "height": 180
-        },
-        "icon": "WateringCanIcon"
+  "content": {
+    "title": "Вы можете оплатить бонусными баллами",
+    "subtitle": "Удобный каталог с большим ассортиментом товаров и сервисов",
+    "columnsCount": "4",
+    "bonusBenefits": [
+      {
+        "label": "Более 5000 товаров",
+        "icon": {
+          "format": "webp",
+          "size": {
+            "width": 160,
+            "height": 180
+          },
+          "icon": "WateringCanIcon"
+        }
+      },
+      {
+        "label": "750 авиакомпаний, 1,2 млн отелей, билеты РЖД",
+        "icon": {
+          "format": "webp",
+          "size": {
+            "width": 160,
+            "height": 180
+          },
+          "icon": "SignDocsIcon"
+        }
+      },
+      {
+        "label": "Аренда автомобилей",
+        "icon": {
+          "format": "webp",
+          "size": {
+            "width": 160,
+            "height": 180
+          },
+          "icon": "SignDocsIcon"
+        }
+      },
+      {
+        "label": "Болеее 1000 развлечений",
+        "icon": {
+          "format": "webp",
+          "size": {
+            "width": 160,
+            "height": 180
+          },
+          "icon": "SignDocsIcon"
+        }
+      },
+      {
+        "label": "Платежные гаджеты Pay Ring",
+        "icon": {
+          "format": "webp",
+          "size": {
+            "width": 160,
+            "height": 180
+          },
+          "icon": "SignDocsIcon"
+        }
+      },
+      {
+        "label": "Цифровые сервисы",
+        "icon": {
+          "format": "webp",
+          "size": {
+            "width": 160,
+            "height": 180
+          },
+          "icon": "SignDocsIcon"
+        }
+      },
+      {
+        "label": "Фермерские продукты",
+        "icon": {
+          "format": "webp",
+          "size": {
+            "width": 160,
+            "height": 180
+          },
+          "icon": "SignDocsIcon"
+        }
+      },
+      {
+        "label": "Страхование",
+        "icon": {
+          "format": "webp",
+          "size": {
+            "width": 160,
+            "height": 180
+          },
+          "icon": "SignDocsIcon"
+        }
       }
-    },
-    {
-      "label": "750 авиакомпаний, 1,2 млн отелей, билеты РЖД",
-      "icon": {
-        "format": "webp",
-        "size": {
-          "width": 160,
-          "height": 180
-        },
-        "icon": "SignDocsIcon"
-      }
-    },
-    {
-      "label": "Аренда автомобилей",
-      "icon": {
-        "format": "webp",
-        "size": {
-          "width": 160,
-          "height": 180
-        },
-        "icon": "SignDocsIcon"
-      }
-    },
-    {
-      "label": "Болеее 1000 развлечений",
-      "icon": {
-        "format": "webp",
-        "size": {
-          "width": 160,
-          "height": 180
-        },
-        "icon": "SignDocsIcon"
-      }
-    },
-    {
-      "label": "Платежные гаджеты Pay Ring",
-      "icon": {
-        "format": "webp",
-        "size": {
-          "width": 160,
-          "height": 180
-        },
-        "icon": "SignDocsIcon"
-      }
-    },
-    {
-      "label": "Цифровые сервисы",
-      "icon": {
-        "format": "webp",
-        "size": {
-          "width": 160,
-          "height": 180
-        },
-        "icon": "SignDocsIcon"
-      }
-    },
-    {
-      "label": "Фермерские продукты",
-      "icon": {
-        "format": "webp",
-        "size": {
-          "width": 160,
-          "height": 180
-        },
-        "icon": "SignDocsIcon"
-      }
-    },
-    {
-      "label": "Страхование",
-      "icon": {
-        "format": "webp",
-        "size": {
-          "width": 160,
-          "height": 180
-        },
-        "icon": "SignDocsIcon"
-      }
-    }
-  ]
+    ]
+  }
 }

package/src/components/Calculator/Calculator.example.json

@@ -1,22 +1,24 @@
 {
-  "calculatorTabs": [
-    {
-      "nav": {
-        "title": "Вкладка 1",
-        "description": "Описание вкладки 1",
-        "icon": { "icon": "CalendarIcon" }
-      },
-      "calculatorBlock": {
-        "calcType": "CreditCalculatorForm",
-        "buttons": [
-          {
-            "href": "#",
-            "text": "Кнопка 1",
-            "version": "primary"
-          }
-        ],
-        "footnote": "Расчёт является предварительным. Точные условия будут предоставлены в отделении Банка. "
+  "content": {
+    "calculatorTabs": [
+      {
+        "nav": {
+          "title": "Вкладка 1",
+          "description": "Описание вкладки 1",
+          "icon": { "icon": "CalendarIcon" }
+        },
+        "calculatorBlock": {
+          "calcType": "CreditCalculatorForm",
+          "buttons": [
+            {
+              "href": "#",
+              "text": "Кнопка 1",
+              "version": "primary"
+            }
+          ],
+          "footnote": "Расчёт является предварительным. Точные условия будут предоставлены в отделении Банка. "
+        }
       }
-    }
-  ]
+    ]
+  }
 }

package/src/components/Calculator/CalculatorContent.ts

@@ -1,8 +1,8 @@
 import type { EmptyOption } from '../../model/EmptyOptionType';
+import type { Footnote } from '../../model/Footnote';
+import type { HeadlineCommonProps, TitleProps } from '../../model/HeadlineType';
 import type { IconProps } from '../../model/Picture';
 import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
-import type { HeadlineCommonProps, TitleProps } from '../../model/HeadlineType';
-import type { Footnote } from '../../model/Footnote';
 
 export type CommonCalculatorProps = Footnote & {
   /** @title Кнопки */
@@ -11,32 +11,6 @@ export type CommonCalculatorProps = Footnote & {
   sourceBookDir?: string;
 };
 
-/**
- * TODO: данные из справочника
- **/
-export interface CreditCalculatorParams {
-  /** @hidden */
-  isSalaryClient?: boolean;
-  /** @hidden */
-  isStateEmployee?: boolean;
-  /** @hidden */
-  isInsurance?: boolean;
-  /** @hidden */
-  isAnnuity?: boolean;
-  /** @hidden */
-  minSum?: number;
-  /** @hidden */
-  maxSum?: number;
-  /** @hidden */
-  minMonths?: number;
-  /** @hidden */
-  maxMonths?: number;
-  /** @hidden */
-  rateWithInsurance?: number;
-  /** @hidden */
-  rateWithoutInsurance?: number;
-}
-
 /**
  * TODO: данные из справочника
  **/
@@ -53,29 +27,6 @@ export interface DepositCalculatorParams {
   rate?: number;
 }
 
-/**
- * TODO: данные из справочника
- **/
-
-export interface BonusCalculatorParams {
-  /** @hidden */
-  bonus?: number;
-  /** @hidden */
-  minSumTravel?: number;
-  /** @hidden */
-  maxSumTravel?: number;
-  /** @hidden */
-  minSumOther?: number;
-  /** @hidden */
-  maxSumOther?: number;
-  maxBonus?: number;
-  prefMonthsNum?: number;
-  prefTravelBonusRate?: number;
-  prefRestBonusRate?: number;
-  travelBonusRate?: number;
-  restBonusRate?: number;
-}
-
 /**
  * ? Общий интерфейс для всех типов калькуляторов?
  * ? Используется во вложенных функциях. Может быть как то разбить это и вынести отсюда?
@@ -96,7 +47,6 @@ export interface CalculatorParams {
  * @default {"calcType": "CreditCalculatorForm"}
  */
 export type CreditCalculatorParamsDef = TitleProps &
-  CreditCalculatorParams &
   CommonCalculatorProps & {
     calcType: 'CreditCalculatorForm';
   };
@@ -116,7 +66,6 @@ export type DepositCalculatorParamsDef = TitleProps &
  * @default {"calcType": "BonusCalculatorForm"}
  */
 export type BonusCalculatorParamsDef = TitleProps &
-  BonusCalculatorParams &
   CommonCalculatorProps & {
     calcType: 'BonusCalculatorForm';
   };

package/src/components/CardTransfer/CardTransfer.example.json

@@ -1,11 +1,13 @@
 {
-  "title": "Укажите сумму перевода",
-  "label": "Сумма перевода",
-  "placeholder": "1500",
-  "button": {
-    "href": "",
-    "text": "Далее",
-    "target": "_blank",
-    "version": "primary"
+  "content": {
+    "title": "Укажите сумму перевода",
+    "label": "Сумма перевода",
+    "placeholder": "1500",
+    "button": {
+      "href": "",
+      "text": "Далее",
+      "target": "_blank",
+      "version": "primary"
+    }
   }
 }