@sitecore/sc-contenthub-blok 0.0.83 → 0.0.84
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/BlokBadge/BlokBadge.d.ts +5 -0
- package/dist/Components/BlokBadge/BlokBadge.js +2 -2
- package/dist/Components/BlokBadge/BlokBadge.js.map +1 -1
- package/dist/Components/BlokBadge/BlokBadge.spec.js +9 -0
- package/dist/Components/BlokBadge/BlokBadge.spec.js.map +1 -1
- package/dist/Components/BlokBadge/BlokBadge.stories.js +4 -1
- package/dist/Components/BlokBadge/BlokBadge.stories.js.map +1 -1
- package/dist/Components/BlokTag/BlokTag.d.ts +5 -0
- package/dist/Components/BlokTag/BlokTag.js +2 -2
- package/dist/Components/BlokTag/BlokTag.js.map +1 -1
- package/dist/Components/BlokTag/BlokTag.spec.js +9 -0
- package/dist/Components/BlokTag/BlokTag.spec.js.map +1 -1
- package/dist/Components/BlokTag/BlokTag.stories.js +4 -1
- package/dist/Components/BlokTag/BlokTag.stories.js.map +1 -1
- package/esm/Components/BlokBadge/BlokBadge.js +2 -2
- package/esm/Components/BlokBadge/BlokBadge.js.map +1 -1
- package/esm/Components/BlokTag/BlokTag.js +2 -2
- package/esm/Components/BlokTag/BlokTag.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import { type FC, type PropsWithChildren, type ReactNode } from "react";
|
|
2
2
|
import { type ColorName } from "../../Foundations";
|
|
3
3
|
import { type IconName } from "../BlokIcon/BlokIcon";
|
|
4
|
+
export interface BlokBadgeSlots {
|
|
5
|
+
start?: ReactNode;
|
|
6
|
+
end?: ReactNode;
|
|
7
|
+
}
|
|
4
8
|
export interface BlokBadgeProps {
|
|
5
9
|
colorScheme?: ColorName;
|
|
6
10
|
className?: string;
|
|
@@ -10,5 +14,6 @@ export interface BlokBadgeProps {
|
|
|
10
14
|
iconName?: IconName;
|
|
11
15
|
allowMultiline?: boolean;
|
|
12
16
|
count?: number;
|
|
17
|
+
slots?: BlokBadgeSlots;
|
|
13
18
|
}
|
|
14
19
|
export declare const BlokBadge: FC<PropsWithChildren<BlokBadgeProps>>;
|
|
@@ -92,7 +92,7 @@ const classes = {
|
|
|
92
92
|
}),
|
|
93
93
|
iconOnlyBadge: (0, css_1.css)({ overflow: "visible" }),
|
|
94
94
|
};
|
|
95
|
-
const BlokBadge = ({ colorScheme = "neutral", children, expandedContent, expandLabel = "Expand", collapseLabel = "Collapse", iconName, className, allowMultiline = false, count, ...extraProps }) => {
|
|
95
|
+
const BlokBadge = ({ colorScheme = "neutral", children, expandedContent, expandLabel = "Expand", collapseLabel = "Collapse", iconName, className, allowMultiline = false, count, slots, ...extraProps }) => {
|
|
96
96
|
const [isExpanded, setIsExpanded] = (0, react_1.useState)(false);
|
|
97
97
|
const toggleExpanded = (0, react_1.useCallback)((event) => {
|
|
98
98
|
event.preventDefault();
|
|
@@ -110,7 +110,7 @@ const BlokBadge = ({ colorScheme = "neutral", children, expandedContent, expandL
|
|
|
110
110
|
color: Foundations_1.colorMap[colorScheme]?.[800] ?? Foundations_1.neutral[800],
|
|
111
111
|
};
|
|
112
112
|
}, [colorScheme]);
|
|
113
|
-
return ((0, jsx_runtime_1.jsxs)("span", { className: (0, css_1.cx)(classes.badge, !children && classes.iconOnlyBadge, !children && iconName ? classes.badgeIconOnly : undefined, allowMultiline && classes.badgeMultiline, expandedContent ? classes.pointerCursor : undefined, className), style: styles, onClick: expandedContent ? toggleExpanded : undefined, ...extraProps, children: [iconName && (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: iconName }), expandedContent && ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: toggleExpanded, "aria-label": isExpanded ? collapseLabel : expandLabel, className: classes.badgeButton, children: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: isExpanded ? "unfold-less-vertical" : "unfold-more-vertical" }) })), children && (0, jsx_runtime_1.jsx)("span", { children: isExpanded ? expandedContent : children }), count && ((0, jsx_runtime_1.jsx)("span", { className: children ? classes.count : classes.absoluteCount, children: count }))] }));
|
|
113
|
+
return ((0, jsx_runtime_1.jsxs)("span", { className: (0, css_1.cx)(classes.badge, !children && classes.iconOnlyBadge, !children && iconName ? classes.badgeIconOnly : undefined, allowMultiline && classes.badgeMultiline, expandedContent ? classes.pointerCursor : undefined, className), style: styles, onClick: expandedContent ? toggleExpanded : undefined, ...extraProps, children: [slots?.start, iconName && (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: iconName }), expandedContent && ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: toggleExpanded, "aria-label": isExpanded ? collapseLabel : expandLabel, className: classes.badgeButton, children: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: isExpanded ? "unfold-less-vertical" : "unfold-more-vertical" }) })), children && (0, jsx_runtime_1.jsx)("span", { children: isExpanded ? expandedContent : children }), count && ((0, jsx_runtime_1.jsx)("span", { className: children ? classes.count : classes.absoluteCount, children: count })), slots?.end] }));
|
|
114
114
|
};
|
|
115
115
|
exports.BlokBadge = BlokBadge;
|
|
116
116
|
//# sourceMappingURL=BlokBadge.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlokBadge.js","sourceRoot":"","sources":["../../../src/Components/BlokBadge/BlokBadge.tsx"],"names":[],"mappings":";;;;AAAA,sCAAuC;AACvC,iCAQe;AAEf,mDAQ2B;AAC3B,mDAA+D;AAE/D,MAAM,OAAO,GAAG;IACd,KAAK,EAAE,IAAA,SAAG,EAAC;QACT,kBAAkB,EAAE,SAAS;QAC7B,gBAAgB,EAAE,SAAS;QAC3B,UAAU,EAAE,4BAAc;QAC1B,YAAY,EAAE,8BAAgB;QAC9B,OAAO,EAAE,aAAa;QACtB,aAAa,EAAE,WAAW;QAC1B,QAAQ,EAAE,SAAS;QACnB,aAAa,EAAE,QAAQ;QACvB,GAAG,EAAE,QAAQ;QACb,UAAU,EAAE,QAAQ;QACpB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,QAAQ;QAClB,YAAY,EAAE,UAAU;QACxB,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE;YACR,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,QAAQ;YACpB,YAAY,EAAE,UAAU;YACxB,QAAQ,EAAE,QAAQ;SACnB;QACD,SAAS,EAAE;YACT,QAAQ,EAAE,QAAQ;SACnB;KACF,CAAC;IACF,WAAW,EAAE,IAAA,SAAG,EAAC;QACf,UAAU,EAAE,aAAa;QACzB,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,QAAQ,EAAE,KAAK;QACf,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,CAAC;QACT,OAAO,EAAE,CAAC;QACV,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,KAAK;QAEd,SAAS,EAAE;YACT,OAAO,EAAE,GAAG;SACb;KACF,CAAC;IACF,aAAa,EAAE,IAAA,SAAG,EAAC;QACjB,YAAY,EAAE,8BAAgB;QAC9B,OAAO,EAAE,SAAS;KACnB,CAAC;IACF,cAAc,EAAE,IAAA,SAAG,EAAC;QAClB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE;YACR,UAAU,EAAE,QAAQ;SACrB;KACF,CAAC;IACF,aAAa,EAAE,IAAA,SAAG,EAAC;QACjB,MAAM,EAAE,SAAS;KAClB,CAAC;IACF,aAAa,EAAE,IAAA,SAAG,EAAC;QACjB,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,MAAM;QACb,GAAG,EAAE,CAAC;QACN,YAAY,EAAE,8BAAgB;QAC9B,OAAO,EAAE,KAAK;QACd,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,4BAAc;QAC1B,UAAU,EAAE,CAAC;QACb,MAAM,EAAE,EAAE;QACV,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,QAAQ;QACnB,SAAS,EAAE,QAAQ;QACnB,eAAe,EAAE,SAAS;KAC3B,CAAC;IACF,KAAK,EAAE,IAAA,SAAG,EAAC;QACT,YAAY,EAAE,8BAAgB;QAC9B,OAAO,EAAE,KAAK;QACd,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,4BAAc;QAC1B,UAAU,EAAE,CAAC;QACb,MAAM,EAAE,EAAE;QACV,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,QAAQ;QACnB,SAAS,EAAE,QAAQ;QACnB,eAAe,EAAE,wBAAU,CAAC,GAAG,CAAC;KACjC,CAAC;IACF,aAAa,EAAE,IAAA,SAAG,EAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;CAC5C,CAAC;
|
|
1
|
+
{"version":3,"file":"BlokBadge.js","sourceRoot":"","sources":["../../../src/Components/BlokBadge/BlokBadge.tsx"],"names":[],"mappings":"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"}
|
|
@@ -44,5 +44,14 @@ describe("BlokBadge", () => {
|
|
|
44
44
|
expect(badge).toHaveStyle(`background-color: ${Foundations_1.colorMap["neutral"][100]}`);
|
|
45
45
|
expect(badge).toHaveStyle(`color: ${Foundations_1.colorMap["neutral"][800]}`);
|
|
46
46
|
});
|
|
47
|
+
test("render the content in the slots", () => {
|
|
48
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { colorScheme: "blue", slots: {
|
|
49
|
+
start: (0, jsx_runtime_1.jsx)("span", { children: "Start Slot" }),
|
|
50
|
+
end: (0, jsx_runtime_1.jsx)("span", { children: "End Slot" }),
|
|
51
|
+
}, children: "Content with Slots" }));
|
|
52
|
+
expect(react_1.screen.getByText("Start Slot")).toBeInTheDocument();
|
|
53
|
+
expect(react_1.screen.getByText("Content with Slots")).toBeInTheDocument();
|
|
54
|
+
expect(react_1.screen.getByText("End Slot")).toBeInTheDocument();
|
|
55
|
+
});
|
|
47
56
|
});
|
|
48
57
|
//# sourceMappingURL=BlokBadge.spec.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlokBadge.spec.js","sourceRoot":"","sources":["../../../src/Components/BlokBadge/BlokBadge.spec.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"BlokBadge.spec.js","sourceRoot":"","sources":["../../../src/Components/BlokBadge/BlokBadge.spec.tsx"],"names":[],"mappings":"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"}
|
|
@@ -25,7 +25,10 @@ exports.Badges = {
|
|
|
25
25
|
controls: { disable: true, expanded: false },
|
|
26
26
|
options: { showPanel: false },
|
|
27
27
|
},
|
|
28
|
-
render: () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { colorScheme: "neutral", children: "Default" }), (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { colorScheme: "danger", children: "danger" }), (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { colorScheme: "warning", children: "warning" }), (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { colorScheme: "success", children: "success" }), (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { colorScheme: "info", children: "info" }), (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { colorScheme: "info", count: 3, children: "info" })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { colorScheme: "neutral", children: "Neutral" }), (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { colorScheme: "red", children: "Red" }), (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { colorScheme: "orange", children: "Orange" }), (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { colorScheme: "yellow", children: "Yellow" }), (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { colorScheme: "green", children: "Green" }), (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { colorScheme: "teal", children: "Teal" }), (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { colorScheme: "blue", children: "Blue" }), (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { colorScheme: "cyan", children: "Cyan" }), (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { colorScheme: "purple", children: "Purple" }), (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { colorScheme: "pink", children: "Pink" }), (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { colorScheme: "primary", "data-testid": "primary", children: "Primary" }), (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { colorScheme: "ai", "data-testid": "ai", children: "AI" })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { expandedContent: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "some / large / path" }), children: "Collapsed content" }), (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { iconName: "ghost", children: "Collapsed content" }), (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { iconName: "ghost", count: 3, children: "Collapsed content" }), (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { iconName: "ghost", colorScheme: "pink" }), (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { iconName: "ghost", colorScheme: "pink", count: 3 })] }), (0, jsx_runtime_1.jsx)("div", { className: classes.flexWrapper, children: (0, jsx_runtime_1.jsx)("div", { style: { maxWidth: "55vw" }, children: (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { children: "Some long text here. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nis" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: classes.flexWrapper, children: (0, jsx_runtime_1.jsx)("div", { style: { maxWidth: "55vw" }, children: (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { allowMultiline: true, children: "With allow multiline Some long text here. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nis" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: classes.flexWrapper, children: (0, jsx_runtime_1.jsx)("div", { style: { maxWidth: "55vw" }, children: (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { allowMultiline: true, expandedContent: "Long expanded text. Lorem ipsum dolor sit\n amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt\n ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis\n nostrud exercitation ullamco laboris nis", children: "Normal collapsed text" }) }) })
|
|
28
|
+
render: () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { colorScheme: "neutral", children: "Default" }), (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { colorScheme: "danger", children: "danger" }), (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { colorScheme: "warning", children: "warning" }), (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { colorScheme: "success", children: "success" }), (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { colorScheme: "info", children: "info" }), (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { colorScheme: "info", count: 3, children: "info" })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { colorScheme: "neutral", children: "Neutral" }), (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { colorScheme: "red", children: "Red" }), (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { colorScheme: "orange", children: "Orange" }), (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { colorScheme: "yellow", children: "Yellow" }), (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { colorScheme: "green", children: "Green" }), (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { colorScheme: "teal", children: "Teal" }), (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { colorScheme: "blue", children: "Blue" }), (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { colorScheme: "cyan", children: "Cyan" }), (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { colorScheme: "purple", children: "Purple" }), (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { colorScheme: "pink", children: "Pink" }), (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { colorScheme: "primary", "data-testid": "primary", children: "Primary" }), (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { colorScheme: "ai", "data-testid": "ai", children: "AI" })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { expandedContent: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "some / large / path" }), children: "Collapsed content" }), (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { iconName: "ghost", children: "Collapsed content" }), (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { iconName: "ghost", count: 3, children: "Collapsed content" }), (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { iconName: "ghost", colorScheme: "pink" }), (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { iconName: "ghost", colorScheme: "pink", count: 3 })] }), (0, jsx_runtime_1.jsx)("div", { className: classes.flexWrapper, children: (0, jsx_runtime_1.jsx)("div", { style: { maxWidth: "55vw" }, children: (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { children: "Some long text here. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nis" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: classes.flexWrapper, children: (0, jsx_runtime_1.jsx)("div", { style: { maxWidth: "55vw" }, children: (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { allowMultiline: true, children: "With allow multiline Some long text here. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nis" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: classes.flexWrapper, children: (0, jsx_runtime_1.jsx)("div", { style: { maxWidth: "55vw" }, children: (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { allowMultiline: true, expandedContent: "Long expanded text. Lorem ipsum dolor sit\n amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt\n ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis\n nostrud exercitation ullamco laboris nis", children: "Normal collapsed text" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: classes.flexWrapper, children: (0, jsx_runtime_1.jsx)("div", { style: { maxWidth: "55vw" }, children: (0, jsx_runtime_1.jsx)(BlokBadge_1.BlokBadge, { slots: {
|
|
29
|
+
start: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Some start content" }),
|
|
30
|
+
end: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Some end content" }),
|
|
31
|
+
}, children: "Normal collapsed text" }) }) })] })),
|
|
29
32
|
};
|
|
30
33
|
exports.PlayGround = {
|
|
31
34
|
args: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlokBadge.stories.js","sourceRoot":"","sources":["../../../src/Components/BlokBadge/BlokBadge.stories.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"BlokBadge.stories.js","sourceRoot":"","sources":["../../../src/Components/BlokBadge/BlokBadge.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
import { type FC, type PropsWithChildren, type ReactNode } from "react";
|
|
2
2
|
import { type ColorName } from "../../Foundations";
|
|
3
|
+
export interface BlokTagSlots {
|
|
4
|
+
start?: ReactNode;
|
|
5
|
+
end?: ReactNode;
|
|
6
|
+
}
|
|
3
7
|
export interface BlokTagProps {
|
|
4
8
|
size?: "sm" | "md" | "lg" | "xl";
|
|
5
9
|
startIcon?: ReactNode;
|
|
@@ -14,5 +18,6 @@ export interface BlokTagProps {
|
|
|
14
18
|
allowMultiline?: boolean;
|
|
15
19
|
deleteId?: string;
|
|
16
20
|
onClick?: () => void;
|
|
21
|
+
slots?: BlokTagSlots;
|
|
17
22
|
}
|
|
18
23
|
export declare const BlokTag: FC<PropsWithChildren<BlokTagProps>>;
|
|
@@ -111,7 +111,7 @@ const classes = {
|
|
|
111
111
|
cursor: "pointer",
|
|
112
112
|
}),
|
|
113
113
|
};
|
|
114
|
-
const BlokTag = ({ size = "md", startIcon, endIcon, onDelete, colorScheme = "neutral", children, deleteLabel = "Delete", className, expandedContent, expandLabel = "Expand", collapseLabel = "Collapse", allowMultiline = false, deleteId = "delete-tag-button", onClick, ...extraProps }) => {
|
|
114
|
+
const BlokTag = ({ size = "md", startIcon, endIcon, onDelete, colorScheme = "neutral", children, deleteLabel = "Delete", className, expandedContent, expandLabel = "Expand", collapseLabel = "Collapse", allowMultiline = false, deleteId = "delete-tag-button", onClick, slots, ...extraProps }) => {
|
|
115
115
|
const [isExpanded, setIsExpanded] = (0, react_1.useState)(false);
|
|
116
116
|
const [isMultiline, setIsMultiline] = (0, react_1.useState)(false);
|
|
117
117
|
const textRef = (0, react_1.useRef)(null);
|
|
@@ -148,7 +148,7 @@ const BlokTag = ({ size = "md", startIcon, endIcon, onDelete, colorScheme = "neu
|
|
|
148
148
|
}
|
|
149
149
|
onClick?.();
|
|
150
150
|
}, [expandedContent, onClick, toggleExpanded]);
|
|
151
|
-
return ((0, jsx_runtime_1.jsxs)("span", { className: (0, css_1.cx)(classes.tag, classes[`tagSize${(0, utils_1.capitalizeString)(size)}`], allowMultiline && classes.tagMultiline, isMultiline && "has-multiple-lines", isDarkTheme && colorScheme === "neutral" && classes.darkThemeTag, expandedContent ? classes.pointerCursor : undefined, onClick ? classes.pointerCursor : undefined, className), style: styles, onClick: handleClick, ...extraProps, children: [startIcon, expandedContent && ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: toggleExpanded, "aria-label": isExpanded ? collapseLabel : expandLabel, className: classes.tagButton, "data-testid": "toggle-button", children: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: isExpanded ? "unfold-less-vertical" : "unfold-more-vertical" }) })), (0, jsx_runtime_1.jsx)("span", { ref: textRef, children: isExpanded ? expandedContent : children }), endIcon, onDelete && ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: handleDelete, "aria-label": deleteLabel, className: classes.tagButton, "data-testid": deleteId, children: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "close" }) }))] }));
|
|
151
|
+
return ((0, jsx_runtime_1.jsxs)("span", { className: (0, css_1.cx)(classes.tag, classes[`tagSize${(0, utils_1.capitalizeString)(size)}`], allowMultiline && classes.tagMultiline, isMultiline && "has-multiple-lines", isDarkTheme && colorScheme === "neutral" && classes.darkThemeTag, expandedContent ? classes.pointerCursor : undefined, onClick ? classes.pointerCursor : undefined, className), style: styles, onClick: handleClick, ...extraProps, children: [slots?.start, startIcon, expandedContent && ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: toggleExpanded, "aria-label": isExpanded ? collapseLabel : expandLabel, className: classes.tagButton, "data-testid": "toggle-button", children: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: isExpanded ? "unfold-less-vertical" : "unfold-more-vertical" }) })), (0, jsx_runtime_1.jsx)("span", { ref: textRef, children: isExpanded ? expandedContent : children }), endIcon, onDelete && ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: handleDelete, "aria-label": deleteLabel, className: classes.tagButton, "data-testid": deleteId, children: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "close" }) })), slots?.end] }));
|
|
152
152
|
};
|
|
153
153
|
exports.BlokTag = BlokTag;
|
|
154
154
|
//# sourceMappingURL=BlokTag.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlokTag.js","sourceRoot":"","sources":["../../../src/Components/BlokTag/BlokTag.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"BlokTag.js","sourceRoot":"","sources":["../../../src/Components/BlokTag/BlokTag.tsx"],"names":[],"mappings":"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"}
|
|
@@ -45,5 +45,14 @@ describe("BlokTag", () => {
|
|
|
45
45
|
expect(tag).toHaveStyle(`background-color: ${Foundations_1.colorMap["neutral"][100]}`);
|
|
46
46
|
expect(tag).toHaveStyle(`color: ${Foundations_1.colorMap["neutral"][800]}`);
|
|
47
47
|
});
|
|
48
|
+
test("renders the content in the slots", () => {
|
|
49
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { colorScheme: "blue", slots: {
|
|
50
|
+
start: (0, jsx_runtime_1.jsx)("span", { children: "Start Slot" }),
|
|
51
|
+
end: (0, jsx_runtime_1.jsx)("span", { children: "End Slot" }),
|
|
52
|
+
}, children: "Tag with Slots" }));
|
|
53
|
+
expect(react_1.screen.getByText("Start Slot")).toBeInTheDocument();
|
|
54
|
+
expect(react_1.screen.getByText("Tag with Slots")).toBeInTheDocument();
|
|
55
|
+
expect(react_1.screen.getByText("End Slot")).toBeInTheDocument();
|
|
56
|
+
});
|
|
48
57
|
});
|
|
49
58
|
//# sourceMappingURL=BlokTag.spec.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlokTag.spec.js","sourceRoot":"","sources":["../../../src/Components/BlokTag/BlokTag.spec.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"BlokTag.spec.js","sourceRoot":"","sources":["../../../src/Components/BlokTag/BlokTag.spec.tsx"],"names":[],"mappings":"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"}
|
|
@@ -27,7 +27,10 @@ exports.Tags = {
|
|
|
27
27
|
controls: { disable: true, expanded: false },
|
|
28
28
|
options: { showPanel: false },
|
|
29
29
|
},
|
|
30
|
-
render: () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { size: "xl", children: "Tag xl" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { size: "xl", onDelete: () => alert("delete"), deleteId: "custom-delete-id", children: "Tag xl" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { size: "xl", startIcon: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "info-circle" }), children: "Tag xl" })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { size: "lg", children: "Tag lg" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { size: "lg", onDelete: () => alert("delete"), children: "Tag lg" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { size: "lg", startIcon: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "info-circle" }), children: "Tag lg" })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { children: "Tag md" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { onDelete: () => alert("delete"), children: "Tag md" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { startIcon: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "info-circle" }), children: "Tag md" })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { size: "sm", children: "Tag sm" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { size: "sm", onDelete: () => alert("delete"), children: "Tag sm" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { size: "sm", startIcon: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "info-circle" }), children: "Tag sm" })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { children: (0, jsx_runtime_1.jsx)(BlokLink_1.BlokLink, { href: "https://www.google.com", children: "Tag link" }) }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { expandedContent: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "some / large / path" }), children: "Collapsed content" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { startIcon: (0, jsx_runtime_1.jsx)("img", { src: "https://delivery-sitecore.sitecorecontenthub.cloud/api/public/content/spot-account-supervisor-circle", alt: "image" }), children: "Collapsed content" })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { children: "Default" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { colorScheme: "danger", children: "Danger" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { colorScheme: "success", children: "Success" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { colorScheme: "warning", children: "Warning" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { colorScheme: "info", children: "Info" })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { colorScheme: "neutral", children: "Neutral" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { colorScheme: "red", children: "Red" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { colorScheme: "orange", children: "Orange" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { colorScheme: "yellow", children: "Yellow" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { colorScheme: "green", children: "Green" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { colorScheme: "teal", children: "Teal" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { colorScheme: "blue", children: "Blue" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { colorScheme: "cyan", children: "Cyan" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { colorScheme: "purple", children: "Purple" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { colorScheme: "pink", children: "Pink" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { colorScheme: "primary", children: "Primary" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { colorScheme: "ai", children: "AI" })] }), (0, jsx_runtime_1.jsx)("div", { className: classes.flexWrapper, children: (0, jsx_runtime_1.jsx)("div", { style: { maxWidth: "55vw" }, children: (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { children: "Some long text here. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nis" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: classes.flexWrapper, children: (0, jsx_runtime_1.jsx)("div", { style: { maxWidth: "55vw" }, children: (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { allowMultiline: true, onDelete: () => alert("delete"), children: "With allow multiline Some long text here. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nis" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: classes.flexWrapper, children: (0, jsx_runtime_1.jsx)("div", { style: { maxWidth: "55vw" }, children: (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { allowMultiline: true, onDelete: () => alert("delete"), expandedContent: "Long expanded text. Lorem ipsum dolor sit\n amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt\n ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis\n nostrud exercitation ullamco laboris nis", children: "Normal collapsed text" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: classes.flexWrapper, children: (0, jsx_runtime_1.jsx)("div", { style: { maxWidth: "55vw" }, children: (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { onClick: () => alert("ok"), children: "On click" }) }) })
|
|
30
|
+
render: () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { size: "xl", children: "Tag xl" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { size: "xl", onDelete: () => alert("delete"), deleteId: "custom-delete-id", children: "Tag xl" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { size: "xl", startIcon: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "info-circle" }), children: "Tag xl" })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { size: "lg", children: "Tag lg" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { size: "lg", onDelete: () => alert("delete"), children: "Tag lg" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { size: "lg", startIcon: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "info-circle" }), children: "Tag lg" })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { children: "Tag md" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { onDelete: () => alert("delete"), children: "Tag md" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { startIcon: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "info-circle" }), children: "Tag md" })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { size: "sm", children: "Tag sm" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { size: "sm", onDelete: () => alert("delete"), children: "Tag sm" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { size: "sm", startIcon: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "info-circle" }), children: "Tag sm" })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { children: (0, jsx_runtime_1.jsx)(BlokLink_1.BlokLink, { href: "https://www.google.com", children: "Tag link" }) }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { expandedContent: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "some / large / path" }), children: "Collapsed content" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { startIcon: (0, jsx_runtime_1.jsx)("img", { src: "https://delivery-sitecore.sitecorecontenthub.cloud/api/public/content/spot-account-supervisor-circle", alt: "image" }), children: "Collapsed content" })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { children: "Default" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { colorScheme: "danger", children: "Danger" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { colorScheme: "success", children: "Success" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { colorScheme: "warning", children: "Warning" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { colorScheme: "info", children: "Info" })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { colorScheme: "neutral", children: "Neutral" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { colorScheme: "red", children: "Red" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { colorScheme: "orange", children: "Orange" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { colorScheme: "yellow", children: "Yellow" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { colorScheme: "green", children: "Green" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { colorScheme: "teal", children: "Teal" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { colorScheme: "blue", children: "Blue" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { colorScheme: "cyan", children: "Cyan" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { colorScheme: "purple", children: "Purple" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { colorScheme: "pink", children: "Pink" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { colorScheme: "primary", children: "Primary" }), (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { colorScheme: "ai", children: "AI" })] }), (0, jsx_runtime_1.jsx)("div", { className: classes.flexWrapper, children: (0, jsx_runtime_1.jsx)("div", { style: { maxWidth: "55vw" }, children: (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { children: "Some long text here. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nis" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: classes.flexWrapper, children: (0, jsx_runtime_1.jsx)("div", { style: { maxWidth: "55vw" }, children: (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { allowMultiline: true, onDelete: () => alert("delete"), children: "With allow multiline Some long text here. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nis" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: classes.flexWrapper, children: (0, jsx_runtime_1.jsx)("div", { style: { maxWidth: "55vw" }, children: (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { allowMultiline: true, onDelete: () => alert("delete"), expandedContent: "Long expanded text. Lorem ipsum dolor sit\n amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt\n ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis\n nostrud exercitation ullamco laboris nis", children: "Normal collapsed text" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: classes.flexWrapper, children: (0, jsx_runtime_1.jsx)("div", { style: { maxWidth: "55vw" }, children: (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { onClick: () => alert("ok"), children: "On click" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: classes.flexWrapper, children: (0, jsx_runtime_1.jsx)("div", { style: { maxWidth: "55vw" }, children: (0, jsx_runtime_1.jsx)(BlokTag_1.BlokTag, { slots: {
|
|
31
|
+
start: (0, jsx_runtime_1.jsx)("span", { children: "Some start content" }),
|
|
32
|
+
end: (0, jsx_runtime_1.jsx)("span", { children: "Some end content" }),
|
|
33
|
+
}, children: "On click" }) }) })] })),
|
|
31
34
|
};
|
|
32
35
|
exports.PlayGround = {
|
|
33
36
|
args: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlokTag.stories.js","sourceRoot":"","sources":["../../../src/Components/BlokTag/BlokTag.stories.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"BlokTag.stories.js","sourceRoot":"","sources":["../../../src/Components/BlokTag/BlokTag.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -89,7 +89,7 @@ const classes = {
|
|
|
89
89
|
}),
|
|
90
90
|
iconOnlyBadge: css({ overflow: "visible" }),
|
|
91
91
|
};
|
|
92
|
-
export const BlokBadge = ({ colorScheme = "neutral", children, expandedContent, expandLabel = "Expand", collapseLabel = "Collapse", iconName, className, allowMultiline = false, count, ...extraProps }) => {
|
|
92
|
+
export const BlokBadge = ({ colorScheme = "neutral", children, expandedContent, expandLabel = "Expand", collapseLabel = "Collapse", iconName, className, allowMultiline = false, count, slots, ...extraProps }) => {
|
|
93
93
|
const [isExpanded, setIsExpanded] = useState(false);
|
|
94
94
|
const toggleExpanded = useCallback((event) => {
|
|
95
95
|
event.preventDefault();
|
|
@@ -107,6 +107,6 @@ export const BlokBadge = ({ colorScheme = "neutral", children, expandedContent,
|
|
|
107
107
|
color: colorMap[colorScheme]?.[800] ?? neutral[800],
|
|
108
108
|
};
|
|
109
109
|
}, [colorScheme]);
|
|
110
|
-
return (_jsxs("span", { className: cx(classes.badge, !children && classes.iconOnlyBadge, !children && iconName ? classes.badgeIconOnly : undefined, allowMultiline && classes.badgeMultiline, expandedContent ? classes.pointerCursor : undefined, className), style: styles, onClick: expandedContent ? toggleExpanded : undefined, ...extraProps, children: [iconName && _jsx(BlokIcon, { icon: iconName }), expandedContent && (_jsx("button", { type: "button", onClick: toggleExpanded, "aria-label": isExpanded ? collapseLabel : expandLabel, className: classes.badgeButton, children: _jsx(BlokIcon, { icon: isExpanded ? "unfold-less-vertical" : "unfold-more-vertical" }) })), children && _jsx("span", { children: isExpanded ? expandedContent : children }), count && (_jsx("span", { className: children ? classes.count : classes.absoluteCount, children: count }))] }));
|
|
110
|
+
return (_jsxs("span", { className: cx(classes.badge, !children && classes.iconOnlyBadge, !children && iconName ? classes.badgeIconOnly : undefined, allowMultiline && classes.badgeMultiline, expandedContent ? classes.pointerCursor : undefined, className), style: styles, onClick: expandedContent ? toggleExpanded : undefined, ...extraProps, children: [slots?.start, iconName && _jsx(BlokIcon, { icon: iconName }), expandedContent && (_jsx("button", { type: "button", onClick: toggleExpanded, "aria-label": isExpanded ? collapseLabel : expandLabel, className: classes.badgeButton, children: _jsx(BlokIcon, { icon: isExpanded ? "unfold-less-vertical" : "unfold-more-vertical" }) })), children && _jsx("span", { children: isExpanded ? expandedContent : children }), count && (_jsx("span", { className: children ? classes.count : classes.absoluteCount, children: count })), slots?.end] }));
|
|
111
111
|
};
|
|
112
112
|
//# sourceMappingURL=BlokBadge.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlokBadge.js","sourceRoot":"","sources":["../../../src/Components/BlokBadge/BlokBadge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAKL,WAAW,EACX,OAAO,EACP,QAAQ,GACT,MAAM,OAAO,CAAC;AAEf,OAAO,EACL,UAAU,EACV,gBAAgB,EAChB,gBAAgB,EAChB,QAAQ,EAER,cAAc,EACd,OAAO,GACR,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAiB,MAAM,sBAAsB,CAAC;AAE/D,MAAM,OAAO,GAAG;IACd,KAAK,EAAE,GAAG,CAAC;QACT,kBAAkB,EAAE,SAAS;QAC7B,gBAAgB,EAAE,SAAS;QAC3B,UAAU,EAAE,cAAc;QAC1B,YAAY,EAAE,gBAAgB;QAC9B,OAAO,EAAE,aAAa;QACtB,aAAa,EAAE,WAAW;QAC1B,QAAQ,EAAE,SAAS;QACnB,aAAa,EAAE,QAAQ;QACvB,GAAG,EAAE,QAAQ;QACb,UAAU,EAAE,QAAQ;QACpB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,QAAQ;QAClB,YAAY,EAAE,UAAU;QACxB,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE;YACR,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,QAAQ;YACpB,YAAY,EAAE,UAAU;YACxB,QAAQ,EAAE,QAAQ;SACnB;QACD,SAAS,EAAE;YACT,QAAQ,EAAE,QAAQ;SACnB;KACF,CAAC;IACF,WAAW,EAAE,GAAG,CAAC;QACf,UAAU,EAAE,aAAa;QACzB,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,QAAQ,EAAE,KAAK;QACf,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,CAAC;QACT,OAAO,EAAE,CAAC;QACV,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,KAAK;QAEd,SAAS,EAAE;YACT,OAAO,EAAE,GAAG;SACb;KACF,CAAC;IACF,aAAa,EAAE,GAAG,CAAC;QACjB,YAAY,EAAE,gBAAgB;QAC9B,OAAO,EAAE,SAAS;KACnB,CAAC;IACF,cAAc,EAAE,GAAG,CAAC;QAClB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE;YACR,UAAU,EAAE,QAAQ;SACrB;KACF,CAAC;IACF,aAAa,EAAE,GAAG,CAAC;QACjB,MAAM,EAAE,SAAS;KAClB,CAAC;IACF,aAAa,EAAE,GAAG,CAAC;QACjB,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,MAAM;QACb,GAAG,EAAE,CAAC;QACN,YAAY,EAAE,gBAAgB;QAC9B,OAAO,EAAE,KAAK;QACd,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,cAAc;QAC1B,UAAU,EAAE,CAAC;QACb,MAAM,EAAE,EAAE;QACV,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,QAAQ;QACnB,SAAS,EAAE,QAAQ;QACnB,eAAe,EAAE,SAAS;KAC3B,CAAC;IACF,KAAK,EAAE,GAAG,CAAC;QACT,YAAY,EAAE,gBAAgB;QAC9B,OAAO,EAAE,KAAK;QACd,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,cAAc;QAC1B,UAAU,EAAE,CAAC;QACb,MAAM,EAAE,EAAE;QACV,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,QAAQ;QACnB,SAAS,EAAE,QAAQ;QACnB,eAAe,EAAE,UAAU,CAAC,GAAG,CAAC;KACjC,CAAC;IACF,aAAa,EAAE,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;CAC5C,CAAC;
|
|
1
|
+
{"version":3,"file":"BlokBadge.js","sourceRoot":"","sources":["../../../src/Components/BlokBadge/BlokBadge.tsx"],"names":[],"mappings":"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"}
|
|
@@ -108,7 +108,7 @@ const classes = {
|
|
|
108
108
|
cursor: "pointer",
|
|
109
109
|
}),
|
|
110
110
|
};
|
|
111
|
-
export const BlokTag = ({ size = "md", startIcon, endIcon, onDelete, colorScheme = "neutral", children, deleteLabel = "Delete", className, expandedContent, expandLabel = "Expand", collapseLabel = "Collapse", allowMultiline = false, deleteId = "delete-tag-button", onClick, ...extraProps }) => {
|
|
111
|
+
export const BlokTag = ({ size = "md", startIcon, endIcon, onDelete, colorScheme = "neutral", children, deleteLabel = "Delete", className, expandedContent, expandLabel = "Expand", collapseLabel = "Collapse", allowMultiline = false, deleteId = "delete-tag-button", onClick, slots, ...extraProps }) => {
|
|
112
112
|
const [isExpanded, setIsExpanded] = useState(false);
|
|
113
113
|
const [isMultiline, setIsMultiline] = useState(false);
|
|
114
114
|
const textRef = useRef(null);
|
|
@@ -145,6 +145,6 @@ export const BlokTag = ({ size = "md", startIcon, endIcon, onDelete, colorScheme
|
|
|
145
145
|
}
|
|
146
146
|
onClick?.();
|
|
147
147
|
}, [expandedContent, onClick, toggleExpanded]);
|
|
148
|
-
return (_jsxs("span", { className: cx(classes.tag, classes[`tagSize${capitalizeString(size)}`], allowMultiline && classes.tagMultiline, isMultiline && "has-multiple-lines", isDarkTheme && colorScheme === "neutral" && classes.darkThemeTag, expandedContent ? classes.pointerCursor : undefined, onClick ? classes.pointerCursor : undefined, className), style: styles, onClick: handleClick, ...extraProps, children: [startIcon, expandedContent && (_jsx("button", { type: "button", onClick: toggleExpanded, "aria-label": isExpanded ? collapseLabel : expandLabel, className: classes.tagButton, "data-testid": "toggle-button", children: _jsx(BlokIcon, { icon: isExpanded ? "unfold-less-vertical" : "unfold-more-vertical" }) })), _jsx("span", { ref: textRef, children: isExpanded ? expandedContent : children }), endIcon, onDelete && (_jsx("button", { type: "button", onClick: handleDelete, "aria-label": deleteLabel, className: classes.tagButton, "data-testid": deleteId, children: _jsx(BlokIcon, { icon: "close" }) }))] }));
|
|
148
|
+
return (_jsxs("span", { className: cx(classes.tag, classes[`tagSize${capitalizeString(size)}`], allowMultiline && classes.tagMultiline, isMultiline && "has-multiple-lines", isDarkTheme && colorScheme === "neutral" && classes.darkThemeTag, expandedContent ? classes.pointerCursor : undefined, onClick ? classes.pointerCursor : undefined, className), style: styles, onClick: handleClick, ...extraProps, children: [slots?.start, startIcon, expandedContent && (_jsx("button", { type: "button", onClick: toggleExpanded, "aria-label": isExpanded ? collapseLabel : expandLabel, className: classes.tagButton, "data-testid": "toggle-button", children: _jsx(BlokIcon, { icon: isExpanded ? "unfold-less-vertical" : "unfold-more-vertical" }) })), _jsx("span", { ref: textRef, children: isExpanded ? expandedContent : children }), endIcon, onDelete && (_jsx("button", { type: "button", onClick: handleDelete, "aria-label": deleteLabel, className: classes.tagButton, "data-testid": deleteId, children: _jsx(BlokIcon, { icon: "close" }) })), slots?.end] }));
|
|
149
149
|
};
|
|
150
150
|
//# sourceMappingURL=BlokTag.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlokTag.js","sourceRoot":"","sources":["../../../src/Components/BlokTag/BlokTag.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"BlokTag.js","sourceRoot":"","sources":["../../../src/Components/BlokTag/BlokTag.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAKL,WAAW,EACX,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AAEf,OAAO,EACL,gBAAgB,EAChB,QAAQ,EAER,SAAS,EACT,OAAO,EACP,UAAU,GACX,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,MAAM,OAAO,GAAG;IACd,GAAG,EAAE,GAAG,CAAC;QACP,OAAO,EAAE,aAAa;QACtB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,MAAM;QAChB,YAAY,EAAE,gBAAgB;QAC9B,UAAU,EAAE,GAAG;QACf,OAAO,EAAE,uBAAuB;QAChC,aAAa,EAAE,KAAK;QACpB,GAAG,EAAE,QAAQ;QACb,UAAU,EAAE,QAAQ;QACpB,YAAY,EAAE,UAAU;QACxB,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE;YACR,UAAU,EAAE,GAAG;YACf,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,QAAQ;YACpB,YAAY,EAAE,UAAU;YACxB,QAAQ,EAAE,QAAQ;SACnB;QACD,SAAS,EAAE;YACT,QAAQ,EAAE,QAAQ;SACnB;QACD,GAAG,EAAE;YACH,KAAK,EAAE,QAAQ;YACf,MAAM,EAAE,QAAQ;YAChB,SAAS,EAAE,OAAO;SACnB;KACF,CAAC;IACF,SAAS,EAAE,GAAG,CAAC;QACb,QAAQ,EAAE,SAAS,CAAC,EAAE;QACtB,QAAQ,EAAE,SAAS;QACnB,SAAS,EAAE,SAAS;QACpB,kBAAkB,EAAE,SAAS;QAC7B,gBAAgB,EAAE,SAAS;QAC3B,sBAAsB,EAAE;YACtB,OAAO,EAAE,SAAS;SACnB;KACF,CAAC;IACF,SAAS,EAAE,GAAG,CAAC;QACb,QAAQ,EAAE,SAAS,CAAC,EAAE;QACtB,QAAQ,EAAE,QAAQ;QAClB,SAAS,EAAE,QAAQ;QACnB,kBAAkB,EAAE,UAAU;QAC9B,gBAAgB,EAAE,UAAU;QAC5B,sBAAsB,EAAE;YACtB,OAAO,EAAE,UAAU;SACpB;KACF,CAAC;IACF,SAAS,EAAE,GAAG,CAAC;QACb,QAAQ,EAAE,SAAS,CAAC,EAAE;QACtB,QAAQ,EAAE,MAAM;QAChB,SAAS,EAAE,MAAM;QACjB,kBAAkB,EAAE,QAAQ;QAC5B,gBAAgB,EAAE,QAAQ;QAC1B,sBAAsB,EAAE;YACtB,OAAO,EAAE,QAAQ;SAClB;KACF,CAAC;IACF,SAAS,EAAE,GAAG,CAAC;QACb,QAAQ,EAAE,SAAS,CAAC,EAAE;QACtB,QAAQ,EAAE,SAAS;QACnB,SAAS,EAAE,SAAS;QACpB,kBAAkB,EAAE,QAAQ;QAC5B,gBAAgB,EAAE,QAAQ;QAC1B,sBAAsB,EAAE;YACtB,OAAO,EAAE,QAAQ;SAClB;KACF,CAAC;IACF,SAAS,EAAE,GAAG,CAAC;QACb,UAAU,EAAE,aAAa;QACzB,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,QAAQ,EAAE,KAAK;QACf,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,CAAC;QACT,OAAO,EAAE,CAAC;QACV,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,KAAK;QAEd,SAAS,EAAE;YACT,OAAO,EAAE,GAAG;SACb;KACF,CAAC;IACF,YAAY,EAAE,GAAG,CAAC;QAChB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE;YACR,UAAU,EAAE,QAAQ;SACrB;KACF,CAAC;IACF,YAAY,EAAE,GAAG,CAAC;QAChB,KAAK,EAAE,kBAAkB;QACzB,eAAe,EAAE,GAAG,UAAU,CAAC,GAAG,CAAC,aAAa;QAEhD,MAAM,EAAE,GAAG,CAAC;YACV,KAAK,EAAE,cAAc;SACtB,CAAC;KACH,CAAC;IACF,aAAa,EAAE,GAAG,CAAC;QACjB,MAAM,EAAE,SAAS;KAClB,CAAC;CACH,CAAC;AAwBF,MAAM,CAAC,MAAM,OAAO,GAAwC,CAAC,EAC3D,IAAI,GAAG,IAAI,EACX,SAAS,EACT,OAAO,EACP,QAAQ,EACR,WAAW,GAAG,SAAS,EACvB,QAAQ,EACR,WAAW,GAAG,QAAQ,EACtB,SAAS,EACT,eAAe,EACf,WAAW,GAAG,QAAQ,EACtB,aAAa,GAAG,UAAU,EAC1B,cAAc,GAAG,KAAK,EACtB,QAAQ,GAAG,mBAAmB,EAC9B,OAAO,EACP,KAAK,EACL,GAAG,UAAU,EACd,EAAE,EAAE;IACH,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,OAAO,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IAC9C,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,MAAM,cAAc,GAAmC,WAAW,CAChE,CAAC,KAAK,EAAQ,EAAE;QACd,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,aAAa,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;IACjC,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,YAAY,GAAmC,WAAW,CAC9D,CAAC,KAAK,EAAE,EAAE;QACR,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,QAAQ,EAAE,EAAE,CAAC;IACf,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC;YAC3C,OAAO;gBACL,eAAe,EAAE,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC;aAC9D,CAAC;QACJ,CAAC;QAED,OAAO;YACL,eAAe,EAAE,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC;YAC7D,KAAK,EAAE,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC;SACpD,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;YACpB,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,GAAG,EAAE,CAAC,CAAC;QACpD,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC;IAE5C,MAAM,WAAW,GAAmC,WAAW,CAC7D,CAAC,KAAK,EAAE,EAAE;QACR,IAAI,eAAe,EAAE,CAAC;YACpB,cAAc,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC;QAED,OAAO,EAAE,EAAE,CAAC;IACd,CAAC,EACD,CAAC,eAAe,EAAE,OAAO,EAAE,cAAc,CAAC,CAC3C,CAAC;IAEF,OAAO,CACL,gBACE,SAAS,EAAE,EAAE,CACX,OAAO,CAAC,GAAG,EACX,OAAO,CAAC,UAAU,gBAAgB,CAAC,IAAI,CAAC,EAA0B,CAAC,EACnE,cAAc,IAAI,OAAO,CAAC,YAAY,EACtC,WAAW,IAAI,oBAAoB,EACnC,WAAW,IAAI,WAAW,KAAK,SAAS,IAAI,OAAO,CAAC,YAAY,EAChE,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EACnD,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EAC3C,SAAS,CACV,EACD,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,WAAW,KAChB,UAAU,aAEb,KAAK,EAAE,KAAK,EACZ,SAAS,EACT,eAAe,IAAI,CAClB,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,cAAc,gBACX,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,EACpD,SAAS,EAAE,OAAO,CAAC,SAAS,iBAChB,eAAe,YAE3B,KAAC,QAAQ,IACP,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,sBAAsB,GAClE,GACK,CACV,EACD,eAAM,GAAG,EAAE,OAAO,YAAG,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,QAAQ,GAAQ,EACnE,OAAO,EACP,QAAQ,IAAI,CACX,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,YAAY,gBACT,WAAW,EACvB,SAAS,EAAE,OAAO,CAAC,SAAS,iBACf,QAAQ,YAErB,KAAC,QAAQ,IAAC,IAAI,EAAC,OAAO,GAAG,GAClB,CACV,EACA,KAAK,EAAE,GAAG,IACN,CACR,CAAC;AACJ,CAAC,CAAC"}
|