@redneckz/wildless-cms-uni-blocks 0.2.65 → 0.2.69
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/Gallery.mobile.d.ts +2 -0
- package/dist/Gallery.mobile.js +18 -0
- package/dist/Gallery.mobile.js.map +1 -0
- package/dist/Header/isSubItemActive.d.ts +1 -1
- package/dist/Header/isSubItemActive.js +2 -4
- package/dist/Header/isSubItemActive.js.map +1 -1
- package/dist/Header/isTopItemActive.d.ts +1 -1
- package/dist/Header/isTopItemActive.js +2 -8
- package/dist/Header/isTopItemActive.js.map +1 -1
- package/dist/MobileBlocks.d.ts +2 -4
- package/dist/MobileBlocks.js +7 -8
- package/dist/MobileBlocks.js.map +1 -1
- package/dist/Placeholder.js +1 -1
- package/dist/Placeholder.js.map +1 -1
- package/dist/ProductBlock.mobile.d.ts +5 -0
- package/dist/ProductBlock.mobile.js +10 -0
- package/dist/ProductBlock.mobile.js.map +1 -0
- package/dist/ProductBlockInner.js +4 -2
- package/dist/ProductBlockInner.js.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.js.map +1 -1
- package/dist/useLink.js +1 -1
- package/dist/useLink.js.map +1 -1
- package/dist/utils/url.d.ts +13 -1
- package/dist/utils/url.js +26 -10
- package/dist/utils/url.js.map +1 -1
- package/lib/Gallery.mobile.d.ts +2 -0
- package/lib/Gallery.mobile.js +16 -0
- package/lib/Gallery.mobile.js.map +1 -0
- package/lib/Header/isSubItemActive.d.ts +1 -1
- package/lib/Header/isSubItemActive.js +3 -5
- package/lib/Header/isSubItemActive.js.map +1 -1
- package/lib/Header/isTopItemActive.d.ts +1 -1
- package/lib/Header/isTopItemActive.js +3 -9
- package/lib/Header/isTopItemActive.js.map +1 -1
- package/lib/MobileBlocks.d.ts +2 -4
- package/lib/MobileBlocks.js +6 -7
- package/lib/MobileBlocks.js.map +1 -1
- package/lib/Placeholder.js +1 -1
- package/lib/Placeholder.js.map +1 -1
- package/lib/ProductBlock.mobile.d.ts +5 -0
- package/lib/ProductBlock.mobile.js +8 -0
- package/lib/ProductBlock.mobile.js.map +1 -0
- package/lib/ProductBlockInner.js +4 -2
- package/lib/ProductBlockInner.js.map +1 -1
- package/lib/common.css +1 -1
- package/lib/index.d.ts +2 -0
- package/lib/index.js.map +1 -1
- package/lib/useLink.js +2 -2
- package/lib/useLink.js.map +1 -1
- package/lib/utils/url.d.ts +13 -1
- package/lib/utils/url.js +22 -9
- package/lib/utils/url.js.map +1 -1
- package/package.json +8 -3
- package/src/ContentPage.fixture.tsx +2 -2
- package/src/ContentPage.page.json +1 -1
- package/src/Gallery.fixture.tsx +2 -0
- package/src/Gallery.mobile.tsx +70 -0
- package/src/Header/isSubItemActive.ts +3 -5
- package/src/Header/isTopItemActive.ts +4 -9
- package/src/MobileBlocks.ts +6 -7
- package/src/Placeholder.tsx +1 -1
- package/src/ProductBlock.mobile.tsx +19 -0
- package/src/ProductBlockInner.tsx +6 -2
- package/src/common.css +26 -0
- package/src/index.ts +3 -0
- package/src/setup-fixture.ts +12 -0
- package/src/useLink.ts +2 -2
- package/src/utils/url.spec.ts +53 -0
- package/src/utils/url.ts +39 -9
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
+
exports.Gallery = 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 Title_1 = require("./ui-kit/Title");
|
|
9
|
+
exports.Gallery = (0, uni_jsx_1.JSX)(({ title, description, cards = [], className }) => {
|
|
10
|
+
return ((0, jsx_runtime_1.jsxs)("section", { className: `relative font-sans text-primary-text bg-white p-4 overflow-hidden ${className}`, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center mb-8", children: [(0, jsx_runtime_1.jsx)(Title_1.Title, { className: "font-medium m-0 text-centers", children: title }), description ? ((0, jsx_runtime_1.jsx)("div", { className: "font-normal text-base max-w-[600px] mt-3", children: description })) : null] }), (0, jsx_runtime_1.jsx)("div", { className: "horizontal-list no-scrollbar", role: "list", children: cards?.map(renderCard) })] }));
|
|
11
|
+
});
|
|
12
|
+
function renderCard(card, key) {
|
|
13
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "box-border horizontal-list-item border-solid border rounded-md border-main-divider p-4 mx-1 flex flex-col justify-between items-stretch", role: "listitem", children: [(0, jsx_runtime_1.jsxs)("div", { children: [card.image?.src ? ((0, jsx_runtime_1.jsx)("div", { className: "flex justify-center", children: (0, jsx_runtime_1.jsx)(Img_1.Img, { className: "mb-6", image: card.image }) })) : null, card.title ? ((0, jsx_runtime_1.jsx)("h4", { className: `font-medium text-xl m-0 ${!card.description && !card.items?.length ? 'text-center' : ''}`, children: card.title })) : null, card.description ? ((0, jsx_runtime_1.jsx)("div", { className: "font-normal text-sm text-secondary-text mt-2", children: card.description })) : null, card.items?.length ? renderItems(card.items) : null] }), card.href ? ((0, jsx_runtime_1.jsx)(Button_1.Button, { className: "mt-6", text: "\u041F\u043E\u0434\u0440\u043E\u0431\u043D\u0435\u0435", version: "secondary", href: card.href })) : null] }, key));
|
|
14
|
+
}
|
|
15
|
+
function renderItems(items = []) {
|
|
16
|
+
return ((0, jsx_runtime_1.jsx)("section", { className: "max-w-[308px] mt-2", role: "list", children: items.map((item, i) => ((0, jsx_runtime_1.jsx)(BlockItem_1.BlockItem, { children: (0, jsx_runtime_1.jsx)("span", { className: "text-sm text-secondary-text", children: item }) }, String(i)))) }));
|
|
17
|
+
}
|
|
18
|
+
//# sourceMappingURL=Gallery.mobile.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Gallery.mobile.js","sourceRoot":"","sources":["../src/Gallery.mobile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,+BAA4B;AAC5B,kDAA+C;AAC/C,4CAAyC;AACzC,0CAAuC;AAE1B,QAAA,OAAO,GAAG,IAAA,aAAG,EAAe,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,GAAG,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE;IACzF,OAAO,CACL,qCACE,SAAS,EAAE,qEAAqE,SAAS,EAAE,aAE3F,iCAAK,SAAS,EAAC,iCAAiC,aAC9C,uBAAC,aAAK,IAAC,SAAS,EAAC,8BAA8B,YAAE,KAAK,GAAS,EAC9D,WAAW,CAAC,CAAC,CAAC,CACb,gCAAK,SAAS,EAAC,0CAA0C,YAAE,WAAW,GAAO,CAC9E,CAAC,CAAC,CAAC,IAAI,IACJ,EACN,gCAAK,SAAS,EAAC,8BAA8B,EAAC,IAAI,EAAC,MAAM,YACtD,KAAK,EAAE,GAAG,CAAC,UAAU,CAAC,GACnB,IACE,CACX,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,SAAS,UAAU,CAAC,IAAiB,EAAE,GAAW;IAChD,OAAO,CACL,iCACE,SAAS,EAAC,yIAAyI,EACnJ,IAAI,EAAC,UAAU,aAGf,4CACG,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CACjB,gCAAK,SAAS,EAAC,qBAAqB,YAClC,uBAAC,SAAG,IAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,GACvC,CACP,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CACZ,+BACE,SAAS,EAAE,2BACT,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAC7D,EAAE,YAED,IAAI,CAAC,KAAK,GACR,CACN,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAClB,gCAAK,SAAS,EAAC,8CAA8C,YAAE,IAAI,CAAC,WAAW,GAAO,CACvF,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,IAChD,EACL,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX,uBAAC,eAAM,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAC,wDAAW,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,CAClF,CAAC,CAAC,CAAC,IAAI,KAxBH,GAAG,CAyBJ,CACP,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,QAAkB,EAAE;IACvC,OAAO,CACL,oCAAS,SAAS,EAAC,oBAAoB,EAAC,IAAI,EAAC,MAAM,YAChD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,uBAAC,qBAAS,cACR,iCAAM,SAAS,EAAC,6BAA6B,YAAE,IAAI,GAAQ,IAD7C,MAAM,CAAC,CAAC,CAAC,CAEb,CACb,CAAC,GACM,CACX,CAAC;AACJ,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { Router } from '../ContentPageContext';
|
|
2
2
|
import type { LinkContent } from '../types';
|
|
3
|
-
export declare function isSubItemActive(
|
|
3
|
+
export declare function isSubItemActive(router: Router): (subItem: LinkContent) => boolean;
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
2
|
exports.isSubItemActive = void 0;
|
|
3
3
|
const url_1 = require("../utils/url");
|
|
4
|
-
function isSubItemActive(
|
|
5
|
-
return (
|
|
6
|
-
return (0, url_1.withoutQuery)(item.href) === ((0, url_1.isURL)(item.href) ? (0, url_1.withoutQuery)(href) : pathname);
|
|
7
|
-
};
|
|
4
|
+
function isSubItemActive(router) {
|
|
5
|
+
return (subItem) => (0, url_1.isHrefActive)(subItem.href, router);
|
|
8
6
|
}
|
|
9
7
|
exports.isSubItemActive = isSubItemActive;
|
|
10
8
|
//# sourceMappingURL=isSubItemActive.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"isSubItemActive.js","sourceRoot":"","sources":["../../src/Header/isSubItemActive.ts"],"names":[],"mappings":";;AAEA,
|
|
1
|
+
{"version":3,"file":"isSubItemActive.js","sourceRoot":"","sources":["../../src/Header/isSubItemActive.ts"],"names":[],"mappings":";;AAEA,sCAA4C;AAE5C,SAAgB,eAAe,CAAC,MAAc;IAC5C,OAAO,CAAC,OAAoB,EAAW,EAAE,CAAC,IAAA,kBAAY,EAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAC/E,CAAC;AAFD,0CAEC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { Router } from '../ContentPageContext';
|
|
2
2
|
import type { LinkContent } from '../types';
|
|
3
|
-
export declare function isTopItemActive(
|
|
3
|
+
export declare function isTopItemActive(router: Router): (topItem: LinkContent) => boolean;
|
|
@@ -1,14 +1,8 @@
|
|
|
1
1
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
2
|
exports.isTopItemActive = void 0;
|
|
3
3
|
const url_1 = require("../utils/url");
|
|
4
|
-
function isTopItemActive(
|
|
5
|
-
return (
|
|
6
|
-
const itemHref = (0, url_1.withoutQuery)(item.href);
|
|
7
|
-
if ((0, url_1.isURL)(itemHref)) {
|
|
8
|
-
return Boolean(href && href.startsWith(itemHref));
|
|
9
|
-
}
|
|
10
|
-
return Boolean(itemHref && pathname.startsWith(itemHref));
|
|
11
|
-
};
|
|
4
|
+
function isTopItemActive(router) {
|
|
5
|
+
return (topItem) => (0, url_1.isHrefActive)(topItem.href, router, (topItemHref, baseHref) => baseHref.startsWith(topItemHref));
|
|
12
6
|
}
|
|
13
7
|
exports.isTopItemActive = isTopItemActive;
|
|
14
8
|
//# sourceMappingURL=isTopItemActive.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"isTopItemActive.js","sourceRoot":"","sources":["../../src/Header/isTopItemActive.ts"],"names":[],"mappings":";;AAEA,
|
|
1
|
+
{"version":3,"file":"isTopItemActive.js","sourceRoot":"","sources":["../../src/Header/isTopItemActive.ts"],"names":[],"mappings":";;AAEA,sCAA4C;AAE5C,SAAgB,eAAe,CAAC,MAAc;IAC5C,OAAO,CAAC,OAAoB,EAAW,EAAE,CACvC,IAAA,kBAAY,EAAC,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC;AACpG,CAAC;AAHD,0CAGC"}
|
package/dist/MobileBlocks.d.ts
CHANGED
|
@@ -4,11 +4,9 @@ export declare const MobileBlocks: {
|
|
|
4
4
|
Placeholder: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./Placeholder").PlaceholderProps, any>, context?: any) => any;
|
|
5
5
|
Tile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./Tile").TileProps, any>, context?: any) => any;
|
|
6
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;
|
|
7
|
+
ProductBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./ProductBlock.mobile").ProductBlockProps, any>, context?: any) => any;
|
|
9
8
|
TextBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./TextBlock").TextBlockProps, any>, context?: any) => any;
|
|
10
|
-
BenefitsBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./BenefitsBlock").BenefitsBlockProps, any>, context?: any) => any;
|
|
11
|
-
ProductGallery: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./ProductGallery").ProductGalleryProps, any>, context?: any) => any;
|
|
12
9
|
ExchangeRateTile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./ExchangeRateTile").ExchangeRateTileProps, any>, context?: any) => any;
|
|
13
10
|
MobileAppTile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./MobileAppTile").MobileAppTileProps, any>, context?: any) => any;
|
|
11
|
+
Gallery: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./Gallery").GalleryProps, any>, context?: any) => any;
|
|
14
12
|
};
|
package/dist/MobileBlocks.js
CHANGED
|
@@ -1,15 +1,13 @@
|
|
|
1
1
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
2
|
exports.MobileBlocks = void 0;
|
|
3
|
-
const BenefitsBlock_1 = require("./BenefitsBlock");
|
|
4
3
|
const ExchangeRateTile_1 = require("./ExchangeRateTile");
|
|
5
4
|
const Footer_mobile_1 = require("./Footer/Footer.mobile");
|
|
5
|
+
const Gallery_mobile_1 = require("./Gallery.mobile");
|
|
6
6
|
const index_1 = require("./Header/index");
|
|
7
7
|
const MobileAppTile_1 = require("./MobileAppTile");
|
|
8
8
|
const Placeholder_1 = require("./Placeholder");
|
|
9
|
-
const
|
|
10
|
-
const ProductGallery_1 = require("./ProductGallery");
|
|
9
|
+
const ProductBlock_mobile_1 = require("./ProductBlock.mobile");
|
|
11
10
|
const ProductTile_1 = require("./ProductTile");
|
|
12
|
-
const StepsBlock_1 = require("./StepsBlock");
|
|
13
11
|
const TextBlock_1 = require("./TextBlock");
|
|
14
12
|
const Tile_1 = require("./Tile");
|
|
15
13
|
exports.MobileBlocks = {
|
|
@@ -18,12 +16,13 @@ exports.MobileBlocks = {
|
|
|
18
16
|
Placeholder: Placeholder_1.Placeholder,
|
|
19
17
|
Tile: Tile_1.Tile,
|
|
20
18
|
ProductTile: ProductTile_1.ProductTile,
|
|
21
|
-
ProductBlock:
|
|
22
|
-
StepsBlock: StepsBlock_1.StepsBlock,
|
|
19
|
+
ProductBlock: ProductBlock_mobile_1.ProductBlock,
|
|
23
20
|
TextBlock: TextBlock_1.TextBlock,
|
|
24
|
-
BenefitsBlock: BenefitsBlock_1.BenefitsBlock,
|
|
25
|
-
ProductGallery: ProductGallery_1.ProductGallery,
|
|
26
21
|
ExchangeRateTile: ExchangeRateTile_1.ExchangeRateTile,
|
|
27
22
|
MobileAppTile: MobileAppTile_1.MobileAppTile,
|
|
23
|
+
Gallery: Gallery_mobile_1.Gallery,
|
|
24
|
+
// TODO StepsBlock,
|
|
25
|
+
// TODO BenefitsBlock,
|
|
26
|
+
// TODO ProductGallery
|
|
28
27
|
};
|
|
29
28
|
//# sourceMappingURL=MobileBlocks.js.map
|
package/dist/MobileBlocks.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MobileBlocks.js","sourceRoot":"","sources":["../src/MobileBlocks.ts"],"names":[],"mappings":";;AAAA,
|
|
1
|
+
{"version":3,"file":"MobileBlocks.js","sourceRoot":"","sources":["../src/MobileBlocks.ts"],"names":[],"mappings":";;AAAA,yDAAsD;AACtD,0DAAgD;AAChD,qDAA2C;AAC3C,0CAAwC;AACxC,mDAAgD;AAChD,+CAA4C;AAC5C,+DAAqD;AACrD,+CAA4C;AAC5C,2CAAwC;AACxC,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,kCAAY;IACZ,SAAS,EAAT,qBAAS;IACT,gBAAgB,EAAhB,mCAAgB;IAChB,aAAa,EAAb,6BAAa;IACb,OAAO,EAAP,wBAAO;IACP,mBAAmB;IACnB,sBAAsB;IACtB,sBAAsB;CACvB,CAAC"}
|
package/dist/Placeholder.js
CHANGED
|
@@ -5,7 +5,7 @@ const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
|
5
5
|
const Tile_1 = require("./Tile");
|
|
6
6
|
const GOLDEN_RATIO = 1.618;
|
|
7
7
|
exports.Placeholder = (0, uni_jsx_1.JSX)(({ className, context, title }) => {
|
|
8
|
-
return ((0, jsx_runtime_1.jsx)(Tile_1.Tile, { className: className, context: context, title: title, children: (0, jsx_runtime_1.jsx)("figure", { className: "m-0 min-w-[600px]", children: renderShimmer() }) }));
|
|
8
|
+
return ((0, jsx_runtime_1.jsx)(Tile_1.Tile, { className: className, context: context, title: title, description: "\u0411\u043B\u043E\u043A \u0432 \u0440\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0435...", children: (0, jsx_runtime_1.jsx)("figure", { className: "m-0 min-w-[600px]", children: renderShimmer() }) }));
|
|
9
9
|
});
|
|
10
10
|
const renderShimmer = (size = 3) => goldenSequence(100, size)
|
|
11
11
|
.map((_) => Math.floor(_))
|
package/dist/Placeholder.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Placeholder.js","sourceRoot":"","sources":["../src/Placeholder.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iCAA8B;AAW9B,MAAM,YAAY,GAAG,KAAK,CAAC;AAEd,QAAA,WAAW,GAAG,IAAA,aAAG,EAAmB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;IACjF,OAAO,CACL,uBAAC,WAAI,IAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"Placeholder.js","sourceRoot":"","sources":["../src/Placeholder.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iCAA8B;AAW9B,MAAM,YAAY,GAAG,KAAK,CAAC;AAEd,QAAA,WAAW,GAAG,IAAA,aAAG,EAAmB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;IACjF,OAAO,CACL,uBAAC,WAAI,IAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAC,iGAAsB,YAC5F,mCAAQ,SAAS,EAAC,mBAAmB,YAAE,aAAa,EAAE,GAAU,GAC3D,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,CAAC,OAAe,CAAC,EAAE,EAAE,CACzC,cAAc,CAAC,GAAG,EAAE,IAAI,CAAC;KACtB,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;KACzB,GAAG,CAAC,iBAAiB,CAAC,CAAC;AAE5B,MAAM,iBAAiB,GAAG,CAAC,QAAgB,GAAG,EAAE,KAAa,EAAE,EAAE,CAAC,CAChE,gCAAyB,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,GAAG,EAAE,EAAE,SAAS,EAAC,6BAA6B,IAArF,MAAM,CAAC,KAAK,CAAC,CAA2E,CACnG,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,KAAa,EAAE,IAAY,EAAY,EAAE,CAC/D,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,GAAG,YAAY,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { ProductBlockInnerContent } from './ProductBlockInner';
|
|
2
|
+
import type { UniBlockProps } from './types';
|
|
3
|
+
export interface ProductBlockProps extends ProductBlockInnerContent, UniBlockProps {
|
|
4
|
+
}
|
|
5
|
+
export declare const ProductBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<ProductBlockProps, any>, context?: any) => any;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
+
exports.ProductBlock = void 0;
|
|
3
|
+
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
|
+
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
|
+
const ProductBlockInner_1 = require("./ProductBlockInner");
|
|
6
|
+
exports.ProductBlock = (0, uni_jsx_1.JSX)(({ titleSize, image, benefits, ...props } /* Get rid of image and benefits */) => {
|
|
7
|
+
const { className } = props;
|
|
8
|
+
return ((0, jsx_runtime_1.jsx)("section", { className: `font-sans bg-white pt-10 pl-[50px] pb-[50px] pr-[7.5rem] ${className || ''}`, children: (0, jsx_runtime_1.jsx)(ProductBlockInner_1.ProductBlockInner, { ...props, titleSize: "L" }) }));
|
|
9
|
+
});
|
|
10
|
+
//# sourceMappingURL=ProductBlock.mobile.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductBlock.mobile.js","sourceRoot":"","sources":["../src/ProductBlock.mobile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,2DAAwD;AAK3C,QAAA,YAAY,GAAG,IAAA,aAAG,EAC7B,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,CAAC,mCAAmC,EAAE,EAAE;IAC/E,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,OAAO,CACL,oCACE,SAAS,EAAE,4DAA4D,SAAS,IAAI,EAAE,EAAE,YAExF,uBAAC,qCAAiB,OAAK,KAAK,EAAE,SAAS,EAAC,GAAG,GAAG,GACtC,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -6,8 +6,10 @@ const BaseTile_1 = require("./BaseTile");
|
|
|
6
6
|
const Img_1 = require("./Img");
|
|
7
7
|
const Icon_1 = require("./ui-kit/Icon");
|
|
8
8
|
const Title_1 = require("./ui-kit/Title");
|
|
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 grow justify-between items-stretch ${className || ''}`, children: [(0, jsx_runtime_1.jsxs)("div", { className: 'flex flex-col', children: [title && (
|
|
9
|
+
exports.ProductBlockInner = (0, uni_jsx_1.JSX)(({ className, context, title, titleSize, description, benefits, buttons, image, items }) => {
|
|
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
|
+
/* 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 })] }));
|
|
11
13
|
});
|
|
12
14
|
function renderBenefit(benefit, i) {
|
|
13
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)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductBlockInner.js","sourceRoot":"","sources":["../src/ProductBlockInner.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,yCAAsC;AAEtC,+BAA4B;AAE5B,wCAAqC;AACrC,0CAAuC;AAQ1B,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;
|
|
1
|
+
{"version":3,"file":"ProductBlockInner.js","sourceRoot":"","sources":["../src/ProductBlockInner.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,yCAAsC;AAEtC,+BAA4B;AAE5B,wCAAqC;AACrC,0CAAuC;AAQ1B,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,wDAAwD,YAEjE,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,yBAAyB,YAAE,OAAO,CAAC,KAAK,GAAM,EAC3D,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/index.d.ts
CHANGED
|
@@ -2,9 +2,11 @@ export type { ProjectSettings } from './ProjectSettings';
|
|
|
2
2
|
export { projectSettings } from './ProjectSettings';
|
|
3
3
|
export { LikeAPI } from './api/LikeAPI';
|
|
4
4
|
export { DaDataAPI } from './api/DaDataAPI';
|
|
5
|
+
export type { HeaderContent as SitemapContent } from './Header';
|
|
5
6
|
export type { BlockDef, UniBlockProps, ContentPageMeta, ContentPageDef, Img, ImgSource, Picture, } from './types';
|
|
6
7
|
export type { ContentPageContext, Router, AsyncDataHook, GeolocationHook, LikeService, HandlerDecorator, Search, } from './ContentPageContext';
|
|
7
8
|
export { ContentPageHead } from './ContentPageHead';
|
|
9
|
+
export type { BlockDecorator } from './ContentPage';
|
|
8
10
|
export { ContentPage } from './ContentPage';
|
|
9
11
|
export { toMobilePage } from './toMobilePage';
|
|
10
12
|
export { Blocks } from './Blocks';
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AACA,qDAAoD;AAA3C,kHAAA,eAAe,OAAA;AAExB,yCAAwC;AAA/B,kGAAA,OAAO,OAAA;AAChB,6CAA4C;AAAnC,sGAAA,SAAS,OAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AACA,qDAAoD;AAA3C,kHAAA,eAAe,OAAA;AAExB,yCAAwC;AAA/B,kGAAA,OAAO,OAAA;AAChB,6CAA4C;AAAnC,sGAAA,SAAS,OAAA;AAuBlB,qDAAoD;AAA3C,kHAAA,eAAe,OAAA;AAExB,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AACpB,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AAErB,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AAEf,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AAErB,mDAAmC;AACnC,6CAA4C;AAAnC,oGAAA,QAAQ,OAAA"}
|
package/dist/useLink.js
CHANGED
|
@@ -3,7 +3,7 @@ exports.useLink = void 0;
|
|
|
3
3
|
const url_1 = require("./utils/url");
|
|
4
4
|
const defaultHandlerDecorator = (handler, targetContent) => handler;
|
|
5
5
|
function useLink({ router, handlerDecorator = defaultHandlerDecorator, }, link) {
|
|
6
|
-
const href = (0, url_1.
|
|
6
|
+
const href = (0, url_1.adjustHref)(link.href, router);
|
|
7
7
|
return {
|
|
8
8
|
...link,
|
|
9
9
|
href,
|
package/dist/useLink.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useLink.js","sourceRoot":"","sources":["../src/useLink.ts"],"names":[],"mappings":";;AAEA,
|
|
1
|
+
{"version":3,"file":"useLink.js","sourceRoot":"","sources":["../src/useLink.ts"],"names":[],"mappings":";;AAEA,qCAAgD;AAEhD,MAAM,uBAAuB,GAAqB,CAAC,OAAO,EAAE,aAAa,EAAE,EAAE,CAAC,OAAO,CAAC;AAEtF,SAAgB,OAAO,CACrB,EACE,MAAM,EACN,gBAAgB,GAAG,uBAAuB,GACc,EAC1D,IAA0B;IAE1B,MAAM,IAAI,GAAG,IAAA,gBAAU,EAAC,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IAC3C,OAAO;QACL,GAAG,IAAI;QACP,IAAI;QACJ,SAAS,EAAE,IAAI,CAAC,IAAI;QACpB,OAAO,EAAE,gBAAgB,CAAC,CAAC,EAAc,EAAE,EAAE;YAC3C,MAAM,WAAW,GAAG,IAAI,IAAI,CAAC,IAAA,WAAK,EAAC,IAAI,CAAC,CAAC;YACzC,MAAM,aAAa,GAAG,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,KAAK,OAAO,CAAC;YAC9D,IAAI,WAAW,IAAI,aAAa,EAAE;gBAChC,EAAE,CAAC,cAAc,EAAE,CAAC;gBACpB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;aACnB;QACH,CAAC,EAAE,IAAI,CAAC;KACT,CAAC;AACJ,CAAC;AArBD,0BAqBC"}
|
package/dist/utils/url.d.ts
CHANGED
|
@@ -1,4 +1,16 @@
|
|
|
1
|
+
export declare const MOBILE_URL_PATH = "/mobile";
|
|
1
2
|
export declare const isURL: (href?: string) => boolean | undefined;
|
|
3
|
+
export declare const isHrefActive: (href: string | undefined, router: {
|
|
4
|
+
pathname?: string | undefined;
|
|
5
|
+
href?: string | undefined;
|
|
6
|
+
}, cmp?: (href: string, baseHref: string) => boolean) => boolean;
|
|
2
7
|
export declare const withoutQuery: (href?: string) => string;
|
|
8
|
+
export declare const withoutMobilePath: (href?: string) => string;
|
|
3
9
|
export declare const getOrigin: (href?: string) => string | undefined;
|
|
4
|
-
export declare const
|
|
10
|
+
export declare const adjustHref: (href: string | undefined, router: {
|
|
11
|
+
pathname: string;
|
|
12
|
+
href?: string | undefined;
|
|
13
|
+
}) => string | undefined;
|
|
14
|
+
export declare const toRelativeHref: (href: string | undefined, router: {
|
|
15
|
+
href?: string | undefined;
|
|
16
|
+
}) => string | undefined;
|
package/dist/utils/url.js
CHANGED
|
@@ -1,25 +1,41 @@
|
|
|
1
1
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
-
exports.toRelativeHref = exports.getOrigin = exports.withoutQuery = exports.isURL = void 0;
|
|
2
|
+
exports.toRelativeHref = exports.adjustHref = exports.getOrigin = exports.withoutMobilePath = exports.withoutQuery = exports.isHrefActive = exports.isURL = exports.MOBILE_URL_PATH = void 0;
|
|
3
|
+
exports.MOBILE_URL_PATH = '/mobile';
|
|
3
4
|
const isURL = (href) => href?.includes('//');
|
|
4
5
|
exports.isURL = isURL;
|
|
6
|
+
const isHrefActive = (href, router, cmp = (href, baseHref) => href === baseHref) => {
|
|
7
|
+
return cmp((0, exports.withoutQuery)(href), (0, exports.withoutMobilePath)((0, exports.withoutQuery)((0, exports.isURL)(href) ? router.href : router.pathname)));
|
|
8
|
+
};
|
|
9
|
+
exports.isHrefActive = isHrefActive;
|
|
5
10
|
const withoutQuery = (href) => (href || '').replace(/\/?\?.*/, '');
|
|
6
11
|
exports.withoutQuery = withoutQuery;
|
|
12
|
+
const withoutMobilePath = (href) => (href || '').replace(exports.MOBILE_URL_PATH, '');
|
|
13
|
+
exports.withoutMobilePath = withoutMobilePath;
|
|
7
14
|
const getOrigin = (href) => {
|
|
8
|
-
if ((0, exports.isURL)(href)) {
|
|
9
|
-
|
|
10
|
-
const protoSeparator = '://';
|
|
11
|
-
const endOfProto = url.indexOf(protoSeparator);
|
|
12
|
-
const endOfOrigin = url.indexOf('/', endOfProto + protoSeparator.length);
|
|
13
|
-
return endOfOrigin !== -1 ? url.substring(0, endOfOrigin) : url;
|
|
15
|
+
if (!(0, exports.isURL)(href)) {
|
|
16
|
+
return undefined;
|
|
14
17
|
}
|
|
15
|
-
|
|
18
|
+
const url = href;
|
|
19
|
+
const protoSeparator = '//';
|
|
20
|
+
const endOfProto = url.indexOf(protoSeparator);
|
|
21
|
+
const endOfOrigin = url.indexOf('/', endOfProto + protoSeparator.length);
|
|
22
|
+
return endOfOrigin !== -1 ? url.substring(0, endOfOrigin) : url;
|
|
16
23
|
};
|
|
17
24
|
exports.getOrigin = getOrigin;
|
|
18
|
-
const
|
|
25
|
+
const adjustHref = (href, router) => {
|
|
26
|
+
if (!href) {
|
|
27
|
+
return href;
|
|
28
|
+
}
|
|
29
|
+
const relativeHref = (0, exports.toRelativeHref)(href, router);
|
|
30
|
+
const isMobilePage = router?.pathname.startsWith(exports.MOBILE_URL_PATH);
|
|
31
|
+
return isMobilePage && !(0, exports.isURL)(relativeHref) ? `${exports.MOBILE_URL_PATH}${relativeHref}` : relativeHref;
|
|
32
|
+
};
|
|
33
|
+
exports.adjustHref = adjustHref;
|
|
34
|
+
const toRelativeHref = (href, router) => {
|
|
19
35
|
if (!href) {
|
|
20
36
|
return href;
|
|
21
37
|
}
|
|
22
|
-
const origin = (0, exports.getOrigin)(
|
|
38
|
+
const origin = (0, exports.getOrigin)(router?.href);
|
|
23
39
|
return origin ? href.replace(origin, '') || '/' : href;
|
|
24
40
|
};
|
|
25
41
|
exports.toRelativeHref = toRelativeHref;
|
package/dist/utils/url.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"url.js","sourceRoot":"","sources":["../../src/utils/url.ts"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"url.js","sourceRoot":"","sources":["../../src/utils/url.ts"],"names":[],"mappings":";;AAAa,QAAA,eAAe,GAAG,SAAS,CAAC;AAElC,MAAM,KAAK,GAAG,CAAC,IAAa,EAAE,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;AAAhD,QAAA,KAAK,SAA2C;AAEtD,MAAM,YAAY,GAAG,CAC1B,IAAwB,EACxB,MAA4C,EAC5C,MAAmD,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,CAAC,IAAI,KAAK,QAAQ,EACxF,EAAE;IACF,OAAO,GAAG,CACR,IAAA,oBAAY,EAAC,IAAI,CAAC,EAClB,IAAA,yBAAiB,EAAC,IAAA,oBAAY,EAAC,IAAA,aAAK,EAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAC7E,CAAC;AACJ,CAAC,CAAC;AATW,QAAA,YAAY,gBASvB;AAEK,MAAM,YAAY,GAAG,CAAC,IAAa,EAAE,EAAE,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;AAAtE,QAAA,YAAY,gBAA0D;AAE5E,MAAM,iBAAiB,GAAG,CAAC,IAAa,EAAE,EAAE,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,uBAAe,EAAE,EAAE,CAAC,CAAC;AAAjF,QAAA,iBAAiB,qBAAgE;AAEvF,MAAM,SAAS,GAAG,CAAC,IAAa,EAAE,EAAE;IACzC,IAAI,CAAC,IAAA,aAAK,EAAC,IAAI,CAAC,EAAE;QAChB,OAAO,SAAS,CAAC;KAClB;IAED,MAAM,GAAG,GAAG,IAAK,CAAC;IAClB,MAAM,cAAc,GAAG,IAAI,CAAC;IAC5B,MAAM,UAAU,GAAG,GAAG,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;IAC/C,MAAM,WAAW,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,EAAE,UAAU,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;IACzE,OAAO,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;AAClE,CAAC,CAAC;AAVW,QAAA,SAAS,aAUpB;AAEK,MAAM,UAAU,GAAG,CACxB,IAAwB,EACxB,MAA2C,EAC3C,EAAE;IACF,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,IAAI,CAAC;KACb;IAED,MAAM,YAAY,GAAG,IAAA,sBAAc,EAAC,IAAI,EAAE,MAAM,CAAE,CAAC;IACnD,MAAM,YAAY,GAAG,MAAM,EAAE,QAAQ,CAAC,UAAU,CAAC,uBAAe,CAAC,CAAC;IAClE,OAAO,YAAY,IAAI,CAAC,IAAA,aAAK,EAAC,YAAY,CAAC,CAAC,CAAC,CAAC,GAAG,uBAAe,GAAG,YAAY,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC;AACnG,CAAC,CAAC;AAXW,QAAA,UAAU,cAWrB;AAEK,MAAM,cAAc,GAAG,CAAC,IAAwB,EAAE,MAAyB,EAAE,EAAE;IACpF,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,IAAI,CAAC;KACb;IAED,MAAM,MAAM,GAAG,IAAA,iBAAS,EAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACvC,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;AACzD,CAAC,CAAC;AAPW,QAAA,cAAc,kBAOzB"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
|
+
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
+
import { Img } from './Img.js';
|
|
4
|
+
import { BlockItem } from './ui-kit/BlockItem.js';
|
|
5
|
+
import { Button } from './ui-kit/Button.js';
|
|
6
|
+
import { Title } from './ui-kit/Title.js';
|
|
7
|
+
export const Gallery = JSX(({ title, description, cards = [], className }) => {
|
|
8
|
+
return (_jsxs("section", { className: `relative font-sans text-primary-text bg-white p-4 overflow-hidden ${className}`, children: [_jsxs("div", { className: "flex flex-col items-center mb-8", children: [_jsx(Title, { className: "font-medium m-0 text-centers", children: title }), description ? (_jsx("div", { className: "font-normal text-base max-w-[600px] mt-3", children: description })) : null] }), _jsx("div", { className: "horizontal-list no-scrollbar", role: "list", children: cards?.map(renderCard) })] }));
|
|
9
|
+
});
|
|
10
|
+
function renderCard(card, key) {
|
|
11
|
+
return (_jsxs("div", { className: "box-border horizontal-list-item border-solid border rounded-md border-main-divider p-4 mx-1 flex flex-col justify-between items-stretch", role: "listitem", children: [_jsxs("div", { children: [card.image?.src ? (_jsx("div", { className: "flex justify-center", children: _jsx(Img, { className: "mb-6", image: card.image }) })) : null, card.title ? (_jsx("h4", { className: `font-medium text-xl m-0 ${!card.description && !card.items?.length ? 'text-center' : ''}`, children: card.title })) : null, card.description ? (_jsx("div", { className: "font-normal text-sm text-secondary-text mt-2", children: card.description })) : null, card.items?.length ? renderItems(card.items) : null] }), card.href ? (_jsx(Button, { className: "mt-6", text: "\u041F\u043E\u0434\u0440\u043E\u0431\u043D\u0435\u0435", version: "secondary", href: card.href })) : null] }, key));
|
|
12
|
+
}
|
|
13
|
+
function renderItems(items = []) {
|
|
14
|
+
return (_jsx("section", { className: "max-w-[308px] mt-2", role: "list", children: items.map((item, i) => (_jsx(BlockItem, { children: _jsx("span", { className: "text-sm text-secondary-text", children: item }) }, String(i)))) }));
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=Gallery.mobile.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Gallery.mobile.js","sourceRoot":"","sources":["../src/Gallery.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CAAe,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,GAAG,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE;IACzF,OAAO,CACL,mBACE,SAAS,EAAE,qEAAqE,SAAS,EAAE,aAE3F,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,KAAK,IAAC,SAAS,EAAC,8BAA8B,YAAE,KAAK,GAAS,EAC9D,WAAW,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAC,0CAA0C,YAAE,WAAW,GAAO,CAC9E,CAAC,CAAC,CAAC,IAAI,IACJ,EACN,cAAK,SAAS,EAAC,8BAA8B,EAAC,IAAI,EAAC,MAAM,YACtD,KAAK,EAAE,GAAG,CAAC,UAAU,CAAC,GACnB,IACE,CACX,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,SAAS,UAAU,CAAC,IAAiB,EAAE,GAAW;IAChD,OAAO,CACL,eACE,SAAS,EAAC,yIAAyI,EACnJ,IAAI,EAAC,UAAU,aAGf,0BACG,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CACjB,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,GAAG,IAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,GACvC,CACP,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CACZ,aACE,SAAS,EAAE,2BACT,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAC7D,EAAE,YAED,IAAI,CAAC,KAAK,GACR,CACN,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAClB,cAAK,SAAS,EAAC,8CAA8C,YAAE,IAAI,CAAC,WAAW,GAAO,CACvF,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,IAChD,EACL,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX,KAAC,MAAM,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAC,wDAAW,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,CAClF,CAAC,CAAC,CAAC,IAAI,KAxBH,GAAG,CAyBJ,CACP,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,QAAkB,EAAE;IACvC,OAAO,CACL,kBAAS,SAAS,EAAC,oBAAoB,EAAC,IAAI,EAAC,MAAM,YAChD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,KAAC,SAAS,cACR,eAAM,SAAS,EAAC,6BAA6B,YAAE,IAAI,GAAQ,IAD7C,MAAM,CAAC,CAAC,CAAC,CAEb,CACb,CAAC,GACM,CACX,CAAC;AACJ,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { Router } from '../ContentPageContext';
|
|
2
2
|
import type { LinkContent } from '../types';
|
|
3
|
-
export declare function isSubItemActive(
|
|
3
|
+
export declare function isSubItemActive(router: Router): (subItem: LinkContent) => boolean;
|
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export function isSubItemActive(
|
|
3
|
-
return (
|
|
4
|
-
return withoutQuery(item.href) === (isURL(item.href) ? withoutQuery(href) : pathname);
|
|
5
|
-
};
|
|
1
|
+
import { isHrefActive } from '../utils/url.js';
|
|
2
|
+
export function isSubItemActive(router) {
|
|
3
|
+
return (subItem) => isHrefActive(subItem.href, router);
|
|
6
4
|
}
|
|
7
5
|
//# sourceMappingURL=isSubItemActive.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"isSubItemActive.js","sourceRoot":"","sources":["../../src/Header/isSubItemActive.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"isSubItemActive.js","sourceRoot":"","sources":["../../src/Header/isSubItemActive.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,MAAM,UAAU,eAAe,CAAC,MAAc;IAC5C,OAAO,CAAC,OAAoB,EAAW,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAC/E,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { Router } from '../ContentPageContext';
|
|
2
2
|
import type { LinkContent } from '../types';
|
|
3
|
-
export declare function isTopItemActive(
|
|
3
|
+
export declare function isTopItemActive(router: Router): (topItem: LinkContent) => boolean;
|
|
@@ -1,11 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export function isTopItemActive(
|
|
3
|
-
return (
|
|
4
|
-
const itemHref = withoutQuery(item.href);
|
|
5
|
-
if (isURL(itemHref)) {
|
|
6
|
-
return Boolean(href && href.startsWith(itemHref));
|
|
7
|
-
}
|
|
8
|
-
return Boolean(itemHref && pathname.startsWith(itemHref));
|
|
9
|
-
};
|
|
1
|
+
import { isHrefActive } from '../utils/url.js';
|
|
2
|
+
export function isTopItemActive(router) {
|
|
3
|
+
return (topItem) => isHrefActive(topItem.href, router, (topItemHref, baseHref) => baseHref.startsWith(topItemHref));
|
|
10
4
|
}
|
|
11
5
|
//# sourceMappingURL=isTopItemActive.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"isTopItemActive.js","sourceRoot":"","sources":["../../src/Header/isTopItemActive.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"isTopItemActive.js","sourceRoot":"","sources":["../../src/Header/isTopItemActive.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,MAAM,UAAU,eAAe,CAAC,MAAc;IAC5C,OAAO,CAAC,OAAoB,EAAW,EAAE,CACvC,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC;AACpG,CAAC"}
|
package/lib/MobileBlocks.d.ts
CHANGED
|
@@ -4,11 +4,9 @@ export declare const MobileBlocks: {
|
|
|
4
4
|
Placeholder: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./Placeholder").PlaceholderProps, any>, context?: any) => any;
|
|
5
5
|
Tile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./Tile").TileProps, any>, context?: any) => any;
|
|
6
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;
|
|
7
|
+
ProductBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./ProductBlock.mobile").ProductBlockProps, any>, context?: any) => any;
|
|
9
8
|
TextBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./TextBlock").TextBlockProps, any>, context?: any) => any;
|
|
10
|
-
BenefitsBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./BenefitsBlock").BenefitsBlockProps, any>, context?: any) => any;
|
|
11
|
-
ProductGallery: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./ProductGallery").ProductGalleryProps, any>, context?: any) => any;
|
|
12
9
|
ExchangeRateTile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./ExchangeRateTile").ExchangeRateTileProps, any>, context?: any) => any;
|
|
13
10
|
MobileAppTile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./MobileAppTile").MobileAppTileProps, any>, context?: any) => any;
|
|
11
|
+
Gallery: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./Gallery").GalleryProps, any>, context?: any) => any;
|
|
14
12
|
};
|
package/lib/MobileBlocks.js
CHANGED
|
@@ -1,13 +1,11 @@
|
|
|
1
|
-
import { BenefitsBlock } from './BenefitsBlock.js';
|
|
2
1
|
import { ExchangeRateTile } from './ExchangeRateTile.js';
|
|
3
2
|
import { Footer } from './Footer/Footer.mobile.js';
|
|
3
|
+
import { Gallery } from './Gallery.mobile.js';
|
|
4
4
|
import { Header } from './Header/index.js';
|
|
5
5
|
import { MobileAppTile } from './MobileAppTile.js';
|
|
6
6
|
import { Placeholder } from './Placeholder.js';
|
|
7
|
-
import { ProductBlock } from './ProductBlock.js';
|
|
8
|
-
import { ProductGallery } from './ProductGallery.js';
|
|
7
|
+
import { ProductBlock } from './ProductBlock.mobile.js';
|
|
9
8
|
import { ProductTile } from './ProductTile.js';
|
|
10
|
-
import { StepsBlock } from './StepsBlock.js';
|
|
11
9
|
import { TextBlock } from './TextBlock.js';
|
|
12
10
|
import { Tile } from './Tile.js';
|
|
13
11
|
export const MobileBlocks = {
|
|
@@ -17,11 +15,12 @@ export const MobileBlocks = {
|
|
|
17
15
|
Tile,
|
|
18
16
|
ProductTile,
|
|
19
17
|
ProductBlock,
|
|
20
|
-
StepsBlock,
|
|
21
18
|
TextBlock,
|
|
22
|
-
BenefitsBlock,
|
|
23
|
-
ProductGallery,
|
|
24
19
|
ExchangeRateTile,
|
|
25
20
|
MobileAppTile,
|
|
21
|
+
Gallery,
|
|
22
|
+
// TODO StepsBlock,
|
|
23
|
+
// TODO BenefitsBlock,
|
|
24
|
+
// TODO ProductGallery
|
|
26
25
|
};
|
|
27
26
|
//# sourceMappingURL=MobileBlocks.js.map
|
package/lib/MobileBlocks.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MobileBlocks.js","sourceRoot":"","sources":["../src/MobileBlocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"MobileBlocks.js","sourceRoot":"","sources":["../src/MobileBlocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,MAAM;IACN,MAAM;IACN,WAAW;IACX,IAAI;IACJ,WAAW;IACX,YAAY;IACZ,SAAS;IACT,gBAAgB;IAChB,aAAa;IACb,OAAO;IACP,mBAAmB;IACnB,sBAAsB;IACtB,sBAAsB;CACvB,CAAC"}
|
package/lib/Placeholder.js
CHANGED
|
@@ -3,7 +3,7 @@ import { JSX } from '@redneckz/uni-jsx';
|
|
|
3
3
|
import { Tile } from './Tile.js';
|
|
4
4
|
const GOLDEN_RATIO = 1.618;
|
|
5
5
|
export const Placeholder = JSX(({ className, context, title }) => {
|
|
6
|
-
return (_jsx(Tile, { className: className, context: context, title: title, children: _jsx("figure", { className: "m-0 min-w-[600px]", children: renderShimmer() }) }));
|
|
6
|
+
return (_jsx(Tile, { className: className, context: context, title: title, description: "\u0411\u043B\u043E\u043A \u0432 \u0440\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0435...", children: _jsx("figure", { className: "m-0 min-w-[600px]", children: renderShimmer() }) }));
|
|
7
7
|
});
|
|
8
8
|
const renderShimmer = (size = 3) => goldenSequence(100, size)
|
|
9
9
|
.map((_) => Math.floor(_))
|
package/lib/Placeholder.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Placeholder.js","sourceRoot":"","sources":["../src/Placeholder.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAW9B,MAAM,YAAY,GAAG,KAAK,CAAC;AAE3B,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAmB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;IACjF,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"Placeholder.js","sourceRoot":"","sources":["../src/Placeholder.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAW9B,MAAM,YAAY,GAAG,KAAK,CAAC;AAE3B,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAmB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;IACjF,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAC,iGAAsB,YAC5F,iBAAQ,SAAS,EAAC,mBAAmB,YAAE,aAAa,EAAE,GAAU,GAC3D,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,CAAC,OAAe,CAAC,EAAE,EAAE,CACzC,cAAc,CAAC,GAAG,EAAE,IAAI,CAAC;KACtB,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;KACzB,GAAG,CAAC,iBAAiB,CAAC,CAAC;AAE5B,MAAM,iBAAiB,GAAG,CAAC,QAAgB,GAAG,EAAE,KAAa,EAAE,EAAE,CAAC,CAChE,cAAyB,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,GAAG,EAAE,EAAE,SAAS,EAAC,6BAA6B,IAArF,MAAM,CAAC,KAAK,CAAC,CAA2E,CACnG,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,KAAa,EAAE,IAAY,EAAY,EAAE,CAC/D,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,GAAG,YAAY,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { ProductBlockInnerContent } from './ProductBlockInner';
|
|
2
|
+
import type { UniBlockProps } from './types';
|
|
3
|
+
export interface ProductBlockProps extends ProductBlockInnerContent, UniBlockProps {
|
|
4
|
+
}
|
|
5
|
+
export declare const ProductBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<ProductBlockProps, any>, context?: any) => any;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
|
+
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
+
import { ProductBlockInner } from './ProductBlockInner.js';
|
|
4
|
+
export const ProductBlock = JSX(({ titleSize, image, benefits, ...props } /* Get rid of image and benefits */) => {
|
|
5
|
+
const { className } = props;
|
|
6
|
+
return (_jsx("section", { className: `font-sans bg-white pt-10 pl-[50px] pb-[50px] pr-[7.5rem] ${className || ''}`, children: _jsx(ProductBlockInner, { ...props, titleSize: "L" }) }));
|
|
7
|
+
});
|
|
8
|
+
//# sourceMappingURL=ProductBlock.mobile.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductBlock.mobile.js","sourceRoot":"","sources":["../src/ProductBlock.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAKxD,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,CAAC,mCAAmC,EAAE,EAAE;IAC/E,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,OAAO,CACL,kBACE,SAAS,EAAE,4DAA4D,SAAS,IAAI,EAAE,EAAE,YAExF,KAAC,iBAAiB,OAAK,KAAK,EAAE,SAAS,EAAC,GAAG,GAAG,GACtC,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}
|
package/lib/ProductBlockInner.js
CHANGED
|
@@ -4,8 +4,10 @@ import { BaseTile } from './BaseTile.js';
|
|
|
4
4
|
import { Img } from './Img.js';
|
|
5
5
|
import { Icon } from './ui-kit/Icon.js';
|
|
6
6
|
import { Title } from './ui-kit/Title.js';
|
|
7
|
-
export const ProductBlockInner = JSX(({ className, context, title, description, benefits, buttons, image, items }) => {
|
|
8
|
-
return (_jsxs("div", { className: `flex grow justify-between items-stretch ${className || ''}`, children: [_jsxs("div", { className: 'flex flex-col', children: [title && (
|
|
7
|
+
export const ProductBlockInner = JSX(({ className, context, title, titleSize, description, benefits, buttons, image, items }) => {
|
|
8
|
+
return (_jsxs("div", { className: `flex grow justify-between items-stretch ${className || ''}`, children: [_jsxs("div", { className: 'flex flex-col', children: [title && (
|
|
9
|
+
/* TODO Why <Title> is duplicated here? */
|
|
10
|
+
_jsx(Title, { size: titleSize || 'XL', className: "font-medium m-0 mb-4 whitespace-pre-wrap max-w-[600px]", children: title })), _jsx(BaseTile, { context: context, description: description, items: items, buttons: buttons, children: benefits?.length ? (_jsx("div", { className: "flex gap-6 mt-6 mb-3.5", children: benefits.map(renderBenefit) })) : null })] }), image?.src && _jsx(Img, { className: "mt-auto", image: image })] }));
|
|
9
11
|
});
|
|
10
12
|
function renderBenefit(benefit, i) {
|
|
11
13
|
return (_jsxs("div", { className: "flex gap-4 items-center", children: [benefit.icon && (_jsx(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" })), _jsxs("div", { className: "flex gap-1 flex-col h-full", children: [_jsx("h4", { className: "font-medium text-xl m-0", children: benefit.label }), benefit.description && (_jsx("div", { className: "font-normal text-sm text-secondary-text", children: benefit.description }))] })] }, String(i)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductBlockInner.js","sourceRoot":"","sources":["../src/ProductBlockInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAQvC,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"ProductBlockInner.js","sourceRoot":"","sources":["../src/ProductBlockInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAQvC,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,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,eAAK,SAAS,EAAE,2CAA2C,SAAS,IAAI,EAAE,EAAE,aAC1E,eAAK,SAAS,EAAE,eAAe,aAC5B,KAAK,IAAI;oBACR,2CAA2C;oBAC3C,KAAC,KAAK,IACJ,IAAI,EAAE,SAAS,IAAI,IAAI,EACvB,SAAS,EAAC,wDAAwD,YAEjE,KAAK,GACA,CACT,EACD,KAAC,QAAQ,IAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,YACjF,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAClB,cAAK,SAAS,EAAC,wBAAwB,YAAE,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,GAAO,CAC5E,CAAC,CAAC,CAAC,IAAI,GACC,IACP,EACL,KAAK,EAAE,GAAG,IAAI,KAAC,GAAG,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,eAAqB,SAAS,EAAC,yBAAyB,aACrD,OAAO,CAAC,IAAI,IAAI,CACf,KAAC,IAAI,IACH,SAAS,EAAC,sFAAsF,EAChG,IAAI,EAAE,OAAO,CAAC,IAAI,EAClB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,GACX,CACH,EACD,eAAK,SAAS,EAAC,4BAA4B,aACzC,aAAI,SAAS,EAAC,yBAAyB,YAAE,OAAO,CAAC,KAAK,GAAM,EAC3D,OAAO,CAAC,WAAW,IAAI,CACtB,cAAK,SAAS,EAAC,yCAAyC,YAAE,OAAO,CAAC,WAAW,GAAO,CACrF,IACG,KAdE,MAAM,CAAC,CAAC,CAAC,CAeb,CACP,CAAC;AACJ,CAAC"}
|