@redneckz/wildless-cms-uni-blocks 0.14.87 → 0.14.89
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundle/blocks.schema.json +1 -1
- package/bundle/bundle.umd.js +12 -5
- package/bundle/bundle.umd.min.js +1 -1
- package/bundle/components/StepsBlock/getIconTextStyle.d.ts +2 -0
- package/bundle/components/Tabs/TabActivationEvent.d.ts +1 -0
- package/bundle/components/Tabs/TabsContent.d.ts +2 -0
- package/bundle/model/ContentPageDef.d.ts +1 -0
- package/dist/components/StepsBlock/StepsBlock.js +2 -2
- package/dist/components/StepsBlock/StepsBlock.js.map +1 -1
- package/dist/components/StepsBlock/StepsBlock.mobile.js +10 -9
- package/dist/components/StepsBlock/StepsBlock.mobile.js.map +1 -1
- package/dist/components/StepsBlock/getIconTextStyle.d.ts +2 -0
- package/dist/components/StepsBlock/getIconTextStyle.js +5 -0
- package/dist/components/StepsBlock/getIconTextStyle.js.map +1 -0
- package/dist/components/Tabs/TabActivationEvent.d.ts +1 -0
- package/dist/components/Tabs/Tabs.js +6 -2
- package/dist/components/Tabs/Tabs.js.map +1 -1
- package/dist/components/Tabs/TabsContent.d.ts +2 -0
- package/dist/model/ContentPageDef.d.ts +1 -0
- package/dist/ui-kit/BlockWrapper.js +3 -1
- package/dist/ui-kit/BlockWrapper.js.map +1 -1
- package/lib/components/StepsBlock/StepsBlock.js +1 -1
- package/lib/components/StepsBlock/StepsBlock.js.map +1 -1
- package/lib/components/StepsBlock/StepsBlock.mobile.js +10 -9
- package/lib/components/StepsBlock/StepsBlock.mobile.js.map +1 -1
- package/lib/components/StepsBlock/getIconTextStyle.d.ts +2 -0
- package/lib/components/StepsBlock/getIconTextStyle.js +2 -0
- package/lib/components/StepsBlock/getIconTextStyle.js.map +1 -0
- package/lib/components/Tabs/TabActivationEvent.d.ts +1 -0
- package/lib/components/Tabs/Tabs.js +6 -2
- package/lib/components/Tabs/Tabs.js.map +1 -1
- package/lib/components/Tabs/TabsContent.d.ts +2 -0
- package/lib/model/ContentPageDef.d.ts +1 -0
- package/lib/ui-kit/BlockWrapper.js +3 -1
- package/lib/ui-kit/BlockWrapper.js.map +1 -1
- package/mobile/bundle/bundle.umd.js +21 -13
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/bundle/components/StepsBlock/getIconTextStyle.d.ts +2 -0
- package/mobile/bundle/components/Tabs/TabActivationEvent.d.ts +1 -0
- package/mobile/bundle/components/Tabs/TabsContent.d.ts +2 -0
- package/mobile/bundle/model/ContentPageDef.d.ts +1 -0
- package/mobile/dist/components/StepsBlock/StepsBlock.js +10 -9
- package/mobile/dist/components/StepsBlock/StepsBlock.js.map +1 -1
- package/mobile/dist/components/StepsBlock/getIconTextStyle.d.ts +2 -0
- package/mobile/dist/components/StepsBlock/getIconTextStyle.js +5 -0
- package/mobile/dist/components/StepsBlock/getIconTextStyle.js.map +1 -0
- package/mobile/dist/components/Tabs/TabActivationEvent.d.ts +1 -0
- package/mobile/dist/components/Tabs/Tabs.js +6 -2
- package/mobile/dist/components/Tabs/Tabs.js.map +1 -1
- package/mobile/dist/components/Tabs/TabsContent.d.ts +2 -0
- package/mobile/dist/model/ContentPageDef.d.ts +1 -0
- package/mobile/dist/ui-kit/BlockWrapper.js +3 -1
- package/mobile/dist/ui-kit/BlockWrapper.js.map +1 -1
- package/mobile/lib/common.css +1 -1
- package/mobile/lib/components/StepsBlock/StepsBlock.js +10 -9
- package/mobile/lib/components/StepsBlock/StepsBlock.js.map +1 -1
- package/mobile/lib/components/StepsBlock/getIconTextStyle.d.ts +2 -0
- package/mobile/lib/components/StepsBlock/getIconTextStyle.js +2 -0
- package/mobile/lib/components/StepsBlock/getIconTextStyle.js.map +1 -0
- package/mobile/lib/components/Tabs/TabActivationEvent.d.ts +1 -0
- package/mobile/lib/components/Tabs/Tabs.js +6 -2
- package/mobile/lib/components/Tabs/Tabs.js.map +1 -1
- package/mobile/lib/components/Tabs/TabsContent.d.ts +2 -0
- package/mobile/lib/model/ContentPageDef.d.ts +1 -0
- package/mobile/lib/ui-kit/BlockWrapper.js +3 -1
- package/mobile/lib/ui-kit/BlockWrapper.js.map +1 -1
- package/mobile/src/components/StepsBlock/StepsBlock.tsx +45 -33
- package/mobile/src/components/StepsBlock/getIconTextStyle.ts +4 -0
- package/mobile/src/components/Tabs/TabActivationEvent.ts +1 -0
- package/mobile/src/components/Tabs/Tabs.tsx +6 -2
- package/mobile/src/components/Tabs/TabsContent.ts +2 -0
- package/mobile/src/model/ContentPageDef.ts +1 -0
- package/mobile/src/ui-kit/BlockWrapper.tsx +5 -3
- package/package.json +1 -1
- package/src/components/StepsBlock/StepsBlock.fixture.mobile.tsx +4 -0
- package/src/components/StepsBlock/StepsBlock.mobile.tsx +45 -33
- package/src/components/StepsBlock/StepsBlock.tsx +1 -3
- package/src/components/StepsBlock/getIconTextStyle.ts +4 -0
- package/src/components/Tabs/TabActivationEvent.ts +1 -0
- package/src/components/Tabs/Tabs.tsx +6 -2
- package/src/components/Tabs/TabsContent.ts +2 -0
- package/src/model/ContentPageDef.ts +1 -0
- package/src/ui-kit/BlockWrapper.tsx +5 -3
|
@@ -10,6 +10,7 @@ const isIcon_1 = require("../../utils/isIcon");
|
|
|
10
10
|
const joinList_1 = require("../../utils/joinList");
|
|
11
11
|
const style_1 = require("../../utils/style");
|
|
12
12
|
const Headline_1 = require("../Headline/Headline");
|
|
13
|
+
const getIconTextStyle_1 = require("./getIconTextStyle");
|
|
13
14
|
const renderStep_1 = require("./renderStep");
|
|
14
15
|
const StepsBlockStyleMaps_1 = require("./StepsBlockStyleMaps");
|
|
15
16
|
const getLineOpacity = (showLines) => (showLines ? '' : 'opacity-0');
|
|
@@ -24,8 +25,7 @@ exports.StepsBlock = (0, uni_jsx_1.JSX)(({ buttons, className = '', description,
|
|
|
24
25
|
});
|
|
25
26
|
const renderStepIcon = (styleMap, size, stepVersion) => ({ icon }, i) => {
|
|
26
27
|
const iconVersion = stepVersion === 'secondary' ? 'white' : 'color';
|
|
27
|
-
return ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { defaultPadding: "", className: `${getIconSizeStyle(size)} flex justify-center items-center text-center rounded-full box-border z-10`, version: stepVersion, children: (0, isIcon_1.isIcon)(icon) ? ((0, jsx_runtime_1.jsx)(Img_1.Img, { image: { ...icon, iconVersion: icon?.iconVersion || iconVersion }, width: "48", height: "48" })) : ((0, jsx_runtime_1.jsx)("span", { className: (0, style_1.style)('text-h4', stepVersion === 'transparent' ? styleMap.iconText : getIconTextStyle(stepVersion)), children: i + 1 })) }, String(i)));
|
|
28
|
+
return ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { defaultPadding: "", className: `${getIconSizeStyle(size)} flex justify-center items-center text-center rounded-full box-border z-10`, version: stepVersion, children: (0, isIcon_1.isIcon)(icon) ? ((0, jsx_runtime_1.jsx)(Img_1.Img, { image: { ...icon, iconVersion: icon?.iconVersion || iconVersion }, width: "48", height: "48" })) : ((0, jsx_runtime_1.jsx)("span", { className: (0, style_1.style)('text-h4', stepVersion === 'transparent' ? styleMap.iconText : (0, getIconTextStyle_1.getIconTextStyle)(stepVersion)), children: i + 1 })) }, String(i)));
|
|
28
29
|
};
|
|
29
30
|
const getIconSizeStyle = (size) => (size === 'normal' ? 'h-24 w-24' : 'h-16 w-16');
|
|
30
|
-
const getIconTextStyle = (version) => version === 'secondary' ? 'group-data-primary:text-white' : 'text-secondary-text';
|
|
31
31
|
//# sourceMappingURL=StepsBlock.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepsBlock.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlock.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"StepsBlock.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlock.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,6 +11,7 @@ const assertUnreachable_1 = require("../../utils/assertUnreachable");
|
|
|
11
11
|
const isIcon_1 = require("../../utils/isIcon");
|
|
12
12
|
const style_1 = require("../../utils/style");
|
|
13
13
|
const Headline_1 = require("../Headline/Headline");
|
|
14
|
+
const getIconTextStyle_1 = require("./getIconTextStyle");
|
|
14
15
|
const StepsBlockStyleMaps_1 = require("./StepsBlockStyleMaps");
|
|
15
16
|
const STEPS_SIZE_MAP = {
|
|
16
17
|
normal: { icon: 'h-11 w-11', image: 'h-14 w-14' },
|
|
@@ -21,9 +22,9 @@ const STEPS_TILE_DESCRIPTION_HEIGHT_MAP = {
|
|
|
21
22
|
small: 'min-h-6xl',
|
|
22
23
|
};
|
|
23
24
|
const styleMap = StepsBlockStyleMaps_1.STEPS_BLOCK_STYLE;
|
|
24
|
-
exports.StepsBlock = (0, uni_jsx_1.JSX)(({ className = '', title, description, steps, buttons, size = 'normal', version = 'primary', ...rest }) => ((0, jsx_runtime_1.jsxs)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)('box-border flex flex-col gap-xl', className), defaultPadding: "p-6xl", version: version, ...rest, children: [(0, jsx_runtime_1.jsx)(Headline_1.Headline, { title: title, description: description, headlineVersion: "M", isEmbedded: true, align: "text-left" }), steps?.length ? ((0, jsx_runtime_1.jsx)("div", { className: "box-border", children: (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-6xl justify-between", children: steps.map(renderStep(size,
|
|
25
|
+
exports.StepsBlock = (0, uni_jsx_1.JSX)(({ className = '', title, description, steps, buttons, size = 'normal', stepVersion = 'gray', version = 'primary', ...rest }) => ((0, jsx_runtime_1.jsxs)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)('box-border flex flex-col gap-xl', className), defaultPadding: "p-6xl", version: version, ...rest, children: [(0, jsx_runtime_1.jsx)(Headline_1.Headline, { title: title, description: description, headlineVersion: "M", isEmbedded: true, align: "text-left" }), steps?.length ? ((0, jsx_runtime_1.jsx)("div", { className: "box-border", children: (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-6xl justify-between", children: steps.map(renderStep(size, stepVersion)) }) })) : null, (0, renderButtonsSection_1.renderButtonsSection)(buttons, { isVertical: true })] })));
|
|
25
26
|
// TODO: Create universal function for this case
|
|
26
|
-
const renderStep = (size,
|
|
27
|
+
const renderStep = (size, stepVersion) =>
|
|
27
28
|
// Linter doesn't understand that switch processes all cases
|
|
28
29
|
// eslint-disable-next-line consistent-return
|
|
29
30
|
(step, i) => {
|
|
@@ -33,20 +34,20 @@ const renderStep = (size, version) =>
|
|
|
33
34
|
}
|
|
34
35
|
switch (type) {
|
|
35
36
|
case 'default':
|
|
36
|
-
return renderDefaultStep(size,
|
|
37
|
+
return renderDefaultStep(size, stepVersion)(step, i);
|
|
37
38
|
case 'rte':
|
|
38
39
|
return (0, jsx_runtime_1.jsx)(RichText_1.RichText, { __html: step.__html });
|
|
39
40
|
default:
|
|
40
41
|
(0, assertUnreachable_1.assertUnreachable)(step);
|
|
41
42
|
}
|
|
42
43
|
};
|
|
43
|
-
const renderDefaultStep = (size,
|
|
44
|
-
const renderIconArea = (size,
|
|
45
|
-
const
|
|
46
|
-
const iconVersion = version === 'secondary' ? 'white' : 'color';
|
|
44
|
+
const renderDefaultStep = (size, stepVersion) => (step, i) => ((0, jsx_runtime_1.jsx)("div", { className: "contents", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row text-center relative", children: [(0, jsx_runtime_1.jsx)("div", { className: "overflow-hidden flex flex-shrink-0 items-center", children: renderIconArea(size, stepVersion)(step, i) }), (0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)('flex flex-col justify-center h-fit', STEPS_TILE_DESCRIPTION_HEIGHT_MAP[size]), children: [step.label ? ((0, jsx_runtime_1.jsx)(Paragraph_1.Paragraph, { size: "text-l", align: "text-left", children: step.label })) : null, step.description ? ((0, jsx_runtime_1.jsx)("div", { className: (0, style_1.style)('text-s font-light text-left', styleMap.description), children: step.description })) : null] })] }) }, String(i)));
|
|
45
|
+
const renderIconArea = (size, stepVersion) => (step, i) => {
|
|
46
|
+
const iconVersion = stepVersion === 'secondary' ? 'white' : 'color';
|
|
47
47
|
const isImg = Boolean(step?.icon?.src);
|
|
48
48
|
const iconAreaSize = STEPS_SIZE_MAP[size][isImg ? 'image' : 'icon'];
|
|
49
|
-
const containerStyle = isImg ? '' :
|
|
50
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
49
|
+
const containerStyle = isImg ? '' : 'rounded-md';
|
|
50
|
+
return ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)(iconAreaSize, containerStyle, 'z-10 mr-s flex justify-center content-center'), version: stepVersion, children: (0, jsx_runtime_1.jsx)("span", { className: "flex max-w-full max-h-full items-center justify-center", children: (0, isIcon_1.isIcon)(step?.icon) ? ((0, jsx_runtime_1.jsx)(Img_1.Img, { image: { ...step.icon, iconVersion: step.icon?.iconVersion || iconVersion }, imageClassName: "max-w-full max-h-full", width: getIconSizeStyle(size), height: getIconSizeStyle(size) })) : ((0, jsx_runtime_1.jsx)("span", { className: (0, style_1.style)('text-h4', stepVersion === 'transparent' ? styleMap.iconText : (0, getIconTextStyle_1.getIconTextStyle)(stepVersion)), children: i + 1 })) }) }));
|
|
51
51
|
};
|
|
52
|
+
const getIconSizeStyle = (size) => (size === 'normal' ? '38' : '24');
|
|
52
53
|
//# sourceMappingURL=StepsBlock.mobile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepsBlock.mobile.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlock.mobile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAIxC,4DAAyD;AACzD,8CAA2C;AAC3C,uFAAoF;AACpF,gEAA6D;AAC7D,6DAA0D;AAC1D,qEAAkE;AAClE,+CAA4C;AAC5C,6CAA0C;AAC1C,mDAAgD;
|
|
1
|
+
{"version":3,"file":"StepsBlock.mobile.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlock.mobile.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
+
exports.getIconTextStyle = void 0;
|
|
3
|
+
const getIconTextStyle = (version) => version === 'secondary' ? 'group-data-primary:text-white' : 'text-secondary-text';
|
|
4
|
+
exports.getIconTextStyle = getIconTextStyle;
|
|
5
|
+
//# sourceMappingURL=getIconTextStyle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getIconTextStyle.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/getIconTextStyle.ts"],"names":[],"mappings":";;AAEO,MAAM,gBAAgB,GAAG,CAAC,OAAqB,EAAE,EAAE,CACxD,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,qBAAqB,CAAC;AADvE,QAAA,gBAAgB,oBACuD"}
|
|
@@ -28,7 +28,11 @@ exports.Tabs = (0, uni_jsx_1.JSX)(({ className = '', isSticky, tabs = [], tabsMo
|
|
|
28
28
|
(0, hooks_1.useEffect)(() => {
|
|
29
29
|
const activeTab = tabs[activeTabIndex];
|
|
30
30
|
if (activeTab?.type === 'group') {
|
|
31
|
-
defaultEventBus_1.defaultEventBus.subject('tab', {
|
|
31
|
+
defaultEventBus_1.defaultEventBus.subject('tab', {
|
|
32
|
+
type: activeTab.type,
|
|
33
|
+
label: activeTab.ref,
|
|
34
|
+
groupName: activeTab.name,
|
|
35
|
+
});
|
|
32
36
|
}
|
|
33
37
|
}, [tabs, activeTabIndex]);
|
|
34
38
|
const updateUrlSearchTabParam = (_) => {
|
|
@@ -59,7 +63,7 @@ exports.Tabs = (0, uni_jsx_1.JSX)(({ className = '', isSticky, tabs = [], tabsMo
|
|
|
59
63
|
});
|
|
60
64
|
const fireTabEvent = (tab) => {
|
|
61
65
|
if (tab.type === 'group') {
|
|
62
|
-
defaultEventBus_1.defaultEventBus.fire('tab', { type: tab.type, label: tab.ref });
|
|
66
|
+
defaultEventBus_1.defaultEventBus.fire('tab', { type: tab.type, label: tab.ref, groupName: tab.name });
|
|
63
67
|
}
|
|
64
68
|
if (tab.type === 'link') {
|
|
65
69
|
defaultEventBus_1.defaultEventBus.fire('tab', { type: tab.type, label: tab.href });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAAwF;AACxF,oEAAiE;AACjE,qDAAkD;AAElD,4DAAyD;AAEzD,6CAA0C;AAC1C,6CAA0C;AAK1C,MAAM,mBAAmB,GAAG,KAAK,CAAC;AAErB,QAAA,IAAI,GAAG,IAAA,aAAG,EACrB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,IAAI,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC7D,MAAM,MAAM,GAAG,IAAA,qBAAS,GAAE,CAAC;IAC3B,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,CAAC;IAC3B,MAAM,gBAAgB,GAAkB,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEtF,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAExD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;YACrB,OAAO;SACR;QAED,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,mBAAmB,CAAC;YACvD,CAAC,CAAC,IAAI,CAAC,SAAS,CACZ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,MAAM,CAAC,KAAK,CAAC,mBAAmB,CAAC,CACzE,IAAI,CAAC;YACR,CAAC,CAAC,CAAC,CAAC;QACN,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC;QACpD,iBAAiB,CAAC,eAAe,CAAC,CAAC;QACnC,YAAY,CAAC,UAAU,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC;QAEvC,IAAI,SAAS,EAAE,IAAI,KAAK,OAAO,EAAE;YAC/B,iCAAe,CAAC,OAAO,CAAC,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,7 +16,9 @@ exports.BlockWrapper = (0, uni_jsx_1.JSX)(({ className, version = 'primary', isT
|
|
|
16
16
|
const Tag = tag;
|
|
17
17
|
const [isHidden, setHidden] = (0, hooks_1.useState)(false);
|
|
18
18
|
(0, hooks_1.useEffect)(() => defaultEventBus_1.defaultEventBus.subscribe('tab', (event) => {
|
|
19
|
-
|
|
19
|
+
if (!event.groupName || event.groupName === block?.labelGroup) {
|
|
20
|
+
setHidden(Boolean(event.label && block?.labels?.length && !block.labels.includes(event.label)));
|
|
21
|
+
}
|
|
20
22
|
}), [block]);
|
|
21
23
|
const isGroup = version && isTheme;
|
|
22
24
|
return ((0, jsx_runtime_1.jsx)(Tag, { className: (0, style_1.style)('@container font-sans', isGroup ? 'group' : '', exports.blockStyles[version], isHidden ? 'hidden' : '', padding || defaultPadding, className), ...(isGroup ? { 'data-ver': version } : {}), ...(block?.anchor ? { id: block.anchor } : {}), role: role, children: children }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlockWrapper.js","sourceRoot":"","sources":["../../src/ui-kit/BlockWrapper.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAAkE;AAClE,iEAA8D;AAG9D,0CAAuC;AAO1B,QAAA,WAAW,GAAiC;IACvD,OAAO,EAAE,4BAA4B;IACrC,SAAS,EAAE,4BAA4B;IACvC,IAAI,EAAE,mCAAmC;IACzC,WAAW,EAAE,kCAAkC;IAC/C,EAAE,EAAE,EAAE;CACP,CAAC;AAEW,QAAA,YAAY,GAAG,IAAA,aAAG,EAC7B,CAAC,EACC,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,OAAO,GAAG,IAAI,EACd,cAAc,GAAG,MAAM,EACvB,OAAO,EACP,KAAK,EACL,GAAG,GAAG,SAAS,EACf,IAAI,EACJ,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,GAAG,GAAQ,GAAG,CAAC;IAErB,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE9C,IAAA,iBAAS,EACP,GAAG,EAAE,CACH,iCAAe,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;QACzC,SAAS,CACP,OAAO,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,EAAE,MAAM,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CACrF,CAAC;
|
|
1
|
+
{"version":3,"file":"BlockWrapper.js","sourceRoot":"","sources":["../../src/ui-kit/BlockWrapper.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAAkE;AAClE,iEAA8D;AAG9D,0CAAuC;AAO1B,QAAA,WAAW,GAAiC;IACvD,OAAO,EAAE,4BAA4B;IACrC,SAAS,EAAE,4BAA4B;IACvC,IAAI,EAAE,mCAAmC;IACzC,WAAW,EAAE,kCAAkC;IAC/C,EAAE,EAAE,EAAE;CACP,CAAC;AAEW,QAAA,YAAY,GAAG,IAAA,aAAG,EAC7B,CAAC,EACC,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,OAAO,GAAG,IAAI,EACd,cAAc,GAAG,MAAM,EACvB,OAAO,EACP,KAAK,EACL,GAAG,GAAG,SAAS,EACf,IAAI,EACJ,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,GAAG,GAAQ,GAAG,CAAC;IAErB,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE9C,IAAA,iBAAS,EACP,GAAG,EAAE,CACH,iCAAe,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;QACzC,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,KAAK,KAAK,EAAE,UAAU,EAAE;YAC7D,SAAS,CACP,OAAO,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,EAAE,MAAM,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CACrF,CAAC;SACH;IACH,CAAC,CAAC,EACJ,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,MAAM,OAAO,GAAG,OAAO,IAAI,OAAO,CAAC;IAEnC,OAAO,CACL,uBAAC,GAAG,IACF,SAAS,EAAE,IAAA,aAAK,EACd,sBAAsB,EACtB,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EACtB,mBAAW,CAAC,OAAO,CAAC,EACpB,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EACxB,OAAO,IAAI,cAAc,EACzB,SAAS,CACV,KACG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KACxC,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAC/C,IAAI,EAAE,IAAI,YAET,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -8,6 +8,7 @@ import { isIcon } from '../../utils/isIcon.js';
|
|
|
8
8
|
import { joinList } from '../../utils/joinList.js';
|
|
9
9
|
import { style } from '../../utils/style.js';
|
|
10
10
|
import { Headline } from '../Headline/Headline.js';
|
|
11
|
+
import { getIconTextStyle } from './getIconTextStyle.js';
|
|
11
12
|
import { renderStep } from './renderStep.js';
|
|
12
13
|
import { STEPS_BLOCK_STYLE } from './StepsBlockStyleMaps.js';
|
|
13
14
|
const getLineOpacity = (showLines) => (showLines ? '' : 'opacity-0');
|
|
@@ -25,5 +26,4 @@ const renderStepIcon = (styleMap, size, stepVersion) => ({ icon }, i) => {
|
|
|
25
26
|
return (_jsx(BlockWrapper, { defaultPadding: "", className: `${getIconSizeStyle(size)} flex justify-center items-center text-center rounded-full box-border z-10`, version: stepVersion, children: isIcon(icon) ? (_jsx(Img, { image: { ...icon, iconVersion: icon?.iconVersion || iconVersion }, width: "48", height: "48" })) : (_jsx("span", { className: style('text-h4', stepVersion === 'transparent' ? styleMap.iconText : getIconTextStyle(stepVersion)), children: i + 1 })) }, String(i)));
|
|
26
27
|
};
|
|
27
28
|
const getIconSizeStyle = (size) => (size === 'normal' ? 'h-24 w-24' : 'h-16 w-16');
|
|
28
|
-
const getIconTextStyle = (version) => version === 'secondary' ? 'group-data-primary:text-white' : 'text-secondary-text';
|
|
29
29
|
//# sourceMappingURL=StepsBlock.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepsBlock.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlock.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"StepsBlock.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlock.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,6 +9,7 @@ import { assertUnreachable } from '../../utils/assertUnreachable.js';
|
|
|
9
9
|
import { isIcon } from '../../utils/isIcon.js';
|
|
10
10
|
import { style } from '../../utils/style.js';
|
|
11
11
|
import { Headline } from '../Headline/Headline.js';
|
|
12
|
+
import { getIconTextStyle } from './getIconTextStyle.js';
|
|
12
13
|
import { STEPS_BLOCK_STYLE } from './StepsBlockStyleMaps.js';
|
|
13
14
|
const STEPS_SIZE_MAP = {
|
|
14
15
|
normal: { icon: 'h-11 w-11', image: 'h-14 w-14' },
|
|
@@ -19,9 +20,9 @@ const STEPS_TILE_DESCRIPTION_HEIGHT_MAP = {
|
|
|
19
20
|
small: 'min-h-6xl',
|
|
20
21
|
};
|
|
21
22
|
const styleMap = STEPS_BLOCK_STYLE;
|
|
22
|
-
export const StepsBlock = JSX(({ className = '', title, description, steps, buttons, size = 'normal', version = 'primary', ...rest }) => (_jsxs(BlockWrapper, { className: style('box-border flex flex-col gap-xl', className), defaultPadding: "p-6xl", version: version, ...rest, children: [_jsx(Headline, { title: title, description: description, headlineVersion: "M", isEmbedded: true, align: "text-left" }), steps?.length ? (_jsx("div", { className: "box-border", children: _jsx("div", { className: "flex flex-col gap-6xl justify-between", children: steps.map(renderStep(size,
|
|
23
|
+
export const StepsBlock = JSX(({ className = '', title, description, steps, buttons, size = 'normal', stepVersion = 'gray', version = 'primary', ...rest }) => (_jsxs(BlockWrapper, { className: style('box-border flex flex-col gap-xl', className), defaultPadding: "p-6xl", version: version, ...rest, children: [_jsx(Headline, { title: title, description: description, headlineVersion: "M", isEmbedded: true, align: "text-left" }), steps?.length ? (_jsx("div", { className: "box-border", children: _jsx("div", { className: "flex flex-col gap-6xl justify-between", children: steps.map(renderStep(size, stepVersion)) }) })) : null, renderButtonsSection(buttons, { isVertical: true })] })));
|
|
23
24
|
// TODO: Create universal function for this case
|
|
24
|
-
const renderStep = (size,
|
|
25
|
+
const renderStep = (size, stepVersion) =>
|
|
25
26
|
// Linter doesn't understand that switch processes all cases
|
|
26
27
|
// eslint-disable-next-line consistent-return
|
|
27
28
|
(step, i) => {
|
|
@@ -31,20 +32,20 @@ const renderStep = (size, version) =>
|
|
|
31
32
|
}
|
|
32
33
|
switch (type) {
|
|
33
34
|
case 'default':
|
|
34
|
-
return renderDefaultStep(size,
|
|
35
|
+
return renderDefaultStep(size, stepVersion)(step, i);
|
|
35
36
|
case 'rte':
|
|
36
37
|
return _jsx(RichText, { __html: step.__html });
|
|
37
38
|
default:
|
|
38
39
|
assertUnreachable(step);
|
|
39
40
|
}
|
|
40
41
|
};
|
|
41
|
-
const renderDefaultStep = (size,
|
|
42
|
-
const renderIconArea = (size,
|
|
43
|
-
const
|
|
44
|
-
const iconVersion = version === 'secondary' ? 'white' : 'color';
|
|
42
|
+
const renderDefaultStep = (size, stepVersion) => (step, i) => (_jsx("div", { className: "contents", children: _jsxs("div", { className: "flex flex-row text-center relative", children: [_jsx("div", { className: "overflow-hidden flex flex-shrink-0 items-center", children: renderIconArea(size, stepVersion)(step, i) }), _jsxs("div", { className: style('flex flex-col justify-center h-fit', STEPS_TILE_DESCRIPTION_HEIGHT_MAP[size]), children: [step.label ? (_jsx(Paragraph, { size: "text-l", align: "text-left", children: step.label })) : null, step.description ? (_jsx("div", { className: style('text-s font-light text-left', styleMap.description), children: step.description })) : null] })] }) }, String(i)));
|
|
43
|
+
const renderIconArea = (size, stepVersion) => (step, i) => {
|
|
44
|
+
const iconVersion = stepVersion === 'secondary' ? 'white' : 'color';
|
|
45
45
|
const isImg = Boolean(step?.icon?.src);
|
|
46
46
|
const iconAreaSize = STEPS_SIZE_MAP[size][isImg ? 'image' : 'icon'];
|
|
47
|
-
const containerStyle = isImg ? '' :
|
|
48
|
-
return (_jsx(
|
|
47
|
+
const containerStyle = isImg ? '' : 'rounded-md';
|
|
48
|
+
return (_jsx(BlockWrapper, { className: style(iconAreaSize, containerStyle, 'z-10 mr-s flex justify-center content-center'), version: stepVersion, children: _jsx("span", { className: "flex max-w-full max-h-full items-center justify-center", children: isIcon(step?.icon) ? (_jsx(Img, { image: { ...step.icon, iconVersion: step.icon?.iconVersion || iconVersion }, imageClassName: "max-w-full max-h-full", width: getIconSizeStyle(size), height: getIconSizeStyle(size) })) : (_jsx("span", { className: style('text-h4', stepVersion === 'transparent' ? styleMap.iconText : getIconTextStyle(stepVersion)), children: i + 1 })) }) }));
|
|
49
49
|
};
|
|
50
|
+
const getIconSizeStyle = (size) => (size === 'normal' ? '38' : '24');
|
|
50
51
|
//# sourceMappingURL=StepsBlock.mobile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepsBlock.mobile.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlock.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AACpF,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"StepsBlock.mobile.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlock.mobile.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getIconTextStyle.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/getIconTextStyle.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,OAAqB,EAAE,EAAE,CACxD,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,qBAAqB,CAAC"}
|
|
@@ -26,7 +26,11 @@ export const Tabs = JSX(({ className = '', isSticky, tabs = [], tabsMode, ...res
|
|
|
26
26
|
useEffect(() => {
|
|
27
27
|
const activeTab = tabs[activeTabIndex];
|
|
28
28
|
if (activeTab?.type === 'group') {
|
|
29
|
-
defaultEventBus.subject('tab', {
|
|
29
|
+
defaultEventBus.subject('tab', {
|
|
30
|
+
type: activeTab.type,
|
|
31
|
+
label: activeTab.ref,
|
|
32
|
+
groupName: activeTab.name,
|
|
33
|
+
});
|
|
30
34
|
}
|
|
31
35
|
}, [tabs, activeTabIndex]);
|
|
32
36
|
const updateUrlSearchTabParam = (_) => {
|
|
@@ -57,7 +61,7 @@ export const Tabs = JSX(({ className = '', isSticky, tabs = [], tabsMode, ...res
|
|
|
57
61
|
});
|
|
58
62
|
const fireTabEvent = (tab) => {
|
|
59
63
|
if (tab.type === 'group') {
|
|
60
|
-
defaultEventBus.fire('tab', { type: tab.type, label: tab.ref });
|
|
64
|
+
defaultEventBus.fire('tab', { type: tab.type, label: tab.ref, groupName: tab.name });
|
|
61
65
|
}
|
|
62
66
|
if (tab.type === 'link') {
|
|
63
67
|
defaultEventBus.fire('tab', { type: tab.type, label: tab.href });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACxF,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK1C,MAAM,mBAAmB,GAAG,KAAK,CAAC;AAElC,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CACrB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,IAAI,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC7D,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,CAAC;IAC3B,MAAM,gBAAgB,GAAkB,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEtF,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;YACrB,OAAO;SACR;QAED,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,mBAAmB,CAAC;YACvD,CAAC,CAAC,IAAI,CAAC,SAAS,CACZ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,MAAM,CAAC,KAAK,CAAC,mBAAmB,CAAC,CACzE,IAAI,CAAC;YACR,CAAC,CAAC,CAAC,CAAC;QACN,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC;QACpD,iBAAiB,CAAC,eAAe,CAAC,CAAC;QACnC,YAAY,CAAC,UAAU,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC;QAEvC,IAAI,SAAS,EAAE,IAAI,KAAK,OAAO,EAAE;YAC/B,eAAe,CAAC,OAAO,CAAC,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,7 +14,9 @@ export const BlockWrapper = JSX(({ className, version = 'primary', isTheme = tru
|
|
|
14
14
|
const Tag = tag;
|
|
15
15
|
const [isHidden, setHidden] = useState(false);
|
|
16
16
|
useEffect(() => defaultEventBus.subscribe('tab', (event) => {
|
|
17
|
-
|
|
17
|
+
if (!event.groupName || event.groupName === block?.labelGroup) {
|
|
18
|
+
setHidden(Boolean(event.label && block?.labels?.length && !block.labels.includes(event.label)));
|
|
19
|
+
}
|
|
18
20
|
}), [block]);
|
|
19
21
|
const isGroup = version && isTheme;
|
|
20
22
|
return (_jsx(Tag, { className: style('@container font-sans', isGroup ? 'group' : '', blockStyles[version], isHidden ? 'hidden' : '', padding || defaultPadding, className), ...(isGroup ? { 'data-ver': version } : {}), ...(block?.anchor ? { id: block.anchor } : {}), role: role, children: children }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlockWrapper.js","sourceRoot":"","sources":["../../src/ui-kit/BlockWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAG9D,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAOvC,MAAM,CAAC,MAAM,WAAW,GAAiC;IACvD,OAAO,EAAE,4BAA4B;IACrC,SAAS,EAAE,4BAA4B;IACvC,IAAI,EAAE,mCAAmC;IACzC,WAAW,EAAE,kCAAkC;IAC/C,EAAE,EAAE,EAAE;CACP,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EACC,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,OAAO,GAAG,IAAI,EACd,cAAc,GAAG,MAAM,EACvB,OAAO,EACP,KAAK,EACL,GAAG,GAAG,SAAS,EACf,IAAI,EACJ,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,GAAG,GAAQ,GAAG,CAAC;IAErB,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,SAAS,CACP,GAAG,EAAE,CACH,eAAe,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;QACzC,SAAS,CACP,OAAO,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,EAAE,MAAM,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CACrF,CAAC;
|
|
1
|
+
{"version":3,"file":"BlockWrapper.js","sourceRoot":"","sources":["../../src/ui-kit/BlockWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAG9D,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAOvC,MAAM,CAAC,MAAM,WAAW,GAAiC;IACvD,OAAO,EAAE,4BAA4B;IACrC,SAAS,EAAE,4BAA4B;IACvC,IAAI,EAAE,mCAAmC;IACzC,WAAW,EAAE,kCAAkC;IAC/C,EAAE,EAAE,EAAE;CACP,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EACC,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,OAAO,GAAG,IAAI,EACd,cAAc,GAAG,MAAM,EACvB,OAAO,EACP,KAAK,EACL,GAAG,GAAG,SAAS,EACf,IAAI,EACJ,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,GAAG,GAAQ,GAAG,CAAC;IAErB,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,SAAS,CACP,GAAG,EAAE,CACH,eAAe,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;QACzC,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,KAAK,KAAK,EAAE,UAAU,EAAE;YAC7D,SAAS,CACP,OAAO,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,EAAE,MAAM,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CACrF,CAAC;SACH;IACH,CAAC,CAAC,EACJ,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,MAAM,OAAO,GAAG,OAAO,IAAI,OAAO,CAAC;IAEnC,OAAO,CACL,KAAC,GAAG,IACF,SAAS,EAAE,KAAK,CACd,sBAAsB,EACtB,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EACtB,WAAW,CAAC,OAAO,CAAC,EACpB,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EACxB,OAAO,IAAI,cAAc,EACzB,SAAS,CACV,KACG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KACxC,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAC/C,IAAI,EAAE,IAAI,YAET,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -294,7 +294,9 @@
|
|
|
294
294
|
const Tag = tag;
|
|
295
295
|
const [isHidden, setHidden] = useState(false);
|
|
296
296
|
useEffect(() => defaultEventBus.subscribe('tab', (event) => {
|
|
297
|
-
|
|
297
|
+
if (!event.groupName || event.groupName === block?.labelGroup) {
|
|
298
|
+
setHidden(Boolean(event.label && block?.labels?.length && !block.labels.includes(event.label)));
|
|
299
|
+
}
|
|
298
300
|
}), [block]);
|
|
299
301
|
const isGroup = version && isTheme;
|
|
300
302
|
return (jsx(Tag, { className: style('@container font-sans', isGroup ? 'group' : '', blockStyles[version], isHidden ? 'hidden' : '', padding || defaultPadding, className), ...(isGroup ? { 'data-ver': version } : {}), ...(block?.anchor ? { id: block.anchor } : {}), role: role, children: children }));
|
|
@@ -4499,6 +4501,8 @@
|
|
|
4499
4501
|
throw new Error(x);
|
|
4500
4502
|
}
|
|
4501
4503
|
|
|
4504
|
+
const getIconTextStyle = (version) => version === 'secondary' ? 'group-data-primary:text-white' : 'text-secondary-text';
|
|
4505
|
+
|
|
4502
4506
|
const STEPS_BLOCK_STYLE = {
|
|
4503
4507
|
description: 'text-white/80 text-l font-light group-data-primary:text-secondary-text group-data-gray:text-secondary-text',
|
|
4504
4508
|
iconText: 'text-white group-data-primary:text-secondary-text group-data-gray:text-secondary-text',
|
|
@@ -4516,9 +4520,9 @@
|
|
|
4516
4520
|
small: 'min-h-6xl',
|
|
4517
4521
|
};
|
|
4518
4522
|
const styleMap = STEPS_BLOCK_STYLE;
|
|
4519
|
-
const StepsBlock = JSX(({ className = '', title, description, steps, buttons, size = 'normal', version = 'primary', ...rest }) => (jsxs(BlockWrapper, { className: style('box-border flex flex-col gap-xl', className), defaultPadding: "p-6xl", version: version, ...rest, children: [jsx(Headline, { title: title, description: description, headlineVersion: "M", isEmbedded: true, align: "text-left" }), steps?.length ? (jsx("div", { className: "box-border", children: jsx("div", { className: "flex flex-col gap-6xl justify-between", children: steps.map(renderStep(size,
|
|
4523
|
+
const StepsBlock = JSX(({ className = '', title, description, steps, buttons, size = 'normal', stepVersion = 'gray', version = 'primary', ...rest }) => (jsxs(BlockWrapper, { className: style('box-border flex flex-col gap-xl', className), defaultPadding: "p-6xl", version: version, ...rest, children: [jsx(Headline, { title: title, description: description, headlineVersion: "M", isEmbedded: true, align: "text-left" }), steps?.length ? (jsx("div", { className: "box-border", children: jsx("div", { className: "flex flex-col gap-6xl justify-between", children: steps.map(renderStep(size, stepVersion)) }) })) : null, renderButtonsSection(buttons, { isVertical: true })] })));
|
|
4520
4524
|
// TODO: Create universal function for this case
|
|
4521
|
-
const renderStep = (size,
|
|
4525
|
+
const renderStep = (size, stepVersion) =>
|
|
4522
4526
|
// Linter doesn't understand that switch processes all cases
|
|
4523
4527
|
// eslint-disable-next-line consistent-return
|
|
4524
4528
|
(step, i) => {
|
|
@@ -4528,22 +4532,22 @@
|
|
|
4528
4532
|
}
|
|
4529
4533
|
switch (type) {
|
|
4530
4534
|
case 'default':
|
|
4531
|
-
return renderDefaultStep(size,
|
|
4535
|
+
return renderDefaultStep(size, stepVersion)(step, i);
|
|
4532
4536
|
case 'rte':
|
|
4533
4537
|
return jsx(RichText, { __html: step.__html });
|
|
4534
4538
|
default:
|
|
4535
4539
|
assertUnreachable(step);
|
|
4536
4540
|
}
|
|
4537
4541
|
};
|
|
4538
|
-
const renderDefaultStep = (size,
|
|
4539
|
-
const renderIconArea = (size,
|
|
4540
|
-
const
|
|
4541
|
-
const iconVersion = version === 'secondary' ? 'white' : 'color';
|
|
4542
|
+
const renderDefaultStep = (size, stepVersion) => (step, i) => (jsx("div", { className: "contents", children: jsxs("div", { className: "flex flex-row text-center relative", children: [jsx("div", { className: "overflow-hidden flex flex-shrink-0 items-center", children: renderIconArea(size, stepVersion)(step, i) }), jsxs("div", { className: style('flex flex-col justify-center h-fit', STEPS_TILE_DESCRIPTION_HEIGHT_MAP[size]), children: [step.label ? (jsx(Paragraph, { size: "text-l", align: "text-left", children: step.label })) : null, step.description ? (jsx("div", { className: style('text-s font-light text-left', styleMap.description), children: step.description })) : null] })] }) }, String(i)));
|
|
4543
|
+
const renderIconArea = (size, stepVersion) => (step, i) => {
|
|
4544
|
+
const iconVersion = stepVersion === 'secondary' ? 'white' : 'color';
|
|
4542
4545
|
const isImg = Boolean(step?.icon?.src);
|
|
4543
4546
|
const iconAreaSize = STEPS_SIZE_MAP[size][isImg ? 'image' : 'icon'];
|
|
4544
|
-
const containerStyle = isImg ? '' :
|
|
4545
|
-
return (jsx(
|
|
4547
|
+
const containerStyle = isImg ? '' : 'rounded-md';
|
|
4548
|
+
return (jsx(BlockWrapper, { className: style(iconAreaSize, containerStyle, 'z-10 mr-s flex justify-center content-center'), version: stepVersion, children: jsx("span", { className: "flex max-w-full max-h-full items-center justify-center", children: isIcon(step?.icon) ? (jsx(Img, { image: { ...step.icon, iconVersion: step.icon?.iconVersion || iconVersion }, imageClassName: "max-w-full max-h-full", width: getIconSizeStyle(size), height: getIconSizeStyle(size) })) : (jsx("span", { className: style('text-h4', stepVersion === 'transparent' ? styleMap.iconText : getIconTextStyle(stepVersion)), children: i + 1 })) }) }));
|
|
4546
4549
|
};
|
|
4550
|
+
const getIconSizeStyle = (size) => (size === 'normal' ? '38' : '24');
|
|
4547
4551
|
|
|
4548
4552
|
const isHrefActive = (router) => ({ href }) => !href
|
|
4549
4553
|
? false
|
|
@@ -5011,7 +5015,11 @@
|
|
|
5011
5015
|
useEffect(() => {
|
|
5012
5016
|
const activeTab = tabs[activeTabIndex];
|
|
5013
5017
|
if (activeTab?.type === 'group') {
|
|
5014
|
-
defaultEventBus.subject('tab', {
|
|
5018
|
+
defaultEventBus.subject('tab', {
|
|
5019
|
+
type: activeTab.type,
|
|
5020
|
+
label: activeTab.ref,
|
|
5021
|
+
groupName: activeTab.name,
|
|
5022
|
+
});
|
|
5015
5023
|
}
|
|
5016
5024
|
}, [tabs, activeTabIndex]);
|
|
5017
5025
|
const updateUrlSearchTabParam = (_) => {
|
|
@@ -5042,7 +5050,7 @@
|
|
|
5042
5050
|
});
|
|
5043
5051
|
const fireTabEvent = (tab) => {
|
|
5044
5052
|
if (tab.type === 'group') {
|
|
5045
|
-
defaultEventBus.fire('tab', { type: tab.type, label: tab.ref });
|
|
5053
|
+
defaultEventBus.fire('tab', { type: tab.type, label: tab.ref, groupName: tab.name });
|
|
5046
5054
|
}
|
|
5047
5055
|
if (tab.type === 'link') {
|
|
5048
5056
|
defaultEventBus.fire('tab', { type: tab.type, label: tab.href });
|
|
@@ -5401,7 +5409,7 @@
|
|
|
5401
5409
|
|
|
5402
5410
|
const joinList = (sep) => (list) => list.reduce((acc, el, i) => (acc.length ? acc.concat({ ...sep, key: `sep-${i}` }, el) : [el]), []);
|
|
5403
5411
|
|
|
5404
|
-
const packageVersion = "0.14.
|
|
5412
|
+
const packageVersion = "0.14.88";
|
|
5405
5413
|
|
|
5406
5414
|
exports.Blocks = Blocks;
|
|
5407
5415
|
exports.ContentPage = ContentPage;
|