@redneckz/wildless-cms-uni-blocks 0.2.72 → 0.2.75
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 +240 -151
- package/bundle/bundle.umd.js +124 -44
- package/bundle/bundle.umd.min.js +1 -1
- package/dist/BaseTile.js +9 -4
- package/dist/BaseTile.js.map +1 -1
- package/dist/BaseTileContent.d.ts +2 -2
- package/dist/BlockContent.d.ts +2 -1
- package/dist/Blocks.d.ts +2 -0
- package/dist/Blocks.js +4 -0
- package/dist/Blocks.js.map +1 -1
- package/dist/ComparisonTable/ComparisonTable.d.ts +5 -0
- package/dist/ComparisonTable/ComparisonTable.js +34 -0
- package/dist/ComparisonTable/ComparisonTable.js.map +1 -0
- package/dist/ComparisonTable/ComparisonTableContent.d.ts +37 -0
- package/dist/ComparisonTable/ComparisonTableContent.js +2 -0
- package/dist/ComparisonTable/ComparisonTableContent.js.map +1 -0
- package/dist/ComparisonTable/HeaderCell.d.ts +10 -0
- package/dist/ComparisonTable/HeaderCell.js +11 -0
- package/dist/ComparisonTable/HeaderCell.js.map +1 -0
- package/dist/ComparisonTable/TableCarouselContainer.d.ts +4 -0
- package/dist/ComparisonTable/TableCarouselContainer.js +7 -0
- package/dist/ComparisonTable/TableCarouselContainer.js.map +1 -0
- package/dist/ComparisonTable/TableCell.d.ts +8 -0
- package/dist/ComparisonTable/TableCell.js +12 -0
- package/dist/ComparisonTable/TableCell.js.map +1 -0
- package/dist/ComparisonTable/TableRow.d.ts +10 -0
- package/dist/ComparisonTable/TableRow.js +10 -0
- package/dist/ComparisonTable/TableRow.js.map +1 -0
- package/dist/ComparisonTable/TableRowContainer.d.ts +4 -0
- package/dist/ComparisonTable/TableRowContainer.js +6 -0
- package/dist/ComparisonTable/TableRowContainer.js.map +1 -0
- package/dist/ComparisonTable/constants.d.ts +6 -0
- package/dist/ComparisonTable/constants.js +9 -0
- package/dist/ComparisonTable/constants.js.map +1 -0
- package/dist/ComparisonTable/index.d.ts +3 -0
- package/dist/ComparisonTable/index.js +5 -0
- package/dist/ComparisonTable/index.js.map +1 -0
- package/dist/ExchangeRateTile.js +1 -0
- package/dist/ExchangeRateTile.js.map +1 -1
- package/dist/Footer/Contacts.js +1 -1
- package/dist/Footer/Contacts.js.map +1 -1
- package/dist/Footer/SocialMedia.js +4 -1
- package/dist/Footer/SocialMedia.js.map +1 -1
- package/dist/Gallery.d.ts +1 -1
- package/dist/Gallery.js +2 -32
- package/dist/Gallery.js.map +1 -1
- package/dist/Gallery.mobile.js +1 -1
- package/dist/Gallery.mobile.js.map +1 -1
- package/dist/GalleryInner.d.ts +7 -0
- package/dist/GalleryInner.js +46 -0
- package/dist/GalleryInner.js.map +1 -0
- package/dist/MiniGallery.d.ts +5 -0
- package/dist/MiniGallery.js +7 -0
- package/dist/MiniGallery.js.map +1 -0
- package/dist/ProductBlockInner.js +3 -3
- package/dist/ProductBlockInner.js.map +1 -1
- package/dist/TextBlock.js +4 -4
- package/dist/TextBlock.js.map +1 -1
- package/dist/model/GalleryVersion.d.ts +1 -0
- package/dist/{ui-kit/IconButtonProps.js → model/GalleryVersion.js} +1 -1
- package/dist/model/GalleryVersion.js.map +1 -0
- package/dist/ui-kit/ArrowButton.d.ts +2 -6
- package/dist/ui-kit/ArrowButton.js +17 -3
- package/dist/ui-kit/ArrowButton.js.map +1 -1
- package/dist/ui-kit/Button.d.ts +2 -1
- package/dist/ui-kit/Button.js +11 -5
- package/dist/ui-kit/Button.js.map +1 -1
- package/dist/ui-kit/ButtonProps.d.ts +15 -3
- package/dist/ui-kit/IconProps.d.ts +23 -1
- package/dist/ui-kit/IconProps.js +24 -0
- package/dist/ui-kit/IconProps.js.map +1 -1
- package/dist/{Img.d.ts → ui-kit/Img.d.ts} +1 -1
- package/dist/{Img.js → ui-kit/Img.js} +0 -0
- package/dist/ui-kit/Img.js.map +1 -0
- package/dist/ui-kit/SVG.d.ts +2 -0
- package/dist/ui-kit/SVG.js +2 -2
- package/dist/ui-kit/SVG.js.map +1 -1
- package/lib/BaseTile.js +9 -4
- package/lib/BaseTile.js.map +1 -1
- package/lib/BaseTileContent.d.ts +2 -2
- package/lib/BlockContent.d.ts +2 -1
- package/lib/Blocks.d.ts +2 -0
- package/lib/Blocks.js +4 -0
- package/lib/Blocks.js.map +1 -1
- package/lib/ComparisonTable/ComparisonTable.d.ts +5 -0
- package/lib/ComparisonTable/ComparisonTable.js +32 -0
- package/lib/ComparisonTable/ComparisonTable.js.map +1 -0
- package/lib/ComparisonTable/ComparisonTableContent.d.ts +37 -0
- package/lib/ComparisonTable/ComparisonTableContent.js +2 -0
- package/lib/ComparisonTable/ComparisonTableContent.js.map +1 -0
- package/lib/ComparisonTable/HeaderCell.d.ts +10 -0
- package/lib/ComparisonTable/HeaderCell.js +9 -0
- package/lib/ComparisonTable/HeaderCell.js.map +1 -0
- package/lib/ComparisonTable/TableCarouselContainer.d.ts +4 -0
- package/lib/ComparisonTable/TableCarouselContainer.js +5 -0
- package/lib/ComparisonTable/TableCarouselContainer.js.map +1 -0
- package/lib/ComparisonTable/TableCell.d.ts +8 -0
- package/lib/ComparisonTable/TableCell.js +10 -0
- package/lib/ComparisonTable/TableCell.js.map +1 -0
- package/lib/ComparisonTable/TableRow.d.ts +10 -0
- package/lib/ComparisonTable/TableRow.js +8 -0
- package/lib/ComparisonTable/TableRow.js.map +1 -0
- package/lib/ComparisonTable/TableRowContainer.d.ts +4 -0
- package/lib/ComparisonTable/TableRowContainer.js +4 -0
- package/lib/ComparisonTable/TableRowContainer.js.map +1 -0
- package/lib/ComparisonTable/constants.d.ts +6 -0
- package/lib/ComparisonTable/constants.js +7 -0
- package/lib/ComparisonTable/constants.js.map +1 -0
- package/lib/ComparisonTable/index.d.ts +3 -0
- package/lib/ComparisonTable/index.js +2 -0
- package/lib/ComparisonTable/index.js.map +1 -0
- package/lib/ExchangeRateTile.js +1 -0
- package/lib/ExchangeRateTile.js.map +1 -1
- package/lib/Footer/Contacts.js +1 -1
- package/lib/Footer/Contacts.js.map +1 -1
- package/lib/Footer/SocialMedia.js +4 -1
- package/lib/Footer/SocialMedia.js.map +1 -1
- package/lib/Gallery.d.ts +1 -1
- package/lib/Gallery.js +3 -33
- package/lib/Gallery.js.map +1 -1
- package/lib/Gallery.mobile.js +1 -1
- package/lib/Gallery.mobile.js.map +1 -1
- package/lib/GalleryInner.d.ts +7 -0
- package/lib/GalleryInner.js +44 -0
- package/lib/GalleryInner.js.map +1 -0
- package/lib/MiniGallery.d.ts +5 -0
- package/lib/MiniGallery.js +5 -0
- package/lib/MiniGallery.js.map +1 -0
- package/lib/ProductBlockInner.js +3 -3
- package/lib/ProductBlockInner.js.map +1 -1
- package/lib/TextBlock.js +4 -4
- package/lib/TextBlock.js.map +1 -1
- package/lib/common.css +1 -1
- package/lib/model/GalleryVersion.d.ts +1 -0
- package/lib/model/GalleryVersion.js +2 -0
- package/lib/model/GalleryVersion.js.map +1 -0
- package/lib/ui-kit/ArrowButton.d.ts +2 -6
- package/lib/ui-kit/ArrowButton.js +18 -4
- package/lib/ui-kit/ArrowButton.js.map +1 -1
- package/lib/ui-kit/Button.d.ts +2 -1
- package/lib/ui-kit/Button.js +11 -5
- package/lib/ui-kit/Button.js.map +1 -1
- package/lib/ui-kit/ButtonProps.d.ts +15 -3
- package/lib/ui-kit/IconProps.d.ts +23 -1
- package/lib/ui-kit/IconProps.js +23 -1
- package/lib/ui-kit/IconProps.js.map +1 -1
- package/lib/{Img.d.ts → ui-kit/Img.d.ts} +1 -1
- package/lib/{Img.js → ui-kit/Img.js} +0 -0
- package/lib/ui-kit/Img.js.map +1 -0
- package/lib/ui-kit/SVG.d.ts +2 -0
- package/lib/ui-kit/SVG.js +2 -2
- package/lib/ui-kit/SVG.js.map +1 -1
- package/package.json +1 -1
- package/src/BaseTile.tsx +17 -5
- package/src/BaseTileContent.ts +2 -2
- package/src/BlockContent.ts +3 -1
- package/src/Blocks.ts +4 -0
- package/src/ComparisonTable/ComparisonTable.fixture.tsx +265 -0
- package/src/ComparisonTable/ComparisonTable.tsx +126 -0
- package/src/ComparisonTable/ComparisonTableContent.ts +43 -0
- package/src/ComparisonTable/HeaderCell.tsx +50 -0
- package/src/ComparisonTable/TableCarouselContainer.tsx +19 -0
- package/src/ComparisonTable/TableCell.tsx +43 -0
- package/src/ComparisonTable/TableRow.tsx +44 -0
- package/src/ComparisonTable/TableRowContainer.tsx +7 -0
- package/src/ComparisonTable/constants.ts +6 -0
- package/src/ComparisonTable/index.ts +3 -0
- package/src/ContentPage.page.json +463 -1
- package/src/ExchangeRateTile.tsx +2 -1
- package/src/Footer/Contacts.tsx +1 -0
- package/src/Footer/SocialMedia.tsx +9 -5
- package/src/Gallery.fixture.tsx +1 -1
- package/src/Gallery.mobile.tsx +1 -1
- package/src/Gallery.tsx +3 -119
- package/src/GalleryInner.tsx +135 -0
- package/src/MiniGallery.fixture.tsx +90 -0
- package/src/MiniGallery.tsx +10 -0
- package/src/ProductBlock.fixture.tsx +1 -1
- package/src/ProductBlockInner.tsx +3 -3
- package/src/ProductTile.fixture.tsx +1 -1
- package/src/TextBlock.fixture.tsx +1 -1
- package/src/TextBlock.tsx +6 -4
- package/src/Tile.fixture.tsx +1 -1
- package/src/common.css +36 -0
- package/src/icons/AppleIcon.svg +1 -13
- package/src/icons/GlassIcon.svg +1 -0
- package/src/icons/PlayMarketIcon.svg +1 -6
- package/src/model/GalleryVersion.ts +1 -0
- package/src/ui-kit/ArrowButton.tsx +29 -30
- package/src/ui-kit/Button.fixture.tsx +33 -5
- package/src/ui-kit/Button.tsx +41 -17
- package/src/ui-kit/ButtonProps.ts +17 -3
- package/src/ui-kit/Icon.fixture.tsx +22 -0
- package/src/ui-kit/IconProps.ts +24 -21
- package/src/{Img.tsx → ui-kit/Img.tsx} +1 -1
- package/src/ui-kit/SVG.tsx +11 -2
- package/dist/Img.js.map +0 -1
- package/dist/ui-kit/IconButton.d.ts +0 -2
- package/dist/ui-kit/IconButton.js +0 -10
- package/dist/ui-kit/IconButton.js.map +0 -1
- package/dist/ui-kit/IconButtonProps.d.ts +0 -6
- package/dist/ui-kit/IconButtonProps.js.map +0 -1
- package/lib/Img.js.map +0 -1
- package/lib/ui-kit/IconButton.d.ts +0 -2
- package/lib/ui-kit/IconButton.js +0 -8
- package/lib/ui-kit/IconButton.js.map +0 -1
- package/lib/ui-kit/IconButtonProps.d.ts +0 -6
- package/lib/ui-kit/IconButtonProps.js +0 -2
- package/lib/ui-kit/IconButtonProps.js.map +0 -1
- package/src/ui-kit/IconButton.tsx +0 -22
- package/src/ui-kit/IconButtonProps.ts +0 -7
|
@@ -3,15 +3,15 @@ exports.ProductBlockInner = void 0;
|
|
|
3
3
|
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
4
|
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
5
|
const BaseTile_1 = require("./BaseTile");
|
|
6
|
-
const Img_1 = require("./Img");
|
|
7
6
|
const Icon_1 = require("./ui-kit/Icon");
|
|
7
|
+
const Img_1 = require("./ui-kit/Img");
|
|
8
8
|
const Title_1 = require("./ui-kit/Title");
|
|
9
9
|
exports.ProductBlockInner = (0, uni_jsx_1.JSX)(({ className, context, title, titleSize, description, benefits, buttons, image, items }) => {
|
|
10
10
|
return ((0, jsx_runtime_1.jsxs)("div", { className: `flex grow justify-between items-stretch ${className || ''}`, children: [(0, jsx_runtime_1.jsxs)("div", { className: 'flex flex-col', children: [title && (
|
|
11
11
|
/* TODO Why <Title> is duplicated here? */
|
|
12
|
-
(0, jsx_runtime_1.jsx)(Title_1.Title, { size: titleSize || 'XL', className: "font-medium m-0 mb-4 whitespace-pre-wrap max-w-[600px]", children: title })), (0, jsx_runtime_1.jsx)(BaseTile_1.BaseTile, { context: context, description: description, items: items, buttons: buttons, children: benefits?.length ? ((0, jsx_runtime_1.jsx)("div", { className: "flex gap-6 mt-6 mb-3.5", children: benefits.map(renderBenefit) })) : null })] }), image?.src && (0, jsx_runtime_1.jsx)(Img_1.Img, { className: "mt-auto", image: image })] }));
|
|
12
|
+
(0, jsx_runtime_1.jsx)(Title_1.Title, { size: titleSize || 'XL', className: "font-medium m-0 mb-4 whitespace-pre-wrap max-w-[600px] text-primary-text", children: title })), (0, jsx_runtime_1.jsx)(BaseTile_1.BaseTile, { context: context, description: description, items: items, buttons: buttons, children: benefits?.length ? ((0, jsx_runtime_1.jsx)("div", { className: "flex gap-6 mt-6 mb-3.5", children: benefits.map(renderBenefit) })) : null })] }), image?.src && (0, jsx_runtime_1.jsx)(Img_1.Img, { className: "mt-auto", image: image })] }));
|
|
13
13
|
});
|
|
14
14
|
function renderBenefit(benefit, i) {
|
|
15
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: "flex gap-4 items-center", children: [benefit.icon && ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { className: "w-[50px] h-[50px] min-w-[50px] min-h-[50px] bg-main rounded-full p-[10px] box-border", name: benefit.icon, width: "24", height: "24" })), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-1 flex-col h-full", children: [(0, jsx_runtime_1.jsx)("h4", { className: "font-medium text-xl m-0", children: benefit.label }), benefit.description && ((0, jsx_runtime_1.jsx)("div", { className: "font-normal text-sm text-secondary-text", children: benefit.description }))] })] }, String(i)));
|
|
15
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "flex gap-4 items-center", children: [benefit.icon && ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { className: "w-[50px] h-[50px] min-w-[50px] min-h-[50px] bg-main rounded-full p-[10px] box-border", name: benefit.icon, width: "24", height: "24" })), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-1 flex-col h-full", children: [(0, jsx_runtime_1.jsx)("h4", { className: "font-medium text-primary-text text-xl m-0", children: benefit.label }), benefit.description && ((0, jsx_runtime_1.jsx)("div", { className: "font-normal text-sm text-secondary-text", children: benefit.description }))] })] }, String(i)));
|
|
16
16
|
}
|
|
17
17
|
//# sourceMappingURL=ProductBlockInner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductBlockInner.js","sourceRoot":"","sources":["../src/ProductBlockInner.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,yCAAsC;
|
|
1
|
+
{"version":3,"file":"ProductBlockInner.js","sourceRoot":"","sources":["../src/ProductBlockInner.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,yCAAsC;AAItC,wCAAqC;AACrC,sCAAmC;AACnC,0CAAuC;AAI1B,QAAA,iBAAiB,GAAG,IAAA,aAAG,EAClC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;IACzF,OAAO,CACL,iCAAK,SAAS,EAAE,2CAA2C,SAAS,IAAI,EAAE,EAAE,aAC1E,iCAAK,SAAS,EAAE,eAAe,aAC5B,KAAK,IAAI;oBACR,2CAA2C;oBAC3C,uBAAC,aAAK,IACJ,IAAI,EAAE,SAAS,IAAI,IAAI,EACvB,SAAS,EAAC,0EAA0E,YAEnF,KAAK,GACA,CACT,EACD,uBAAC,mBAAQ,IAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,YACjF,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAClB,gCAAK,SAAS,EAAC,wBAAwB,YAAE,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,GAAO,CAC5E,CAAC,CAAC,CAAC,IAAI,GACC,IACP,EACL,KAAK,EAAE,GAAG,IAAI,uBAAC,SAAG,IAAC,SAAS,EAAC,SAAS,EAAC,KAAK,EAAE,KAAK,GAAI,IACpD,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,aAAa,CAAC,OAAgB,EAAE,CAAS;IAChD,OAAO,CACL,iCAAqB,SAAS,EAAC,yBAAyB,aACrD,OAAO,CAAC,IAAI,IAAI,CACf,uBAAC,WAAI,IACH,SAAS,EAAC,sFAAsF,EAChG,IAAI,EAAE,OAAO,CAAC,IAAI,EAClB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,GACX,CACH,EACD,iCAAK,SAAS,EAAC,4BAA4B,aACzC,+BAAI,SAAS,EAAC,2CAA2C,YAAE,OAAO,CAAC,KAAK,GAAM,EAC7E,OAAO,CAAC,WAAW,IAAI,CACtB,gCAAK,SAAS,EAAC,yCAAyC,YAAE,OAAO,CAAC,WAAW,GAAO,CACrF,IACG,KAdE,MAAM,CAAC,CAAC,CAAC,CAeb,CACP,CAAC;AACJ,CAAC"}
|
package/dist/TextBlock.js
CHANGED
|
@@ -2,12 +2,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
2
2
|
exports.TextBlock = void 0;
|
|
3
3
|
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
4
|
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
|
-
const Img_1 = require("./Img");
|
|
5
|
+
const Img_1 = require("./ui-kit/Img");
|
|
6
6
|
const textBlockStyleMaps = {
|
|
7
7
|
primary: {
|
|
8
8
|
background: 'bg-white',
|
|
9
9
|
icon: 'bg-primary-main text-white',
|
|
10
|
-
title: 'text-
|
|
10
|
+
title: 'text-primary-text',
|
|
11
11
|
description: 'text-secondary-text',
|
|
12
12
|
},
|
|
13
13
|
secondary: {
|
|
@@ -19,13 +19,13 @@ const textBlockStyleMaps = {
|
|
|
19
19
|
'secondary-light': {
|
|
20
20
|
background: 'bg-primary-main/10',
|
|
21
21
|
icon: 'bg-primary-main text-white',
|
|
22
|
-
title: 'text-
|
|
22
|
+
title: 'text-primary-text',
|
|
23
23
|
description: 'text-secondary-text',
|
|
24
24
|
},
|
|
25
25
|
};
|
|
26
26
|
exports.TextBlock = (0, uni_jsx_1.JSX)(({ title, description, blockVersion = 'primary', iconVersion, image, className }) => {
|
|
27
27
|
const textBlockStyleMap = textBlockStyleMaps[blockVersion];
|
|
28
|
-
return ((0, jsx_runtime_1.jsxs)("section", { className: `font-sans px-9 py-4 flex ${textBlockStyleMap.background} ${className || ''}`, children: [iconVersion && iconVersion === 'small' ? renderIcon(textBlockStyleMap.icon) : null, iconVersion && iconVersion === 'big' ? renderImage(image) : null, (0, jsx_runtime_1.jsxs)("div", { className: "py-0.5", children: [title && (0, jsx_runtime_1.jsx)("div", { className: `font-medium mb-1 ${textBlockStyleMap.title}`, children: title }), description && ((0, jsx_runtime_1.jsx)("div", { className: `text-sm ${textBlockStyleMap.description}`, children: description }))] })] }));
|
|
28
|
+
return ((0, jsx_runtime_1.jsxs)("section", { className: `font-sans px-9 py-4 flex ${textBlockStyleMap.background} ${className || ''}`, children: [iconVersion && iconVersion === 'small' ? renderIcon(textBlockStyleMap.icon) : null, iconVersion && iconVersion === 'big' ? renderImage(image) : null, (0, jsx_runtime_1.jsxs)("div", { className: "py-0.5", children: [title && ((0, jsx_runtime_1.jsx)("div", { className: `font-medium text-base mb-1 ${textBlockStyleMap.title}`, children: title })), description && ((0, jsx_runtime_1.jsx)("div", { className: `text-sm ${textBlockStyleMap.description}`, children: description }))] })] }));
|
|
29
29
|
});
|
|
30
30
|
function renderIcon(className) {
|
|
31
31
|
return ((0, jsx_runtime_1.jsx)("div", { className: `pt-1.5 pr-4`, children: (0, jsx_runtime_1.jsx)("div", { className: `rounded-full h-4 w-4 text-center text-xs ${className}`, children: "i" }) }));
|
package/dist/TextBlock.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextBlock.js","sourceRoot":"","sources":["../src/TextBlock.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;
|
|
1
|
+
{"version":3,"file":"TextBlock.js","sourceRoot":"","sources":["../src/TextBlock.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAIxC,sCAAmC;AAInC,MAAM,kBAAkB,GAGpB;IACF,OAAO,EAAE;QACP,UAAU,EAAE,UAAU;QACtB,IAAI,EAAE,4BAA4B;QAClC,KAAK,EAAE,mBAAmB;QAC1B,WAAW,EAAE,qBAAqB;KACnC;IACD,SAAS,EAAE;QACT,UAAU,EAAE,iBAAiB;QAC7B,IAAI,EAAE,4BAA4B;QAClC,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,YAAY;KAC1B;IACD,iBAAiB,EAAE;QACjB,UAAU,EAAE,oBAAoB;QAChC,IAAI,EAAE,4BAA4B;QAClC,KAAK,EAAE,mBAAmB;QAC1B,WAAW,EAAE,qBAAqB;KACnC;CACF,CAAC;AAEW,QAAA,SAAS,GAAG,IAAA,aAAG,EAC1B,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,GAAG,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE;IAClF,MAAM,iBAAiB,GAAG,kBAAkB,CAAC,YAAY,CAAC,CAAC;IAC3D,OAAO,CACL,qCACE,SAAS,EAAE,4BAA4B,iBAAiB,CAAC,UAAU,IAAI,SAAS,IAAI,EAAE,EAAE,aAEvF,WAAW,IAAI,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAClF,WAAW,IAAI,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EACjE,iCAAK,SAAS,EAAC,QAAQ,aACpB,KAAK,IAAI,CACR,gCAAK,SAAS,EAAE,8BAA8B,iBAAiB,CAAC,KAAK,EAAE,YAAG,KAAK,GAAO,CACvF,EACA,WAAW,IAAI,CACd,gCAAK,SAAS,EAAE,WAAW,iBAAiB,CAAC,WAAW,EAAE,YAAG,WAAW,GAAO,CAChF,IACG,IACE,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,UAAU,CAAC,SAAiB;IACnC,OAAO,CACL,gCAAK,SAAS,EAAE,aAAa,YAC3B,gCAAK,SAAS,EAAE,4CAA4C,SAAS,EAAE,kBAAS,GAC5E,CACP,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,KAAe;IAClC,OAAO,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,uBAAC,SAAG,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC;AAC3E,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare type GalleryVersion = 'normal' | 'mini';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
-
//# sourceMappingURL=
|
|
2
|
+
//# sourceMappingURL=GalleryVersion.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GalleryVersion.js","sourceRoot":"","sources":["../../src/model/GalleryVersion.ts"],"names":[],"mappings":""}
|
|
@@ -1,6 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
ariaLabel?: string;
|
|
4
|
-
className?: string;
|
|
5
|
-
}
|
|
6
|
-
export declare const ArrowButton: (props: import("@redneckz/uni-jsx").PropsWithChildren<ArrowButtonProps, any>, context?: any) => any;
|
|
1
|
+
import { ButtonProps } from './ButtonProps';
|
|
2
|
+
export declare const ArrowButton: (props: import("@redneckz/uni-jsx").PropsWithChildren<ButtonProps, any>, context?: any) => any;
|
|
@@ -2,7 +2,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
2
2
|
exports.ArrowButton = void 0;
|
|
3
3
|
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
4
|
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
const Button_1 = require("./Button");
|
|
6
|
+
const SVG_1 = require("./SVG");
|
|
7
|
+
const ARROW_PATHS = [
|
|
8
|
+
{
|
|
9
|
+
d: 'm9 12 4-4-4-4',
|
|
10
|
+
stroke: 'currentColor',
|
|
11
|
+
strokeWidth: '2',
|
|
12
|
+
strokeLinecap: 'round',
|
|
13
|
+
fill: 'none',
|
|
14
|
+
},
|
|
15
|
+
{
|
|
16
|
+
d: 'M2 9a1 1 0 0 1 0-2v2Zm6-2a1 1 0 0 1 0 2V7ZM2 7h6v2H2V7Z',
|
|
17
|
+
},
|
|
18
|
+
];
|
|
19
|
+
exports.ArrowButton = (0, uni_jsx_1.JSX)(({ className, disabled, ...rest }) => ((0, jsx_runtime_1.jsx)(Button_1.Button, { rounded: true, className: `shadow-[0_4px_25px_rgba(0,0,0,0.07)] w-12 h-12 min-h-12 max-h-12 flex items-center justify-center ${disabled
|
|
20
|
+
? 'bg-secondary-light text-secondary-text'
|
|
21
|
+
: 'bg-white text-primary-text hover:text-primary-main'} ${className || ''}`, disabled: disabled, ...rest, children: (0, jsx_runtime_1.jsx)(SVG_1.SVG, { paths: ARROW_PATHS, viewBox: "0 0 16 16", fill: "none", width: "16", height: "16" }) })));
|
|
8
22
|
//# sourceMappingURL=ArrowButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ArrowButton.js","sourceRoot":"","sources":["../../src/ui-kit/ArrowButton.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;
|
|
1
|
+
{"version":3,"file":"ArrowButton.js","sourceRoot":"","sources":["../../src/ui-kit/ArrowButton.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,qCAAkC;AAElC,+BAA4B;AAE5B,MAAM,WAAW,GAAG;IAClB;QACE,CAAC,EAAE,eAAe;QAClB,MAAM,EAAE,cAAc;QACtB,WAAW,EAAE,GAAG;QAChB,aAAa,EAAE,OAAO;QACtB,IAAI,EAAE,MAAM;KACb;IACD;QACE,CAAC,EAAE,yDAAyD;KAC7D;CACF,CAAC;AAEW,QAAA,WAAW,GAAG,IAAA,aAAG,EAAc,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CAChF,uBAAC,eAAM,IACL,OAAO,QACP,SAAS,EAAE,qGACT,QAAQ;QACN,CAAC,CAAC,wCAAwC;QAC1C,CAAC,CAAC,oDACN,IAAI,SAAS,IAAI,EAAE,EAAE,EACrB,QAAQ,EAAE,QAAQ,KACd,IAAI,YAER,uBAAC,SAAG,IAAC,KAAK,EAAE,WAAW,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,GAC3E,CACV,CAAC,CAAC"}
|
package/dist/ui-kit/Button.d.ts
CHANGED
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
import type { ButtonProps } from './ButtonProps';
|
|
1
|
+
import type { ButtonInnerProps, ButtonProps } from './ButtonProps';
|
|
2
2
|
export declare const Button: (props: import("@redneckz/uni-jsx").PropsWithChildren<ButtonProps, any>, context?: any) => any;
|
|
3
|
+
export declare const ButtonInner: (props: import("@redneckz/uni-jsx").PropsWithChildren<ButtonInnerProps, any>, context?: any) => any;
|
package/dist/ui-kit/Button.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
-
exports.Button = void 0;
|
|
2
|
+
exports.ButtonInner = exports.Button = void 0;
|
|
3
3
|
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
4
|
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
5
|
const buttonStyleMap = {
|
|
@@ -10,11 +10,17 @@ const buttonDisabledStyleMap = {
|
|
|
10
10
|
primary: 'bg-secondary-dark text-secondary-text',
|
|
11
11
|
secondary: 'bg-secondary-light text-secondary-text',
|
|
12
12
|
};
|
|
13
|
-
const styleButton = 'inline-block
|
|
14
|
-
exports.Button = (0, uni_jsx_1.JSX)(({ className, text, href, target, onClick, children, disabled, version = '
|
|
13
|
+
const styleButton = 'inline-block text-center font-sans select-none';
|
|
14
|
+
exports.Button = (0, uni_jsx_1.JSX)(({ className, text, aboveText, appendLeft, href, target, onClick, children, disabled, rounded, version = 'none', ariaLabel, ...rest }) => {
|
|
15
|
+
const buttonInner = children ?? ((0, jsx_runtime_1.jsx)(exports.ButtonInner, { text: text, aboveText: aboveText, appendLeft: appendLeft, rounded: rounded }));
|
|
15
16
|
if (disabled) {
|
|
16
|
-
return ((0, jsx_runtime_1.jsx)("div", { role: "button", "aria-disabled": "true", "aria-label": ariaLabel, tabIndex: "-1", className: `${styleButton}
|
|
17
|
+
return ((0, jsx_runtime_1.jsx)("div", { role: "button", "aria-disabled": "true", "aria-label": ariaLabel, tabIndex: "-1", className: `${styleButton} ${buttonDisabledStyleMap[version] || ''} ${rounded ? 'rounded-full' : 'rounded-md'} ${className || ''}`, children: buttonInner }));
|
|
17
18
|
}
|
|
18
|
-
return ((0, jsx_runtime_1.jsx)("a", { className: `${styleButton} no-underline ${buttonStyleMap[version]} ${className || ''}`, href: href, target: target, onClick: onClick, "aria-label": ariaLabel,
|
|
19
|
+
return ((0, jsx_runtime_1.jsx)("a", { className: `${styleButton} cursor-pointer no-underline ${buttonStyleMap[version] || ''} ${rounded ? 'rounded-full' : 'rounded-md'} ${className || ''}`, href: href, target: target, onClick: onClick, "aria-label": ariaLabel, role: !href ? 'button' : 'link', ...rest, children: buttonInner }));
|
|
20
|
+
});
|
|
21
|
+
exports.ButtonInner = (0, uni_jsx_1.JSX)(({ text, aboveText, appendLeft, rounded }) => {
|
|
22
|
+
const withoutText = !text && !aboveText && Boolean(appendLeft);
|
|
23
|
+
const buttonInnerClasses = `flex items-center justify-center ${withoutText ? 'h-12 w-12 min-h-12 min-w-12' : `px-8 gap-2 ${aboveText ? 'py-2' : 'py-[13px]'}`} ${rounded ? 'rounded-full' : ''}`;
|
|
24
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: buttonInnerClasses, children: [appendLeft ? appendLeft : null, !withoutText ? ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xxs text-left", children: aboveText }), (0, jsx_runtime_1.jsx)("div", { className: "text-sm font-medium text-left", children: text })] })) : null] }));
|
|
19
25
|
});
|
|
20
26
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/ui-kit/Button.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAIxC,MAAM,cAAc,GAAkC;IACpD,OAAO,EAAE,4EAA4E;IACrF,SAAS,EACP,0FAA0F;CAC7F,CAAC;AAEF,MAAM,sBAAsB,GAAkC;IAC5D,OAAO,EAAE,uCAAuC;IAChD,SAAS,EAAE,wCAAwC;CACpD,CAAC;AAEF,MAAM,WAAW,GAAG,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/ui-kit/Button.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAIxC,MAAM,cAAc,GAAkC;IACpD,OAAO,EAAE,4EAA4E;IACrF,SAAS,EACP,0FAA0F;CAC7F,CAAC;AAEF,MAAM,sBAAsB,GAAkC;IAC5D,OAAO,EAAE,uCAAuC;IAChD,SAAS,EAAE,wCAAwC;CACpD,CAAC;AAEF,MAAM,WAAW,GAAG,gDAAgD,CAAC;AAExD,QAAA,MAAM,GAAG,IAAA,aAAG,EACvB,CAAC,EACC,SAAS,EACT,IAAI,EACJ,SAAS,EACT,UAAU,EACV,IAAI,EACJ,MAAM,EACN,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,OAAO,GAAG,MAAM,EAChB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,QAAQ,IAAI,CAC9B,uBAAC,mBAAW,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,GAAI,CAC5F,CAAC;IAEF,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,gCACE,IAAI,EAAC,QAAQ,mBACC,MAAM,gBACR,SAAS,EACrB,QAAQ,EAAC,IAAI,EACb,SAAS,EAAE,GAAG,WAAW,IAAI,sBAAsB,CAAC,OAAO,CAAC,IAAI,EAAE,IAChE,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAC7B,IAAI,SAAS,IAAI,EAAE,EAAE,YAEpB,WAAW,GACR,CACP,CAAC;KACH;IAED,OAAO,CACL,8BACE,SAAS,EAAE,GAAG,WAAW,gCAAgC,cAAc,CAAC,OAAO,CAAC,IAAI,EAAE,IACpF,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAC7B,IAAI,SAAS,IAAI,EAAE,EAAE,EACrB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,gBACJ,SAAS,EACrB,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,KAC3B,IAAI,YAEP,WAAW,GACV,CACL,CAAC;AACJ,CAAC,CACF,CAAC;AAEW,QAAA,WAAW,GAAG,IAAA,aAAG,EAAmB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,EAAE;IAC5F,MAAM,WAAW,GAAG,CAAC,IAAI,IAAI,CAAC,SAAS,IAAI,OAAO,CAAC,UAAU,CAAC,CAAC;IAE/D,MAAM,kBAAkB,GAAG,oCACzB,WAAW,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,cAAc,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,EAC9F,IAAI,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;IAEpC,OAAO,CACL,iCAAK,SAAS,EAAE,kBAAkB,aAC/B,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,EAC9B,CAAC,WAAW,CAAC,CAAC,CAAC,CACd,4CACE,gCAAK,SAAS,EAAC,oBAAoB,YAAE,SAAS,GAAO,EACrD,gCAAK,SAAS,EAAC,+BAA+B,YAAE,IAAI,GAAO,IACvD,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1,9 +1,21 @@
|
|
|
1
1
|
import type { ButtonVersion } from '../model/ButtonVersion';
|
|
2
2
|
import type { LinkContent } from '../model/LinkContent';
|
|
3
|
-
|
|
3
|
+
import { IconName } from './IconProps';
|
|
4
|
+
export interface ButtonInnerProps {
|
|
5
|
+
text?: string;
|
|
6
|
+
aboveText?: string;
|
|
7
|
+
appendLeft?: any;
|
|
8
|
+
rounded?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export interface ButtonProps extends LinkContent, ButtonInnerProps {
|
|
4
11
|
className?: string;
|
|
5
|
-
onClick?: (ev: MouseEvent) => any;
|
|
6
12
|
version?: ButtonVersion;
|
|
7
|
-
ariaLabel?: string;
|
|
8
13
|
disabled?: boolean;
|
|
14
|
+
rel?: string;
|
|
15
|
+
ariaLabel?: string;
|
|
16
|
+
/** @hidden */
|
|
17
|
+
onClick?: (ev: MouseEvent) => any;
|
|
18
|
+
}
|
|
19
|
+
export interface ButtonWithIconProps extends ButtonProps {
|
|
20
|
+
icon?: IconName;
|
|
9
21
|
}
|
|
@@ -1,4 +1,26 @@
|
|
|
1
|
-
export declare
|
|
1
|
+
export declare enum IconMap {
|
|
2
|
+
'ActualBalanceIcon' = 0,
|
|
3
|
+
'AppleIcon' = 1,
|
|
4
|
+
'CalendarIcon' = 2,
|
|
5
|
+
'ClockIcon' = 3,
|
|
6
|
+
'ComfortableCompIcon' = 4,
|
|
7
|
+
'DollarIcon' = 5,
|
|
8
|
+
'EmptyWalletIcon' = 6,
|
|
9
|
+
'EuroIcon' = 7,
|
|
10
|
+
'GridIcon' = 8,
|
|
11
|
+
'LoupeIcon' = 9,
|
|
12
|
+
'NewDocIcon' = 10,
|
|
13
|
+
'OkIcon' = 11,
|
|
14
|
+
'PassSendIcon' = 12,
|
|
15
|
+
'PercentageSquareIcon' = 13,
|
|
16
|
+
'PlayMarketIcon' = 14,
|
|
17
|
+
'ProfileIcon' = 15,
|
|
18
|
+
'SignDocsIcon' = 16,
|
|
19
|
+
'TelegramIcon' = 17,
|
|
20
|
+
'VKIcon' = 18,
|
|
21
|
+
'GlassIcon' = 19
|
|
22
|
+
}
|
|
23
|
+
export declare type IconName = keyof typeof IconMap;
|
|
2
24
|
export interface IconProps {
|
|
3
25
|
className?: string;
|
|
4
26
|
name: IconName;
|
package/dist/ui-kit/IconProps.js
CHANGED
|
@@ -1,2 +1,26 @@
|
|
|
1
1
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
+
exports.IconMap = void 0;
|
|
3
|
+
var IconMap;
|
|
4
|
+
(function (IconMap) {
|
|
5
|
+
IconMap[IconMap["ActualBalanceIcon"] = 0] = "ActualBalanceIcon";
|
|
6
|
+
IconMap[IconMap["AppleIcon"] = 1] = "AppleIcon";
|
|
7
|
+
IconMap[IconMap["CalendarIcon"] = 2] = "CalendarIcon";
|
|
8
|
+
IconMap[IconMap["ClockIcon"] = 3] = "ClockIcon";
|
|
9
|
+
IconMap[IconMap["ComfortableCompIcon"] = 4] = "ComfortableCompIcon";
|
|
10
|
+
IconMap[IconMap["DollarIcon"] = 5] = "DollarIcon";
|
|
11
|
+
IconMap[IconMap["EmptyWalletIcon"] = 6] = "EmptyWalletIcon";
|
|
12
|
+
IconMap[IconMap["EuroIcon"] = 7] = "EuroIcon";
|
|
13
|
+
IconMap[IconMap["GridIcon"] = 8] = "GridIcon";
|
|
14
|
+
IconMap[IconMap["LoupeIcon"] = 9] = "LoupeIcon";
|
|
15
|
+
IconMap[IconMap["NewDocIcon"] = 10] = "NewDocIcon";
|
|
16
|
+
IconMap[IconMap["OkIcon"] = 11] = "OkIcon";
|
|
17
|
+
IconMap[IconMap["PassSendIcon"] = 12] = "PassSendIcon";
|
|
18
|
+
IconMap[IconMap["PercentageSquareIcon"] = 13] = "PercentageSquareIcon";
|
|
19
|
+
IconMap[IconMap["PlayMarketIcon"] = 14] = "PlayMarketIcon";
|
|
20
|
+
IconMap[IconMap["ProfileIcon"] = 15] = "ProfileIcon";
|
|
21
|
+
IconMap[IconMap["SignDocsIcon"] = 16] = "SignDocsIcon";
|
|
22
|
+
IconMap[IconMap["TelegramIcon"] = 17] = "TelegramIcon";
|
|
23
|
+
IconMap[IconMap["VKIcon"] = 18] = "VKIcon";
|
|
24
|
+
IconMap[IconMap["GlassIcon"] = 19] = "GlassIcon";
|
|
25
|
+
})(IconMap = exports.IconMap || (exports.IconMap = {}));
|
|
2
26
|
//# sourceMappingURL=IconProps.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconProps.js","sourceRoot":"","sources":["../../src/ui-kit/IconProps.ts"],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"IconProps.js","sourceRoot":"","sources":["../../src/ui-kit/IconProps.ts"],"names":[],"mappings":";;AAAA,IAAY,OAqBX;AArBD,WAAY,OAAO;IACjB,+DAAmB,CAAA;IACnB,+CAAW,CAAA;IACX,qDAAc,CAAA;IACd,+CAAW,CAAA;IACX,mEAAqB,CAAA;IACrB,iDAAY,CAAA;IACZ,2DAAiB,CAAA;IACjB,6CAAU,CAAA;IACV,6CAAU,CAAA;IACV,+CAAW,CAAA;IACX,kDAAY,CAAA;IACZ,0CAAQ,CAAA;IACR,sDAAc,CAAA;IACd,sEAAsB,CAAA;IACtB,0DAAgB,CAAA;IAChB,oDAAa,CAAA;IACb,sDAAc,CAAA;IACd,sDAAc,CAAA;IACd,0CAAQ,CAAA;IACR,gDAAW,CAAA;AACb,CAAC,EArBW,OAAO,GAAP,eAAO,KAAP,eAAO,QAqBlB"}
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Img.js","sourceRoot":"","sources":["../../src/ui-kit/Img.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAQ3B,QAAA,GAAG,GAAG,IAAA,aAAG,EAAqB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACnE,qCAAS,SAAS,EAAE,GAAG,SAAS,IAAI,EAAE,EAAE,aACrC,KAAK,CAAC,OAAO,EAAE,MAAM;YACpB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,mCAAgC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,IAA9D,GAAG,KAAK,IAAI,GAAG,EAAE,CAAiD,CAChF,CAAC;YACJ,CAAC,CAAC,IAAI,EACR,gCAAK,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,KAAM,KAAK,EAAE,IAAI,GAAI,IACnF,CACX,CAAC,CAAC;AAEH,SAAgB,gBAAgB,CAAC,MAA2B;IAC1D,OAAO,MAAM,CAAC,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;AACxD,CAAC;AAFD,4CAEC"}
|
package/dist/ui-kit/SVG.d.ts
CHANGED
|
@@ -13,6 +13,8 @@ export interface SVGProps extends SVGPathOptions {
|
|
|
13
13
|
className?: string;
|
|
14
14
|
viewBox?: string;
|
|
15
15
|
paths: SVGPath[];
|
|
16
|
+
width?: string;
|
|
17
|
+
height?: string;
|
|
16
18
|
}
|
|
17
19
|
export declare const SVG: (props: import("@redneckz/uni-jsx").PropsWithChildren<SVGProps, any>, context?: any) => any;
|
|
18
20
|
export {};
|
package/dist/ui-kit/SVG.js
CHANGED
|
@@ -2,7 +2,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
2
2
|
exports.SVG = void 0;
|
|
3
3
|
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
4
|
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
|
-
exports.SVG = (0, uni_jsx_1.JSX)(({ className, viewBox, fill = 'none', paths, ...commonOptions }) => {
|
|
6
|
-
return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", className: className, viewBox: viewBox, fill: fill, children: paths.map(({ d, fill, ...options }, i) => ((0, jsx_runtime_1.jsx)("path", { d: d, fill: fill || 'currentColor', ...commonOptions, ...options }, i))) }));
|
|
5
|
+
exports.SVG = (0, uni_jsx_1.JSX)(({ className, viewBox, fill = 'none', width, height, paths, ...commonOptions }) => {
|
|
6
|
+
return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", className: className, viewBox: viewBox, fill: fill, width: width, height: height, children: paths.map(({ d, fill, ...options }, i) => ((0, jsx_runtime_1.jsx)("path", { d: d, fill: fill || 'currentColor', ...commonOptions, ...options }, i))) }));
|
|
7
7
|
});
|
|
8
8
|
//# sourceMappingURL=SVG.js.map
|
package/dist/ui-kit/SVG.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SVG.js","sourceRoot":"","sources":["../../src/ui-kit/SVG.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;
|
|
1
|
+
{"version":3,"file":"SVG.js","sourceRoot":"","sources":["../../src/ui-kit/SVG.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAuB3B,QAAA,GAAG,GAAG,IAAA,aAAG,EACpB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,GAAG,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,aAAa,EAAE,EAAE,EAAE;IAChF,OAAO,CACL,gCACE,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,YAEb,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,OAAO,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CACzC,iCAAc,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,IAAI,cAAc,KAAM,aAAa,KAAM,OAAO,IAArE,CAAC,CAAwE,CACrF,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
|
package/lib/BaseTile.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
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 { Img } from './Img.js';
|
|
4
3
|
import { BlockItem } from './ui-kit/BlockItem.js';
|
|
5
|
-
import {
|
|
4
|
+
import { Button } from './ui-kit/Button.js';
|
|
5
|
+
import { Icon } from './ui-kit/Icon.js';
|
|
6
|
+
import { Img } from './ui-kit/Img.js';
|
|
6
7
|
import { Title } from './ui-kit/Title.js';
|
|
7
8
|
import { useLink } from './useLink.js';
|
|
8
9
|
import { getColSpan } from './utils/getColSpan.js';
|
|
@@ -27,7 +28,11 @@ function getTitleSizeByClassName(className = '') {
|
|
|
27
28
|
function renderItems(items = [], version) {
|
|
28
29
|
return (_jsx("section", { className: "max-w-[600px]", role: "list", children: items.map((_, i) => (_jsx(BlockItem, { className: i ? 'mt-2.5' : '', text: _, version: version }, String(i)))) }));
|
|
29
30
|
}
|
|
30
|
-
function renderButton(button, i) {
|
|
31
|
-
|
|
31
|
+
function renderButton({ icon, ...button }, i) {
|
|
32
|
+
if (!button?.text)
|
|
33
|
+
return;
|
|
34
|
+
if (icon)
|
|
35
|
+
return (_jsx(Button, { appendLeft: _jsx(Icon, { name: icon, width: "24", height: "24" }), ...button }, String(i)));
|
|
36
|
+
return _jsx(Button, { ...button }, String(i));
|
|
32
37
|
}
|
|
33
38
|
//# sourceMappingURL=BaseTile.js.map
|
package/lib/BaseTile.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseTile.js","sourceRoot":"","sources":["../src/BaseTile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"BaseTile.js","sourceRoot":"","sources":["../src/BaseTile.tsx"],"names":[],"mappings":"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"}
|
package/lib/BaseTileContent.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { BlockVersion } from './model/BlockVersion';
|
|
2
2
|
import type { Picture } from './model/Picture';
|
|
3
|
-
import type {
|
|
3
|
+
import type { ButtonWithIconProps } from './ui-kit/ButtonProps';
|
|
4
4
|
import type { TitleSize } from './ui-kit/TitleProps';
|
|
5
5
|
export interface BaseTileContent {
|
|
6
6
|
title?: string;
|
|
@@ -8,6 +8,6 @@ export interface BaseTileContent {
|
|
|
8
8
|
description?: string;
|
|
9
9
|
image?: Picture;
|
|
10
10
|
items?: string[];
|
|
11
|
-
buttons?:
|
|
11
|
+
buttons?: ButtonWithIconProps[];
|
|
12
12
|
version?: BlockVersion;
|
|
13
13
|
}
|
package/lib/BlockContent.d.ts
CHANGED
|
@@ -12,4 +12,5 @@ import type { PromoTileContent } from './PromoTileContent';
|
|
|
12
12
|
import type { StepsBlockContent } from './StepsBlockContent';
|
|
13
13
|
import type { TextBlockContent } from './TextBlockContent';
|
|
14
14
|
import type { TileContent } from './TileContent';
|
|
15
|
-
|
|
15
|
+
import type { ComparisonTableContent } from './ComparisonTable';
|
|
16
|
+
export declare type BlockContent = HeaderContent | FooterContent | PlaceholderContent | TileContent | PromoTileContent | TextBlockContent | ProductTileContent | ProductBlockContent | StepsBlockContent | BenefitsBlockContent | ProductGalleryContent | ExchangeRateTileContent | MobileAppTileContent | GalleryContent | ComparisonTableContent;
|
package/lib/Blocks.d.ts
CHANGED
|
@@ -13,4 +13,6 @@ export declare const Blocks: {
|
|
|
13
13
|
ExchangeRateTile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./ExchangeRateTile").ExchangeRateTileProps, any>, context?: any) => any;
|
|
14
14
|
MobileAppTile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./MobileAppTile").MobileAppTileProps, any>, context?: any) => any;
|
|
15
15
|
Gallery: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./Gallery").GalleryProps, any>, context?: any) => any;
|
|
16
|
+
MiniGallery: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./MiniGallery").MiniGalleryProps, any>, context?: any) => any;
|
|
17
|
+
ComparisonTable: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./ComparisonTable").ComparisonTableProps, any>, context?: any) => any;
|
|
16
18
|
};
|
package/lib/Blocks.js
CHANGED
|
@@ -3,6 +3,7 @@ import { ExchangeRateTile } from './ExchangeRateTile.js';
|
|
|
3
3
|
import { Footer } from './Footer/Footer.js';
|
|
4
4
|
import { Gallery } from './Gallery.js';
|
|
5
5
|
import { Header } from './Header/Header.js';
|
|
6
|
+
import { MiniGallery } from './MiniGallery.js';
|
|
6
7
|
import { MobileAppTile } from './MobileAppTile.js';
|
|
7
8
|
import { Placeholder } from './Placeholder.js';
|
|
8
9
|
import { ProductBlock } from './ProductBlock.js';
|
|
@@ -12,6 +13,7 @@ import { PromoTile } from './PromoTile.js';
|
|
|
12
13
|
import { StepsBlock } from './StepsBlock.js';
|
|
13
14
|
import { TextBlock } from './TextBlock.js';
|
|
14
15
|
import { Tile } from './Tile.js';
|
|
16
|
+
import { ComparisonTable } from './ComparisonTable.js';
|
|
15
17
|
export const Blocks = {
|
|
16
18
|
Header,
|
|
17
19
|
Footer,
|
|
@@ -27,5 +29,7 @@ export const Blocks = {
|
|
|
27
29
|
ExchangeRateTile,
|
|
28
30
|
MobileAppTile,
|
|
29
31
|
Gallery,
|
|
32
|
+
MiniGallery,
|
|
33
|
+
ComparisonTable,
|
|
30
34
|
};
|
|
31
35
|
//# sourceMappingURL=Blocks.js.map
|
package/lib/Blocks.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Blocks.js","sourceRoot":"","sources":["../src/Blocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"Blocks.js","sourceRoot":"","sources":["../src/Blocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,MAAM;IACN,MAAM;IACN,WAAW;IACX,IAAI;IACJ,SAAS;IACT,SAAS;IACT,WAAW;IACX,YAAY;IACZ,UAAU;IACV,aAAa;IACb,cAAc;IACd,gBAAgB;IAChB,aAAa;IACb,OAAO;IACP,WAAW;IACX,eAAe;CAChB,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { UniBlockProps } from '../types';
|
|
2
|
+
import type { ComparisonTableContent } from './ComparisonTableContent';
|
|
3
|
+
export interface ComparisonTableProps extends ComparisonTableContent, UniBlockProps {
|
|
4
|
+
}
|
|
5
|
+
export declare const ComparisonTable: (props: import("@redneckz/uni-jsx").PropsWithChildren<ComparisonTableProps, any>, context?: any) => any;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
|
+
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
+
import { ArrowButton } from '../ui-kit/ArrowButton.js';
|
|
4
|
+
import { Title } from '../ui-kit/Title.js';
|
|
5
|
+
import { TableRowContainer } from './TableRowContainer.js';
|
|
6
|
+
import { TableCarouselContainer } from './TableCarouselContainer.js';
|
|
7
|
+
import { useLink } from '../useLink.js';
|
|
8
|
+
import { HeaderCell } from './HeaderCell.js';
|
|
9
|
+
import { TableRow } from './TableRow.js';
|
|
10
|
+
import { COLS_LENGTH_FOR_SCROLL, FIRST_CELL_CLASSES } from './constants.js';
|
|
11
|
+
export const ComparisonTable = JSX(({ className, context, title, rowHeaders, columns, visibleRowLength = 0, isColoredFirstColumn = false, }) => {
|
|
12
|
+
const router = context.useRouter();
|
|
13
|
+
const { handlerDecorator } = context;
|
|
14
|
+
const [activeCardIndex, setActiveCardIndex] = context.useState(0);
|
|
15
|
+
const [isShowAllRow, setIsShowAllRow] = context.useState(!visibleRowLength);
|
|
16
|
+
const colHeaders = columns?.map(({ header }) => header || {});
|
|
17
|
+
const colData = columns?.map(({ data }) => data) || [];
|
|
18
|
+
const rowData = rowHeaders
|
|
19
|
+
?.map((header, i) => ({
|
|
20
|
+
header,
|
|
21
|
+
data: colData.map((col) => col?.[i] || [{}]),
|
|
22
|
+
}))
|
|
23
|
+
.slice(0, isShowAllRow ? rowHeaders.length : visibleRowLength);
|
|
24
|
+
const nextClick = () => setActiveCardIndex(activeCardIndex + 1);
|
|
25
|
+
const prevClick = () => setActiveCardIndex(activeCardIndex - 1);
|
|
26
|
+
const showToggle = () => setIsShowAllRow(!isShowAllRow);
|
|
27
|
+
const isScrollAvailable = colData?.length && colData.length > COLS_LENGTH_FOR_SCROLL;
|
|
28
|
+
const showNextButton = isScrollAvailable && colData?.length - activeCardIndex > COLS_LENGTH_FOR_SCROLL;
|
|
29
|
+
const showPrevButton = isScrollAvailable && activeCardIndex > 0;
|
|
30
|
+
return (_jsxs("section", { className: `bg-white font-sans py-[50px] pl-[50px] overflow-hidden text-primary-text relative ${className || ''}`, children: [_jsx(Title, { className: "font-medium m-0 max-w-[47rem] text-center mb-9 mx-auto", children: title }), _jsxs("div", { role: "table", children: [colHeaders?.length ? (_jsxs(TableRowContainer, { children: [_jsx("div", { className: FIRST_CELL_CLASSES, role: "columnheader", scope: "col" }), _jsx(TableCarouselContainer, { activeCardIndex: activeCardIndex, children: colHeaders.map((header, i) => (_jsx(HeaderCell, { ...header, link: header.link && useLink({ router, handlerDecorator }, header.link) }, String(i)))) })] })) : null, rowData?.length ? (_jsxs("div", { className: "relative", children: [rowData.map((row, i, { length }) => (_jsx(TableRow, { row: row, isFirstRow: i === 0, isLastRow: i + 1 === length, activeCardIndex: activeCardIndex, isColoredFirstColumn: isColoredFirstColumn }, String(i)))), isScrollAvailable ? (_jsx("div", { children: _jsxs("div", { className: "absolute top-7 right-7 z-10", children: [_jsx(ArrowButton, { onClick: nextClick, disabled: !showNextButton, ariaLabel: "\u041F\u0440\u043E\u043B\u0438\u0441\u0442\u0430\u0442\u044C \u0432\u043F\u0440\u0430\u0432\u043E" }), _jsx(ArrowButton, { className: "mt-4 rotate-180", onClick: prevClick, disabled: !showPrevButton, ariaLabel: "\u041F\u0440\u043E\u043B\u0438\u0441\u0442\u0430\u0442\u044C \u0432\u043B\u0435\u0432\u043E" })] }) })) : null] })) : null] }), isScrollAvailable ? (_jsx("div", { className: "absolute top-0 right-0 bottom-0 w-[84px] bg-opacity-to-white" })) : null, visibleRowLength ? (_jsx("div", { className: "pr-[50px]", children: _jsxs("div", { className: "flex w-full", children: [_jsx("div", { className: FIRST_CELL_CLASSES }), _jsx("button", { onClick: showToggle, className: "mt-5 flex-1 border-main-stroke border-solid border text-primary-text bg-white hover:border-primary-main hover:text-primary-main", children: _jsx("div", { className: "font-sans font-medium text-xs py-[11px]", children: !isShowAllRow ? 'Показать все параметры' : 'Скрыть' }) })] }) })) : null] }));
|
|
31
|
+
});
|
|
32
|
+
//# sourceMappingURL=ComparisonTable.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ComparisonTable.js","sourceRoot":"","sources":["../../src/ComparisonTable/ComparisonTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import type { LinkContent } from '../model/LinkContent';
|
|
2
|
+
import type { Picture } from '../model/Picture';
|
|
3
|
+
import type { ButtonProps } from '../ui-kit/ButtonProps';
|
|
4
|
+
import type { IconName } from '../ui-kit/IconProps';
|
|
5
|
+
export declare type Row = {
|
|
6
|
+
header: RowHeader;
|
|
7
|
+
data: CellData[][];
|
|
8
|
+
};
|
|
9
|
+
export declare type RowData = Row[] | undefined;
|
|
10
|
+
export interface CellData {
|
|
11
|
+
label?: string;
|
|
12
|
+
description?: string;
|
|
13
|
+
icons?: IconName[];
|
|
14
|
+
image?: Picture;
|
|
15
|
+
buttons?: ButtonProps[];
|
|
16
|
+
}
|
|
17
|
+
export interface ColumnHeader {
|
|
18
|
+
title?: string;
|
|
19
|
+
icon?: IconName;
|
|
20
|
+
image?: Picture;
|
|
21
|
+
link?: LinkContent;
|
|
22
|
+
}
|
|
23
|
+
export interface Column {
|
|
24
|
+
header?: ColumnHeader;
|
|
25
|
+
data?: CellData[][];
|
|
26
|
+
}
|
|
27
|
+
export interface RowHeader {
|
|
28
|
+
title?: string;
|
|
29
|
+
icon?: IconName;
|
|
30
|
+
}
|
|
31
|
+
export interface ComparisonTableContent {
|
|
32
|
+
title?: string;
|
|
33
|
+
rowHeaders?: RowHeader[];
|
|
34
|
+
columns?: Column[];
|
|
35
|
+
visibleRowLength?: number;
|
|
36
|
+
isColoredFirstColumn?: boolean;
|
|
37
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ComparisonTableContent.js","sourceRoot":"","sources":["../../src/ComparisonTable/ComparisonTableContent.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { LinkContent } from '../model/LinkContent';
|
|
2
|
+
import type { Picture } from '../model/Picture';
|
|
3
|
+
import type { IconName } from '../ui-kit/IconProps';
|
|
4
|
+
export interface HeaderCellProps {
|
|
5
|
+
icon?: IconName;
|
|
6
|
+
image?: Picture;
|
|
7
|
+
title?: string;
|
|
8
|
+
link?: LinkContent;
|
|
9
|
+
}
|
|
10
|
+
export declare const HeaderCell: (props: import("@redneckz/uni-jsx").PropsWithChildren<HeaderCellProps, any>, context?: any) => any;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
|
+
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
+
import { Button } from '../ui-kit/Button.js';
|
|
4
|
+
import { Icon } from '../ui-kit/Icon.js';
|
|
5
|
+
import { Img } from '../ui-kit/Img.js';
|
|
6
|
+
import { Title } from '../ui-kit/Title.js';
|
|
7
|
+
import { BORDER_CLASSES, GRADIENT } from './constants.js';
|
|
8
|
+
export const HeaderCell = JSX(({ icon, image, title, link }) => (_jsxs("div", { className: `w-80 box-border flex flex-col items-center rounded-t-md border-b-0 px-7 pt-7 pb-12 ${BORDER_CLASSES} ${GRADIENT}`, role: "columnheader", scope: "col", children: [icon && !image?.src && (_jsx(Icon, { className: "h-[63px] w-[63px] min-w-[63px] min-h-[63px] mb-4", name: icon, width: "63", height: "63" })), image?.src && _jsx(Img, { className: "mb-4", image: image }), title && (_jsx(Title, { size: "S", className: "font-medium m-0 text-center text-white", children: title })), link?.text && (_jsx("div", { className: "mt-auto w-full", children: _jsx(Button, { href: link.href, target: link.target, className: "mt-4 w-full text-primary-main bg-white hover:bg-secondary-hover active:bg-secondary-active", children: _jsx("div", { className: "text-xs py-[11px]", children: link.text }) }) }))] })));
|
|
9
|
+
//# sourceMappingURL=HeaderCell.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HeaderCell.js","sourceRoot":"","sources":["../../src/ComparisonTable/HeaderCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAEtC,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AASvD,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAkB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAC/E,eACE,SAAS,EAAE,sFAAsF,cAAc,IAAI,QAAQ,EAAE,EAC7H,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,KAAK,aAEV,IAAI,IAAI,CAAC,KAAK,EAAE,GAAG,IAAI,CACtB,KAAC,IAAI,IACH,SAAS,EAAC,kDAAkD,EAC5D,IAAI,EAAE,IAAI,EACV,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,GACX,CACH,EACA,KAAK,EAAE,GAAG,IAAI,KAAC,GAAG,IAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,GAAI,EACpD,KAAK,IAAI,CACR,KAAC,KAAK,IAAC,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,wCAAwC,YAC/D,KAAK,GACA,CACT,EACA,IAAI,EAAE,IAAI,IAAI,CACb,cAAK,SAAS,EAAC,gBAAgB,YAC7B,KAAC,MAAM,IACL,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,SAAS,EAAC,4FAA4F,YAEtG,cAAK,SAAS,EAAC,mBAAmB,YAAE,IAAI,CAAC,IAAI,GAAO,GAC7C,GACL,CACP,IACG,CACP,CAAC,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
|
+
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
+
import { COLUMN_WIDTH } from './constants.js';
|
|
4
|
+
export const TableCarouselContainer = JSX(({ children, activeCardIndex }) => (_jsx("div", { className: "flex flex-1 overflow-hidden", children: _jsx("div", { className: "flex gap-4 duration-1000", style: { transform: `translateX(-${activeCardIndex * COLUMN_WIDTH}px)` }, children: children }) })));
|
|
5
|
+
//# sourceMappingURL=TableCarouselContainer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableCarouselContainer.js","sourceRoot":"","sources":["../../src/ComparisonTable/TableCarouselContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAM3C,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CACvC,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CACjC,cAAK,SAAS,EAAC,6BAA6B,YAC1C,cACE,SAAS,EAAC,0BAA0B,EACpC,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,eAAe,GAAG,YAAY,KAAK,EAAE,YAEvE,QAAQ,GACL,GACF,CACP,CACF,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { CellData } from './ComparisonTableContent';
|
|
2
|
+
export interface TableCellProps {
|
|
3
|
+
cell: CellData[];
|
|
4
|
+
isLastRow: boolean;
|
|
5
|
+
isFirstRow: boolean;
|
|
6
|
+
isFillGradient: boolean;
|
|
7
|
+
}
|
|
8
|
+
export declare const TableCell: (props: import("@redneckz/uni-jsx").PropsWithChildren<TableCellProps, any>, context?: any) => any;
|