@redneckz/wildless-cms-uni-blocks 0.6.18 → 0.6.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundle/blocks.schema.json +1 -1
- package/bundle/bundle.umd.js +81 -56
- package/bundle/bundle.umd.min.js +1 -1
- package/bundle/components/StepsBlock/renderStepContent.d.ts +2 -2
- package/bundle/components/TariffsTable/EmbeddableCellData.d.ts +7 -1
- package/bundle/components/TariffsTable/TariffsTableCell.d.ts +8 -2
- package/bundle/components/TariffsTable/TariffsTableContent.d.ts +3 -4
- package/bundle/components/TariffsTable/TariffsTableRenderCell.d.ts +11 -0
- package/bundle/components/TariffsTable/TariffsTableRow.d.ts +0 -1
- package/bundle/components/TariffsTable/TariffsTableRowContainer.d.ts +3 -1
- package/bundle/ui-kit/InnerTable/InnerTable.d.ts +1 -0
- package/bundle/ui-kit/InnerTable/InnerTableButton.d.ts +1 -0
- package/dist/components/Bonus/Bonus.js +1 -1
- package/dist/components/Bonus/Bonus.js.map +1 -1
- package/dist/components/ProductBlock/renderBackwardButton.js +1 -1
- package/dist/components/ProductBlock/renderBackwardButton.js.map +1 -1
- package/dist/components/SafeDepositRental/SafeDepositRental.js +1 -1
- package/dist/components/SafeDepositRental/SafeDepositRental.js.map +1 -1
- package/dist/components/StepsBlock/StepsBlock.js +3 -3
- package/dist/components/StepsBlock/StepsBlock.js.map +1 -1
- package/dist/components/StepsBlock/renderItems.js +1 -4
- package/dist/components/StepsBlock/renderItems.js.map +1 -1
- package/dist/components/StepsBlock/renderStepContent.d.ts +2 -2
- package/dist/components/StepsBlock/renderStepContent.js +13 -8
- package/dist/components/StepsBlock/renderStepContent.js.map +1 -1
- package/dist/components/TariffsTable/EmbeddableCellData.d.ts +7 -1
- package/dist/components/TariffsTable/EmbeddableCellData.js +4 -11
- package/dist/components/TariffsTable/EmbeddableCellData.js.map +1 -1
- package/dist/components/TariffsTable/TariffsTable.js +1 -1
- package/dist/components/TariffsTable/TariffsTable.js.map +1 -1
- package/dist/components/TariffsTable/TariffsTableCell.d.ts +8 -2
- package/dist/components/TariffsTable/TariffsTableCell.js +13 -18
- package/dist/components/TariffsTable/TariffsTableCell.js.map +1 -1
- package/dist/components/TariffsTable/TariffsTableContent.d.ts +3 -4
- package/dist/components/TariffsTable/TariffsTableRenderCell.d.ts +11 -0
- package/dist/components/TariffsTable/TariffsTableRenderCell.js +42 -0
- package/dist/components/TariffsTable/TariffsTableRenderCell.js.map +1 -0
- package/dist/components/TariffsTable/TariffsTableRow.d.ts +0 -1
- package/dist/components/TariffsTable/TariffsTableRow.js +6 -2
- package/dist/components/TariffsTable/TariffsTableRow.js.map +1 -1
- package/dist/components/TariffsTable/TariffsTableRowContainer.d.ts +3 -1
- package/dist/components/TariffsTable/TariffsTableRowContainer.js +2 -8
- package/dist/components/TariffsTable/TariffsTableRowContainer.js.map +1 -1
- package/dist/components/TariffsTable/TariffsTableTileCell.js +1 -1
- package/dist/components/TariffsTable/TariffsTableTileCell.js.map +1 -1
- package/dist/ui-kit/InnerTable/InnerTable.d.ts +1 -0
- package/dist/ui-kit/InnerTable/InnerTable.js +3 -2
- package/dist/ui-kit/InnerTable/InnerTable.js.map +1 -1
- package/dist/ui-kit/InnerTable/InnerTableButton.d.ts +1 -0
- package/dist/ui-kit/InnerTable/InnerTableButton.js +2 -6
- package/dist/ui-kit/InnerTable/InnerTableButton.js.map +1 -1
- package/dist/ui-kit/InputRange/InputRange.js +1 -1
- package/dist/ui-kit/InputRange/InputRange.js.map +1 -1
- package/dist/ui-kit/Radio/Radio.js +1 -1
- package/dist/ui-kit/Radio/Radio.js.map +1 -1
- package/dist/ui-kit/Select/Select.js +1 -1
- package/dist/ui-kit/Select/Select.js.map +1 -1
- package/lib/common.css +1 -1
- package/lib/components/Bonus/Bonus.js +1 -1
- package/lib/components/Bonus/Bonus.js.map +1 -1
- package/lib/components/ProductBlock/renderBackwardButton.js +1 -1
- package/lib/components/ProductBlock/renderBackwardButton.js.map +1 -1
- package/lib/components/SafeDepositRental/SafeDepositRental.js +1 -1
- package/lib/components/SafeDepositRental/SafeDepositRental.js.map +1 -1
- package/lib/components/StepsBlock/StepsBlock.fixture.d.ts +6 -2
- package/lib/components/StepsBlock/StepsBlock.js +3 -3
- package/lib/components/StepsBlock/StepsBlock.js.map +1 -1
- package/lib/components/StepsBlock/renderItems.js +1 -4
- package/lib/components/StepsBlock/renderItems.js.map +1 -1
- package/lib/components/StepsBlock/renderStepContent.d.ts +2 -2
- package/lib/components/StepsBlock/renderStepContent.js +14 -9
- package/lib/components/StepsBlock/renderStepContent.js.map +1 -1
- package/lib/components/TariffsTable/EmbeddableCellData.d.ts +7 -1
- package/lib/components/TariffsTable/EmbeddableCellData.js +4 -11
- package/lib/components/TariffsTable/EmbeddableCellData.js.map +1 -1
- package/lib/components/TariffsTable/TariffsTable.js +1 -1
- package/lib/components/TariffsTable/TariffsTable.js.map +1 -1
- package/lib/components/TariffsTable/TariffsTableCell.d.ts +8 -2
- package/lib/components/TariffsTable/TariffsTableCell.js +14 -19
- package/lib/components/TariffsTable/TariffsTableCell.js.map +1 -1
- package/lib/components/TariffsTable/TariffsTableContent.d.ts +3 -4
- package/lib/components/TariffsTable/TariffsTableRenderCell.d.ts +11 -0
- package/lib/components/TariffsTable/TariffsTableRenderCell.js +39 -0
- package/lib/components/TariffsTable/TariffsTableRenderCell.js.map +1 -0
- package/lib/components/TariffsTable/TariffsTableRow.d.ts +0 -1
- package/lib/components/TariffsTable/TariffsTableRow.js +6 -2
- package/lib/components/TariffsTable/TariffsTableRow.js.map +1 -1
- package/lib/components/TariffsTable/TariffsTableRowContainer.d.ts +3 -1
- package/lib/components/TariffsTable/TariffsTableRowContainer.js +2 -8
- package/lib/components/TariffsTable/TariffsTableRowContainer.js.map +1 -1
- package/lib/components/TariffsTable/TariffsTableTileCell.js +1 -1
- package/lib/components/TariffsTable/TariffsTableTileCell.js.map +1 -1
- package/lib/ui-kit/InnerTable/InnerTable.d.ts +1 -0
- package/lib/ui-kit/InnerTable/InnerTable.js +3 -2
- package/lib/ui-kit/InnerTable/InnerTable.js.map +1 -1
- package/lib/ui-kit/InnerTable/InnerTableButton.d.ts +1 -0
- package/lib/ui-kit/InnerTable/InnerTableButton.js +2 -6
- package/lib/ui-kit/InnerTable/InnerTableButton.js.map +1 -1
- package/lib/ui-kit/InputRange/InputRange.js +1 -1
- package/lib/ui-kit/InputRange/InputRange.js.map +1 -1
- package/lib/ui-kit/Radio/Radio.js +1 -1
- package/lib/ui-kit/Radio/Radio.js.map +1 -1
- package/lib/ui-kit/Select/Select.js +1 -1
- package/lib/ui-kit/Select/Select.js.map +1 -1
- package/mobile/bundle/bundle.umd.js +2 -2
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/bundle/components/StepsBlock/renderStepContent.d.ts +2 -2
- package/mobile/bundle/components/TariffsTable/TariffsTableCell.d.ts +8 -2
- package/mobile/bundle/components/TariffsTable/TariffsTableContent.d.ts +3 -4
- package/mobile/bundle/components/TariffsTable/TariffsTableRenderCell.d.ts +11 -0
- package/mobile/bundle/components/TariffsTable/TariffsTableRow.d.ts +0 -1
- package/mobile/bundle/components/TariffsTable/TariffsTableRowContainer.d.ts +3 -1
- package/mobile/bundle/ui-kit/InnerTable/InnerTable.d.ts +1 -0
- package/mobile/bundle/ui-kit/InnerTable/InnerTableButton.d.ts +1 -0
- package/mobile/dist/components/Bonus/Bonus.js +1 -1
- package/mobile/dist/components/Bonus/Bonus.js.map +1 -1
- package/mobile/dist/components/ProductBlock/renderBackwardButton.js +1 -1
- package/mobile/dist/components/ProductBlock/renderBackwardButton.js.map +1 -1
- package/mobile/dist/components/SafeDepositRental/SafeDepositRental.js +1 -1
- package/mobile/dist/components/SafeDepositRental/SafeDepositRental.js.map +1 -1
- package/mobile/dist/components/StepsBlock/renderItems.js +1 -4
- package/mobile/dist/components/StepsBlock/renderItems.js.map +1 -1
- package/mobile/dist/components/StepsBlock/renderStepContent.d.ts +2 -2
- package/mobile/dist/components/StepsBlock/renderStepContent.js +13 -8
- package/mobile/dist/components/StepsBlock/renderStepContent.js.map +1 -1
- package/mobile/dist/components/TariffsTable/TariffsTableCell.d.ts +8 -2
- package/mobile/dist/components/TariffsTable/TariffsTableCell.js +13 -18
- package/mobile/dist/components/TariffsTable/TariffsTableCell.js.map +1 -1
- package/mobile/dist/components/TariffsTable/TariffsTableContent.d.ts +3 -4
- package/mobile/dist/components/TariffsTable/TariffsTableRenderCell.d.ts +11 -0
- package/mobile/dist/components/TariffsTable/TariffsTableRenderCell.js +42 -0
- package/mobile/dist/components/TariffsTable/TariffsTableRenderCell.js.map +1 -0
- package/mobile/dist/components/TariffsTable/TariffsTableRow.d.ts +0 -1
- package/mobile/dist/components/TariffsTable/TariffsTableRow.js +6 -2
- package/mobile/dist/components/TariffsTable/TariffsTableRow.js.map +1 -1
- package/mobile/dist/components/TariffsTable/TariffsTableRowContainer.d.ts +3 -1
- package/mobile/dist/components/TariffsTable/TariffsTableRowContainer.js +2 -8
- package/mobile/dist/components/TariffsTable/TariffsTableRowContainer.js.map +1 -1
- package/mobile/dist/components/TariffsTable/TariffsTableTileCell.js +1 -1
- package/mobile/dist/components/TariffsTable/TariffsTableTileCell.js.map +1 -1
- package/mobile/dist/ui-kit/InnerTable/InnerTable.d.ts +1 -0
- package/mobile/dist/ui-kit/InnerTable/InnerTable.js +3 -2
- package/mobile/dist/ui-kit/InnerTable/InnerTable.js.map +1 -1
- package/mobile/dist/ui-kit/InnerTable/InnerTableButton.d.ts +1 -0
- package/mobile/dist/ui-kit/InnerTable/InnerTableButton.js +2 -6
- package/mobile/dist/ui-kit/InnerTable/InnerTableButton.js.map +1 -1
- package/mobile/dist/ui-kit/InputRange/InputRange.js +1 -1
- package/mobile/dist/ui-kit/InputRange/InputRange.js.map +1 -1
- package/mobile/dist/ui-kit/Radio/Radio.js +1 -1
- package/mobile/dist/ui-kit/Radio/Radio.js.map +1 -1
- package/mobile/dist/ui-kit/Select/Select.js +1 -1
- package/mobile/dist/ui-kit/Select/Select.js.map +1 -1
- package/mobile/lib/components/Bonus/Bonus.js +1 -1
- package/mobile/lib/components/Bonus/Bonus.js.map +1 -1
- package/mobile/lib/components/ProductBlock/renderBackwardButton.js +1 -1
- package/mobile/lib/components/ProductBlock/renderBackwardButton.js.map +1 -1
- package/mobile/lib/components/SafeDepositRental/SafeDepositRental.js +1 -1
- package/mobile/lib/components/SafeDepositRental/SafeDepositRental.js.map +1 -1
- package/mobile/lib/components/StepsBlock/renderItems.js +1 -4
- package/mobile/lib/components/StepsBlock/renderItems.js.map +1 -1
- package/mobile/lib/components/StepsBlock/renderStepContent.d.ts +2 -2
- package/mobile/lib/components/StepsBlock/renderStepContent.js +14 -9
- package/mobile/lib/components/StepsBlock/renderStepContent.js.map +1 -1
- package/mobile/lib/components/TariffsTable/TariffsTableCell.d.ts +8 -2
- package/mobile/lib/components/TariffsTable/TariffsTableCell.js +14 -19
- package/mobile/lib/components/TariffsTable/TariffsTableCell.js.map +1 -1
- package/mobile/lib/components/TariffsTable/TariffsTableContent.d.ts +3 -4
- package/mobile/lib/components/TariffsTable/TariffsTableRenderCell.d.ts +11 -0
- package/mobile/lib/components/TariffsTable/TariffsTableRenderCell.js +39 -0
- package/mobile/lib/components/TariffsTable/TariffsTableRenderCell.js.map +1 -0
- package/mobile/lib/components/TariffsTable/TariffsTableRow.d.ts +0 -1
- package/mobile/lib/components/TariffsTable/TariffsTableRow.js +6 -2
- package/mobile/lib/components/TariffsTable/TariffsTableRow.js.map +1 -1
- package/mobile/lib/components/TariffsTable/TariffsTableRowContainer.d.ts +3 -1
- package/mobile/lib/components/TariffsTable/TariffsTableRowContainer.js +2 -8
- package/mobile/lib/components/TariffsTable/TariffsTableRowContainer.js.map +1 -1
- package/mobile/lib/components/TariffsTable/TariffsTableTileCell.js +1 -1
- package/mobile/lib/components/TariffsTable/TariffsTableTileCell.js.map +1 -1
- package/mobile/lib/ui-kit/InnerTable/InnerTable.d.ts +1 -0
- package/mobile/lib/ui-kit/InnerTable/InnerTable.js +3 -2
- package/mobile/lib/ui-kit/InnerTable/InnerTable.js.map +1 -1
- package/mobile/lib/ui-kit/InnerTable/InnerTableButton.d.ts +1 -0
- package/mobile/lib/ui-kit/InnerTable/InnerTableButton.js +2 -6
- package/mobile/lib/ui-kit/InnerTable/InnerTableButton.js.map +1 -1
- package/mobile/lib/ui-kit/InputRange/InputRange.js +1 -1
- package/mobile/lib/ui-kit/InputRange/InputRange.js.map +1 -1
- package/mobile/lib/ui-kit/Radio/Radio.js +1 -1
- package/mobile/lib/ui-kit/Radio/Radio.js.map +1 -1
- package/mobile/lib/ui-kit/Select/Select.js +1 -1
- package/mobile/lib/ui-kit/Select/Select.js.map +1 -1
- package/mobile/src/components/Bonus/Bonus.tsx +1 -1
- package/mobile/src/components/ProductBlock/renderBackwardButton.tsx +5 -1
- package/mobile/src/components/SafeDepositRental/SafeDepositRental.tsx +6 -1
- package/mobile/src/components/StepsBlock/renderItems.tsx +5 -8
- package/mobile/src/components/StepsBlock/renderStepContent.tsx +40 -15
- package/mobile/src/components/TariffsTable/TariffsTableCell.tsx +39 -45
- package/mobile/src/components/TariffsTable/TariffsTableContent.ts +3 -4
- package/mobile/src/components/TariffsTable/TariffsTableRenderCell.tsx +88 -0
- package/mobile/src/components/TariffsTable/TariffsTableRow.tsx +18 -9
- package/mobile/src/components/TariffsTable/TariffsTableRowContainer.tsx +5 -20
- package/mobile/src/components/TariffsTable/TariffsTableTileCell.tsx +3 -1
- package/mobile/src/ui-kit/InnerTable/InnerTable.tsx +13 -4
- package/mobile/src/ui-kit/InnerTable/InnerTableButton.tsx +20 -26
- package/mobile/src/ui-kit/InputRange/InputRange.tsx +1 -1
- package/mobile/src/ui-kit/Radio/Radio.tsx +2 -2
- package/mobile/src/ui-kit/Select/Select.tsx +1 -1
- package/package.json +1 -1
- package/src/components/Bonus/Bonus.tsx +1 -1
- package/src/components/ProductBlock/renderBackwardButton.tsx +5 -1
- package/src/components/SafeDepositRental/SafeDepositRental.tsx +6 -1
- package/src/components/StepsBlock/StepsBlock.fixture.tsx +72 -81
- package/src/components/StepsBlock/StepsBlock.tsx +3 -3
- package/src/components/StepsBlock/renderItems.tsx +5 -8
- package/src/components/StepsBlock/renderStepContent.tsx +40 -15
- package/src/components/TariffsTable/EmbeddableCellData.tsx +20 -18
- package/src/components/TariffsTable/TariffsTable.tsx +1 -2
- package/src/components/TariffsTable/TariffsTableCell.tsx +39 -45
- package/src/components/TariffsTable/TariffsTableContent.ts +3 -4
- package/src/components/TariffsTable/TariffsTableRenderCell.tsx +88 -0
- package/src/components/TariffsTable/TariffsTableRow.tsx +18 -9
- package/src/components/TariffsTable/TariffsTableRowContainer.tsx +5 -20
- package/src/components/TariffsTable/TariffsTableTileCell.tsx +3 -1
- package/src/ui-kit/InnerTable/InnerTable.tsx +13 -4
- package/src/ui-kit/InnerTable/InnerTableButton.tsx +20 -26
- package/src/ui-kit/InputRange/InputRange.tsx +1 -1
- package/src/ui-kit/Radio/Radio.tsx +2 -2
- package/src/ui-kit/Select/Select.tsx +1 -1
|
@@ -1,22 +1,17 @@
|
|
|
1
|
-
import { jsx as _jsx
|
|
1
|
+
import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
-
import {
|
|
4
|
-
export const TariffsTableCell = JSX(({ context, cells,
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
import { renderCellInner } from './TariffsTableRenderCell.js';
|
|
4
|
+
export const TariffsTableCell = JSX(({ context, cells, rowIdx, cellIdx, setTableInner, tableInner, openTableInnerIdx, setOpenTableInnerIdx, }) => {
|
|
5
|
+
return (_jsx("div", { className: "first:pl-0 w-80 flex-grow flex flex-col border-solid border-main-divider border border-t-0 border-x-0", role: "cell", children: cells?.length
|
|
6
|
+
? cells.map(renderCellInner({
|
|
7
|
+
rowIdx,
|
|
8
|
+
context,
|
|
9
|
+
cellIdx,
|
|
10
|
+
setTableInner,
|
|
11
|
+
tableInner,
|
|
12
|
+
openTableInnerIdx,
|
|
13
|
+
setOpenTableInnerIdx,
|
|
14
|
+
}))
|
|
15
|
+
: null }));
|
|
7
16
|
});
|
|
8
|
-
const renderCellInner = (rowIdx, context, cellIdx) => (cell, i) => {
|
|
9
|
-
return (_jsxs("div", { className: cell?.tableCellType === 'Table' ? 'ml-10' : `first:pt-5 last:pb-5 pl-10`, children: [i > 0 ? _jsx("div", { className: "h-5" }) : null, renderCell(cell, context, { rowIdx, cellIdx, fieldIdx: i })] }, String(i)));
|
|
10
|
-
};
|
|
11
|
-
const renderCell = (cell, context, indexes) => {
|
|
12
|
-
if (!cell) {
|
|
13
|
-
return null;
|
|
14
|
-
}
|
|
15
|
-
const { tableCellType: type, ...rest } = cell;
|
|
16
|
-
if (!type || !(type in EmbeddableCellData)) {
|
|
17
|
-
return null;
|
|
18
|
-
}
|
|
19
|
-
const EmbeddableCellInner = EmbeddableCellData[type];
|
|
20
|
-
return _jsx(EmbeddableCellInner, { context: context, ...rest, ...indexes });
|
|
21
|
-
};
|
|
22
17
|
//# sourceMappingURL=TariffsTableCell.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TariffsTableCell.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TariffsTableCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"TariffsTableCell.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TariffsTableCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAKxC,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAe3D,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CACjC,CAAC,EACC,OAAO,EACP,KAAK,EACL,MAAM,EACN,OAAO,EACP,aAAa,EACb,UAAU,EACV,iBAAiB,EACjB,oBAAoB,GACrB,EAAE,EAAE;IACH,OAAO,CACL,cACE,SAAS,EAAC,uGAAuG,EACjH,IAAI,EAAC,MAAM,YAEV,KAAK,EAAE,MAAM;YACZ,CAAC,CAAC,KAAK,CAAC,GAAG,CACP,eAAe,CAAC;gBACd,MAAM;gBACN,OAAO;gBACP,OAAO;gBACP,aAAa;gBACb,UAAU;gBACV,iBAAiB;gBACjB,oBAAoB;aACrB,CAAC,CACH;YACH,CAAC,CAAC,IAAI,GACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import type { EmptyOption } from '../../model/EmptyOptionType';
|
|
2
|
-
import type { DescriptionProps, LabelProps } from '../../model/HeadlineType';
|
|
2
|
+
import type { DescriptionProps, LabelProps, TitleProps } from '../../model/HeadlineType';
|
|
3
3
|
import type { UniBlockProps } from '../../model/JSXBlock';
|
|
4
4
|
import type { ListOrientation } from '../../model/ListOrientation';
|
|
5
5
|
import type { Picture } from '../../model/Picture';
|
|
6
6
|
import type { ButtonContent } from '../../ui-kit/Button/ButtonProps';
|
|
7
|
-
import type { HeadingProps } from '../../ui-kit/Heading/HeadingProps';
|
|
8
7
|
import type { TariffsTableInnerContent } from '../../ui-kit/InnerTable/InnerTableProps';
|
|
9
8
|
import type { ListProps } from '../../ui-kit/List/ListProps';
|
|
10
9
|
/**
|
|
@@ -38,7 +37,7 @@ export declare type Data = {
|
|
|
38
37
|
/**
|
|
39
38
|
* @title Параметр
|
|
40
39
|
*/
|
|
41
|
-
export declare type TariffsTableRowHeader =
|
|
40
|
+
export declare type TariffsTableRowHeader = TitleProps & {
|
|
42
41
|
/** @default { "format": "webp", "size": { "width": 24, "height": 24 } } */
|
|
43
42
|
icon?: Picture;
|
|
44
43
|
};
|
|
@@ -97,7 +96,7 @@ export interface TariffsTableColumn {
|
|
|
97
96
|
/**
|
|
98
97
|
* @title Таблица тарифов
|
|
99
98
|
*/
|
|
100
|
-
export declare type TariffsTableContent =
|
|
99
|
+
export declare type TariffsTableContent = TitleProps & DescriptionProps & {
|
|
101
100
|
/** @title Колонки */
|
|
102
101
|
tariffsColumns?: TariffsTableColumn[];
|
|
103
102
|
/** @title Параметры */
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { ContentPageContext } from '../ContentPage/ContentPageContext';
|
|
3
|
+
import type { TariffTableContentProps } from './TariffsTableCell';
|
|
4
|
+
import type { CellDef } from './TariffsTableContent';
|
|
5
|
+
interface TariffTableCellInnerProps extends TariffTableContentProps {
|
|
6
|
+
cellIdx: number;
|
|
7
|
+
context: ContentPageContext;
|
|
8
|
+
rowIdx: number;
|
|
9
|
+
}
|
|
10
|
+
export declare const renderCellInner: ({ rowIdx, context, cellIdx, setTableInner, tableInner, openTableInnerIdx, setOpenTableInnerIdx, }: TariffTableCellInnerProps) => (cell: CellDef, i: number) => JSX.Element;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
|
+
import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
|
|
3
|
+
import { EmbeddableCellData } from './EmbeddableCellData.js';
|
|
4
|
+
export const renderCellInner = ({ rowIdx, context, cellIdx, setTableInner, tableInner, openTableInnerIdx, setOpenTableInnerIdx, }) => (cell, i) => {
|
|
5
|
+
const [isVisible, setVisibility] = useState(true);
|
|
6
|
+
useEffect(() => {
|
|
7
|
+
if (cellIdx !== openTableInnerIdx || !tableInner) {
|
|
8
|
+
setVisibility(true);
|
|
9
|
+
}
|
|
10
|
+
}, [tableInner, openTableInnerIdx]);
|
|
11
|
+
const displayTable = (props) => {
|
|
12
|
+
setVisibility(false);
|
|
13
|
+
setOpenTableInnerIdx(cellIdx);
|
|
14
|
+
setTableInner(props);
|
|
15
|
+
};
|
|
16
|
+
return (_jsxs("div", { className: cell?.tableCellType === 'Table' ? 'ml-10' : `first:pt-5 last:pb-5 pl-10`, children: [i > 0 ? _jsx("div", { className: "h-5" }) : null, renderCell({
|
|
17
|
+
cell,
|
|
18
|
+
cellProps: {
|
|
19
|
+
rowIdx,
|
|
20
|
+
cellIdx,
|
|
21
|
+
fieldIdx: i,
|
|
22
|
+
displayTable,
|
|
23
|
+
isVisible,
|
|
24
|
+
context,
|
|
25
|
+
},
|
|
26
|
+
})] }, String(i)));
|
|
27
|
+
};
|
|
28
|
+
const renderCell = ({ cell, cellProps }) => {
|
|
29
|
+
if (!cell) {
|
|
30
|
+
return null;
|
|
31
|
+
}
|
|
32
|
+
const { tableCellType: type, ...rest } = cell;
|
|
33
|
+
if (!type || !(type in EmbeddableCellData)) {
|
|
34
|
+
return null;
|
|
35
|
+
}
|
|
36
|
+
const EmbeddableCellInner = EmbeddableCellData[type];
|
|
37
|
+
return _jsx(EmbeddableCellInner, { ...cellProps, ...rest });
|
|
38
|
+
};
|
|
39
|
+
//# sourceMappingURL=TariffsTableRenderCell.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TariffsTableRenderCell.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TariffsTableRenderCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAGlE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAwB1D,MAAM,CAAC,MAAM,eAAe,GAC1B,CAAC,EACC,MAAM,EACN,OAAO,EACP,OAAO,EACP,aAAa,EACb,UAAU,EACV,iBAAiB,EACjB,oBAAoB,GACM,EAAE,EAAE,CAChC,CAAC,IAAa,EAAE,CAAS,EAAE,EAAE;IAC3B,MAAM,CAAC,SAAS,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAElD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,KAAK,iBAAiB,IAAI,CAAC,UAAU,EAAE;YAChD,aAAa,CAAC,IAAI,CAAC,CAAC;SACrB;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEpC,MAAM,YAAY,GAAG,CAAC,KAA+B,EAAE,EAAE;QACvD,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,oBAAoB,CAAC,OAAO,CAAC,CAAC;QAC9B,aAAa,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO,CACL,eAEE,SAAS,EAAE,IAAI,EAAE,aAAa,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,4BAA4B,aAElF,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,EACtC,UAAU,CAAC;gBACV,IAAI;gBACJ,SAAS,EAAE;oBACT,MAAM;oBACN,OAAO;oBACP,QAAQ,EAAE,CAAC;oBACX,YAAY;oBACZ,SAAS;oBACT,OAAO;iBACR;aACF,CAAC,KAdG,MAAM,CAAC,CAAC,CAAC,CAeV,CACP,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAE,SAAS,EAAmB,EAAE,EAAE;IAC1D,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,IAAI,CAAC;KACb;IAED,MAAM,EAAE,aAAa,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC;IAE9C,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,IAAI,kBAAkB,CAAC,EAAE;QAC1C,OAAO,IAAI,CAAC;KACb;IAED,MAAM,mBAAmB,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAErD,OAAO,KAAC,mBAAmB,OAAK,SAAS,KAAM,IAAI,GAAI,CAAC;AAC1D,CAAC,CAAC"}
|
|
@@ -3,7 +3,6 @@ import type { Data } from './TariffsTableContent';
|
|
|
3
3
|
export interface TariffsTableRowProps extends UniBlockProps {
|
|
4
4
|
row: Data;
|
|
5
5
|
activeCardIndex: number;
|
|
6
|
-
isLastRow: boolean;
|
|
7
6
|
rowIdx: number;
|
|
8
7
|
}
|
|
9
8
|
export declare const TariffsTableRow: import("@redneckz/uni-jsx").UNIComponent<TariffsTableRowProps, any, any>;
|
|
@@ -1,11 +1,15 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
+
import { useState } from '@redneckz/uni-jsx/lib/hooks';
|
|
3
4
|
import { Img } from '../../ui-kit/Img/Img.js';
|
|
4
5
|
import { TableCarouselContainer } from '../ComparisonTable/TableCarouselContainer.js';
|
|
5
6
|
import { COLUMN_WIDTH, DIVIDER_CLASSES, FIRST_CELL_CLASSES } from './constants.js';
|
|
6
7
|
import { TariffsTableCell } from './TariffsTableCell.js';
|
|
7
8
|
import { TariffsTableRowContainer } from './TariffsTableRowContainer.js';
|
|
8
|
-
export const TariffsTableRow = JSX(({ row: { header, data }, activeCardIndex,
|
|
9
|
-
|
|
9
|
+
export const TariffsTableRow = JSX(({ row: { header, data }, activeCardIndex, context, rowIdx }) => {
|
|
10
|
+
const [tableInner, setTableInner] = useState(undefined);
|
|
11
|
+
const [openTableInnerIdx, setOpenTableInnerIdx] = useState(undefined);
|
|
12
|
+
const onHideContentClick = () => setTableInner(undefined);
|
|
13
|
+
return (_jsxs(TariffsTableRowContainer, { context: context, onHideContentClick: onHideContentClick, tableInner: tableInner, children: [_jsx("div", { className: `text-s py-5 ${FIRST_CELL_CLASSES} ${DIVIDER_CLASSES}`, children: _jsxs("div", { className: "flex items-center text-primary-text", role: "cell", children: [header?.icon ? (_jsx(Img, { className: "mr-[14px] max-w-6 max-h-6", image: header.icon, width: "24px", height: "24px", asSVG: true })) : null, header?.title ? _jsx("div", { className: "text-m-light", children: header?.title }) : null] }) }), data?.length ? (_jsx(TableCarouselContainer, { activeCardIndex: activeCardIndex, columnWidth: COLUMN_WIDTH, version: "tariff", children: data.map((cells, i) => (_jsx(TariffsTableCell, { cells: cells, rowIdx: rowIdx, cellIdx: i, context: context, setTableInner: setTableInner, tableInner: tableInner, openTableInnerIdx: openTableInnerIdx, setOpenTableInnerIdx: setOpenTableInnerIdx }, String(i)))) })) : null] }));
|
|
10
14
|
});
|
|
11
15
|
//# sourceMappingURL=TariffsTableRow.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TariffsTableRow.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TariffsTableRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"TariffsTableRow.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TariffsTableRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAE3C,OAAO,EAAE,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AACnF,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAChF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAQtE,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAChC,CAAC,EAAE,GAAG,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE;IAC9D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAuC,SAAS,CAAC,CAAC;IAC9F,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAE1F,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IAE1D,OAAO,CACL,MAAC,wBAAwB,IACvB,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,kBAAkB,EACtC,UAAU,EAAE,UAAU,aAEtB,cAAK,SAAS,EAAE,eAAe,kBAAkB,IAAI,eAAe,EAAE,YACpE,eAAK,SAAS,EAAC,qCAAqC,EAAC,IAAI,EAAC,MAAM,aAC7D,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CACd,KAAC,GAAG,IACF,SAAS,EAAC,2BAA2B,EACrC,KAAK,EAAE,MAAM,CAAC,IAAI,EAClB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,KAAK,SACL,CACH,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,cAAc,YAAE,MAAM,EAAE,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,IACvE,GACF,EACL,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CACd,KAAC,sBAAsB,IACrB,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,YAAY,EACzB,OAAO,EAAC,QAAQ,YAEf,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,KAAC,gBAAgB,IAEf,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,CAAC,EACV,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,iBAAiB,EAAE,iBAAiB,EACpC,oBAAoB,EAAE,oBAAoB,IARrC,MAAM,CAAC,CAAC,CAAC,CASd,CACH,CAAC,GACqB,CAC1B,CAAC,CAAC,CAAC,IAAI,IACiB,CAC5B,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import type { UniBlockProps } from '../../model/JSXBlock';
|
|
2
2
|
import type { VNode } from '../../model/VNode';
|
|
3
|
+
import type { TariffsTableInnerContent } from '../../ui-kit/InnerTable/InnerTableProps';
|
|
3
4
|
export interface TariffsTableRowContainerProps extends UniBlockProps {
|
|
4
5
|
children?: VNode;
|
|
5
|
-
|
|
6
|
+
onHideContentClick: () => void;
|
|
7
|
+
tableInner?: TariffsTableInnerContent;
|
|
6
8
|
}
|
|
7
9
|
export declare const TariffsTableRowContainer: import("@redneckz/uni-jsx").UNIComponent<TariffsTableRowContainerProps, any, any>;
|
|
@@ -1,13 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
-
import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
|
|
4
|
-
import { EventBus } from '../../EventBus/EventBus.js';
|
|
5
3
|
import { InnerTable } from '../../ui-kit/InnerTable/InnerTable.js';
|
|
6
|
-
export const TariffsTableRowContainer = JSX(({ context, children,
|
|
7
|
-
|
|
8
|
-
useEffect(() => EventBus.inst.subscribe('tariffInnerTable', (event) => {
|
|
9
|
-
setTableInnerData(rowIdx === event.rowIdx ? { dataUrl: event.dataUrl, pdfUrl: event.pdfUrl } : undefined);
|
|
10
|
-
}), [rowIdx]);
|
|
11
|
-
return (_jsxs("div", { className: "self-start flex flex-col", role: "row", children: [_jsx("div", { className: "flex", children: children }), tableInnerData ? (_jsx("div", { className: "origin-top animate-expansion", children: _jsx(InnerTable, { context: context, ...tableInnerData }) })) : null] }));
|
|
4
|
+
export const TariffsTableRowContainer = JSX(({ context, children, tableInner, onHideContentClick }) => {
|
|
5
|
+
return (_jsxs("div", { className: "self-start flex flex-col", role: "row", children: [_jsx("div", { className: "flex", children: children }), tableInner ? (_jsx("div", { className: "origin-top animate-expansion", children: _jsx(InnerTable, { context: context, ...tableInner, onClick: onHideContentClick }) })) : null] }));
|
|
12
6
|
});
|
|
13
7
|
//# sourceMappingURL=TariffsTableRowContainer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TariffsTableRowContainer.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TariffsTableRowContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"TariffsTableRowContainer.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TariffsTableRowContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAShE,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CACzC,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,kBAAkB,EAAE,EAAE,EAAE;IACxD,OAAO,CACL,eAAK,SAAS,EAAC,0BAA0B,EAAC,IAAI,EAAC,KAAK,aAClD,cAAK,SAAS,EAAC,MAAM,YAAE,QAAQ,GAAO,EACrC,UAAU,CAAC,CAAC,CAAC,CACZ,cAAK,SAAS,EAAC,8BAA8B,YAC3C,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,KAAM,UAAU,EAAE,OAAO,EAAE,kBAAkB,GAAI,GACzE,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -15,6 +15,6 @@ const renderCell = (cell, context) => {
|
|
|
15
15
|
return null;
|
|
16
16
|
}
|
|
17
17
|
const EmbeddableCellInner = EmbeddableCellData[type];
|
|
18
|
-
return _jsx(EmbeddableCellInner, { context: context, ...rest });
|
|
18
|
+
return (_jsx(EmbeddableCellInner, { context: context, displayTable: () => null, ...rest, isVisible: true }));
|
|
19
19
|
};
|
|
20
20
|
//# sourceMappingURL=TariffsTableTileCell.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TariffsTableTileCell.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TariffsTableTileCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAQpD,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAA4B,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE;IACvF,OAAO,CACL,eAAK,SAAS,EAAC,4DAA4D,aACzE,KAAC,eAAe,OAAK,IAAI,CAAC,MAAM,GAAI,EACnC,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,IAC/D,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,CAAC,OAA2B,EAAE,EAAE,CAAC,CAAC,IAAa,EAAE,CAAS,EAAE,EAAE,CACpF,CACE,0BACG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,EACtC,UAAU,CAAC,IAAI,EAAE,OAAO,CAAC,KAFlB,MAAM,CAAC,CAAC,CAAC,CAGb,CACP,CAAC;AAEJ,MAAM,UAAU,GAAG,CAAC,IAAa,EAAE,OAA2B,EAAE,EAAE;IAChE,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,IAAI,CAAC;KACb;IAED,MAAM,EAAE,aAAa,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC;IAE9C,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,IAAI,kBAAkB,CAAC,EAAE;QAC1C,OAAO,IAAI,CAAC;KACb;IAED,MAAM,mBAAmB,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAErD,OAAO,KAAC,mBAAmB,IAAC,OAAO,EAAE,OAAO,KAAM,IAAI,GAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"TariffsTableTileCell.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TariffsTableTileCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAQpD,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAA4B,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE;IACvF,OAAO,CACL,eAAK,SAAS,EAAC,4DAA4D,aACzE,KAAC,eAAe,OAAK,IAAI,CAAC,MAAM,GAAI,EACnC,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,IAC/D,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,CAAC,OAA2B,EAAE,EAAE,CAAC,CAAC,IAAa,EAAE,CAAS,EAAE,EAAE,CACpF,CACE,0BACG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,EACtC,UAAU,CAAC,IAAI,EAAE,OAAO,CAAC,KAFlB,MAAM,CAAC,CAAC,CAAC,CAGb,CACP,CAAC;AAEJ,MAAM,UAAU,GAAG,CAAC,IAAa,EAAE,OAA2B,EAAE,EAAE;IAChE,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,IAAI,CAAC;KACb;IAED,MAAM,EAAE,aAAa,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC;IAE9C,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,IAAI,kBAAkB,CAAC,EAAE;QAC1C,OAAO,IAAI,CAAC;KACb;IAED,MAAM,mBAAmB,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAErD,OAAO,CACL,KAAC,mBAAmB,IAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,KAAM,IAAI,EAAE,SAAS,EAAE,IAAI,GAAI,CAC/F,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { UniBlockProps } from '../../model/JSXBlock';
|
|
2
2
|
import type { TariffsTableInnerContent } from './InnerTableProps';
|
|
3
3
|
export interface InnerTableProps extends TariffsTableInnerContent, UniBlockProps {
|
|
4
|
+
onClick: () => void;
|
|
4
5
|
}
|
|
5
6
|
export declare const InnerTable: import("@redneckz/uni-jsx").UNIComponent<InnerTableProps, any, any>;
|
|
@@ -5,11 +5,12 @@ import { useTariffsInnerTableData } from '../../hooks/useTariffsInnerTableData.j
|
|
|
5
5
|
import { InnerTableBody } from './InnerTableBody.js';
|
|
6
6
|
import { TableInnerButton } from './InnerTableButton.js';
|
|
7
7
|
import { InnerTableHeader } from './InnerTableHeader.js';
|
|
8
|
-
|
|
8
|
+
const EMPTY_DATA = 'Данных нет';
|
|
9
|
+
export const InnerTable = JSX(({ context, dataUrl, pdfUrl, onClick }) => {
|
|
9
10
|
const { tableData } = useTariffsInnerTableData(dataUrl);
|
|
10
11
|
const [activeTabIndex, setActiveTabIndex] = useState(0);
|
|
11
12
|
const items = tableData?.[activeTabIndex]?.items ?? [];
|
|
12
13
|
const currencies = tableData?.map((item) => item.currency ?? '');
|
|
13
|
-
return tableData ? (_jsxs("div", { className: "bg-white z-10", children: [_jsx(InnerTableHeader, { currencies: currencies, activeTabIndex: activeTabIndex, setActiveTabIndex: setActiveTabIndex, linkToPDF: pdfUrl }), _jsx(InnerTableBody, { context: context, activeTabIndex: activeTabIndex, items: items }), _jsx(TableInnerButton, { context: context, isOpen: true })] })) :
|
|
14
|
+
return tableData ? (_jsxs("div", { className: "bg-white z-10", children: [_jsx(InnerTableHeader, { currencies: currencies, activeTabIndex: activeTabIndex, setActiveTabIndex: setActiveTabIndex, linkToPDF: pdfUrl }), _jsx(InnerTableBody, { context: context, activeTabIndex: activeTabIndex, items: items }), _jsx(TableInnerButton, { context: context, onClick: onClick, isOpen: true })] })) : (_jsxs("div", { className: "my-5 text-h6 text-center", children: [_jsx("p", { children: EMPTY_DATA }), _jsx(TableInnerButton, { context: context, onClick: onClick, isOpen: true })] }));
|
|
14
15
|
});
|
|
15
16
|
//# sourceMappingURL=InnerTable.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InnerTable.js","sourceRoot":"","sources":["../../../src/ui-kit/InnerTable/InnerTable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAEhF,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"InnerTable.js","sourceRoot":"","sources":["../../../src/ui-kit/InnerTable/InnerTable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAEhF,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAOtD,MAAM,UAAU,GAAG,YAAY,CAAC;AAEhC,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAkB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;IACvF,MAAM,EAAE,SAAS,EAAE,GAAmB,wBAAwB,CAAC,OAAO,CAAC,CAAC;IAExE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACxD,MAAM,KAAK,GAAG,SAAS,EAAE,CAAC,cAAc,CAAC,EAAE,KAAK,IAAI,EAAE,CAAC;IAEvD,MAAM,UAAU,GAAG,SAAS,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;IAEjE,OAAO,SAAS,CAAC,CAAC,CAAC,CACjB,eAAK,SAAS,EAAC,eAAe,aAC5B,KAAC,gBAAgB,IACf,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,MAAM,GACjB,EACF,KAAC,cAAc,IAAC,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,GAAI,EAClF,KAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,SAAG,IAC3D,CACP,CAAC,CAAC,CAAC,CACF,eAAK,SAAS,EAAC,0BAA0B,aACvC,sBAAI,UAAU,GAAK,EACnB,KAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,SAAG,IAC3D,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import type { UniBlockProps } from '../../model/JSXBlock';
|
|
2
2
|
import type { TariffsTableInnerEvent } from './InnerTableProps';
|
|
3
3
|
export interface TableInnerButtonProps extends TariffsTableInnerEvent, UniBlockProps {
|
|
4
|
+
onClick?: () => void;
|
|
4
5
|
isOpen?: boolean;
|
|
5
6
|
}
|
|
6
7
|
export declare const TableInnerButton: import("@redneckz/uni-jsx").UNIComponent<TableInnerButtonProps, any, any>;
|
|
@@ -1,12 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
-
import { EventBus } from '../../EventBus/EventBus.js';
|
|
4
3
|
import { Button } from '../Button/Button.js';
|
|
5
4
|
import { Icon } from '../Icon/Icon.js';
|
|
6
|
-
export const TableInnerButton = JSX(({ isOpen,
|
|
7
|
-
|
|
8
|
-
EventBus.inst.fire('tariffInnerTable', { dataUrl, pdfUrl, rowIdx, cellIdx, fieldIdx });
|
|
9
|
-
};
|
|
10
|
-
return (_jsxs(Button, { version: "primary", onClick: handleClick, className: "w-full flex items-center justify-center rounded-none py-5", children: [_jsx("div", { className: "text-h4", children: isOpen ? 'Скрыть' : 'Показать ставки по вкладу' }), _jsx(Icon, { name: isOpen ? 'ArrowUpIcon' : 'ArrowDownIcon', className: "ml-3", iconVersion: "white", width: "20", height: "20", asSVG: true })] }));
|
|
5
|
+
export const TableInnerButton = JSX(({ isOpen, onClick }) => {
|
|
6
|
+
return (_jsxs(Button, { version: "primary", onClick: onClick, className: "w-full flex items-center justify-center rounded-none py-5", children: [_jsx("div", { className: "text-h4", children: isOpen ? 'Скрыть' : 'Показать ставки по вкладу' }), _jsx(Icon, { name: isOpen ? 'ArrowUpIcon' : 'ArrowDownIcon', className: "ml-3", iconVersion: "white", width: "20", height: "20", asSVG: true })] }));
|
|
11
7
|
});
|
|
12
8
|
//# sourceMappingURL=InnerTableButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InnerTableButton.js","sourceRoot":"","sources":["../../../src/ui-kit/InnerTable/InnerTableButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"InnerTableButton.js","sourceRoot":"","sources":["../../../src/ui-kit/InnerTable/InnerTableButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAQpC,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAwB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;IACjF,OAAO,CACL,MAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,2DAA2D,aAErE,cAAK,SAAS,EAAC,SAAS,YAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,2BAA2B,GAAO,EAChF,KAAC,IAAI,IACH,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,EAC9C,SAAS,EAAC,MAAM,EAChB,WAAW,EAAC,OAAO,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,IACK,CACV,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -14,7 +14,7 @@ export const InputRange = JSX(({ className, title, items = [], min = 1, max = 10
|
|
|
14
14
|
const inputStyle = {
|
|
15
15
|
backgroundSize: `${(((value - min) * 100) / (max - min)).toFixed(2)}% 100%`,
|
|
16
16
|
};
|
|
17
|
-
return (_jsxs("div", { className: className, children: [_jsxs("label", { className: "block relative", children: [title ? _jsx("span", { className: "text-m-light", children: title }) : null, _jsx("input", { className: `m-0 mt-2 font-sans text-h3 w-full h-14 border border-solid border-main-stroke rounded-md
|
|
17
|
+
return (_jsxs("div", { className: className, children: [_jsxs("label", { className: "block relative", children: [title ? _jsx("span", { className: "text-m-light text-primary-text", children: title }) : null, _jsx("input", { className: `m-0 mt-2 font-sans text-h3 w-full h-14 border border-solid border-main-stroke rounded-md
|
|
18
18
|
outline-none p-0 pl-4 box-border text-primary-text hover:border-primary-hover focus:border-primary-focus ${DISABLED_INPUT_CLASSES}`, value: addSpacesBetweenNumbers(value), disabled: disabled, onChange: handleChange, onBlur: handleChange }), _jsx("div", { className: "absolute inset-x-0 -bottom-1 px-4 leading-[18px]", children: _jsx("input", { className: "box-border w-full m-0 cursor-pointer slider", type: "range", min: min, max: max, step: step, value: value, disabled: disabled, onChange: handleChange, style: inputStyle }) })] }), renderRangeCaption(items)] }));
|
|
19
19
|
});
|
|
20
20
|
function renderRangeCaption(items) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputRange.js","sourceRoot":"","sources":["../../../src/ui-kit/InputRange/InputRange.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAGlE,MAAM,sBAAsB,GAAG,sDAAsD,CAAC;AAEtF,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAC3B,CAAC,EACC,SAAS,EACT,KAAK,EACL,KAAK,GAAG,EAAE,EACV,GAAG,GAAG,CAAC,EACP,GAAG,GAAG,GAAG,EACT,IAAI,GAAG,CAAC,EACR,KAAK,GAAG,GAAG,EACX,QAAQ,GAAG,KAAK,EAChB,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,YAAY,GAA+C,CAAC,CAAC,EAAE,EAAE;QACrE,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO;SACR;QAED,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAe,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;IACjF,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG;QACjB,cAAc,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ;KAC5E,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,aACvB,iBAAO,SAAS,EAAC,gBAAgB,aAC9B,KAAK,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"InputRange.js","sourceRoot":"","sources":["../../../src/ui-kit/InputRange/InputRange.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAGlE,MAAM,sBAAsB,GAAG,sDAAsD,CAAC;AAEtF,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAC3B,CAAC,EACC,SAAS,EACT,KAAK,EACL,KAAK,GAAG,EAAE,EACV,GAAG,GAAG,CAAC,EACP,GAAG,GAAG,GAAG,EACT,IAAI,GAAG,CAAC,EACR,KAAK,GAAG,GAAG,EACX,QAAQ,GAAG,KAAK,EAChB,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,YAAY,GAA+C,CAAC,CAAC,EAAE,EAAE;QACrE,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO;SACR;QAED,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAe,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;IACjF,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG;QACjB,cAAc,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ;KAC5E,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,aACvB,iBAAO,SAAS,EAAC,gBAAgB,aAC9B,KAAK,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,gCAAgC,YAAE,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC/E,gBACE,SAAS,EAAE;uHACgG,sBAAsB,EAAE,EACnI,KAAK,EAAE,uBAAuB,CAAC,KAAK,CAAC,EACrC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,YAAY,GACpB,EACF,cAAK,SAAS,EAAC,kDAAkD,YAC/D,gBACE,SAAS,EAAC,6CAA6C,EACvD,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,UAAU,GACjB,GACE,IACA,EACP,kBAAkB,CAAC,KAAK,CAAC,IACtB,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,kBAAkB,CAAC,KAAe;IACzC,OAAO,CACL,cAAK,SAAS,EAAC,2BAA2B,YACvC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,eAAsB,SAAS,EAAC,kCAAkC,YAC/D,IAAI,IADI,MAAM,CAAC,CAAC,CAAC,CAEb,CACR,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
-
export const Radio = JSX(({ name, text, value, checked, onChange, className }) => (_jsx("div", { className: className, children: _jsxs("label", { className: "flex items-center relative cursor-pointer", children: [_jsx("input", { className: "appearance-none flex justify-center items-center shrink-0 w-5 h-5 border border-gray hover:border-checkbox-hover\n checked:border-2 checked:!border-primary-main focus:checked:border-primary-main focus:border-primary-text active:border-primary-text\n after:block after:w-2.5 after:h-2.5 after:rounded-full checked:after:bg-primary-main outline-none rounded-full cursor-pointer", type: "radio", value: value, name: name, checked: checked, onChange: onChange }), text ? _jsx("span", { className: "
|
|
3
|
+
export const Radio = JSX(({ name, text, value, checked, onChange, className }) => (_jsx("div", { className: className, children: _jsxs("label", { className: "font-sans flex items-center relative cursor-pointer", children: [_jsx("input", { className: "appearance-none flex justify-center items-center shrink-0 w-5 h-5 border border-gray hover:border-checkbox-hover\n checked:border-2 checked:!border-primary-main focus:checked:border-primary-main focus:border-primary-text active:border-primary-text\n after:block after:w-2.5 after:h-2.5 after:rounded-full checked:after:bg-primary-main outline-none rounded-full cursor-pointer", type: "radio", value: value, name: name, checked: checked, onChange: onChange }), text ? _jsx("span", { className: "text-primary-text ml-3 cursor-pointer", children: text }) : null] }) })));
|
|
4
4
|
//# sourceMappingURL=Radio.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/ui-kit/Radio/Radio.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAa,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAC5F,cAAK,SAAS,EAAE,SAAS,YACvB,iBAAO,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/ui-kit/Radio/Radio.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAa,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAC5F,cAAK,SAAS,EAAE,SAAS,YACvB,iBAAO,SAAS,EAAC,qDAAqD,aACpE,gBACE,SAAS,EAAC,uYAEoH,EAC9H,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GAClB,EACD,IAAI,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,uCAAuC,YAAE,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,IAC9E,GACJ,CACP,CAAC,CAAC"}
|
|
@@ -17,7 +17,7 @@ export const Select = JSX(({ className = '', isBorder = true, label, options = [
|
|
|
17
17
|
useEffect(() => {
|
|
18
18
|
setSelectedItem(value || { key: '', text: '' });
|
|
19
19
|
}, [value]);
|
|
20
|
-
return (_jsxs("div", { className: `${className}`, ref: wrapperRef, children: [label ? _jsx("span", { className: "mb-2 flex", children: label }) : null, _jsxs("div", { className: `relative ${isOpen ? 'z-20' : 'z-10'}`, children: [_jsxs("div", { className: `text-l flex justify-between items-center mb-0.5 text-primary-text cursor-pointer
|
|
20
|
+
return (_jsxs("div", { className: `${className}`, ref: wrapperRef, children: [label ? _jsx("span", { className: "mb-2 flex text-primary-text", children: label }) : null, _jsxs("div", { className: `relative ${isOpen ? 'z-20' : 'z-10'}`, children: [_jsxs("div", { className: `text-l flex justify-between items-center mb-0.5 text-primary-text cursor-pointer
|
|
21
21
|
${getBorderStyle(isBorder)}`, onClick: () => setIsOpen(!isOpen), children: [_jsx("p", { className: "p-4 pr-8 h-[56px] overflow-hidden text-ellipsis whitespace-nowrap", children: selectedItem?.text || placeholder }), _jsx(Icon, { name: "ArrowUpIcon", width: "16", height: "16", className: `absolute right-3 ${isOpen ? '' : 'rotate-180'}` })] }), options?.length ? (_jsx("div", { className: `h-0 ${renderOptionsStyle(isOpen)}`, children: _jsx("div", { className: `bg-white text-l max-h-[256px] overflow-y-auto overflow-x-hidden rounded-md shadow-[0_4px_25px_rgba(0,0,0,0.07)]`, children: options.map(renderOption(choiceOption, isOpen, isSelected)) }) })) : null] })] }));
|
|
22
22
|
});
|
|
23
23
|
const renderOptionsStyle = (isOpen) => (isOpen ? '' : 'overflow-hidden');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/ui-kit/Select/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAiBpC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CACvB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,GAAG,IAAI,EAAE,KAAK,EAAE,OAAO,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,GAAG,EAAE,EAAE,EAAE,EAAE;IAC9F,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IACtF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,UAAU,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAEzD,eAAe,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;IAEvC,MAAM,YAAY,GAAG,CAAC,MAAmB,EAAE,EAAE;QAC3C,eAAe,CAAC,MAAM,CAAC,CAAC;QACxB,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,QAAQ,CAAC,MAAM,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,MAAmB,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,KAAK,YAAY,CAAC,GAAG,CAAC,CAAC;IAErF,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,CAAC,KAAK,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAClD,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,EAAE,UAAU,aAC5C,KAAK,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/ui-kit/Select/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -32,7 +32,7 @@ export const Bonus = JSX<BonusProps>((props) => {
|
|
|
32
32
|
return (
|
|
33
33
|
<div
|
|
34
34
|
key={String(i)}
|
|
35
|
-
className="flex-grow w-[49%] border border-gray
|
|
35
|
+
className="flex-grow w-[49%] border border-gray p-9 mb-3 mx-2 even:mr-0 odd:ml-0 last:odd:mx-0"
|
|
36
36
|
>
|
|
37
37
|
<div className="flex justify-between w-full">
|
|
38
38
|
<div className="flex flex-col justify-between mr-4">
|
|
@@ -22,7 +22,11 @@ export function renderBackwardButton(
|
|
|
22
22
|
href={href}
|
|
23
23
|
target={target}
|
|
24
24
|
>
|
|
25
|
-
<Img
|
|
25
|
+
<Img
|
|
26
|
+
className="w-4 h-4"
|
|
27
|
+
image={{ ...backwardIcon, iconVersion: backwardIcon.iconVersion || iconVersion }}
|
|
28
|
+
asSVG
|
|
29
|
+
/>
|
|
26
30
|
</Button>
|
|
27
31
|
{text ? <span className="text-m">{text}</span> : null}
|
|
28
32
|
</div>
|
|
@@ -47,7 +47,12 @@ export const SafeDepositRental = JSX<SafeDepositRentalProps>(
|
|
|
47
47
|
<BlockWrapper context={context} className={className} {...rest}>
|
|
48
48
|
<div className="font-sans bg-white px-8 py-12">
|
|
49
49
|
{title ? (
|
|
50
|
-
<Heading
|
|
50
|
+
<Heading
|
|
51
|
+
title={title}
|
|
52
|
+
headingType="h3"
|
|
53
|
+
as="h2"
|
|
54
|
+
className="text-primary-text mb-2.5 text-center"
|
|
55
|
+
/>
|
|
51
56
|
) : null}
|
|
52
57
|
<SafeDepositRentalForm
|
|
53
58
|
regions={regions}
|
|
@@ -11,16 +11,13 @@ export const renderItems = ({
|
|
|
11
11
|
isDotted?: boolean;
|
|
12
12
|
version?: BlockVersion;
|
|
13
13
|
className?: string;
|
|
14
|
-
}) =>
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
return items ? (
|
|
14
|
+
}) =>
|
|
15
|
+
items ? (
|
|
18
16
|
<List
|
|
19
|
-
className={
|
|
20
|
-
version={
|
|
17
|
+
className={className}
|
|
18
|
+
version={version}
|
|
21
19
|
items={items}
|
|
22
|
-
listItemSize="
|
|
20
|
+
listItemSize="M"
|
|
23
21
|
isDotted={isDotted}
|
|
24
22
|
/>
|
|
25
23
|
) : null;
|
|
26
|
-
};
|
|
@@ -3,6 +3,7 @@ import type { BlockVersion } from '../../model/BlockVersion';
|
|
|
3
3
|
import type { HandlerDecorator, Router } from '../ContentPage/ContentPageContext';
|
|
4
4
|
import type { Step } from './StepsBlockContent';
|
|
5
5
|
import type { StyleType } from './StepsBlockStyleMaps';
|
|
6
|
+
import type { VNode } from '../../model/VNode';
|
|
6
7
|
import { renderItems } from './renderItems';
|
|
7
8
|
import { useLink } from '../../hooks/useLink';
|
|
8
9
|
|
|
@@ -20,39 +21,48 @@ export const renderStepContent =
|
|
|
20
21
|
router: Router;
|
|
21
22
|
handlerDecorator?: HandlerDecorator;
|
|
22
23
|
}) =>
|
|
23
|
-
(step: Step, i: number, { length }: { length: number }) => {
|
|
24
|
+
(step: Step, i: number, { length }: { length: number }): VNode => {
|
|
24
25
|
const { label, description, button, items, isDotted } = step;
|
|
25
26
|
|
|
26
|
-
const
|
|
27
|
-
const widthContainer = length < 5 ? 'w-[276px]' : 'w-[210px]';
|
|
27
|
+
const contentMarginClass = label && (description || items) ? 'mt-2' : '';
|
|
28
28
|
|
|
29
29
|
return (
|
|
30
30
|
<div
|
|
31
31
|
key={String(i)}
|
|
32
|
-
className={`flex flex-col items-center text-center
|
|
33
|
-
|
|
32
|
+
className={`relative flex flex-col items-center text-center whitespace-pre-line overflow-hidden ${getContainerWidth(
|
|
33
|
+
length,
|
|
34
|
+
)}`}
|
|
34
35
|
>
|
|
35
|
-
{
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
36
|
+
<div className={`${button?.text ? 'mb-8' : ''} text-center`}>
|
|
37
|
+
{renderStepLabel(label)}
|
|
38
|
+
<div className={`${contentMarginClass} flex flex-col items-center`}>
|
|
39
|
+
{renderStepDescription({
|
|
40
|
+
description,
|
|
41
|
+
className: styleMap.description,
|
|
42
|
+
})}
|
|
43
|
+
{renderItems({
|
|
44
|
+
items,
|
|
45
|
+
isDotted,
|
|
46
|
+
version,
|
|
47
|
+
className: getItemsClasses({ className: 'text-left', description, styleMap }),
|
|
48
|
+
})}
|
|
49
|
+
</div>
|
|
50
|
+
</div>
|
|
41
51
|
{button?.text && !isMainButton ? (
|
|
42
52
|
<Button
|
|
43
53
|
className="box-border py-3 h-12 w-full max-w-[240px] mt-auto"
|
|
44
54
|
{...useLink({ router, handlerDecorator }, button)}
|
|
45
55
|
version={version}
|
|
46
56
|
>
|
|
47
|
-
{button
|
|
57
|
+
{button?.text}
|
|
48
58
|
</Button>
|
|
49
59
|
) : null}
|
|
50
60
|
</div>
|
|
51
61
|
);
|
|
52
62
|
};
|
|
53
63
|
|
|
54
|
-
const renderStepLabel = (label?: string) =>
|
|
55
|
-
label ? <div className="text-
|
|
64
|
+
const renderStepLabel = (label?: string): VNode =>
|
|
65
|
+
label ? <div className="text-h6">{label}</div> : null;
|
|
56
66
|
|
|
57
67
|
const renderStepDescription = ({
|
|
58
68
|
description,
|
|
@@ -60,4 +70,19 @@ const renderStepDescription = ({
|
|
|
60
70
|
}: {
|
|
61
71
|
description?: string;
|
|
62
72
|
className?: string;
|
|
63
|
-
}) => (description ? <div className={className}>{description}</div> : null);
|
|
73
|
+
}): VNode => (description ? <div className={className}>{description}</div> : null);
|
|
74
|
+
|
|
75
|
+
const getItemsClasses = ({
|
|
76
|
+
className,
|
|
77
|
+
description,
|
|
78
|
+
styleMap,
|
|
79
|
+
}: {
|
|
80
|
+
className?: string;
|
|
81
|
+
description?: string;
|
|
82
|
+
styleMap: StyleType;
|
|
83
|
+
}): string =>
|
|
84
|
+
[description ? styleMap.description : 'text-h6', description ? 'mt-0.5' : '', className].join(
|
|
85
|
+
' ',
|
|
86
|
+
);
|
|
87
|
+
|
|
88
|
+
const getContainerWidth = (length: number): string => (length < 5 ? 'w-[276px]' : 'w-[210px]');
|