@redneckz/wildless-cms-uni-blocks 0.2.53 → 0.2.56
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/dist/BaseTile.d.ts +13 -0
- package/dist/BaseTile.js +35 -0
- package/dist/BaseTile.js.map +1 -0
- package/dist/Blocks.d.ts +2 -2
- package/dist/Blocks.js.map +1 -1
- package/dist/ContentPage.d.ts +4 -1
- package/dist/ContentPage.js +3 -4
- package/dist/ContentPage.js.map +1 -1
- package/dist/ContentPageContext.d.ts +2 -0
- package/dist/ExchangeRateTile.js +7 -5
- package/dist/ExchangeRateTile.js.map +1 -1
- package/dist/Footer/Footer.mobile.d.ts +5 -0
- package/dist/Footer/Footer.mobile.js +7 -0
- package/dist/Footer/Footer.mobile.js.map +1 -0
- package/dist/Header/Header.js +2 -2
- package/dist/Header/Header.js.map +1 -1
- package/dist/Header/HeaderContent.d.ts +1 -1
- package/dist/Header/HeaderSecondaryMenu.d.ts +5 -2
- package/dist/Header/HeaderSecondaryMenu.js +3 -2
- package/dist/Header/HeaderSecondaryMenu.js.map +1 -1
- package/dist/MobileBlocks.d.ts +13 -0
- package/dist/MobileBlocks.js +27 -0
- package/dist/MobileBlocks.js.map +1 -0
- package/dist/ProductBlock.d.ts +2 -0
- package/dist/ProductBlock.js +7 -2
- package/dist/ProductBlock.js.map +1 -1
- package/dist/ProductBlockInner.d.ts +3 -10
- package/dist/ProductBlockInner.js +3 -15
- package/dist/ProductBlockInner.js.map +1 -1
- package/dist/ProductTile.d.ts +4 -13
- package/dist/ProductTile.js +4 -11
- package/dist/ProductTile.js.map +1 -1
- package/dist/Tile.d.ts +3 -11
- package/dist/Tile.js +4 -26
- package/dist/Tile.js.map +1 -1
- package/dist/api/DaDataAPI.d.ts +3 -0
- package/dist/api/DaDataAPI.js +33 -0
- package/dist/api/DaDataAPI.js.map +1 -0
- package/dist/api/LikeAPI.d.ts +1 -1
- package/dist/api/LikeAPI.js +2 -2
- package/dist/api/LikeAPI.js.map +1 -1
- package/dist/content-page-repository/ContentPageRepository.d.ts +1 -0
- package/dist/content-page-repository/ContentPageRepository.js +6 -0
- package/dist/content-page-repository/ContentPageRepository.js.map +1 -1
- package/dist/content-page-repository/index.d.ts +1 -0
- package/dist/content-page-repository/index.js +3 -1
- package/dist/content-page-repository/index.js.map +1 -1
- package/dist/content-page-repository/toMobilePage.d.ts +2 -0
- package/dist/content-page-repository/toMobilePage.js +23 -0
- package/dist/content-page-repository/toMobilePage.js.map +1 -0
- package/dist/index.d.ts +5 -2
- package/dist/index.js +7 -3
- package/dist/index.js.map +1 -1
- package/dist/types.d.ts +14 -0
- package/dist/utils/getCurrentPosition.d.ts +1 -0
- package/dist/utils/getCurrentPosition.js +5 -0
- package/dist/utils/getCurrentPosition.js.map +1 -0
- package/lib/BaseTile.d.ts +13 -0
- package/lib/BaseTile.js +33 -0
- package/lib/BaseTile.js.map +1 -0
- package/lib/Blocks.d.ts +2 -2
- package/lib/Blocks.js.map +1 -1
- package/lib/ContentPage.d.ts +4 -1
- package/lib/ContentPage.js +3 -4
- package/lib/ContentPage.js.map +1 -1
- package/lib/ContentPageContext.d.ts +2 -0
- package/lib/ExchangeRateTile.js +7 -5
- package/lib/ExchangeRateTile.js.map +1 -1
- package/lib/Footer/Footer.mobile.d.ts +5 -0
- package/lib/Footer/Footer.mobile.js +5 -0
- package/lib/Footer/Footer.mobile.js.map +1 -0
- package/lib/Header/Header.js +2 -2
- package/lib/Header/Header.js.map +1 -1
- package/lib/Header/HeaderContent.d.ts +1 -1
- package/lib/Header/HeaderSecondaryMenu.d.ts +5 -2
- package/lib/Header/HeaderSecondaryMenu.js +3 -2
- package/lib/Header/HeaderSecondaryMenu.js.map +1 -1
- package/lib/MobileBlocks.d.ts +13 -0
- package/lib/MobileBlocks.js +25 -0
- package/lib/MobileBlocks.js.map +1 -0
- package/lib/ProductBlock.d.ts +2 -0
- package/lib/ProductBlock.js +8 -3
- package/lib/ProductBlock.js.map +1 -1
- package/lib/ProductBlockInner.d.ts +3 -10
- package/lib/ProductBlockInner.js +3 -15
- package/lib/ProductBlockInner.js.map +1 -1
- package/lib/ProductTile.d.ts +4 -13
- package/lib/ProductTile.js +4 -11
- package/lib/ProductTile.js.map +1 -1
- package/lib/Tile.d.ts +3 -11
- package/lib/Tile.js +5 -27
- package/lib/Tile.js.map +1 -1
- package/lib/api/DaDataAPI.d.ts +3 -0
- package/lib/api/DaDataAPI.js +30 -0
- package/lib/api/DaDataAPI.js.map +1 -0
- package/lib/api/LikeAPI.d.ts +1 -1
- package/lib/api/LikeAPI.js +2 -2
- package/lib/api/LikeAPI.js.map +1 -1
- package/lib/common.css +1 -1
- package/lib/content-page-repository/ContentPageRepository.d.ts +1 -0
- package/lib/content-page-repository/ContentPageRepository.js +6 -0
- package/lib/content-page-repository/ContentPageRepository.js.map +1 -1
- package/lib/content-page-repository/index.d.ts +1 -0
- package/lib/content-page-repository/index.js +1 -0
- package/lib/content-page-repository/index.js.map +1 -1
- package/lib/content-page-repository/toMobilePage.d.ts +2 -0
- package/lib/content-page-repository/toMobilePage.js +20 -0
- package/lib/content-page-repository/toMobilePage.js.map +1 -0
- package/lib/index.d.ts +5 -2
- package/lib/index.js +3 -1
- package/lib/index.js.map +1 -1
- package/lib/types.d.ts +14 -0
- package/lib/utils/getCurrentPosition.d.ts +1 -0
- package/lib/utils/getCurrentPosition.js +2 -0
- package/lib/utils/getCurrentPosition.js.map +1 -0
- package/package.json +9 -3
- package/src/BaseTile.tsx +87 -0
- package/src/Blocks.ts +3 -2
- package/src/ContentPage.fixture.tsx +23 -3
- package/src/ContentPage.page.json +255 -77
- package/src/ContentPage.tsx +10 -5
- package/src/ContentPageContext.tsx +3 -0
- package/src/ExchangeRateTile.tsx +7 -5
- package/src/Footer/Footer.mobile.tsx +12 -0
- package/src/Header/Header.fixture.tsx +1 -1
- package/src/Header/Header.tsx +6 -2
- package/src/Header/HeaderContent.ts +1 -1
- package/src/Header/HeaderSecondaryMenu.tsx +48 -34
- package/src/MobileBlocks.ts +25 -0
- package/src/ProductBlock.fixture.tsx +3 -2
- package/src/ProductBlock.tsx +25 -3
- package/src/ProductBlockInner.tsx +13 -70
- package/src/ProductTile.fixture.tsx +31 -23
- package/src/ProductTile.tsx +21 -70
- package/src/Tile.fixture.tsx +39 -29
- package/src/Tile.tsx +10 -79
- package/src/api/DaDataAPI.ts +34 -0
- package/src/api/LikeAPI.ts +12 -9
- package/src/content-page-repository/ContentPageRepository.ts +7 -0
- package/src/content-page-repository/index.ts +1 -0
- package/src/content-page-repository/toMobilePage.ts +21 -0
- package/src/index.ts +14 -2
- package/src/setup-fixture.ts +15 -0
- package/src/types.ts +17 -0
- package/src/utils/getCurrentPosition.ts +4 -0
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { BlockVersion, Picture, UniBlockProps } from './types';
|
|
2
|
+
import type { ButtonProps } from './ui-kit/Button';
|
|
3
|
+
export interface BaseTileContent {
|
|
4
|
+
title?: string;
|
|
5
|
+
description?: string;
|
|
6
|
+
image?: Picture;
|
|
7
|
+
items?: string[];
|
|
8
|
+
buttons?: ButtonProps[];
|
|
9
|
+
version?: BlockVersion;
|
|
10
|
+
}
|
|
11
|
+
export interface BaseTileProps extends BaseTileContent, UniBlockProps {
|
|
12
|
+
}
|
|
13
|
+
export declare const BaseTile: (props: import("@redneckz/uni-jsx").PropsWithChildren<BaseTileProps, any>, context?: any) => any;
|
package/dist/BaseTile.js
ADDED
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
+
exports.BaseTile = void 0;
|
|
3
|
+
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
|
+
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
|
+
const Img_1 = require("./Img");
|
|
6
|
+
const BlockItem_1 = require("./ui-kit/BlockItem");
|
|
7
|
+
const Button_1 = require("./ui-kit/Button");
|
|
8
|
+
const useLink_1 = require("./useLink");
|
|
9
|
+
const TITLE_CLASSES = 'font-medium m-0 mb-4 whitespace-pre-wrap max-w-[600px]';
|
|
10
|
+
exports.BaseTile = (0, uni_jsx_1.JSX)(({ className, context, title, description, children, buttons, image, items, version = 'primary', }) => {
|
|
11
|
+
const router = context.useRouter();
|
|
12
|
+
const { handlerDecorator } = context;
|
|
13
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: `font-sans flex flex-col grow h-full`, children: [title && renderTitle(title, className), (0, jsx_runtime_1.jsxs)("div", { className: "flex grow justify-between mt-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col justify-between items-start", children: [(0, jsx_runtime_1.jsxs)("div", { children: [description ? ((0, jsx_runtime_1.jsx)("div", { className: "font-normal text-base max-w-[600px] mb-6", children: description })) : null, children, items?.length ? renderItems(items, version) : null] }), buttons?.length ? ((0, jsx_runtime_1.jsx)("div", { className: "flex mt-6 gap-4", children: buttons.map((button, index) => renderButton((0, useLink_1.useLink)({ router, handlerDecorator }, button), index)) })) : null] }), image?.src && (0, jsx_runtime_1.jsx)(Img_1.Img, { className: "mt-auto", image: image })] })] }));
|
|
14
|
+
});
|
|
15
|
+
function renderTitle(title, className = '') {
|
|
16
|
+
const colSpanPrefix = 'col-span-';
|
|
17
|
+
const colSpanStr = className.split(/\s+/).find((_) => _.startsWith(colSpanPrefix));
|
|
18
|
+
const colSpan = colSpanStr ? parseInt(colSpanStr.substring(colSpanPrefix.length), 10) : 12;
|
|
19
|
+
if (colSpan <= 4) {
|
|
20
|
+
return (0, jsx_runtime_1.jsx)("h3", { className: `${TITLE_CLASSES} text-title-xs`, children: title });
|
|
21
|
+
}
|
|
22
|
+
else if (colSpan <= 8) {
|
|
23
|
+
return (0, jsx_runtime_1.jsx)("h3", { className: `${TITLE_CLASSES} text-title-sm`, children: title });
|
|
24
|
+
}
|
|
25
|
+
else {
|
|
26
|
+
return (0, jsx_runtime_1.jsx)("h2", { className: `${TITLE_CLASSES} text-title`, children: title });
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
function renderItems(items = [], version) {
|
|
30
|
+
return ((0, jsx_runtime_1.jsx)("section", { className: "max-w-[600px]", role: "list", children: items.map((_, i) => ((0, jsx_runtime_1.jsx)(BlockItem_1.BlockItem, { className: i ? 'mt-2.5' : '', text: _, version: version }, String(i)))) }));
|
|
31
|
+
}
|
|
32
|
+
function renderButton(button, i) {
|
|
33
|
+
return button?.text ? (0, jsx_runtime_1.jsx)(Button_1.Button, { ...button, version: button.version }, String(i)) : null;
|
|
34
|
+
}
|
|
35
|
+
//# sourceMappingURL=BaseTile.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BaseTile.js","sourceRoot":"","sources":["../src/BaseTile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,+BAA4B;AAE5B,kDAA+C;AAE/C,4CAAyC;AACzC,uCAAoC;AAYpC,MAAM,aAAa,GAAG,wDAAwD,CAAC;AAElE,QAAA,QAAQ,GAAG,IAAA,aAAG,EACzB,CAAC,EACC,SAAS,EACT,OAAO,EACP,KAAK,EACL,WAAW,EACX,QAAQ,EACR,OAAO,EACP,KAAK,EACL,KAAK,EACL,OAAO,GAAG,SAAS,GACpB,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC;IACnC,MAAM,EAAE,gBAAgB,EAAE,GAAG,OAAO,CAAC;IACrC,OAAO,CACL,iCAAK,SAAS,EAAE,qCAAqC,aAClD,KAAK,IAAI,WAAW,CAAC,KAAK,EAAE,SAAS,CAAC,EACvC,iCAAK,SAAS,EAAC,gCAAgC,aAC7C,iCAAK,SAAS,EAAC,2CAA2C,aACxD,4CACG,WAAW,CAAC,CAAC,CAAC,CACb,gCAAK,SAAS,EAAC,0CAA0C,YAAE,WAAW,GAAO,CAC9E,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,EACR,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,IAC/C,EACL,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CACjB,gCAAK,SAAS,EAAC,iBAAiB,YAC7B,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAC7B,YAAY,CAAC,IAAA,iBAAO,EAAC,EAAE,MAAM,EAAE,gBAAgB,EAAE,EAAE,MAAM,CAAC,EAAE,KAAK,CAAC,CACnE,GACG,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,KAAK,EAAE,GAAG,IAAI,uBAAC,SAAG,IAAC,SAAS,EAAC,SAAS,EAAC,KAAK,EAAE,KAAK,GAAI,IACpD,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,WAAW,CAAC,KAAa,EAAE,YAAoB,EAAE;IACxD,MAAM,aAAa,GAAG,WAAW,CAAC;IAClC,MAAM,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC,CAAC;IACnF,MAAM,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC,aAAa,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3F,IAAI,OAAO,IAAI,CAAC,EAAE;QAChB,OAAO,+BAAI,SAAS,EAAE,GAAG,aAAa,gBAAgB,YAAG,KAAK,GAAM,CAAC;KACtE;SAAM,IAAI,OAAO,IAAI,CAAC,EAAE;QACvB,OAAO,+BAAI,SAAS,EAAE,GAAG,aAAa,gBAAgB,YAAG,KAAK,GAAM,CAAC;KACtE;SAAM;QACL,OAAO,+BAAI,SAAS,EAAE,GAAG,aAAa,aAAa,YAAG,KAAK,GAAM,CAAC;KACnE;AACH,CAAC;AAED,SAAS,WAAW,CAAC,QAAkB,EAAE,EAAE,OAAsB;IAC/D,OAAO,CACL,oCAAS,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,YAC3C,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACnB,uBAAC,qBAAS,IAAiB,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,IAAlE,MAAM,CAAC,CAAC,CAAC,CAA6D,CACvF,CAAC,GACM,CACX,CAAC;AACJ,CAAC;AAED,SAAS,YAAY,CAAC,MAAmB,EAAE,CAAS;IAClD,OAAO,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,uBAAC,eAAM,OAAqB,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,IAA9C,MAAM,CAAC,CAAC,CAAC,CAAyC,CAAC,CAAC,CAAC,IAAI,CAAC;AAC/F,CAAC"}
|
package/dist/Blocks.d.ts
CHANGED
|
@@ -8,7 +8,7 @@ import { ProductBlockInnerContent } from './ProductBlockInner';
|
|
|
8
8
|
import { ProductGalleryContent } from './ProductGallery';
|
|
9
9
|
import { StepsBlockContent } from './StepsBlock';
|
|
10
10
|
import { ProductTileContent } from './ProductTile';
|
|
11
|
-
import {
|
|
11
|
+
import { BaseTileContent } from './BaseTile';
|
|
12
12
|
export declare const Blocks: {
|
|
13
13
|
Header: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./Header/Header").HeaderProps, any>, context?: any) => any;
|
|
14
14
|
Footer: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./Footer/Footer").FooterProps, any>, context?: any) => any;
|
|
@@ -22,4 +22,4 @@ export declare const Blocks: {
|
|
|
22
22
|
ExchangeRateTile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./ExchangeRateTile").ExchangeRateTileProps, any>, context?: any) => any;
|
|
23
23
|
MobileAppTile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./MobileAppTile").MobileAppTileProps, any>, context?: any) => any;
|
|
24
24
|
};
|
|
25
|
-
export declare type BlockContent = HeaderContent | FooterContent | PlaceholderContent |
|
|
25
|
+
export declare type BlockContent = HeaderContent | FooterContent | PlaceholderContent | BaseTileContent | ProductTileContent | ProductBlockInnerContent | StepsBlockContent | BenefitsBlockContent | ProductGalleryContent | ExchangeRateTileContent | MobileAppTileContent;
|
package/dist/Blocks.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Blocks.js","sourceRoot":"","sources":["../src/Blocks.ts"],"names":[],"mappings":";;AAAA,mDAAsE;AACtE,yDAA+E;AAC/E,0CAAuD;AACvD,0CAAuD;AACvD,mDAAsE;AACtE,+CAAgE;AAChE,iDAA8C;AAE9C,qDAAyE;AACzE,6CAA6D;AAC7D,+CAAgE;
|
|
1
|
+
{"version":3,"file":"Blocks.js","sourceRoot":"","sources":["../src/Blocks.ts"],"names":[],"mappings":";;AAAA,mDAAsE;AACtE,yDAA+E;AAC/E,0CAAuD;AACvD,0CAAuD;AACvD,mDAAsE;AACtE,+CAAgE;AAChE,iDAA8C;AAE9C,qDAAyE;AACzE,6CAA6D;AAC7D,+CAAgE;AAEhE,iCAA8B;AAEjB,QAAA,MAAM,GAAG;IACpB,MAAM,EAAN,cAAM;IACN,MAAM,EAAN,cAAM;IACN,WAAW,EAAX,yBAAW;IACX,IAAI,EAAJ,WAAI;IACJ,WAAW,EAAX,yBAAW;IACX,YAAY,EAAZ,2BAAY;IACZ,UAAU,EAAV,uBAAU;IACV,aAAa,EAAb,6BAAa;IACb,cAAc,EAAd,+BAAc;IACd,gBAAgB,EAAhB,mCAAgB;IAChB,aAAa,EAAb,6BAAa;CACd,CAAC"}
|
package/dist/ContentPage.d.ts
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import { PropsWithChildren } from '@redneckz/uni-jsx';
|
|
2
|
+
import type { BlockContent } from './Blocks';
|
|
1
3
|
import type { BlockDef, ContentPageDef, UniBlockProps } from './types';
|
|
2
4
|
interface BlockDecoratorProps<VNode> {
|
|
3
5
|
blockClassName: string;
|
|
@@ -9,8 +11,9 @@ interface BlockDecoratorProps<VNode> {
|
|
|
9
11
|
}
|
|
10
12
|
export declare type BlockDecorator<VNode = any> = (props: BlockDecoratorProps<VNode>, index?: number | string) => any;
|
|
11
13
|
export interface ContentPageProps extends UniBlockProps {
|
|
14
|
+
blocksRegistry: Record<string, (props: PropsWithChildren<UniBlockProps & BlockContent, any>, context?: any) => any>;
|
|
12
15
|
data: ContentPageDef;
|
|
13
16
|
blockDecorator?: BlockDecorator;
|
|
14
17
|
}
|
|
15
|
-
export declare const ContentPage: (props:
|
|
18
|
+
export declare const ContentPage: (props: PropsWithChildren<ContentPageProps, any>, context?: any) => any;
|
|
16
19
|
export {};
|
package/dist/ContentPage.js
CHANGED
|
@@ -2,18 +2,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
2
2
|
exports.ContentPage = 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 Blocks_1 = require("./Blocks"); // TODO Lazy load
|
|
6
5
|
const LikeControl_1 = require("./LikeControl");
|
|
7
6
|
const Placeholder_1 = require("./Placeholder");
|
|
8
7
|
const defaultBlockDecorator = ({ blockClassName, block, render }) => render({ blockClassName, block });
|
|
9
|
-
exports.ContentPage = (0, uni_jsx_1.JSX)(({ className, data: { style: pageStyle, blocks, likeControl, colorPalette = 'pc' },
|
|
8
|
+
exports.ContentPage = (0, uni_jsx_1.JSX)(({ className, context, blocksRegistry, data: { style: pageStyle, blocks, likeControl, colorPalette = 'pc' }, blockDecorator = defaultBlockDecorator, }) => {
|
|
10
9
|
return ((0, jsx_runtime_1.jsxs)("section", { className: "relative", "data-theme": colorPalette, children: [(0, jsx_runtime_1.jsx)("div", { className: `grid grid-cols-12 gap-1 ${style2className(pageStyle)} ${className}`, children: blocks?.length ? blocks.map(renderBlock) : null }), likeControl && ((0, jsx_runtime_1.jsx)("div", { className: "flex items-end absolute bottom-0 right-0 h-full pointer-events-none", children: (0, jsx_runtime_1.jsx)(LikeControl_1.LikeControl, { className: "rounded-tl-lg sticky bottom-0 pointer-events-auto", context: context }) }))] }));
|
|
11
10
|
function renderBlock(block, i) {
|
|
12
11
|
const { type } = block;
|
|
13
|
-
if (!(type in
|
|
12
|
+
if (!(type in blocksRegistry)) {
|
|
14
13
|
console.warn(`No block with "${type}" is registered`);
|
|
15
14
|
}
|
|
16
|
-
const BlockComponent =
|
|
15
|
+
const BlockComponent = blocksRegistry[type] || Placeholder_1.Placeholder;
|
|
17
16
|
return blockDecorator({
|
|
18
17
|
blockClassName: style2className(block.style),
|
|
19
18
|
block,
|
package/dist/ContentPage.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentPage.js","sourceRoot":"","sources":["../src/ContentPage.tsx"],"names":[],"mappings":";;;AAAA,+
|
|
1
|
+
{"version":3,"file":"ContentPage.js","sourceRoot":"","sources":["../src/ContentPage.tsx"],"names":[],"mappings":";;;AAAA,+CAA2D;AAE3D,+CAA4C;AAC5C,+CAA4C;AAuB5C,MAAM,qBAAqB,GAAmB,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAClF,MAAM,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC;AAEvB,QAAA,WAAW,GAAG,IAAA,aAAG,EAC5B,CAAC,EACC,SAAS,EACT,OAAO,EACP,cAAc,EACd,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,YAAY,GAAG,IAAI,EAAE,EACpE,cAAc,GAAG,qBAAqB,GACvC,EAAE,EAAE;IACH,OAAO,CACL,qCAAS,SAAS,EAAC,UAAU,gBAAa,YAAY,aACpD,gCAAK,SAAS,EAAE,2BAA2B,eAAe,CAAC,SAAS,CAAC,IAAI,SAAS,EAAE,YACjF,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,GAC5C,EACL,WAAW,IAAI,CACd,gCAAK,SAAS,EAAC,qEAAqE,YAClF,uBAAC,yBAAW,IACV,SAAS,EAAC,mDAAmD,EAC7D,OAAO,EAAE,OAAO,GAChB,GACE,CACP,IACO,CACX,CAAC;IAEF,SAAS,WAAW,CAAC,KAAe,EAAE,CAAS;QAC7C,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,CAAC,IAAI,IAAI,cAAc,CAAC,EAAE;YAC7B,OAAO,CAAC,IAAI,CAAC,kBAAkB,IAAI,iBAAiB,CAAC,CAAC;SACvD;QAED,MAAM,cAAc,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,yBAAW,CAAC;QAC3D,OAAO,cAAc,CACnB;YACE,cAAc,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC;YAC5C,KAAK;YACL,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;gBAChB,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC;gBACjD,OAAO,CACL,uBAAC,cAAc,IAEb,SAAS,EAAE,KAAK,CAAC,cAAc,EAC/B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,KACZ,OAAO,YAEV,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,IAN3C,GAAG,IAAI,IAAI,CAAC,EAAE,CAOJ,CAClB,CAAC;YACJ,CAAC;SACF,EACD,SAAS,CAAC,EAAE,CACb,CAAC;IACJ,CAAC;AACH,CAAC,CACF,CAAC;AAEF,SAAS,eAAe,CAAC,KAAkC;IACzD,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AACtC,CAAC"}
|
|
@@ -19,10 +19,12 @@ export declare type AsyncDataHook = <Data, Error = any>(key: string, fetcher: ()
|
|
|
19
19
|
data?: Data;
|
|
20
20
|
error?: Error;
|
|
21
21
|
};
|
|
22
|
+
export declare type GeolocationHook = (defaultLocation: string) => [string, () => void];
|
|
22
23
|
export interface ContentPageContext {
|
|
23
24
|
useRouter: () => Router;
|
|
24
25
|
useState: <State>(initialState: State) => [State, (_: State) => void];
|
|
25
26
|
useAsyncData: AsyncDataHook;
|
|
27
|
+
useGeolocation: GeolocationHook;
|
|
26
28
|
useLikeService: () => LikeService;
|
|
27
29
|
useSearch: () => Search;
|
|
28
30
|
handlerDecorator?: HandlerDecorator;
|
package/dist/ExchangeRateTile.js
CHANGED
|
@@ -10,13 +10,15 @@ const CURRENCY_ICONS_MAP = {
|
|
|
10
10
|
USD: index_1.DollarIcon,
|
|
11
11
|
EUR: index_1.EuroIcon,
|
|
12
12
|
};
|
|
13
|
-
const
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
const buttons = [
|
|
14
|
+
{
|
|
15
|
+
text: 'Все показатели',
|
|
16
|
+
href: 'https://cbr.ru/currency_base/daily/',
|
|
17
|
+
},
|
|
18
|
+
];
|
|
17
19
|
exports.ExchangeRateTile = (0, uni_jsx_1.JSX)(({ className, context, title }) => {
|
|
18
20
|
const { data } = context.useAsyncData(CBR_EXCHANGE_RATE_URL, fetchExchangeRate);
|
|
19
|
-
return ((0, jsx_runtime_1.jsx)(Tile_1.Tile, { className: className, context: context, title: title || 'Курсы обмена валют',
|
|
21
|
+
return ((0, jsx_runtime_1.jsx)(Tile_1.Tile, { className: className, context: context, title: title || 'Курсы обмена валют', buttons: buttons, children: (0, jsx_runtime_1.jsxs)("table", { children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)(CurrencyTH, { children: "\u0412\u0430\u043B\u044E\u0442\u0430" }), (0, jsx_runtime_1.jsx)(CurrencyTH, { className: "pl-11", children: "\u041A\u0443\u0440\u0441" })] }) }), (0, jsx_runtime_1.jsx)("tbody", { children: CURRENCY_CODES.map((code) => {
|
|
20
22
|
const value = (data?.Valute || {})[code]?.Value;
|
|
21
23
|
return ((0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)(CurrencyTD, { className: "pt-4", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center", children: [CURRENCY_ICONS_MAP[code] ? CURRENCY_ICONS_MAP[code]() : null, (0, jsx_runtime_1.jsx)("span", { className: "ml-2", children: code })] }) }), (0, jsx_runtime_1.jsx)(CurrencyTD, { className: "pt-4 pl-11", children: formatCurrency(value) })] }, code));
|
|
22
24
|
}) })] }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExchangeRateTile.js","sourceRoot":"","sources":["../src/ExchangeRateTile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,yCAAqD;AACrD,iCAA8B;AAU9B,MAAM,qBAAqB,GAAG,4CAA4C,CAAC;AAE3E,MAAM,cAAc,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AACtC,MAAM,kBAAkB,GAAG;IACzB,GAAG,EAAE,kBAAU;IACf,GAAG,EAAE,gBAAQ;CACd,CAAC;AAEF,MAAM,
|
|
1
|
+
{"version":3,"file":"ExchangeRateTile.js","sourceRoot":"","sources":["../src/ExchangeRateTile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,yCAAqD;AACrD,iCAA8B;AAU9B,MAAM,qBAAqB,GAAG,4CAA4C,CAAC;AAE3E,MAAM,cAAc,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AACtC,MAAM,kBAAkB,GAAG;IACzB,GAAG,EAAE,kBAAU;IACf,GAAG,EAAE,gBAAQ;CACd,CAAC;AAEF,MAAM,OAAO,GAAkB;IAC7B;QACE,IAAI,EAAE,gBAAgB;QACtB,IAAI,EAAE,qCAAqC;KAC5C;CACF,CAAC;AAEW,QAAA,gBAAgB,GAAG,IAAA,aAAG,EAAwB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;IAC3F,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC,YAAY,CAAC,qBAAqB,EAAE,iBAAiB,CAAC,CAAC;IAChF,OAAO,CACL,uBAAC,WAAI,IACH,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,IAAI,oBAAoB,EACpC,OAAO,EAAE,OAAO,YAEhB,8CACE,4CACE,2CACE,uBAAC,UAAU,uDAAoB,EAC/B,uBAAC,UAAU,IAAC,SAAS,EAAC,OAAO,yCAAkB,IAC5C,GACC,EACR,4CACG,cAAc,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;wBAC3B,MAAM,KAAK,GAAG,CAAC,IAAI,EAAE,MAAM,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC;wBAChD,OAAO,CACL,2CACE,uBAAC,UAAU,IAAC,SAAS,EAAC,MAAM,YAC1B,iCAAK,SAAS,EAAC,mBAAmB,aAC/B,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAC7D,iCAAM,SAAS,EAAC,MAAM,YAAE,IAAI,GAAQ,IAChC,GACK,EACb,uBAAC,UAAU,IAAC,SAAS,EAAC,YAAY,YAAE,cAAc,CAAC,KAAK,CAAC,GAAc,KAPhE,IAAI,CAQR,CACN,CAAC;oBACJ,CAAC,CAAC,GACI,IACF,GACH,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,IAAA,aAAG,EAAyB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC/E,+BAAI,SAAS,EAAE,qDAAqD,SAAS,EAAE,YAAG,QAAQ,GAAM,CACjG,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,IAAA,aAAG,EAAyB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC/E,+BAAI,SAAS,EAAE,qDAAqD,SAAS,EAAE,YAAG,QAAQ,GAAM,CACjG,CAAC,CAAC;AAEH,KAAK,UAAU,iBAAiB;IAG9B,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,qBAAqB,CAAC,CAAC;IACpD,OAAO,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;AAC/B,CAAC;AAED,MAAM,oBAAoB,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;AAEjG,MAAM,cAAc,GAAG,CAAC,KAAc,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,oBAAoB,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { UniBlockProps } from '../types';
|
|
2
|
+
import type { FooterContent } from './Footer';
|
|
3
|
+
export interface FooterProps extends FooterContent, UniBlockProps {
|
|
4
|
+
}
|
|
5
|
+
export declare const Footer: (props: import("@redneckz/uni-jsx").PropsWithChildren<FooterProps, any>, context?: any) => any;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
+
exports.Footer = void 0;
|
|
3
|
+
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
|
+
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
|
+
const TextInformation_1 = require("./TextInformation");
|
|
6
|
+
exports.Footer = (0, uni_jsx_1.JSX)(({ className, context }) => ((0, jsx_runtime_1.jsx)("footer", { className: `${className} px-9 py-2 bg-white rounded-bl-3xl rounded-br-3xl`, children: (0, jsx_runtime_1.jsx)(TextInformation_1.TextInformation, { context: context }) })));
|
|
7
|
+
//# sourceMappingURL=Footer.mobile.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Footer.mobile.js","sourceRoot":"","sources":["../../src/Footer/Footer.mobile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,uDAAoD;AAIvC,QAAA,MAAM,GAAG,IAAA,aAAG,EAAc,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CACjE,mCAAQ,SAAS,EAAE,GAAG,SAAS,mDAAmD,YAChF,uBAAC,iCAAe,IAAC,OAAO,EAAE,OAAO,GAAI,GAC9B,CACV,CAAC,CAAC"}
|
package/dist/Header/Header.js
CHANGED
|
@@ -11,7 +11,7 @@ const useSitemap_1 = require("../useSitemap");
|
|
|
11
11
|
const HeaderSecondaryMenu_1 = require("./HeaderSecondaryMenu");
|
|
12
12
|
const isSubItemActive_1 = require("./isSubItemActive");
|
|
13
13
|
const isTopItemActive_1 = require("./isTopItemActive");
|
|
14
|
-
exports.Header = (0, uni_jsx_1.JSX)(({ className,
|
|
14
|
+
exports.Header = (0, uni_jsx_1.JSX)(({ className, defaultLocation, context, topItems }) => {
|
|
15
15
|
const router = context.useRouter();
|
|
16
16
|
const sitemap = (0, useSitemap_1.useSitemap)(context.useAsyncData);
|
|
17
17
|
const { handlerDecorator } = context;
|
|
@@ -21,6 +21,6 @@ exports.Header = (0, uni_jsx_1.JSX)(({ className, location, context, topItems })
|
|
|
21
21
|
const activeSubItem = subItems?.find((0, isSubItemActive_1.isSubItemActive)(router));
|
|
22
22
|
const topMenu = mergedItems.map((_, i) => ((0, jsx_runtime_1.jsx)(TopItem_1.TopItem, { active: _ === activeTopItem, ...(0, useLink_1.useLink)({ router, handlerDecorator }, _), ariaLabel: _.text }, String(i))));
|
|
23
23
|
const subMenu = subItems?.map((_) => ((0, jsx_runtime_1.jsx)(HeaderItem_1.HeaderItem, { className: "mr-8", active: _ === activeSubItem, ...(0, useLink_1.useLink)({ router, handlerDecorator }, _) }, _.href)));
|
|
24
|
-
return ((0, jsx_runtime_1.jsxs)("header", { className: `pt-5 pb-8 px-20 bg-white ${className || ''}`, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center", children: [(0, jsx_runtime_1.jsx)(Logo_1.Logo, { className: "mr-8" }), topMenu, (0, jsx_runtime_1.jsx)(HeaderSecondaryMenu_1.HeaderSecondaryMenu, {
|
|
24
|
+
return ((0, jsx_runtime_1.jsxs)("header", { className: `pt-5 pb-8 px-20 bg-white ${className || ''}`, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center", children: [(0, jsx_runtime_1.jsx)(Logo_1.Logo, { className: "mr-8" }), topMenu, (0, jsx_runtime_1.jsx)(HeaderSecondaryMenu_1.HeaderSecondaryMenu, { context: context, className: "ml-auto", defaultLocation: defaultLocation })] }), (0, jsx_runtime_1.jsx)("div", { className: "mt-5 h-[1px] bg-main-divider" }), (0, jsx_runtime_1.jsx)("nav", { className: "mt-5", children: subMenu })] }));
|
|
25
25
|
});
|
|
26
26
|
//# sourceMappingURL=Header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../src/Header/Header.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,oDAAiD;AAEjD,qDAAkD;AAClD,yCAAsC;AACtC,+CAA4C;AAC5C,wCAAqC;AACrC,8CAA2C;AAE3C,+DAA4D;AAC5D,uDAAoD;AACpD,uDAAoD;AAIvC,QAAA,MAAM,GAAG,IAAA,aAAG,EAAc,CAAC,EAAE,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../src/Header/Header.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,oDAAiD;AAEjD,qDAAkD;AAClD,yCAAsC;AACtC,+CAA4C;AAC5C,wCAAqC;AACrC,8CAA2C;AAE3C,+DAA4D;AAC5D,uDAAoD;AACpD,uDAAoD;AAIvC,QAAA,MAAM,GAAG,IAAA,aAAG,EAAc,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC3F,MAAM,MAAM,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC;IACnC,MAAM,OAAO,GAAG,IAAA,uBAAU,EAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IACjD,MAAM,EAAE,gBAAgB,EAAE,GAAG,OAAO,CAAC;IAErC,MAAM,WAAW,GAAG,IAAA,6BAAa,EAAC,OAAO,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC9D,MAAM,aAAa,GAAG,WAAW,CAAC,IAAI,CAAC,IAAA,iCAAe,EAAC,MAAM,CAAC,CAAC,CAAC;IAChE,MAAM,QAAQ,GAAG,aAAa,EAAE,KAAK,CAAC;IACtC,MAAM,aAAa,GAAG,QAAQ,EAAE,IAAI,CAAC,IAAA,iCAAe,EAAC,MAAM,CAAC,CAAC,CAAC;IAE9D,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACxC,uBAAC,iBAAO,IAEN,MAAM,EAAE,CAAC,KAAK,aAAa,KACvB,IAAA,iBAAO,EAAC,EAAE,MAAM,EAAE,gBAAgB,EAAE,EAAE,CAAC,CAAC,EAC5C,SAAS,EAAE,CAAC,CAAC,IAAI,IAHZ,MAAM,CAAC,CAAC,CAAC,CAId,CACH,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACnC,uBAAC,uBAAU,IAET,SAAS,EAAC,MAAM,EAChB,MAAM,EAAE,CAAC,KAAK,aAAa,KACvB,IAAA,iBAAO,EAAC,EAAE,MAAM,EAAE,gBAAgB,EAAE,EAAE,CAAC,CAAC,IAHvC,CAAC,CAAC,IAAI,CAIX,CACH,CAAC,CAAC;IAEH,OAAO,CACL,oCAAQ,SAAS,EAAE,4BAA4B,SAAS,IAAI,EAAE,EAAE,aAC9D,iCAAK,SAAS,EAAC,mBAAmB,aAChC,uBAAC,WAAI,IAAC,SAAS,EAAC,MAAM,GAAG,EACxB,OAAO,EACR,uBAAC,yCAAmB,IAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,SAAS,EACnB,eAAe,EAAE,eAAe,GAChC,IACE,EACN,gCAAK,SAAS,EAAC,8BAA8B,GAAG,EAChD,gCAAK,SAAS,EAAC,MAAM,YAAE,OAAO,GAAO,IAC9B,CACV,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import type { UniBlockProps } from '../types';
|
|
2
|
+
interface HeaderSecondaryMenuContent {
|
|
3
|
+
defaultLocation?: string;
|
|
3
4
|
className?: string;
|
|
4
5
|
}
|
|
6
|
+
export interface HeaderSecondaryMenuProps extends HeaderSecondaryMenuContent, UniBlockProps {
|
|
7
|
+
}
|
|
5
8
|
export declare const HeaderSecondaryMenu: (props: import("@redneckz/uni-jsx").PropsWithChildren<HeaderSecondaryMenuProps, any>, context?: any) => any;
|
|
6
9
|
export {};
|
|
@@ -5,7 +5,8 @@ const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
|
5
5
|
const index_1 = require("../Icons/index");
|
|
6
6
|
const TopItem_1 = require("../ui-kit/TopItem");
|
|
7
7
|
const HeaderSecondaryMenuButton_1 = require("./HeaderSecondaryMenuButton");
|
|
8
|
-
exports.HeaderSecondaryMenu = (0, uni_jsx_1.JSX)(({
|
|
9
|
-
|
|
8
|
+
exports.HeaderSecondaryMenu = (0, uni_jsx_1.JSX)(({ context, className, defaultLocation = '' }) => {
|
|
9
|
+
const [city, getCity] = context.useGeolocation(defaultLocation);
|
|
10
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: `flex items-center ${className || ''}`, children: [(0, jsx_runtime_1.jsx)(TopItem_1.TopItem, { className: "mr-5", flat: true, href: "#", text: city, ariaLabel: "\u041C\u0435\u0441\u0442\u043E\u043F\u043E\u043B\u043E\u0436\u0435\u043D\u0438\u0435", onClick: getCity }), (0, jsx_runtime_1.jsx)(TopItem_1.TopItem, { className: "mr-7", flat: true, href: "#", text: "\u041E\u0444\u0438\u0441\u044B \u0438 \u0431\u0430\u043D\u043A\u043E\u043C\u0430\u0442\u044B", ariaLabel: "\u0421\u043F\u0438\u0441\u043E\u043A \u0432\u0441\u0435\u0445 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u0445 \u043E\u0444\u0438\u0441\u043E\u0432 \u0438 \u0431\u0430\u043D\u043A\u043E\u043C\u0430\u0442\u043E\u0432" }), (0, jsx_runtime_1.jsx)(HeaderSecondaryMenuButton_1.HeaderSecondaryMenuButton, { className: "mr-5 text-primary-text hover:text-primary-main", ariaLabel: "\u041F\u043E\u0438\u0441\u043A \u043F\u043E \u0441\u0430\u0439\u0442\u0443", children: (0, index_1.LoupeIcon)({ 'aria-hidden': true }) }), (0, jsx_runtime_1.jsx)(HeaderSecondaryMenuButton_1.HeaderSecondaryMenuButton, { className: "mr-5 text-primary-text hover:text-primary-main", ariaLabel: "\u041F\u0440\u043E\u0444\u0438\u043B\u044C", children: (0, index_1.ProfileIcon)({ 'aria-hidden': true }) }), (0, jsx_runtime_1.jsx)(HeaderSecondaryMenuButton_1.HeaderSecondaryMenuButton, { className: "mr-5 text-secondary-light hover:text-secondary-active min-w-[32px] min-h-[32px]", ariaLabel: "\u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0435 \u0441\u0441\u044B\u043B\u043A\u0438", children: (0, index_1.GridIcon)({ 'aria-hidden': true }) })] }));
|
|
10
11
|
});
|
|
11
12
|
//# sourceMappingURL=HeaderSecondaryMenu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderSecondaryMenu.js","sourceRoot":"","sources":["../../src/Header/HeaderSecondaryMenu.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,0CAAkE;AAClE,+CAA4C;AAC5C,2EAAwE;
|
|
1
|
+
{"version":3,"file":"HeaderSecondaryMenu.js","sourceRoot":"","sources":["../../src/Header/HeaderSecondaryMenu.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,0CAAkE;AAClE,+CAA4C;AAC5C,2EAAwE;AAU3D,QAAA,mBAAmB,GAAG,IAAA,aAAG,EACpC,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,GAAG,EAAE,EAAE,EAAE,EAAE;IAC/C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,OAAO,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;IAEhE,OAAO,CACL,iCAAK,SAAS,EAAE,qBAAqB,SAAS,IAAI,EAAE,EAAE,aACpD,uBAAC,iBAAO,IACN,SAAS,EAAC,MAAM,EAChB,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,sFAAgB,EAC1B,OAAO,EAAE,OAAO,GAChB,EACF,uBAAC,iBAAO,IACN,SAAS,EAAC,MAAM,EAChB,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,8FAAmB,EACxB,SAAS,EAAC,+NAA2C,GACrD,EACF,uBAAC,qDAAyB,IACxB,SAAS,EAAC,gDAAgD,EAC1D,SAAS,EAAC,4EAAgB,YAEzB,IAAA,iBAAS,EAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,GACT,EAC5B,uBAAC,qDAAyB,IACxB,SAAS,EAAC,gDAAgD,EAC1D,SAAS,EAAC,4CAAS,YAElB,IAAA,mBAAW,EAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,GACX,EAC5B,uBAAC,qDAAyB,IACxB,SAAS,EAAC,iFAAiF,EAC3F,SAAS,EAAC,2HAAuB,YAEhC,IAAA,gBAAQ,EAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,GACR,IACxB,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export declare const MobileBlocks: {
|
|
2
|
+
Header: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./Header/Header").HeaderProps, any>, context?: any) => any;
|
|
3
|
+
Footer: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./Footer/Footer.mobile").FooterProps, any>, context?: any) => any;
|
|
4
|
+
Placeholder: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./Placeholder").PlaceholderProps, any>, context?: any) => any;
|
|
5
|
+
Tile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./Tile").TileProps, any>, context?: any) => any;
|
|
6
|
+
ProductTile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./ProductTile").ProductTileProps, any>, context?: any) => any;
|
|
7
|
+
ProductBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./ProductBlock").ProductBlockProps, any>, context?: any) => any;
|
|
8
|
+
StepsBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./StepsBlock").StepsBlockProps, any>, context?: any) => any;
|
|
9
|
+
BenefitsBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./BenefitsBlock").BenefitsBlockProps, any>, context?: any) => any;
|
|
10
|
+
ProductGallery: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./ProductGallery").ProductGalleryProps, any>, context?: any) => any;
|
|
11
|
+
ExchangeRateTile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./ExchangeRateTile").ExchangeRateTileProps, any>, context?: any) => any;
|
|
12
|
+
MobileAppTile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./MobileAppTile").MobileAppTileProps, any>, context?: any) => any;
|
|
13
|
+
};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
+
exports.MobileBlocks = void 0;
|
|
3
|
+
const BenefitsBlock_1 = require("./BenefitsBlock");
|
|
4
|
+
const ExchangeRateTile_1 = require("./ExchangeRateTile");
|
|
5
|
+
const Footer_mobile_1 = require("./Footer/Footer.mobile");
|
|
6
|
+
const index_1 = require("./Header/index");
|
|
7
|
+
const MobileAppTile_1 = require("./MobileAppTile");
|
|
8
|
+
const Placeholder_1 = require("./Placeholder");
|
|
9
|
+
const ProductBlock_1 = require("./ProductBlock");
|
|
10
|
+
const ProductGallery_1 = require("./ProductGallery");
|
|
11
|
+
const ProductTile_1 = require("./ProductTile");
|
|
12
|
+
const StepsBlock_1 = require("./StepsBlock");
|
|
13
|
+
const Tile_1 = require("./Tile");
|
|
14
|
+
exports.MobileBlocks = {
|
|
15
|
+
Header: index_1.Header,
|
|
16
|
+
Footer: Footer_mobile_1.Footer,
|
|
17
|
+
Placeholder: Placeholder_1.Placeholder,
|
|
18
|
+
Tile: Tile_1.Tile,
|
|
19
|
+
ProductTile: ProductTile_1.ProductTile,
|
|
20
|
+
ProductBlock: ProductBlock_1.ProductBlock,
|
|
21
|
+
StepsBlock: StepsBlock_1.StepsBlock,
|
|
22
|
+
BenefitsBlock: BenefitsBlock_1.BenefitsBlock,
|
|
23
|
+
ProductGallery: ProductGallery_1.ProductGallery,
|
|
24
|
+
ExchangeRateTile: ExchangeRateTile_1.ExchangeRateTile,
|
|
25
|
+
MobileAppTile: MobileAppTile_1.MobileAppTile,
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=MobileBlocks.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MobileBlocks.js","sourceRoot":"","sources":["../src/MobileBlocks.ts"],"names":[],"mappings":";;AAAA,mDAAgD;AAChD,yDAAsD;AACtD,0DAAgD;AAChD,0CAAwC;AACxC,mDAAgD;AAChD,+CAA4C;AAC5C,iDAA8C;AAC9C,qDAAkD;AAClD,+CAA4C;AAC5C,6CAA0C;AAC1C,iCAA8B;AAEjB,QAAA,YAAY,GAAG;IAC1B,MAAM,EAAN,cAAM;IACN,MAAM,EAAN,sBAAM;IACN,WAAW,EAAX,yBAAW;IACX,IAAI,EAAJ,WAAI;IACJ,WAAW,EAAX,yBAAW;IACX,YAAY,EAAZ,2BAAY;IACZ,UAAU,EAAV,uBAAU;IACV,aAAa,EAAb,6BAAa;IACb,cAAc,EAAd,+BAAc;IACd,gBAAgB,EAAhB,mCAAgB;IAChB,aAAa,EAAb,6BAAa;CACd,CAAC"}
|
package/dist/ProductBlock.d.ts
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import type { ProductBlockInnerContent } from './ProductBlockInner';
|
|
2
2
|
import type { UniBlockProps } from './types';
|
|
3
|
+
import { BreadcrumbProps } from './ui-kit/Breadcrumb';
|
|
3
4
|
export interface ProductBlockProps extends ProductBlockInnerContent, UniBlockProps {
|
|
5
|
+
breadcrumbs?: BreadcrumbProps[];
|
|
4
6
|
}
|
|
5
7
|
export declare const ProductBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<ProductBlockProps, any>, context?: any) => any;
|
package/dist/ProductBlock.js
CHANGED
|
@@ -3,8 +3,13 @@ exports.ProductBlock = 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 ProductBlockInner_1 = require("./ProductBlockInner");
|
|
6
|
+
const Breadcrumb_1 = require("./ui-kit/Breadcrumb");
|
|
7
|
+
const useLink_1 = require("./useLink");
|
|
8
|
+
const joinList_1 = require("./utils/joinList");
|
|
6
9
|
exports.ProductBlock = (0, uni_jsx_1.JSX)((props) => {
|
|
7
|
-
const className = props
|
|
8
|
-
|
|
10
|
+
const { context, className, breadcrumbs } = props;
|
|
11
|
+
const router = context.useRouter();
|
|
12
|
+
const { handlerDecorator } = context;
|
|
13
|
+
return ((0, jsx_runtime_1.jsxs)("section", { className: `font-sans bg-white pl-12 pr-[7.5rem] py-10 ${className || ''}`, children: [breadcrumbs?.length ? ((0, jsx_runtime_1.jsx)("div", { className: "text-xs mb-6", children: (0, joinList_1.joinList)((0, jsx_runtime_1.jsx)("span", { className: "text-secondary-text mx-2", children: "/" }))(breadcrumbs.map((breadcrumb, i) => ((0, jsx_runtime_1.jsx)(Breadcrumb_1.Breadcrumb, { ...(0, useLink_1.useLink)({ router, handlerDecorator }, { className: 'text-secondary-text', ...breadcrumb }) }, String(i))))) })) : null, (0, jsx_runtime_1.jsx)(ProductBlockInner_1.ProductBlockInner, { ...props })] }));
|
|
9
14
|
});
|
|
10
15
|
//# sourceMappingURL=ProductBlock.js.map
|
package/dist/ProductBlock.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductBlock.js","sourceRoot":"","sources":["../src/ProductBlock.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,2DAAwD;
|
|
1
|
+
{"version":3,"file":"ProductBlock.js","sourceRoot":"","sources":["../src/ProductBlock.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,2DAAwD;AAGxD,oDAAkE;AAClE,uCAAoC;AACpC,+CAA4C;AAM/B,QAAA,YAAY,GAAG,IAAA,aAAG,EAAoB,CAAC,KAAK,EAAE,EAAE;IAC3D,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAClD,MAAM,MAAM,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC;IACnC,MAAM,EAAE,gBAAgB,EAAE,GAAG,OAAO,CAAC;IACrC,OAAO,CACL,qCAAS,SAAS,EAAE,8CAA8C,SAAS,IAAI,EAAE,EAAE,aAChF,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,CACrB,gCAAK,SAAS,EAAC,cAAc,YAC1B,IAAA,mBAAQ,EAAC,iCAAM,SAAS,EAAC,0BAA0B,kBAAS,CAAC,CAC5D,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,CAAC,EAAE,EAAE,CAAC,CACjC,uBAAC,uBAAU,OAEL,IAAA,iBAAO,EACT,EAAE,MAAM,EAAE,gBAAgB,EAAE,EAC5B,EAAE,SAAS,EAAE,qBAAqB,EAAE,GAAG,UAAU,EAAE,CACpD,IAJI,MAAM,CAAC,CAAC,CAAC,CAKd,CACH,CAAC,CACH,GACG,CACP,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,qCAAiB,OAAK,KAAK,GAAI,IACxB,CACX,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1,14 +1,7 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
import type {
|
|
3
|
-
|
|
4
|
-
export interface ProductBlockInnerContent {
|
|
5
|
-
title?: string;
|
|
6
|
-
description?: string;
|
|
7
|
-
breadcrumbs?: BreadcrumbProps[];
|
|
8
|
-
image?: Picture;
|
|
1
|
+
import type { UniBlockProps, Benefit } from './types';
|
|
2
|
+
import type { BaseTileContent } from './BaseTile';
|
|
3
|
+
export interface ProductBlockInnerContent extends BaseTileContent {
|
|
9
4
|
benefits?: Benefit[];
|
|
10
|
-
items?: string[];
|
|
11
|
-
buttons?: ButtonProps[];
|
|
12
5
|
}
|
|
13
6
|
export interface ProductBlockInnerProps extends ProductBlockInnerContent, UniBlockProps {
|
|
14
7
|
}
|
|
@@ -3,25 +3,13 @@ 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 index_1 = require("./Icons/index");
|
|
6
|
+
const BaseTile_1 = require("./BaseTile");
|
|
6
7
|
const Img_1 = require("./Img");
|
|
7
|
-
const BlockItem_1 = require("./ui-kit/BlockItem");
|
|
8
|
-
const Button_1 = require("./ui-kit/Button");
|
|
9
|
-
const Breadcrumb_1 = require("./ui-kit/Breadcrumb");
|
|
10
|
-
const useLink_1 = require("./useLink");
|
|
11
|
-
const joinList_1 = require("./utils/joinList");
|
|
12
8
|
const ICONS = { EmptyWalletIcon: index_1.EmptyWalletIcon, PercentageSquareIcon: index_1.PercentageSquareIcon, CalendarIcon: index_1.CalendarIcon };
|
|
13
|
-
exports.ProductBlockInner = (0, uni_jsx_1.JSX)(({ className, context, title, description,
|
|
14
|
-
|
|
15
|
-
const { handlerDecorator } = context;
|
|
16
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: `font-sans flex justify-between items-stretch ${className || ''}`, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col", children: [breadcrumbs?.length ? ((0, jsx_runtime_1.jsx)("div", { className: "text-xs mb-6", children: (0, joinList_1.joinList)((0, jsx_runtime_1.jsx)("span", { className: "text-secondary-text mx-2", children: "/" }))(breadcrumbs.map((breadcrumb, i) => ((0, jsx_runtime_1.jsx)(Breadcrumb_1.Breadcrumb, { ...(0, useLink_1.useLink)({ router, handlerDecorator }, { className: 'text-secondary-text', ...breadcrumb }) }, String(i))))) })) : null, title && ((0, jsx_runtime_1.jsx)("h1", { className: "font-medium text-title-lg m-0 whitespace-pre-wrap max-w-[600px]", children: title })), description && ((0, jsx_runtime_1.jsx)("div", { className: "font-normal text-base max-w-[600px] mt-4", children: description })), benefits?.length ? ((0, jsx_runtime_1.jsx)("div", { className: "flex gap-6 mt-7", children: benefits.map(renderBenefit) })) : null, items?.length ? ((0, jsx_runtime_1.jsx)("section", { className: "mt-5", role: "list", children: items.map((_, i) => ((0, jsx_runtime_1.jsx)(BlockItem_1.BlockItem, { className: "mb-2", text: _ }, String(i)))) })) : null, buttons?.length ? ((0, jsx_runtime_1.jsx)("div", { className: "flex mt-auto gap-4", children: buttons.map((button, index) => renderButton((0, useLink_1.useLink)({ router, handlerDecorator }, button), index)) })) : null] }), image?.src && (0, jsx_runtime_1.jsx)(Img_1.Img, { image: image, className: "mt-auto" })] }));
|
|
9
|
+
exports.ProductBlockInner = (0, uni_jsx_1.JSX)(({ className, context, title, description, benefits, buttons, image, items }) => {
|
|
10
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: `flex justify-between items-stretch ${className || ''}`, children: [(0, jsx_runtime_1.jsxs)("div", { className: 'flex flex-col', children: [title && ((0, jsx_runtime_1.jsx)("h1", { className: "font-medium text-title-lg m-0 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-12", children: benefits.map(renderBenefit) })) : null })] }), image?.src && (0, jsx_runtime_1.jsx)(Img_1.Img, { className: "mt-auto", image: image })] }));
|
|
17
11
|
});
|
|
18
12
|
function renderBenefit(benefit, i) {
|
|
19
13
|
return ((0, jsx_runtime_1.jsxs)("div", { className: "flex gap-4 items-center", children: [benefit.icon && ((0, jsx_runtime_1.jsx)("div", { className: "w-[50px] h-[50px] min-w-[50px] min-h-[50px] bg-main rounded-full p-[10px] box-border", children: ICONS[benefit.icon]?.() })), (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)));
|
|
20
14
|
}
|
|
21
|
-
function renderButton(button, i) {
|
|
22
|
-
return button?.text ? ((0, jsx_runtime_1.jsx)(Button_1.Button, { ...button, className: "mt-8", version: button.version }, String(i))) : null;
|
|
23
|
-
}
|
|
24
|
-
function join(sep) {
|
|
25
|
-
return (list) => list.reduce((acc, el, i) => (acc.length ? acc.concat({ ...sep, key: i }, el) : [el]), []);
|
|
26
|
-
}
|
|
27
15
|
//# sourceMappingURL=ProductBlockInner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductBlockInner.js","sourceRoot":"","sources":["../src/ProductBlockInner.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,yCAAoF;
|
|
1
|
+
{"version":3,"file":"ProductBlockInner.js","sourceRoot":"","sources":["../src/ProductBlockInner.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,yCAAoF;AAEpF,yCAAsC;AAEtC,+BAA4B;AAE5B,MAAM,KAAK,GAAG,EAAE,eAAe,EAAf,uBAAe,EAAE,oBAAoB,EAApB,4BAAoB,EAAE,YAAY,EAAZ,oBAAY,EAAE,CAAC;AAQzD,QAAA,iBAAiB,GAAG,IAAA,aAAG,EAClC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;IAC9E,OAAO,CACL,iCAAK,SAAS,EAAE,sCAAsC,SAAS,IAAI,EAAE,EAAE,aACrE,iCAAK,SAAS,EAAE,eAAe,aAC5B,KAAK,IAAI,CACR,+BAAI,SAAS,EAAC,iEAAiE,YAC5E,KAAK,GACH,CACN,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,uBAAuB,YAAE,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,GAAO,CAC3E,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,gCAAK,SAAS,EAAC,sFAAsF,YAClG,KAAK,CAAC,OAAO,CAAC,IAA0B,CAAC,EAAE,EAAE,GAC1C,CACP,EACD,iCAAK,SAAS,EAAC,4BAA4B,aACzC,+BAAI,SAAS,EAAC,yBAAyB,YAAE,OAAO,CAAC,KAAK,GAAM,EAC3D,OAAO,CAAC,WAAW,IAAI,CACtB,gCAAK,SAAS,EAAC,yCAAyC,YAAE,OAAO,CAAC,WAAW,GAAO,CACrF,IACG,KAXE,MAAM,CAAC,CAAC,CAAC,CAYb,CACP,CAAC;AACJ,CAAC"}
|
package/dist/ProductTile.d.ts
CHANGED
|
@@ -1,17 +1,8 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
import type { Benefit } from './types';
|
|
5
|
-
export interface ProductTileContent {
|
|
6
|
-
title?: string;
|
|
7
|
-
description?: string;
|
|
1
|
+
import type { UniBlockProps, Benefit } from './types';
|
|
2
|
+
import type { BaseTileContent } from './BaseTile';
|
|
3
|
+
export interface ProductTileContent extends BaseTileContent {
|
|
8
4
|
benefits?: Benefit[];
|
|
9
|
-
image?: Picture;
|
|
10
|
-
button?: ButtonProps;
|
|
11
|
-
version?: BlockVersion;
|
|
12
5
|
}
|
|
13
|
-
export interface ProductTileProps extends ProductTileContent {
|
|
14
|
-
className?: string;
|
|
15
|
-
context: ContentPageContext;
|
|
6
|
+
export interface ProductTileProps extends ProductTileContent, UniBlockProps {
|
|
16
7
|
}
|
|
17
8
|
export declare const ProductTile: (props: import("@redneckz/uni-jsx").PropsWithChildren<ProductTileProps, any>, context?: any) => any;
|
package/dist/ProductTile.js
CHANGED
|
@@ -2,17 +2,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
2
2
|
exports.ProductTile = 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
|
|
6
|
-
|
|
7
|
-
const
|
|
8
|
-
|
|
9
|
-
primary: 'bg-white text-primary-text',
|
|
10
|
-
secondary: 'bg-primary-main text-white',
|
|
11
|
-
};
|
|
12
|
-
exports.ProductTile = (0, uni_jsx_1.JSX)(({ className, context, title, description, button, image, benefits, version = 'primary' }) => {
|
|
13
|
-
const router = context.useRouter();
|
|
14
|
-
const { handlerDecorator } = context;
|
|
15
|
-
return ((0, jsx_runtime_1.jsx)("section", { className: `font-sans p-9 ${className || ''} ${productTileStyleMap[version]}`, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col w-full", children: [title && ((0, jsx_runtime_1.jsx)("h3", { className: "font-medium text-title-sm m-0 whitespace-pre-wrap max-w-[600px]", children: title })), description && ((0, jsx_runtime_1.jsx)("div", { className: "font-normal text-base max-w-[600px] mt-4", children: description })), (0, jsx_runtime_1.jsxs)("div", { className: "flex mt-5", children: [(0, jsx_runtime_1.jsxs)("div", { className: "grow flex flex-col", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex", children: [benefits?.length ? ((0, jsx_runtime_1.jsx)("div", { className: "mr-8", children: benefits.map(renderBenefitDescription) })) : null, benefits?.length ? ((0, jsx_runtime_1.jsx)("div", { className: "pt-1", children: benefits.map((_, i) => renderBenefitLabel(_, i, version)) })) : null] }), button?.text && ((0, jsx_runtime_1.jsx)("div", { className: "mt-auto", children: (0, jsx_runtime_1.jsx)(Button_1.Button, { className: "mt-8", ...(0, useLink_1.useLink)({ router, handlerDecorator }, button), version: "secondary" }) }))] }), image && ((0, jsx_runtime_1.jsx)("div", { className: "mt-auto flex-none h-[220px] w-[220px]", children: (0, jsx_runtime_1.jsx)(Img_1.Img, { image: image }) }))] })] }) }));
|
|
5
|
+
const Tile_1 = require("./Tile");
|
|
6
|
+
exports.ProductTile = (0, uni_jsx_1.JSX)((props) => {
|
|
7
|
+
const { benefits, version } = props;
|
|
8
|
+
return ((0, jsx_runtime_1.jsx)(Tile_1.Tile, { ...props, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex mt-5 mb-10", children: [benefits?.length ? ((0, jsx_runtime_1.jsx)("div", { className: "mr-8", children: benefits.map(renderBenefitDescription) })) : null, benefits?.length ? ((0, jsx_runtime_1.jsx)("div", { className: "pt-1", children: benefits.map((_, i) => renderBenefitLabel(_, i, version)) })) : null] }) }));
|
|
16
9
|
});
|
|
17
10
|
function renderBenefitLabel(benefit, i, version = 'primary') {
|
|
18
11
|
const labelStyleMap = {
|
package/dist/ProductTile.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductTile.js","sourceRoot":"","sources":["../src/ProductTile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;
|
|
1
|
+
{"version":3,"file":"ProductTile.js","sourceRoot":"","sources":["../src/ProductTile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,iCAA8B;AASjB,QAAA,WAAW,GAAG,IAAA,aAAG,EAAmB,CAAC,KAAK,EAAE,EAAE;IACzD,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IACpC,OAAO,CACL,uBAAC,WAAI,OAAK,KAAK,YACb,iCAAK,SAAS,EAAC,iBAAiB,aAC7B,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAClB,gCAAK,SAAS,EAAC,MAAM,YAAE,QAAQ,CAAC,GAAG,CAAC,wBAAwB,CAAC,GAAO,CACrE,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAClB,gCAAK,SAAS,EAAC,MAAM,YAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC,GAAO,CACxF,CAAC,CAAC,CAAC,IAAI,IACJ,GACD,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,SAAS,kBAAkB,CAAC,OAAgB,EAAE,CAAS,EAAE,OAAO,GAAG,SAAS;IAC1E,MAAM,aAAa,GAAiC;QAClD,OAAO,EAAE,qBAAqB;QAC9B,SAAS,EAAE,YAAY;KACxB,CAAC;IACF,OAAO,CACL,gCAAqB,SAAS,EAAE,gBAAgB,aAAa,CAAC,OAAO,CAAC,EAAE,YACrE,OAAO,CAAC,KAAK,IADN,MAAM,CAAC,CAAC,CAAC,CAEb,CACP,CAAC;AACJ,CAAC;AACD,SAAS,wBAAwB,CAAC,OAAgB,EAAE,CAAS;IAC3D,OAAO,CACL,gCAAqB,SAAS,EAAC,4BAA4B,YACxD,OAAO,CAAC,WAAW,IADZ,MAAM,CAAC,CAAC,CAAC,CAEb,CACP,CAAC;AACJ,CAAC"}
|
package/dist/Tile.d.ts
CHANGED
|
@@ -1,13 +1,5 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
import type {
|
|
3
|
-
export interface
|
|
4
|
-
title?: string;
|
|
5
|
-
description?: string;
|
|
6
|
-
image?: Picture;
|
|
7
|
-
items?: string[];
|
|
8
|
-
button?: ButtonProps;
|
|
9
|
-
version?: BlockVersion;
|
|
10
|
-
}
|
|
11
|
-
export interface TileProps extends TileContent, UniBlockProps {
|
|
1
|
+
import type { UniBlockProps } from './types';
|
|
2
|
+
import type { BaseTileContent } from './BaseTile';
|
|
3
|
+
export interface TileProps extends BaseTileContent, UniBlockProps {
|
|
12
4
|
}
|
|
13
5
|
export declare const Tile: (props: import("@redneckz/uni-jsx").PropsWithChildren<TileProps, any>, context?: any) => any;
|
package/dist/Tile.js
CHANGED
|
@@ -2,35 +2,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
2
2
|
exports.Tile = 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
|
|
6
|
-
const BlockItem_1 = require("./ui-kit/BlockItem");
|
|
7
|
-
const Button_1 = require("./ui-kit/Button");
|
|
8
|
-
const useLink_1 = require("./useLink");
|
|
5
|
+
const BaseTile_1 = require("./BaseTile");
|
|
9
6
|
const tileStyleMap = {
|
|
10
7
|
primary: 'bg-white text-primary-text',
|
|
11
8
|
secondary: 'bg-primary-main text-white',
|
|
12
9
|
};
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
const { handlerDecorator } = context;
|
|
17
|
-
return ((0, jsx_runtime_1.jsxs)("section", { className: `flex flex-col font-sans p-9 ${className || ''} ${tileStyleMap[version]}`, children: [title && renderTitle(title, className), (0, jsx_runtime_1.jsxs)("div", { className: "grow flex justify-between mt-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col justify-between items-start", children: [description || children ? ((0, jsx_runtime_1.jsx)("div", { className: "font-normal text-base max-w-[600px]", children: description || children })) : (renderItems(items, version)), button?.text && ((0, jsx_runtime_1.jsx)(Button_1.Button, { className: "mt-6", ...(0, useLink_1.useLink)({ router, handlerDecorator }, button), version: "secondary" }))] }), image?.src && (0, jsx_runtime_1.jsx)(Img_1.Img, { className: "mt-auto h-[220px] w-[220px]", image: image })] })] }));
|
|
10
|
+
exports.Tile = (0, uni_jsx_1.JSX)((props) => {
|
|
11
|
+
const { children, className, version = 'primary' } = props;
|
|
12
|
+
return ((0, jsx_runtime_1.jsx)("section", { className: `font-sans p-9 ${className || ''} ${tileStyleMap[version]}`, children: (0, jsx_runtime_1.jsx)(BaseTile_1.BaseTile, { ...props, children: children }) }));
|
|
18
13
|
});
|
|
19
|
-
function renderTitle(title, className = '') {
|
|
20
|
-
const colSpanPrefix = 'col-span-';
|
|
21
|
-
const colSpanStr = className.split(/\s+/).find((_) => _.startsWith(colSpanPrefix));
|
|
22
|
-
const colSpan = colSpanStr ? parseInt(colSpanStr.substring(colSpanPrefix.length), 10) : 12;
|
|
23
|
-
if (colSpan <= 4) {
|
|
24
|
-
return (0, jsx_runtime_1.jsx)("h3", { className: `${TITLE_CLASSES} text-title-xs`, children: title });
|
|
25
|
-
}
|
|
26
|
-
else if (colSpan <= 8) {
|
|
27
|
-
return (0, jsx_runtime_1.jsx)("h3", { className: `${TITLE_CLASSES} text-title-sm`, children: title });
|
|
28
|
-
}
|
|
29
|
-
else {
|
|
30
|
-
return (0, jsx_runtime_1.jsx)("h2", { className: `${TITLE_CLASSES} text-title`, children: title });
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
function renderItems(items, version) {
|
|
34
|
-
return items?.length ? ((0, jsx_runtime_1.jsx)("section", { className: "max-w-[600px]", role: "list", children: items.map((_, i) => ((0, jsx_runtime_1.jsx)(BlockItem_1.BlockItem, { className: i ? 'mt-2.5' : '', text: _, version: version }, String(i)))) })) : null;
|
|
35
|
-
}
|
|
36
14
|
//# sourceMappingURL=Tile.js.map
|
package/dist/Tile.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tile.js","sourceRoot":"","sources":["../src/Tile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;
|
|
1
|
+
{"version":3,"file":"Tile.js","sourceRoot":"","sources":["../src/Tile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,yCAAsC;AAKtC,MAAM,YAAY,GAAiC;IACjD,OAAO,EAAE,4BAA4B;IACrC,SAAS,EAAE,4BAA4B;CACxC,CAAC;AAEW,QAAA,IAAI,GAAG,IAAA,aAAG,EAAY,CAAC,KAAK,EAAE,EAAE;IAC3C,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAC3D,OAAO,CACL,oCAAS,SAAS,EAAE,iBAAiB,SAAS,IAAI,EAAE,IAAI,YAAY,CAAC,OAAO,CAAC,EAAE,YAC7E,uBAAC,mBAAQ,OAAK,KAAK,YAAG,QAAQ,GAAY,GAClC,CACX,CAAC;AACJ,CAAC,CAAC,CAAC"}
|