@redneckz/wildless-cms-uni-blocks 0.2.91 → 0.2.92

package/src/components/ContentPage/ContentPage.page.json

@@ -1425,6 +1425,421 @@
         ]
       }
     },
+    {
+      "type": "TariffsTable",
+      "style": ["col-span-12"],
+      "content": {
+        "title": "Другие дебетовые карты Россельхозбанка",
+        "rowHeaders": [
+          {
+            "title": "Начисление процентов на остаток по счету",
+            "icon": "OkIcon"
+          },
+          {
+            "title": "Снятие наличных",
+            "icon": "GlassIcon"
+          },
+          {
+            "title": "Оформление онлайн",
+            "icon": "ShieldTickIcon"
+          },
+          {
+            "title": "Кэшбэк баллами"
+          },
+          {
+            "title": "Стоимость обслуживания"
+          },
+          {
+            "title": "Стоимость SMS-сервиса"
+          },
+          {
+            "title": "Дополнительная информация"
+          }
+        ],
+        "columns": [
+          {
+            "data": [
+              [
+                {
+                  "label": "Нет"
+                }
+              ],
+              [
+                {
+                  "label": "Бесплатно",
+                  "description": "В банкоматах и кассах Россельхозбанка и банков-партнеров"
+                },
+                {
+                  "label": "Бесплатно",
+                  "description": "В сторонних банкоматах - 1 раз в месяц, далее 1% минимум 150 руб"
+                }
+              ],
+              [
+                {
+                  "label": "Нет"
+                }
+              ],
+              [
+                {
+                  "label": "Платёжные системы картинкой"
+                },
+                {
+                  "image": {
+                    "src": "payment-systems.png",
+                    "format": "webp",
+                    "size": {
+                      "width": 288,
+                      "height": 56
+                    }
+                  }
+                }
+              ],
+              [
+                {
+                  "label": "Кнопки-иконки"
+                },
+                {
+                  "buttons": [
+                    {
+                      "icon": "AppleIcon",
+                      "rounded": true,
+                      "version": "secondary",
+                      "href": "/_blank",
+                      "target": "_blank"
+                    },
+                    {
+                      "icon": "PlayMarketIcon",
+                      "rounded": true,
+                      "version": "secondary",
+                      "href": "/secondary"
+                    }
+                  ]
+                }
+              ],
+              [
+                {
+                  "label": "Бесплатно",
+                  "list": {
+                    "items": [
+                      "item 1",
+                      "item 2",
+                      "item 3"
+                    ]
+                  }
+                }
+              ],
+              [
+                {
+                  "image": {
+                    "src": "money-1.png",
+                    "format": "webp",
+                    "size": {
+                      "width": 140,
+                      "height": 140
+                    }
+                  }
+                }
+              ]
+            ]
+          },
+          {
+            "data": [
+              [
+                {
+                  "label": "Нет"
+                }
+              ],
+              [
+                {
+                  "label": "Бесплатно",
+                  "description": "В банкоматах и кассах Россельхозбанка и банков-партнеров"
+                },
+                {
+                  "label": "1%",
+                  "description": "В сторонних банкоматах, минимум 150 руб"
+                }
+              ],
+              [
+                {
+                  "label": "Нет"
+                }
+              ],
+              [
+                {
+                  "label": "До 20%"
+                },
+                {
+                  "list": {
+                    "isDotted": false,
+                    "items": [
+                      "item 1",
+                      "item 2",
+                      "item 3"
+                    ]
+                  }
+                }
+              ],
+              [
+                {
+                  "label": "Бесплатно",
+                  "description": "При обороте по карте от 10000 ₽ в месяц"
+                }
+              ],
+              [
+                {
+                  "label": "69 рублей в месяц"
+                },
+                {
+                  "list": {
+                    "version": "primary",
+                    "items": [
+                      "item 1",
+                      "item 2",
+                      "item 3"
+                    ]
+                  }
+                }
+              ],
+              [
+                {
+                  "description": "Копите баллы каждый день и обменивайте их на скидки на электронику и бытовую технику Panasonic"
+                }
+              ]
+            ]
+          },
+          {
+            "data": [
+              [
+                {
+                  "label": "Нет"
+                }
+              ],
+              [
+                {
+                  "label": "Бесплатно"
+                }
+              ],
+              [
+                {
+                  "label": "Есть"
+                }
+              ],
+              [
+                {
+                  "label": "До 20%"
+                }
+              ],
+              [
+                {
+                  "label": "Бесплатно",
+                  "description": "При обороте по карте от 10000 ₽ в месяц"
+                }
+              ],
+              [
+                {
+                  "label": "69 рублей в месяц"
+                }
+              ],
+              [
+                {
+                  "description": "Для членов профсоюзных организаций"
+                }
+              ]
+            ]
+          },
+          {
+            "data": [
+              [
+                {
+                  "label": "Нет"
+                }
+              ],
+              [
+                {
+                  "label": "Бесплатно",
+                  "description": "В банкоматах и кассах Россельхозбанка и банков-партнеров"
+                },
+                {
+                  "label": "Бесплатно",
+                  "description": "В сторонних банкоматах - 1 раз в месяц, далее 1% минимум 150 руб"
+                }
+              ],
+              [
+                {
+                  "label": "Нет"
+                }
+              ],
+              [
+                {
+                  "label": "Платёжные системы картинкой"
+                },
+                {
+                  "image": {
+                    "src": "payment-systems.png",
+                    "format": "webp",
+                    "size": {
+                      "width": 288,
+                      "height": 56
+                    }
+                  }
+                }
+              ],
+              [
+                {
+                  "label": "Кнопки-иконки"
+                },
+                {
+                  "buttons": [
+                    {
+                      "icon": "AppleIcon",
+                      "rounded": true,
+                      "version": "secondary",
+                      "href": "/_blank",
+                      "target": "_blank"
+                    },
+                    {
+                      "icon": "PlayMarketIcon",
+                      "rounded": true,
+                      "version": "secondary",
+                      "href": "/secondary"
+                    }
+                  ]
+                }
+              ],
+              [
+                {
+                  "label": "Бесплатно",
+                  "list": {
+                    "items": [
+                      "item 1",
+                      "item 2",
+                      "item 3"
+                    ]
+                  }
+                }
+              ],
+              [
+                {
+                  "image": {
+                    "src": "money-1.png",
+                    "format": "webp",
+                    "size": {
+                      "width": 140,
+                      "height": 140
+                    }
+                  }
+                }
+              ]
+            ]
+          },
+          {
+            "data": [
+              [
+                {
+                  "label": "Нет"
+                }
+              ],
+              [
+                {
+                  "label": "Бесплатно",
+                  "description": "В банкоматах и кассах Россельхозбанка и банков-партнеров"
+                },
+                {
+                  "label": "1%",
+                  "description": "В сторонних банкоматах, минимум 150 руб"
+                }
+              ],
+              [
+                {
+                  "label": "Нет"
+                }
+              ],
+              [
+                {
+                  "label": "До 20%"
+                },
+                {
+                  "list": {
+                    "isDotted": false,
+                    "items": [
+                      "item 1",
+                      "item 2",
+                      "item 3"
+                    ]
+                  }
+                }
+              ],
+              [
+                {
+                  "label": "Бесплатно",
+                  "description": "При обороте по карте от 10000 ₽ в месяц"
+                }
+              ],
+              [
+                {
+                  "label": "69 рублей в месяц"
+                },
+                {
+                  "list": {
+                    "version": "primary",
+                    "items": [
+                      "item 1",
+                      "item 2",
+                      "item 3"
+                    ]
+                  }
+                }
+              ],
+              [
+                {
+                  "description": "Копите баллы каждый день и обменивайте их на скидки на электронику и бытовую технику Panasonic"
+                }
+              ]
+            ]
+          },
+          {
+            "data": [
+              [
+                {
+                  "label": "Нет"
+                }
+              ],
+              [
+                {
+                  "label": "Бесплатно"
+                }
+              ],
+              [
+                {
+                  "label": "Есть"
+                }
+              ],
+              [
+                {
+                  "label": "До 20%"
+                }
+              ],
+              [
+                {
+                  "label": "Бесплатно",
+                  "description": "При обороте по карте от 10000 ₽ в месяц"
+                }
+              ],
+              [
+                {
+                  "label": "69 рублей в месяц"
+                }
+              ],
+              [
+                {
+                  "description": "Для членов профсоюзных организаций"
+                }
+              ]
+            ]
+          }
+        ]
+      }
+    },
     {
       "type": "PictureText",
       "style": ["col-span-12"],

package/src/components/TariffsTable/TariffsTable.example.json

@@ -0,0 +1,85 @@
+{
+  "title": "Заголовок",
+  "rowHeaders": [
+    {
+      "title": "Параметр 1",
+      "icon": "MoneyIcon"
+    },
+    {
+      "title": "Параметр 2",
+      "icon": "DollarIcon"
+    },
+    {
+      "title": "Параметр 3"
+    },
+    {
+      "title": "Параметр 4"
+    }
+  ],
+  "columns": [
+    {
+      "data": [
+        [
+          {
+            "label": "Ячейка 1"
+          }
+        ],
+        [
+          {
+            "label": "Ячейка 2-1",
+            "description": "Описание для ячейки 2-1"
+          },
+          {
+            "label": "Ячейка 2-2",
+            "description": "Описание для ячейки 2-2"
+          }
+        ],
+        [
+          {
+            "label": "Ячейка 3-1",
+            "description": "Описание для ячейки 3-1"
+          },
+          {
+            "label": "Ячейка 3-2",
+            "buttons": [
+              {
+                "icon": "AppleIcon",
+                "rounded": true,
+                "version": "secondary",
+                "href": "/_blank",
+                "target": "_blank"
+              },
+              {
+                "icon": "PlayMarketIcon",
+                "rounded": true,
+                "version": "secondary",
+                "href": "/secondary"
+              }
+            ]
+          }
+        ],
+        [
+          {
+            "image": {
+              "src": "payment-systems.png",
+              "format": "webp",
+              "size": {
+                "width": 288,
+                "height": 56
+              }
+            }
+          },
+          {
+            "list": {
+              "items": [
+                "item 1",
+                "item 2",
+                "item 3"
+              ]
+            }
+          }
+        ]
+      ]
+    }
+  ]
+}

package/src/components/TariffsTable/TariffsTable.fixture.tsx

@@ -0,0 +1,192 @@
+import { context } from '../../setup-fixture';
+import { TariffsTable } from './TariffsTable';
+import type { Picture } from '../../model/Picture';
+import type { TariffsTableColumn, TariffsTableRowHeader } from './TariffsTableContent';
+
+const image: Picture = {
+  src: 'payment-systems.png',
+  format: 'webp',
+  size: {
+    width: 288,
+    height: 56,
+  },
+};
+
+const rowHeaders: TariffsTableRowHeader[] = [
+  { title: 'Начисление процентов на остаток по счету', icon: 'OkIcon' },
+  { title: 'Снятие наличных', icon: 'GlassIcon' },
+  { title: 'Оформление онлайн', icon: 'ShieldTickIcon' },
+  { title: 'Кэшбэк баллами' },
+  { title: 'Стоимость обслуживания' },
+  { title: 'Стоимость SMS-сервиса' },
+  { title: 'Дополнительная информация' },
+];
+
+const columns: TariffsTableColumn[] = [
+  {
+    data: [
+      [{ label: 'Нет' }],
+      [
+        {
+          label: 'Бесплатно',
+          description: 'В банкоматах и кассах Россельхозбанка и банков-партнеров',
+        },
+        {
+          label: 'Бесплатно',
+          description: 'В сторонних банкоматах - 1 раз в месяц, далее 1% минимум 150 руб',
+        },
+      ],
+      [{ label: 'Нет' }],
+      [{ label: 'Платёжные системы картинкой' }, { image: image }],
+      [
+        { label: 'Кнопки-иконки' },
+        {
+          buttons: [
+            {
+              icon: 'AppleIcon',
+              rounded: true,
+              version: 'secondary',
+              href: '/_blank',
+              target: '_blank',
+            },
+            {
+              icon: 'PlayMarketIcon',
+              rounded: true,
+              version: 'secondary',
+              href: '/secondary',
+            },
+          ],
+        },
+      ],
+      [
+        {
+          label: 'Бесплатно',
+          list: {
+            items: ['item 1', 'item 2', 'item 3'],
+          },
+        },
+      ],
+      [
+        {
+          image: {
+            src: 'money-1.png',
+            format: 'webp',
+            size: {
+              width: 140,
+              height: 140,
+            },
+          },
+        },
+      ],
+    ],
+  },
+  {
+    data: [
+      [{ label: 'Нет' }],
+      [
+        {
+          label: 'Бесплатно',
+          description: 'В банкоматах и кассах Россельхозбанка и банков-партнеров',
+        },
+        {
+          label: '1%',
+          description: 'В сторонних банкоматах, минимум 150 руб',
+        },
+      ],
+      [{ label: 'Нет' }],
+      [
+        { label: 'До 20%' },
+        {
+          list: {
+            isDotted: false,
+            items: ['item 1', 'item 2', 'item 3'],
+          },
+        },
+      ],
+      [
+        {
+          label: 'Бесплатно',
+          description: 'При обороте по карте от 10000 ₽ в месяц',
+        },
+      ],
+      [
+        { label: '69 рублей в месяц' },
+        {
+          list: {
+            version: 'primary',
+            items: ['item 1', 'item 2', 'item 3'],
+          },
+        },
+      ],
+      [
+        {
+          description:
+            'Копите баллы каждый день и обменивайте их на скидки на электронику и бытовую технику Panasonic',
+        },
+      ],
+    ],
+  },
+  {
+    data: [
+      [{ label: 'Нет' }],
+      [{ label: 'Бесплатно' }],
+      [{ label: 'Есть' }],
+      [{ label: 'До 20%' }],
+      [
+        {
+          label: 'Бесплатно',
+          description: 'При обороте по карте от 10000 ₽ в месяц',
+        },
+      ],
+      [{ label: '69 рублей в месяц' }],
+      [{ description: 'Для членов профсоюзных организаций' }],
+    ],
+  },
+];
+
+export default {
+  default: (
+    <div className="w-[1280px]">
+      <TariffsTable
+        className="col-span-12"
+        title="Другие дебетовые карты Россельхозбанка"
+        context={context}
+        rowHeaders={rowHeaders}
+        columns={Array(2).fill(columns).flat()}
+      />
+    </div>
+  ),
+  '1 column': (
+    <div className="w-[1280px]">
+      <TariffsTable
+        className="col-span-12"
+        title="Другие дебетовые карты Россельхозбанка"
+        context={context}
+        rowHeaders={rowHeaders}
+        columns={columns.slice(0, 1)}
+      />
+    </div>
+  ),
+  '2 columns': (
+    <div className="w-[1280px]">
+      <TariffsTable
+        className="col-span-12"
+        title="Другие дебетовые карты Россельхозбанка"
+        context={context}
+        rowHeaders={rowHeaders}
+        columns={columns.slice(0, 2)}
+      />
+    </div>
+  ),
+  '3 columns': (
+    <div className="w-[1280px]">
+      <TariffsTable
+        className="col-span-12"
+        title="Другие дебетовые карты Россельхозбанка"
+        context={context}
+        rowHeaders={rowHeaders}
+        columns={columns.slice(0, 3)}
+      />
+    </div>
+  ),
+};