@iit/precision-ui 0.8.26 → 0.8.27
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/components/GridIterator.d.ts +2 -1
- package/dist/components/GridIterator.d.ts.map +1 -1
- package/dist/decorators/CarouselWrapper.d.ts +2 -1
- package/dist/decorators/CarouselWrapper.d.ts.map +1 -1
- package/dist/index.es38.js +19 -17
- package/dist/index.es38.js.map +1 -1
- package/dist/index.es43.js +25 -23
- package/dist/index.es43.js.map +1 -1
- package/dist/index.es44.js +13 -12
- package/dist/index.es44.js.map +1 -1
- package/dist/sections/CardsGridSection.d.ts +2 -1
- package/dist/sections/CardsGridSection.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -8,7 +8,8 @@ interface GridIteratorProps<T> {
|
|
|
8
8
|
withoutCarousel?: boolean;
|
|
9
9
|
footnote?: string;
|
|
10
10
|
variant?: 'default' | 'white';
|
|
11
|
+
lastCustomNode?: React.ReactNode;
|
|
11
12
|
}
|
|
12
|
-
declare const GridIterator: <T>({ items, renderItem, columns, hideControlsOnDesktop, withoutCarousel, footnote, variant, }: GridIteratorProps<T>) => import("react/jsx-dev-runtime").JSX.Element;
|
|
13
|
+
declare const GridIterator: <T>({ items, renderItem, columns, hideControlsOnDesktop, withoutCarousel, footnote, variant, lastCustomNode, }: GridIteratorProps<T>) => import("react/jsx-dev-runtime").JSX.Element;
|
|
13
14
|
export default GridIterator;
|
|
14
15
|
//# sourceMappingURL=GridIterator.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GridIterator.d.ts","sourceRoot":"","sources":["../../src/components/GridIterator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,UAAU,iBAAiB,CAAC,CAAC;IAC3B,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IACvD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"GridIterator.d.ts","sourceRoot":"","sources":["../../src/components/GridIterator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,UAAU,iBAAiB,CAAC,CAAC;IAC3B,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IACvD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACjC;AAED,QAAA,MAAM,YAAY,kHASf,kBAAkB,CAAC,CAAC,gDAsDtB,CAAA;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
|
|
3
|
-
export declare const CarouselWrapper: <T>({ items, renderItem, columns, hideControlsOnDesktop, className, variant, controlsAlign, }: {
|
|
3
|
+
export declare const CarouselWrapper: <T>({ items, renderItem, columns, hideControlsOnDesktop, className, variant, controlsAlign, lastCustomNode, }: {
|
|
4
4
|
items: T[];
|
|
5
5
|
renderItem: (item: T, index: number) => React.ReactNode;
|
|
6
6
|
columns: number;
|
|
@@ -8,5 +8,6 @@ export declare const CarouselWrapper: <T>({ items, renderItem, columns, hideCont
|
|
|
8
8
|
className?: string;
|
|
9
9
|
variant?: 'default' | 'white';
|
|
10
10
|
controlsAlign?: 'left' | 'center';
|
|
11
|
+
lastCustomNode?: React.ReactNode;
|
|
11
12
|
}) => import("react/jsx-dev-runtime").JSX.Element;
|
|
12
13
|
//# sourceMappingURL=CarouselWrapper.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselWrapper.d.ts","sourceRoot":"","sources":["../../src/decorators/CarouselWrapper.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,eAAO,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"CarouselWrapper.d.ts","sourceRoot":"","sources":["../../src/decorators/CarouselWrapper.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,eAAO,MAAM,eAAe,iHASzB;IACD,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,SAAS,CAAA;IACvD,OAAO,EAAE,MAAM,CAAA;IACf,qBAAqB,EAAE,OAAO,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;IACjC,cAAc,CAAC,EAAE,MAAM,SAAS,CAAA;CACjC,gDAuCA,CAAA"}
|
package/dist/index.es38.js
CHANGED
|
@@ -1,17 +1,18 @@
|
|
|
1
|
-
import { CarouselWrapper as
|
|
1
|
+
import { CarouselWrapper as n } from "./index.es44.js";
|
|
2
2
|
import r from "react";
|
|
3
|
-
import
|
|
4
|
-
const
|
|
5
|
-
items:
|
|
6
|
-
renderItem:
|
|
3
|
+
import p from "./index.es47.js";
|
|
4
|
+
const u = ({
|
|
5
|
+
items: l,
|
|
6
|
+
renderItem: s,
|
|
7
7
|
columns: t = 4,
|
|
8
|
-
hideControlsOnDesktop:
|
|
8
|
+
hideControlsOnDesktop: i = !1,
|
|
9
9
|
withoutCarousel: d = !1,
|
|
10
10
|
// TODO: add to props chain
|
|
11
11
|
footnote: c,
|
|
12
|
-
variant:
|
|
12
|
+
variant: o,
|
|
13
|
+
lastCustomNode: g
|
|
13
14
|
}) => {
|
|
14
|
-
const
|
|
15
|
+
const m = (e) => {
|
|
15
16
|
switch (e) {
|
|
16
17
|
case 1:
|
|
17
18
|
return "grid grid-cols-1 gap-3";
|
|
@@ -29,18 +30,19 @@ const p = ({
|
|
|
29
30
|
return "grid grid-cols-1 gap-3";
|
|
30
31
|
}
|
|
31
32
|
};
|
|
32
|
-
return /* @__PURE__ */ r.createElement("div", null, d ? /* @__PURE__ */ r.createElement("div", { className:
|
|
33
|
-
|
|
33
|
+
return /* @__PURE__ */ r.createElement("div", null, d ? /* @__PURE__ */ r.createElement("div", { className: m(t) }, l.map((e, a) => /* @__PURE__ */ r.createElement(r.Fragment, { key: a }, s(e, a))), g) : /* @__PURE__ */ r.createElement(
|
|
34
|
+
n,
|
|
34
35
|
{
|
|
35
|
-
items:
|
|
36
|
-
|
|
36
|
+
items: l,
|
|
37
|
+
lastCustomNode: g,
|
|
38
|
+
renderItem: (e, a) => s(e, a),
|
|
37
39
|
columns: t,
|
|
38
|
-
hideControlsOnDesktop:
|
|
39
|
-
variant:
|
|
40
|
+
hideControlsOnDesktop: i,
|
|
41
|
+
variant: o
|
|
40
42
|
}
|
|
41
|
-
), c && /* @__PURE__ */ r.createElement("div", { className: "mt-6" }, /* @__PURE__ */ r.createElement(
|
|
42
|
-
},
|
|
43
|
+
), c && /* @__PURE__ */ r.createElement("div", { className: "mt-6" }, /* @__PURE__ */ r.createElement(p, { variant: "small-body", as: "div" }, c)));
|
|
44
|
+
}, x = u;
|
|
43
45
|
export {
|
|
44
|
-
|
|
46
|
+
x as default
|
|
45
47
|
};
|
|
46
48
|
//# sourceMappingURL=index.es38.js.map
|
package/dist/index.es38.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es38.js","sources":["../src/components/GridIterator.tsx"],"sourcesContent":["import { CarouselWrapper } from '@/decorators/CarouselWrapper'\r\nimport React from 'react'\r\nimport Text from './core/typography/Text'\r\n\r\n// import { getAdapter } from '@/Adapters'\r\n\r\ninterface GridIteratorProps<T> {\r\n items: T[]\r\n renderItem: (item: T, index: number) => React.ReactNode\r\n columns?: number\r\n hideControlsOnDesktop?: boolean\r\n withoutCarousel?: boolean\r\n footnote?: string\r\n variant?: 'default' | 'white'\r\n}\r\n\r\nconst GridIterator = <T,>({\r\n items,\r\n renderItem,\r\n columns = 4,\r\n hideControlsOnDesktop = false,\r\n withoutCarousel = false, // TODO: add to props chain\r\n footnote,\r\n variant,\r\n}: GridIteratorProps<T>) => {\r\n const getGridClasses = (columns: number) => {\r\n switch (columns) {\r\n case 1:\r\n return 'grid grid-cols-1 gap-3'\r\n case 2:\r\n return 'grid grid-cols-1 sm:grid-cols-2 gap-3'\r\n case 3:\r\n return 'grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3'\r\n case 4:\r\n return 'grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3'\r\n case 5:\r\n return 'grid grid-cols-1 xl:grid-cols-5 gap-3'\r\n case 6:\r\n return 'grid grid-cols-1 xl:grid-cols-6 gap-3'\r\n default:\r\n return 'grid grid-cols-1 gap-3'\r\n }\r\n }\r\n // const CarouselWrapper = getAdapter('CarouselWrapper')\r\n\r\n return (\r\n <div>\r\n {withoutCarousel ? (\r\n <div className={getGridClasses(columns)}>\r\n {items.map((item, index) => (\r\n <React.Fragment key={index}>\r\n {renderItem(item, index)}\r\n </React.Fragment>\r\n ))}\r\n </div>\r\n ) : (\r\n <CarouselWrapper\r\n items={items}\r\n // renderItem={renderItem}\r\n renderItem={(item, index) => renderItem(item as T, index)}\r\n columns={columns}\r\n hideControlsOnDesktop={hideControlsOnDesktop}\r\n variant={variant}\r\n />\r\n )}\r\n\r\n {footnote && (\r\n <div className=\"mt-6\">\r\n <Text variant=\"small-body\" as=\"div\">\r\n {footnote}\r\n </Text>\r\n </div>\r\n )}\r\n </div>\r\n )\r\n}\r\n\r\nexport default GridIterator\r\n"],"names":["GridIterator","items","renderItem","columns","hideControlsOnDesktop","withoutCarousel","footnote","variant","getGridClasses","React","item","index","CarouselWrapper","Text","GridIterator$1"],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"index.es38.js","sources":["../src/components/GridIterator.tsx"],"sourcesContent":["import { CarouselWrapper } from '@/decorators/CarouselWrapper'\r\nimport React from 'react'\r\nimport Text from './core/typography/Text'\r\n\r\n// import { getAdapter } from '@/Adapters'\r\n\r\ninterface GridIteratorProps<T> {\r\n items: T[]\r\n renderItem: (item: T, index: number) => React.ReactNode\r\n columns?: number\r\n hideControlsOnDesktop?: boolean\r\n withoutCarousel?: boolean\r\n footnote?: string\r\n variant?: 'default' | 'white'\r\n lastCustomNode?: React.ReactNode\r\n}\r\n\r\nconst GridIterator = <T,>({\r\n items,\r\n renderItem,\r\n columns = 4,\r\n hideControlsOnDesktop = false,\r\n withoutCarousel = false, // TODO: add to props chain\r\n footnote,\r\n variant,\r\n lastCustomNode,\r\n}: GridIteratorProps<T>) => {\r\n const getGridClasses = (columns: number) => {\r\n switch (columns) {\r\n case 1:\r\n return 'grid grid-cols-1 gap-3'\r\n case 2:\r\n return 'grid grid-cols-1 sm:grid-cols-2 gap-3'\r\n case 3:\r\n return 'grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3'\r\n case 4:\r\n return 'grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3'\r\n case 5:\r\n return 'grid grid-cols-1 xl:grid-cols-5 gap-3'\r\n case 6:\r\n return 'grid grid-cols-1 xl:grid-cols-6 gap-3'\r\n default:\r\n return 'grid grid-cols-1 gap-3'\r\n }\r\n }\r\n // const CarouselWrapper = getAdapter('CarouselWrapper')\r\n\r\n return (\r\n <div>\r\n {withoutCarousel ? (\r\n <div className={getGridClasses(columns)}>\r\n {items.map((item, index) => (\r\n <React.Fragment key={index}>\r\n {renderItem(item, index)}\r\n </React.Fragment>\r\n ))}\r\n\r\n {lastCustomNode}\r\n </div>\r\n ) : (\r\n <CarouselWrapper\r\n items={items}\r\n lastCustomNode={lastCustomNode}\r\n // renderItem={renderItem}\r\n renderItem={(item, index) => renderItem(item as T, index)}\r\n columns={columns}\r\n hideControlsOnDesktop={hideControlsOnDesktop}\r\n variant={variant}\r\n />\r\n )}\r\n\r\n {footnote && (\r\n <div className=\"mt-6\">\r\n <Text variant=\"small-body\" as=\"div\">\r\n {footnote}\r\n </Text>\r\n </div>\r\n )}\r\n </div>\r\n )\r\n}\r\n\r\nexport default GridIterator\r\n"],"names":["GridIterator","items","renderItem","columns","hideControlsOnDesktop","withoutCarousel","footnote","variant","lastCustomNode","getGridClasses","React","item","index","CarouselWrapper","Text","GridIterator$1"],"mappings":";;;AAiBA,MAAMA,IAAe,CAAK;AAAA,EACxB,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,uBAAAC,IAAwB;AAAA,EACxB,iBAAAC,IAAkB;AAAA;AAAA,EAClB,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAC;AACF,MAA4B;AACpB,QAAAC,IAAiB,CAACN,MAAoB;AAC1C,YAAQA,GAAS;AAAA,MACf,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT;AACS,eAAA;AAAA,IACX;AAAA,EAAA;AAKA,SAAAO,gBAAAA,EAAA,cAAC,OACE,MAAAL,IACEK,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAWD,EAAeN,CAAO,EAAA,GACnCF,EAAM,IAAI,CAACU,GAAMC,MAChBF,gBAAAA,EAAA,cAACA,EAAM,UAAN,EAAe,KAAKE,EAClB,GAAAV,EAAWS,GAAMC,CAAK,CACzB,CACD,GAEAJ,CACH,IAEAE,gBAAAA,EAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,OAAAZ;AAAA,MACA,gBAAAO;AAAA,MAEA,YAAY,CAACG,GAAMC,MAAUV,EAAWS,GAAWC,CAAK;AAAA,MACxD,SAAAT;AAAA,MACA,uBAAAC;AAAA,MACA,SAAAG;AAAA,IAAA;AAAA,EAAA,GAIHD,KACEI,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,OACb,GAAAA,gBAAAA,EAAA,cAACI,GAAK,EAAA,SAAQ,cAAa,IAAG,SAC3BR,CACH,CACF,CAEJ;AAEJ,GAEAS,IAAef;"}
|
package/dist/index.es43.js
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
1
|
+
import I from "./index.es42.js";
|
|
2
|
+
import P from "./index.es23.js";
|
|
3
|
+
import R from "./index.es24.js";
|
|
4
|
+
import _ from "./index.es29.js";
|
|
5
|
+
import k from "./index.es38.js";
|
|
6
|
+
import x from "./index.es32.js";
|
|
7
|
+
import y from "./index.es33.js";
|
|
8
|
+
import F from "./index.es34.js";
|
|
9
9
|
import t from "react";
|
|
10
10
|
const e = {
|
|
11
|
-
Advantage:
|
|
12
|
-
Advantage2:
|
|
13
|
-
Rate:
|
|
14
|
-
Product:
|
|
15
|
-
FeaturedCard:
|
|
16
|
-
Plate:
|
|
17
|
-
},
|
|
11
|
+
Advantage: P,
|
|
12
|
+
Advantage2: R,
|
|
13
|
+
Rate: F,
|
|
14
|
+
Product: y,
|
|
15
|
+
FeaturedCard: _,
|
|
16
|
+
Plate: x
|
|
17
|
+
}, $ = ({
|
|
18
18
|
title: o,
|
|
19
19
|
sectionId: r,
|
|
20
20
|
desc: a,
|
|
@@ -31,11 +31,12 @@ const e = {
|
|
|
31
31
|
withoutCarousel: C,
|
|
32
32
|
footnote: g,
|
|
33
33
|
onButtonClick: v,
|
|
34
|
-
externalComponentMap: A = {}
|
|
34
|
+
externalComponentMap: A = {},
|
|
35
|
+
lastCustomNode: E
|
|
35
36
|
}) => {
|
|
36
|
-
const
|
|
37
|
+
const G = { ...e, ...A }[n] || e.Advantage;
|
|
37
38
|
return /* @__PURE__ */ t.createElement(
|
|
38
|
-
|
|
39
|
+
I,
|
|
39
40
|
{
|
|
40
41
|
title: o,
|
|
41
42
|
sectionId: r,
|
|
@@ -48,19 +49,20 @@ const e = {
|
|
|
48
49
|
withoutBottomPadding: c
|
|
49
50
|
},
|
|
50
51
|
/* @__PURE__ */ t.createElement(
|
|
51
|
-
|
|
52
|
+
k,
|
|
52
53
|
{
|
|
53
54
|
items: m,
|
|
54
55
|
columns: l,
|
|
55
56
|
hideControlsOnDesktop: u,
|
|
56
57
|
withoutCarousel: C,
|
|
57
|
-
renderItem: (
|
|
58
|
-
footnote: g
|
|
58
|
+
renderItem: (M, S) => /* @__PURE__ */ t.createElement(G, { key: S, ...M, onButtonClick: v }),
|
|
59
|
+
footnote: g,
|
|
60
|
+
lastCustomNode: E
|
|
59
61
|
}
|
|
60
62
|
)
|
|
61
63
|
);
|
|
62
|
-
},
|
|
64
|
+
}, K = $;
|
|
63
65
|
export {
|
|
64
|
-
|
|
66
|
+
K as default
|
|
65
67
|
};
|
|
66
68
|
//# sourceMappingURL=index.es43.js.map
|
package/dist/index.es43.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es43.js","sources":["../src/sections/CardsGridSection.tsx"],"sourcesContent":["import Section, { SectionProps } from './Section'\r\n\r\nimport Advantage from '@/components/cards/Advantage'\r\nimport Advantage2 from '@/components/cards/Advantage2'\r\nimport FeaturedCard from '@/components/cards/FeaturedCard'\r\nimport GridIterator from '@/components/GridIterator'\r\nimport Plate from '@/components/cards/Plate'\r\nimport Product from '@/components/cards/Product'\r\nimport Rate from '@/components/cards/Rate'\r\nimport React from 'react'\r\n\r\nconst defaultComponentMap: { [key: string]: React.ElementType } = {\r\n Advantage,\r\n Advantage2,\r\n Rate,\r\n Product,\r\n FeaturedCard,\r\n Plate,\r\n}\r\n\r\nexport interface CardsGridSectionProps<T> {\r\n title: string\r\n sectionId?: string\r\n desc?: string\r\n items: T[]\r\n component?: string\r\n withoutTopPadding?: boolean\r\n withoutBottomPadding?: boolean\r\n withTopMargin?: boolean\r\n withBottomMargin?: boolean\r\n variant?: SectionProps['variant']\r\n corners?: SectionProps['corners']\r\n columns?: number\r\n hideControlsOnDesktop?: boolean\r\n withoutCarousel?: boolean\r\n footnote?: string\r\n onButtonClick?: ({\r\n uniqId,\r\n title,\r\n }: {\r\n uniqId?: string\r\n title?: string\r\n }) => void\r\n externalComponentMap?: { [key: string]: React.ElementType }\r\n}\r\n\r\nconst CardsGridSection = <T,>({\r\n title,\r\n sectionId,\r\n desc,\r\n items,\r\n component = 'Advantage',\r\n withoutTopPadding = false,\r\n withTopMargin = false,\r\n withBottomMargin = false,\r\n withoutBottomPadding = false,\r\n variant,\r\n corners,\r\n columns,\r\n hideControlsOnDesktop,\r\n withoutCarousel,\r\n footnote,\r\n onButtonClick,\r\n externalComponentMap = {},\r\n}: CardsGridSectionProps<T>) => {\r\n const componentMap = { ...defaultComponentMap, ...externalComponentMap }\r\n const Component = componentMap[component] || defaultComponentMap.Advantage\r\n\r\n return (\r\n <Section\r\n title={title}\r\n sectionId={sectionId}\r\n desc={desc}\r\n variant={variant}\r\n corners={corners}\r\n withoutTopPadding={withoutTopPadding}\r\n withTopMargin={withTopMargin}\r\n withBottomMargin={withBottomMargin}\r\n withoutBottomPadding={withoutBottomPadding}\r\n >\r\n <GridIterator\r\n items={items}\r\n columns={columns}\r\n hideControlsOnDesktop={hideControlsOnDesktop}\r\n withoutCarousel={withoutCarousel}\r\n renderItem={(item, index) => (\r\n <Component key={index} {...item} onButtonClick={onButtonClick} />\r\n )}\r\n footnote={footnote}\r\n />\r\n </Section>\r\n )\r\n}\r\n\r\nexport default CardsGridSection\r\n"],"names":["defaultComponentMap","Advantage","Advantage2","Rate","Product","FeaturedCard","Plate","CardsGridSection","title","sectionId","desc","items","component","withoutTopPadding","withTopMargin","withBottomMargin","withoutBottomPadding","variant","corners","columns","hideControlsOnDesktop","withoutCarousel","footnote","onButtonClick","externalComponentMap","Component","React","Section","GridIterator","item","index","CardsGridSection$1"],"mappings":";;;;;;;;;AAWA,MAAMA,IAA4D;AAAA,EAChE,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AACF,
|
|
1
|
+
{"version":3,"file":"index.es43.js","sources":["../src/sections/CardsGridSection.tsx"],"sourcesContent":["import Section, { SectionProps } from './Section'\r\n\r\nimport Advantage from '@/components/cards/Advantage'\r\nimport Advantage2 from '@/components/cards/Advantage2'\r\nimport FeaturedCard from '@/components/cards/FeaturedCard'\r\nimport GridIterator from '@/components/GridIterator'\r\nimport Plate from '@/components/cards/Plate'\r\nimport Product from '@/components/cards/Product'\r\nimport Rate from '@/components/cards/Rate'\r\nimport React from 'react'\r\n\r\nconst defaultComponentMap: { [key: string]: React.ElementType } = {\r\n Advantage,\r\n Advantage2,\r\n Rate,\r\n Product,\r\n FeaturedCard,\r\n Plate,\r\n}\r\n\r\nexport interface CardsGridSectionProps<T> {\r\n title: string\r\n sectionId?: string\r\n desc?: string\r\n items: T[]\r\n component?: string\r\n withoutTopPadding?: boolean\r\n withoutBottomPadding?: boolean\r\n withTopMargin?: boolean\r\n withBottomMargin?: boolean\r\n variant?: SectionProps['variant']\r\n corners?: SectionProps['corners']\r\n columns?: number\r\n hideControlsOnDesktop?: boolean\r\n withoutCarousel?: boolean\r\n footnote?: string\r\n onButtonClick?: ({\r\n uniqId,\r\n title,\r\n }: {\r\n uniqId?: string\r\n title?: string\r\n }) => void\r\n externalComponentMap?: { [key: string]: React.ElementType }\r\n lastCustomNode?: React.ReactNode\r\n}\r\n\r\nconst CardsGridSection = <T,>({\r\n title,\r\n sectionId,\r\n desc,\r\n items,\r\n component = 'Advantage',\r\n withoutTopPadding = false,\r\n withTopMargin = false,\r\n withBottomMargin = false,\r\n withoutBottomPadding = false,\r\n variant,\r\n corners,\r\n columns,\r\n hideControlsOnDesktop,\r\n withoutCarousel,\r\n footnote,\r\n onButtonClick,\r\n externalComponentMap = {},\r\n lastCustomNode,\r\n}: CardsGridSectionProps<T>) => {\r\n const componentMap = { ...defaultComponentMap, ...externalComponentMap }\r\n const Component = componentMap[component] || defaultComponentMap.Advantage\r\n\r\n return (\r\n <Section\r\n title={title}\r\n sectionId={sectionId}\r\n desc={desc}\r\n variant={variant}\r\n corners={corners}\r\n withoutTopPadding={withoutTopPadding}\r\n withTopMargin={withTopMargin}\r\n withBottomMargin={withBottomMargin}\r\n withoutBottomPadding={withoutBottomPadding}\r\n >\r\n <GridIterator\r\n items={items}\r\n columns={columns}\r\n hideControlsOnDesktop={hideControlsOnDesktop}\r\n withoutCarousel={withoutCarousel}\r\n renderItem={(item, index) => (\r\n <Component key={index} {...item} onButtonClick={onButtonClick} />\r\n )}\r\n footnote={footnote}\r\n lastCustomNode={lastCustomNode}\r\n />\r\n </Section>\r\n )\r\n}\r\n\r\nexport default CardsGridSection\r\n"],"names":["defaultComponentMap","Advantage","Advantage2","Rate","Product","FeaturedCard","Plate","CardsGridSection","title","sectionId","desc","items","component","withoutTopPadding","withTopMargin","withBottomMargin","withoutBottomPadding","variant","corners","columns","hideControlsOnDesktop","withoutCarousel","footnote","onButtonClick","externalComponentMap","lastCustomNode","Component","React","Section","GridIterator","item","index","CardsGridSection$1"],"mappings":";;;;;;;;;AAWA,MAAMA,IAA4D;AAAA,EAChE,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AACF,GA6BMC,IAAmB,CAAK;AAAA,EAC5B,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,mBAAAC,IAAoB;AAAA,EACpB,eAAAC,IAAgB;AAAA,EAChB,kBAAAC,IAAmB;AAAA,EACnB,sBAAAC,IAAuB;AAAA,EACvB,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,sBAAAC,IAAuB,CAAC;AAAA,EACxB,gBAAAC;AACF,MAAgC;AAE9B,QAAMC,IADe,EAAE,GAAG1B,GAAqB,GAAGwB,EAAqB,EACxCZ,CAAS,KAAKZ,EAAoB;AAG/D,SAAA2B,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAApB;AAAA,MACA,WAAAC;AAAA,MACA,MAAAC;AAAA,MACA,SAAAO;AAAA,MACA,SAAAC;AAAA,MACA,mBAAAL;AAAA,MACA,eAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,sBAAAC;AAAA,IAAA;AAAA,IAEAW,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,OAAAlB;AAAA,QACA,SAAAQ;AAAA,QACA,uBAAAC;AAAA,QACA,iBAAAC;AAAA,QACA,YAAY,CAACS,GAAMC,MACjBJ,gBAAAA,EAAA,cAACD,KAAU,KAAKK,GAAQ,GAAGD,GAAM,eAAAP,EAA8B,CAAA;AAAA,QAEjE,UAAAD;AAAA,QACA,gBAAAG;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN,GAEAO,IAAezB;"}
|
package/dist/index.es44.js
CHANGED
|
@@ -1,16 +1,17 @@
|
|
|
1
|
-
import { Carousel as
|
|
1
|
+
import { Carousel as p, CarouselContent as b, CarouselItem as C } from "./index.es60.js";
|
|
2
2
|
import e from "react";
|
|
3
|
-
import { cn as
|
|
4
|
-
const
|
|
3
|
+
import { cn as f } from "./index.es55.js";
|
|
4
|
+
const N = ({
|
|
5
5
|
items: r,
|
|
6
6
|
renderItem: t,
|
|
7
7
|
columns: l,
|
|
8
8
|
hideControlsOnDesktop: m,
|
|
9
9
|
className: o,
|
|
10
10
|
variant: c,
|
|
11
|
-
controlsAlign: u
|
|
11
|
+
controlsAlign: u,
|
|
12
|
+
lastCustomNode: n
|
|
12
13
|
}) => {
|
|
13
|
-
const
|
|
14
|
+
const i = (s) => {
|
|
14
15
|
switch (s ?? l) {
|
|
15
16
|
case 2:
|
|
16
17
|
return "md:basis-1/2 lg:basis-1/2";
|
|
@@ -23,30 +24,30 @@ const E = ({
|
|
|
23
24
|
}
|
|
24
25
|
};
|
|
25
26
|
return /* @__PURE__ */ e.createElement(
|
|
26
|
-
|
|
27
|
+
p,
|
|
27
28
|
{
|
|
28
29
|
opts: {
|
|
29
30
|
align: "start"
|
|
30
31
|
},
|
|
31
|
-
className:
|
|
32
|
+
className: f("my-carousel w-full -mt-3", o),
|
|
32
33
|
hideControlsOnDesktop: m,
|
|
33
34
|
variant: c,
|
|
34
35
|
controlsAlign: u
|
|
35
36
|
},
|
|
36
|
-
/* @__PURE__ */ e.createElement(
|
|
37
|
-
|
|
37
|
+
/* @__PURE__ */ e.createElement(b, { className: "-ml-4 pt-3" }, r.map((s, a) => /* @__PURE__ */ e.createElement(
|
|
38
|
+
C,
|
|
38
39
|
{
|
|
39
40
|
key: a,
|
|
40
|
-
className: `pl-4 ${
|
|
41
|
+
className: `pl-4 ${i(
|
|
41
42
|
s.size
|
|
42
43
|
// Safely access `size` property
|
|
43
44
|
)}`
|
|
44
45
|
},
|
|
45
46
|
t(s, a)
|
|
46
|
-
)))
|
|
47
|
+
)), n)
|
|
47
48
|
);
|
|
48
49
|
};
|
|
49
50
|
export {
|
|
50
|
-
|
|
51
|
+
N as CarouselWrapper
|
|
51
52
|
};
|
|
52
53
|
//# sourceMappingURL=index.es44.js.map
|
package/dist/index.es44.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es44.js","sources":["../src/decorators/CarouselWrapper.tsx"],"sourcesContent":["import {\r\n Carousel,\r\n CarouselContent,\r\n CarouselItem,\r\n} from '@/components/ui/carousel'\r\n\r\nimport React from 'react'\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nexport const CarouselWrapper = <T,>({\r\n items,\r\n renderItem,\r\n columns,\r\n hideControlsOnDesktop,\r\n className,\r\n variant,\r\n controlsAlign,\r\n}: {\r\n items: T[]\r\n renderItem: (item: T, index: number) => React.ReactNode\r\n columns: number\r\n hideControlsOnDesktop: boolean\r\n className?: string\r\n variant?: 'default' | 'white'\r\n controlsAlign?: 'left' | 'center'\r\n}) => {\r\n const carouselColumnsClasses = (size?: number) => {\r\n switch (size ?? columns) {\r\n case 2:\r\n return 'md:basis-1/2 lg:basis-1/2'\r\n case 3:\r\n return 'md:basis-1/2 lg:basis-1/3'\r\n case 4:\r\n return 'md:basis-1/2 lg:basis-1/4'\r\n default:\r\n return 'md:basis-1/2 lg:basis-1/3'\r\n }\r\n }\r\n\r\n return (\r\n <Carousel\r\n opts={{\r\n align: 'start',\r\n }}\r\n className={cn('my-carousel w-full -mt-3', className)}\r\n hideControlsOnDesktop={hideControlsOnDesktop}\r\n variant={variant}\r\n controlsAlign={controlsAlign}\r\n >\r\n <CarouselContent className=\"-ml-4 pt-3\">\r\n {items.map((item, index) => (\r\n <CarouselItem\r\n key={index}\r\n className={`pl-4 ${carouselColumnsClasses(\r\n (item as { size?: number }).size // Safely access `size` property\r\n )}`}\r\n >\r\n {renderItem(item, index)}\r\n </CarouselItem>\r\n ))}\r\n </CarouselContent>\r\n </Carousel>\r\n )\r\n}\r\n"],"names":["CarouselWrapper","items","renderItem","columns","hideControlsOnDesktop","className","variant","controlsAlign","carouselColumnsClasses","size","React","Carousel","cn","CarouselContent","item","index","CarouselItem"],"mappings":";;;AASO,MAAMA,IAAkB,CAAK;AAAA,EAClC,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AACF,
|
|
1
|
+
{"version":3,"file":"index.es44.js","sources":["../src/decorators/CarouselWrapper.tsx"],"sourcesContent":["import {\r\n Carousel,\r\n CarouselContent,\r\n CarouselItem,\r\n} from '@/components/ui/carousel'\r\n\r\nimport React from 'react'\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nexport const CarouselWrapper = <T,>({\r\n items,\r\n renderItem,\r\n columns,\r\n hideControlsOnDesktop,\r\n className,\r\n variant,\r\n controlsAlign,\r\n lastCustomNode,\r\n}: {\r\n items: T[]\r\n renderItem: (item: T, index: number) => React.ReactNode\r\n columns: number\r\n hideControlsOnDesktop: boolean\r\n className?: string\r\n variant?: 'default' | 'white'\r\n controlsAlign?: 'left' | 'center'\r\n lastCustomNode?: React.ReactNode\r\n}) => {\r\n const carouselColumnsClasses = (size?: number) => {\r\n switch (size ?? columns) {\r\n case 2:\r\n return 'md:basis-1/2 lg:basis-1/2'\r\n case 3:\r\n return 'md:basis-1/2 lg:basis-1/3'\r\n case 4:\r\n return 'md:basis-1/2 lg:basis-1/4'\r\n default:\r\n return 'md:basis-1/2 lg:basis-1/3'\r\n }\r\n }\r\n\r\n return (\r\n <Carousel\r\n opts={{\r\n align: 'start',\r\n }}\r\n className={cn('my-carousel w-full -mt-3', className)}\r\n hideControlsOnDesktop={hideControlsOnDesktop}\r\n variant={variant}\r\n controlsAlign={controlsAlign}\r\n >\r\n <CarouselContent className=\"-ml-4 pt-3\">\r\n {items.map((item, index) => (\r\n <CarouselItem\r\n key={index}\r\n className={`pl-4 ${carouselColumnsClasses(\r\n (item as { size?: number }).size // Safely access `size` property\r\n )}`}\r\n >\r\n {renderItem(item, index)}\r\n </CarouselItem>\r\n ))}\r\n {lastCustomNode}\r\n </CarouselContent>\r\n </Carousel>\r\n )\r\n}\r\n"],"names":["CarouselWrapper","items","renderItem","columns","hideControlsOnDesktop","className","variant","controlsAlign","lastCustomNode","carouselColumnsClasses","size","React","Carousel","cn","CarouselContent","item","index","CarouselItem"],"mappings":";;;AASO,MAAMA,IAAkB,CAAK;AAAA,EAClC,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAC;AACF,MASM;AACE,QAAAC,IAAyB,CAACC,MAAkB;AAChD,YAAQA,KAAQP,GAAS;AAAA,MACvB,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT;AACS,eAAA;AAAA,IACX;AAAA,EAAA;AAIA,SAAAQ,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,QACJ,OAAO;AAAA,MACT;AAAA,MACA,WAAWC,EAAG,4BAA4BR,CAAS;AAAA,MACnD,uBAAAD;AAAA,MACA,SAAAE;AAAA,MACA,eAAAC;AAAA,IAAA;AAAA,IAEAI,gBAAAA,EAAA,cAACG,KAAgB,WAAU,aAAA,GACxBb,EAAM,IAAI,CAACc,GAAMC,MAChBL,gBAAAA,EAAA;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,KAAKD;AAAA,QACL,WAAW,QAAQP;AAAA,UAChBM,EAA2B;AAAA;AAAA,QAAA,CAC7B;AAAA,MAAA;AAAA,MAEAb,EAAWa,GAAMC,CAAK;AAAA,IAE1B,CAAA,GACAR,CACH;AAAA,EAAA;AAGN;"}
|
|
@@ -24,7 +24,8 @@ export interface CardsGridSectionProps<T> {
|
|
|
24
24
|
externalComponentMap?: {
|
|
25
25
|
[key: string]: React.ElementType;
|
|
26
26
|
};
|
|
27
|
+
lastCustomNode?: React.ReactNode;
|
|
27
28
|
}
|
|
28
|
-
declare const CardsGridSection: <T>({ title, sectionId, desc, items, component, withoutTopPadding, withTopMargin, withBottomMargin, withoutBottomPadding, variant, corners, columns, hideControlsOnDesktop, withoutCarousel, footnote, onButtonClick, externalComponentMap, }: CardsGridSectionProps<T>) => import("react/jsx-dev-runtime").JSX.Element;
|
|
29
|
+
declare const CardsGridSection: <T>({ title, sectionId, desc, items, component, withoutTopPadding, withTopMargin, withBottomMargin, withoutBottomPadding, variant, corners, columns, hideControlsOnDesktop, withoutCarousel, footnote, onButtonClick, externalComponentMap, lastCustomNode, }: CardsGridSectionProps<T>) => import("react/jsx-dev-runtime").JSX.Element;
|
|
29
30
|
export default CardsGridSection;
|
|
30
31
|
//# sourceMappingURL=CardsGridSection.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardsGridSection.d.ts","sourceRoot":"","sources":["../../src/sections/CardsGridSection.tsx"],"names":[],"mappings":"AAAA,OAAgB,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AASjD,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,MAAM,WAAW,qBAAqB,CAAC,CAAC;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAA;IACjC,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAA;IACjC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,CAAC,EACf,MAAM,EACN,KAAK,GACN,EAAE;QACD,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,KAAK,IAAI,CAAA;IACV,oBAAoB,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,WAAW,CAAA;KAAE,CAAA;
|
|
1
|
+
{"version":3,"file":"CardsGridSection.d.ts","sourceRoot":"","sources":["../../src/sections/CardsGridSection.tsx"],"names":[],"mappings":"AAAA,OAAgB,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AASjD,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,MAAM,WAAW,qBAAqB,CAAC,CAAC;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAA;IACjC,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAA;IACjC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,CAAC,EACf,MAAM,EACN,KAAK,GACN,EAAE;QACD,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,KAAK,IAAI,CAAA;IACV,oBAAoB,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,WAAW,CAAA;KAAE,CAAA;IAC3D,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACjC;AAED,QAAA,MAAM,gBAAgB,iQAmBnB,sBAAsB,CAAC,CAAC,gDA6B1B,CAAA;AAED,eAAe,gBAAgB,CAAA"}
|