@ultraviolet/plus 0.24.11 → 0.25.0
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/SteppedListCard/Step.cjs +17 -4
- package/dist/components/SteppedListCard/Step.js +17 -4
- package/dist/components/SteppedListCard/SteppedListCard.cjs +78 -0
- package/dist/components/SteppedListCard/{SteppedListContainer.d.ts → SteppedListCard.d.ts} +5 -4
- package/dist/components/SteppedListCard/SteppedListCard.js +76 -0
- package/dist/components/SteppedListCard/SteppedListContent.cjs +30 -14
- package/dist/components/SteppedListCard/SteppedListContent.d.ts +2 -1
- package/dist/components/SteppedListCard/SteppedListContent.js +31 -15
- package/dist/components/SteppedListCard/index.d.ts +1 -1
- package/dist/components/index.d.ts +1 -1
- package/dist/index.cjs +2 -2
- package/dist/index.js +2 -2
- package/package.json +5 -5
- package/dist/components/SteppedListCard/SteppedListContainer.cjs +0 -78
- package/dist/components/SteppedListCard/SteppedListContainer.js +0 -76
|
@@ -11,16 +11,29 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() {
|
|
|
11
11
|
return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
|
|
12
12
|
}
|
|
13
13
|
const CustomText = /* @__PURE__ */ _styled__default.default(ui.Text, process.env.NODE_ENV === "production" ? {
|
|
14
|
-
target: "
|
|
14
|
+
target: "ehxefxd1"
|
|
15
15
|
} : {
|
|
16
|
-
target: "
|
|
16
|
+
target: "ehxefxd1",
|
|
17
17
|
label: "CustomText"
|
|
18
18
|
})(process.env.NODE_ENV === "production" ? {
|
|
19
19
|
name: "1buwj38",
|
|
20
20
|
styles: "cursor:pointer;transition:text-decoration-color 250ms ease-out;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;text-decoration-color:transparent;&:hover{text-decoration:underline;text-decoration-thickness:1px;}&:active{text-decoration-thickness:2px;}"
|
|
21
21
|
} : {
|
|
22
22
|
name: "1buwj38",
|
|
23
|
-
styles: "cursor:pointer;transition:text-decoration-color 250ms ease-out;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;text-decoration-color:transparent;&:hover{text-decoration:underline;text-decoration-thickness:1px;}&:active{text-decoration-thickness:2px;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
23
|
+
styles: "cursor:pointer;transition:text-decoration-color 250ms ease-out;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;text-decoration-color:transparent;&:hover{text-decoration:underline;text-decoration-thickness:1px;}&:active{text-decoration-thickness:2px;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUsrQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL1N0ZXBwZWRMaXN0Q2FyZC9TdGVwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgU3RlcExpc3QsIFRleHQgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgeyB1c2VDb250ZXh0IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBEYXRhIH0gZnJvbSAnLi9oZWxwZXInXG5cbmNvbnN0IEN1c3RvbVRleHQgPSBzdHlsZWQoVGV4dClgXG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbjogdGV4dC1kZWNvcmF0aW9uLWNvbG9yIDI1MG1zIGVhc2Utb3V0O1xuICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgdGV4dC1kZWNvcmF0aW9uLXRoaWNrbmVzczogMXB4O1xuICB0ZXh0LXVuZGVybGluZS1vZmZzZXQ6IDJweDtcbiAgdGV4dC1kZWNvcmF0aW9uLWNvbG9yOiB0cmFuc3BhcmVudDtcblxuICAmOmhvdmVyIHtcbiAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICB0ZXh0LWRlY29yYXRpb24tdGhpY2tuZXNzOiAxcHg7XG4gIH1cbiAgJjphY3RpdmUge1xuICAgIHRleHQtZGVjb3JhdGlvbi10aGlja25lc3M6IDJweDtcbiAgfVxuYFxuXG5jb25zdCBTdHlsZWRJdGVtID0gc3R5bGVkKFN0ZXBMaXN0Lkl0ZW0pYFxuYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcblxudHlwZSBTdGVwUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgbnVtYmVyIG9mIHRoZSBzdGVwLCBtYXggNSBzdGVwcy5cbiAgICovXG4gIHN0ZXBOdW1iZXI6IG51bWJlclxuICAvKipcbiAgICogVGl0bGUgb2YgdGhlIHN0ZXBcbiAgICovXG4gIHN0ZXBUaXRsZTogc3RyaW5nXG4gIC8qKlxuICAgKiBTdGF0ZSBvZiB0aGUgc3RlcFxuICAgKi9cbiAgY29tcGxldGVkOiBib29sZWFuXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IFN0ZXBwZWRMaXN0ID0gKHtcbiAgc3RlcE51bWJlcixcbiAgc3RlcFRpdGxlLFxuICBjb21wbGV0ZWQsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG59OiBTdGVwUHJvcHMpID0+IHtcbiAgY29uc3QgY29udGFpbmVyRGF0YSA9IHVzZUNvbnRleHQoRGF0YSlcbiAgY29uc3QgYWN0aXZlID0gY29udGFpbmVyRGF0YS5jdXJyZW50U3RlcCA9PT0gc3RlcE51bWJlclxuXG4gIHJldHVybiBjb21wbGV0ZWQgPyAoXG4gICAgPFN0eWxlZEl0ZW1cbiAgICAgIGJ1bGxldEljb249XCJjaGVja1wiXG4gICAgICBwcm9taW5lbmNlPXthY3RpdmUgPyAnc3Ryb25nJyA6ICdkZWZhdWx0J31cbiAgICAgIHNlbnRpbWVudD1cInByaW1hcnlcIlxuICAgICAgb25DbGljaz17KCkgPT4gY29udGFpbmVyRGF0YS5zZXRDdXJyZW50U3RlcChzdGVwTnVtYmVyKX1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgID5cbiAgICAgIDxDdXN0b21UZXh0IGFzPVwiaDNcIiB2YXJpYW50PXthY3RpdmUgPyAnYm9keVN0cm9uZycgOiAnYm9keSd9PlxuICAgICAgICB7c3RlcFRpdGxlfVxuICAgICAgPC9DdXN0b21UZXh0PlxuICAgIDwvU3R5bGVkSXRlbT5cbiAgKSA6IChcbiAgICA8U3R5bGVkSXRlbVxuICAgICAgYnVsbGV0VGV4dD17U3RyaW5nKHN0ZXBOdW1iZXIpfVxuICAgICAgcHJvbWluZW5jZT17YWN0aXZlID8gJ3N0cm9uZycgOiB1bmRlZmluZWR9XG4gICAgICBzZW50aW1lbnQ9e2FjdGl2ZSA/ICdwcmltYXJ5JyA6IHVuZGVmaW5lZH1cbiAgICAgIG9uQ2xpY2s9eygpID0+IGNvbnRhaW5lckRhdGEuc2V0Q3VycmVudFN0ZXAoc3RlcE51bWJlcil9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICA+XG4gICAgICA8Q3VzdG9tVGV4dCBhcz1cImgzXCIgdmFyaWFudD17YWN0aXZlID8gJ2JvZHlTdHJvbmcnIDogJ2JvZHknfT5cbiAgICAgICAge3N0ZXBUaXRsZX1cbiAgICAgIDwvQ3VzdG9tVGV4dD5cbiAgICA8L1N0eWxlZEl0ZW0+XG4gIClcbn1cbiJdfQ== */",
|
|
24
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
25
|
+
});
|
|
26
|
+
const StyledItem = /* @__PURE__ */ _styled__default.default(ui.StepList.Item, process.env.NODE_ENV === "production" ? {
|
|
27
|
+
target: "ehxefxd0"
|
|
28
|
+
} : {
|
|
29
|
+
target: "ehxefxd0",
|
|
30
|
+
label: "StyledItem"
|
|
31
|
+
})(process.env.NODE_ENV === "production" ? {
|
|
32
|
+
name: "1h3rtzg",
|
|
33
|
+
styles: "align-items:center"
|
|
34
|
+
} : {
|
|
35
|
+
name: "1h3rtzg",
|
|
36
|
+
styles: "align-items:center/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCd0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9TdGVwcGVkTGlzdENhcmQvU3RlcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFN0ZXBMaXN0LCBUZXh0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHsgdXNlQ29udGV4dCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgRGF0YSB9IGZyb20gJy4vaGVscGVyJ1xuXG5jb25zdCBDdXN0b21UZXh0ID0gc3R5bGVkKFRleHQpYFxuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRyYW5zaXRpb246IHRleHQtZGVjb3JhdGlvbi1jb2xvciAyNTBtcyBlYXNlLW91dDtcbiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gIHRleHQtZGVjb3JhdGlvbi10aGlja25lc3M6IDFweDtcbiAgdGV4dC11bmRlcmxpbmUtb2Zmc2V0OiAycHg7XG4gIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cbiAgJjpob3ZlciB7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgdGV4dC1kZWNvcmF0aW9uLXRoaWNrbmVzczogMXB4O1xuICB9XG4gICY6YWN0aXZlIHtcbiAgICB0ZXh0LWRlY29yYXRpb24tdGhpY2tuZXNzOiAycHg7XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkSXRlbSA9IHN0eWxlZChTdGVwTGlzdC5JdGVtKWBcbmFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gXG5cbnR5cGUgU3RlcFByb3BzID0ge1xuICAvKipcbiAgICogVGhlIG51bWJlciBvZiB0aGUgc3RlcCwgbWF4IDUgc3RlcHMuXG4gICAqL1xuICBzdGVwTnVtYmVyOiBudW1iZXJcbiAgLyoqXG4gICAqIFRpdGxlIG9mIHRoZSBzdGVwXG4gICAqL1xuICBzdGVwVGl0bGU6IHN0cmluZ1xuICAvKipcbiAgICogU3RhdGUgb2YgdGhlIHN0ZXBcbiAgICovXG4gIGNvbXBsZXRlZDogYm9vbGVhblxuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBTdGVwcGVkTGlzdCA9ICh7XG4gIHN0ZXBOdW1iZXIsXG4gIHN0ZXBUaXRsZSxcbiAgY29tcGxldGVkLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogU3RlcFByb3BzKSA9PiB7XG4gIGNvbnN0IGNvbnRhaW5lckRhdGEgPSB1c2VDb250ZXh0KERhdGEpXG4gIGNvbnN0IGFjdGl2ZSA9IGNvbnRhaW5lckRhdGEuY3VycmVudFN0ZXAgPT09IHN0ZXBOdW1iZXJcblxuICByZXR1cm4gY29tcGxldGVkID8gKFxuICAgIDxTdHlsZWRJdGVtXG4gICAgICBidWxsZXRJY29uPVwiY2hlY2tcIlxuICAgICAgcHJvbWluZW5jZT17YWN0aXZlID8gJ3N0cm9uZycgOiAnZGVmYXVsdCd9XG4gICAgICBzZW50aW1lbnQ9XCJwcmltYXJ5XCJcbiAgICAgIG9uQ2xpY2s9eygpID0+IGNvbnRhaW5lckRhdGEuc2V0Q3VycmVudFN0ZXAoc3RlcE51bWJlcil9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICA+XG4gICAgICA8Q3VzdG9tVGV4dCBhcz1cImgzXCIgdmFyaWFudD17YWN0aXZlID8gJ2JvZHlTdHJvbmcnIDogJ2JvZHknfT5cbiAgICAgICAge3N0ZXBUaXRsZX1cbiAgICAgIDwvQ3VzdG9tVGV4dD5cbiAgICA8L1N0eWxlZEl0ZW0+XG4gICkgOiAoXG4gICAgPFN0eWxlZEl0ZW1cbiAgICAgIGJ1bGxldFRleHQ9e1N0cmluZyhzdGVwTnVtYmVyKX1cbiAgICAgIHByb21pbmVuY2U9e2FjdGl2ZSA/ICdzdHJvbmcnIDogdW5kZWZpbmVkfVxuICAgICAgc2VudGltZW50PXthY3RpdmUgPyAncHJpbWFyeScgOiB1bmRlZmluZWR9XG4gICAgICBvbkNsaWNrPXsoKSA9PiBjb250YWluZXJEYXRhLnNldEN1cnJlbnRTdGVwKHN0ZXBOdW1iZXIpfVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgPlxuICAgICAgPEN1c3RvbVRleHQgYXM9XCJoM1wiIHZhcmlhbnQ9e2FjdGl2ZSA/ICdib2R5U3Ryb25nJyA6ICdib2R5J30+XG4gICAgICAgIHtzdGVwVGl0bGV9XG4gICAgICA8L0N1c3RvbVRleHQ+XG4gICAgPC9TdHlsZWRJdGVtPlxuICApXG59XG4iXX0= */",
|
|
24
37
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
25
38
|
});
|
|
26
39
|
const SteppedList = ({
|
|
@@ -31,6 +44,6 @@ const SteppedList = ({
|
|
|
31
44
|
}) => {
|
|
32
45
|
const containerData = react.useContext(helper.Data);
|
|
33
46
|
const active = containerData.currentStep === stepNumber;
|
|
34
|
-
return completed ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
47
|
+
return completed ? /* @__PURE__ */ jsxRuntime.jsx(StyledItem, { bulletIcon: "check", prominence: active ? "strong" : "default", sentiment: "primary", onClick: () => containerData.setCurrentStep(stepNumber), "data-testid": dataTestId, children: /* @__PURE__ */ jsxRuntime.jsx(CustomText, { as: "h3", variant: active ? "bodyStrong" : "body", children: stepTitle }) }) : /* @__PURE__ */ jsxRuntime.jsx(StyledItem, { bulletText: String(stepNumber), prominence: active ? "strong" : void 0, sentiment: active ? "primary" : void 0, onClick: () => containerData.setCurrentStep(stepNumber), "data-testid": dataTestId, children: /* @__PURE__ */ jsxRuntime.jsx(CustomText, { as: "h3", variant: active ? "bodyStrong" : "body", children: stepTitle }) });
|
|
35
48
|
};
|
|
36
49
|
exports.SteppedList = SteppedList;
|
|
@@ -7,16 +7,29 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() {
|
|
|
7
7
|
return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
|
|
8
8
|
}
|
|
9
9
|
const CustomText = /* @__PURE__ */ _styled(Text, process.env.NODE_ENV === "production" ? {
|
|
10
|
-
target: "
|
|
10
|
+
target: "ehxefxd1"
|
|
11
11
|
} : {
|
|
12
|
-
target: "
|
|
12
|
+
target: "ehxefxd1",
|
|
13
13
|
label: "CustomText"
|
|
14
14
|
})(process.env.NODE_ENV === "production" ? {
|
|
15
15
|
name: "1buwj38",
|
|
16
16
|
styles: "cursor:pointer;transition:text-decoration-color 250ms ease-out;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;text-decoration-color:transparent;&:hover{text-decoration:underline;text-decoration-thickness:1px;}&:active{text-decoration-thickness:2px;}"
|
|
17
17
|
} : {
|
|
18
18
|
name: "1buwj38",
|
|
19
|
-
styles: "cursor:pointer;transition:text-decoration-color 250ms ease-out;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;text-decoration-color:transparent;&:hover{text-decoration:underline;text-decoration-thickness:1px;}&:active{text-decoration-thickness:2px;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
19
|
+
styles: "cursor:pointer;transition:text-decoration-color 250ms ease-out;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;text-decoration-color:transparent;&:hover{text-decoration:underline;text-decoration-thickness:1px;}&:active{text-decoration-thickness:2px;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUsrQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL1N0ZXBwZWRMaXN0Q2FyZC9TdGVwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgU3RlcExpc3QsIFRleHQgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgeyB1c2VDb250ZXh0IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBEYXRhIH0gZnJvbSAnLi9oZWxwZXInXG5cbmNvbnN0IEN1c3RvbVRleHQgPSBzdHlsZWQoVGV4dClgXG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbjogdGV4dC1kZWNvcmF0aW9uLWNvbG9yIDI1MG1zIGVhc2Utb3V0O1xuICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgdGV4dC1kZWNvcmF0aW9uLXRoaWNrbmVzczogMXB4O1xuICB0ZXh0LXVuZGVybGluZS1vZmZzZXQ6IDJweDtcbiAgdGV4dC1kZWNvcmF0aW9uLWNvbG9yOiB0cmFuc3BhcmVudDtcblxuICAmOmhvdmVyIHtcbiAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICB0ZXh0LWRlY29yYXRpb24tdGhpY2tuZXNzOiAxcHg7XG4gIH1cbiAgJjphY3RpdmUge1xuICAgIHRleHQtZGVjb3JhdGlvbi10aGlja25lc3M6IDJweDtcbiAgfVxuYFxuXG5jb25zdCBTdHlsZWRJdGVtID0gc3R5bGVkKFN0ZXBMaXN0Lkl0ZW0pYFxuYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcblxudHlwZSBTdGVwUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgbnVtYmVyIG9mIHRoZSBzdGVwLCBtYXggNSBzdGVwcy5cbiAgICovXG4gIHN0ZXBOdW1iZXI6IG51bWJlclxuICAvKipcbiAgICogVGl0bGUgb2YgdGhlIHN0ZXBcbiAgICovXG4gIHN0ZXBUaXRsZTogc3RyaW5nXG4gIC8qKlxuICAgKiBTdGF0ZSBvZiB0aGUgc3RlcFxuICAgKi9cbiAgY29tcGxldGVkOiBib29sZWFuXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IFN0ZXBwZWRMaXN0ID0gKHtcbiAgc3RlcE51bWJlcixcbiAgc3RlcFRpdGxlLFxuICBjb21wbGV0ZWQsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG59OiBTdGVwUHJvcHMpID0+IHtcbiAgY29uc3QgY29udGFpbmVyRGF0YSA9IHVzZUNvbnRleHQoRGF0YSlcbiAgY29uc3QgYWN0aXZlID0gY29udGFpbmVyRGF0YS5jdXJyZW50U3RlcCA9PT0gc3RlcE51bWJlclxuXG4gIHJldHVybiBjb21wbGV0ZWQgPyAoXG4gICAgPFN0eWxlZEl0ZW1cbiAgICAgIGJ1bGxldEljb249XCJjaGVja1wiXG4gICAgICBwcm9taW5lbmNlPXthY3RpdmUgPyAnc3Ryb25nJyA6ICdkZWZhdWx0J31cbiAgICAgIHNlbnRpbWVudD1cInByaW1hcnlcIlxuICAgICAgb25DbGljaz17KCkgPT4gY29udGFpbmVyRGF0YS5zZXRDdXJyZW50U3RlcChzdGVwTnVtYmVyKX1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgID5cbiAgICAgIDxDdXN0b21UZXh0IGFzPVwiaDNcIiB2YXJpYW50PXthY3RpdmUgPyAnYm9keVN0cm9uZycgOiAnYm9keSd9PlxuICAgICAgICB7c3RlcFRpdGxlfVxuICAgICAgPC9DdXN0b21UZXh0PlxuICAgIDwvU3R5bGVkSXRlbT5cbiAgKSA6IChcbiAgICA8U3R5bGVkSXRlbVxuICAgICAgYnVsbGV0VGV4dD17U3RyaW5nKHN0ZXBOdW1iZXIpfVxuICAgICAgcHJvbWluZW5jZT17YWN0aXZlID8gJ3N0cm9uZycgOiB1bmRlZmluZWR9XG4gICAgICBzZW50aW1lbnQ9e2FjdGl2ZSA/ICdwcmltYXJ5JyA6IHVuZGVmaW5lZH1cbiAgICAgIG9uQ2xpY2s9eygpID0+IGNvbnRhaW5lckRhdGEuc2V0Q3VycmVudFN0ZXAoc3RlcE51bWJlcil9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICA+XG4gICAgICA8Q3VzdG9tVGV4dCBhcz1cImgzXCIgdmFyaWFudD17YWN0aXZlID8gJ2JvZHlTdHJvbmcnIDogJ2JvZHknfT5cbiAgICAgICAge3N0ZXBUaXRsZX1cbiAgICAgIDwvQ3VzdG9tVGV4dD5cbiAgICA8L1N0eWxlZEl0ZW0+XG4gIClcbn1cbiJdfQ== */",
|
|
20
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
21
|
+
});
|
|
22
|
+
const StyledItem = /* @__PURE__ */ _styled(StepList.Item, process.env.NODE_ENV === "production" ? {
|
|
23
|
+
target: "ehxefxd0"
|
|
24
|
+
} : {
|
|
25
|
+
target: "ehxefxd0",
|
|
26
|
+
label: "StyledItem"
|
|
27
|
+
})(process.env.NODE_ENV === "production" ? {
|
|
28
|
+
name: "1h3rtzg",
|
|
29
|
+
styles: "align-items:center"
|
|
30
|
+
} : {
|
|
31
|
+
name: "1h3rtzg",
|
|
32
|
+
styles: "align-items:center/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCd0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9TdGVwcGVkTGlzdENhcmQvU3RlcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFN0ZXBMaXN0LCBUZXh0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHsgdXNlQ29udGV4dCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgRGF0YSB9IGZyb20gJy4vaGVscGVyJ1xuXG5jb25zdCBDdXN0b21UZXh0ID0gc3R5bGVkKFRleHQpYFxuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRyYW5zaXRpb246IHRleHQtZGVjb3JhdGlvbi1jb2xvciAyNTBtcyBlYXNlLW91dDtcbiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gIHRleHQtZGVjb3JhdGlvbi10aGlja25lc3M6IDFweDtcbiAgdGV4dC11bmRlcmxpbmUtb2Zmc2V0OiAycHg7XG4gIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cbiAgJjpob3ZlciB7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgdGV4dC1kZWNvcmF0aW9uLXRoaWNrbmVzczogMXB4O1xuICB9XG4gICY6YWN0aXZlIHtcbiAgICB0ZXh0LWRlY29yYXRpb24tdGhpY2tuZXNzOiAycHg7XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkSXRlbSA9IHN0eWxlZChTdGVwTGlzdC5JdGVtKWBcbmFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gXG5cbnR5cGUgU3RlcFByb3BzID0ge1xuICAvKipcbiAgICogVGhlIG51bWJlciBvZiB0aGUgc3RlcCwgbWF4IDUgc3RlcHMuXG4gICAqL1xuICBzdGVwTnVtYmVyOiBudW1iZXJcbiAgLyoqXG4gICAqIFRpdGxlIG9mIHRoZSBzdGVwXG4gICAqL1xuICBzdGVwVGl0bGU6IHN0cmluZ1xuICAvKipcbiAgICogU3RhdGUgb2YgdGhlIHN0ZXBcbiAgICovXG4gIGNvbXBsZXRlZDogYm9vbGVhblxuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBTdGVwcGVkTGlzdCA9ICh7XG4gIHN0ZXBOdW1iZXIsXG4gIHN0ZXBUaXRsZSxcbiAgY29tcGxldGVkLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogU3RlcFByb3BzKSA9PiB7XG4gIGNvbnN0IGNvbnRhaW5lckRhdGEgPSB1c2VDb250ZXh0KERhdGEpXG4gIGNvbnN0IGFjdGl2ZSA9IGNvbnRhaW5lckRhdGEuY3VycmVudFN0ZXAgPT09IHN0ZXBOdW1iZXJcblxuICByZXR1cm4gY29tcGxldGVkID8gKFxuICAgIDxTdHlsZWRJdGVtXG4gICAgICBidWxsZXRJY29uPVwiY2hlY2tcIlxuICAgICAgcHJvbWluZW5jZT17YWN0aXZlID8gJ3N0cm9uZycgOiAnZGVmYXVsdCd9XG4gICAgICBzZW50aW1lbnQ9XCJwcmltYXJ5XCJcbiAgICAgIG9uQ2xpY2s9eygpID0+IGNvbnRhaW5lckRhdGEuc2V0Q3VycmVudFN0ZXAoc3RlcE51bWJlcil9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICA+XG4gICAgICA8Q3VzdG9tVGV4dCBhcz1cImgzXCIgdmFyaWFudD17YWN0aXZlID8gJ2JvZHlTdHJvbmcnIDogJ2JvZHknfT5cbiAgICAgICAge3N0ZXBUaXRsZX1cbiAgICAgIDwvQ3VzdG9tVGV4dD5cbiAgICA8L1N0eWxlZEl0ZW0+XG4gICkgOiAoXG4gICAgPFN0eWxlZEl0ZW1cbiAgICAgIGJ1bGxldFRleHQ9e1N0cmluZyhzdGVwTnVtYmVyKX1cbiAgICAgIHByb21pbmVuY2U9e2FjdGl2ZSA/ICdzdHJvbmcnIDogdW5kZWZpbmVkfVxuICAgICAgc2VudGltZW50PXthY3RpdmUgPyAncHJpbWFyeScgOiB1bmRlZmluZWR9XG4gICAgICBvbkNsaWNrPXsoKSA9PiBjb250YWluZXJEYXRhLnNldEN1cnJlbnRTdGVwKHN0ZXBOdW1iZXIpfVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgPlxuICAgICAgPEN1c3RvbVRleHQgYXM9XCJoM1wiIHZhcmlhbnQ9e2FjdGl2ZSA/ICdib2R5U3Ryb25nJyA6ICdib2R5J30+XG4gICAgICAgIHtzdGVwVGl0bGV9XG4gICAgICA8L0N1c3RvbVRleHQ+XG4gICAgPC9TdHlsZWRJdGVtPlxuICApXG59XG4iXX0= */",
|
|
20
33
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
21
34
|
});
|
|
22
35
|
const SteppedList = ({
|
|
@@ -27,7 +40,7 @@ const SteppedList = ({
|
|
|
27
40
|
}) => {
|
|
28
41
|
const containerData = useContext(Data);
|
|
29
42
|
const active = containerData.currentStep === stepNumber;
|
|
30
|
-
return completed ? /* @__PURE__ */ jsx(
|
|
43
|
+
return completed ? /* @__PURE__ */ jsx(StyledItem, { bulletIcon: "check", prominence: active ? "strong" : "default", sentiment: "primary", onClick: () => containerData.setCurrentStep(stepNumber), "data-testid": dataTestId, children: /* @__PURE__ */ jsx(CustomText, { as: "h3", variant: active ? "bodyStrong" : "body", children: stepTitle }) }) : /* @__PURE__ */ jsx(StyledItem, { bulletText: String(stepNumber), prominence: active ? "strong" : void 0, sentiment: active ? "primary" : void 0, onClick: () => containerData.setCurrentStep(stepNumber), "data-testid": dataTestId, children: /* @__PURE__ */ jsx(CustomText, { as: "h3", variant: active ? "bodyStrong" : "body", children: stepTitle }) });
|
|
31
44
|
};
|
|
32
45
|
export {
|
|
33
46
|
SteppedList
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
4
|
+
const _styled = require("@emotion/styled/base");
|
|
5
|
+
const ui = require("@ultraviolet/ui");
|
|
6
|
+
const react = require("react");
|
|
7
|
+
const Step = require("./Step.cjs");
|
|
8
|
+
const SteppedListContent = require("./SteppedListContent.cjs");
|
|
9
|
+
const helper = require("./helper.cjs");
|
|
10
|
+
const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
|
|
11
|
+
const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
|
|
12
|
+
function _EMOTION_STRINGIFIED_CSS_ERROR__() {
|
|
13
|
+
return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
|
|
14
|
+
}
|
|
15
|
+
const StyledCard = /* @__PURE__ */ _styled__default.default(ui.Card, process.env.NODE_ENV === "production" ? {
|
|
16
|
+
target: "e19uh1fl1"
|
|
17
|
+
} : {
|
|
18
|
+
target: "e19uh1fl1",
|
|
19
|
+
label: "StyledCard"
|
|
20
|
+
})(process.env.NODE_ENV === "production" ? {
|
|
21
|
+
name: "1hcx8jb",
|
|
22
|
+
styles: "padding:0"
|
|
23
|
+
} : {
|
|
24
|
+
name: "1hcx8jb",
|
|
25
|
+
styles: "padding:0/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q2FyZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUStCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEJ1dHRvbiwgQ2FyZCwgUm93LCBTdGFjaywgU3RlcExpc3QsIFRleHQgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgeyBDaGlsZHJlbiwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBTdGVwcGVkTGlzdCB9IGZyb20gJy4vU3RlcCdcbmltcG9ydCB7IFN0ZXBwZWRMaXN0Q29udGVudCB9IGZyb20gJy4vU3RlcHBlZExpc3RDb250ZW50J1xuaW1wb3J0IHsgRGF0YSB9IGZyb20gJy4vaGVscGVyJ1xuXG5jb25zdCBTdHlsZWRDYXJkID0gc3R5bGVkKENhcmQpYFxuICBwYWRkaW5nOiAwO1xuYFxuY29uc3QgQ29udGVudFN0YWNrID0gc3R5bGVkKFN0YWNrKWBcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMyddfTtcbiAgYm9yZGVyLXJpZ2h0OiBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcn0gMXB4O1xuYFxuXG50eXBlIFN0ZXBwZWRMaXN0Q29udGFpbmVyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaXRsZSBvZiB0aGUgc2VjdGlvbiwgaW50cm9kdWNlcyB0aGUgZmVhdHVyZS5cbiAgICovXG4gIGhlYWRlcjogUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBMaXN0IG9mIHN0ZXBzXG4gICAqL1xuICBzdGVwczogc3RyaW5nW11cbiAgLyoqXG4gICAqIERlZmluZSBoZXJlIHRoZSBjb250ZW50IG9mIGVhY2ggc3RlcFxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICAvKipcbiAgICogRnVuY3Rpb24gY2FsbGVkIHdoZW4gdGhlIGNvbXBvbmVudCBpcyBjbG9zZWQuIFRoaXMgZnVuY3Rpb24gd2lsbCBvdmVybG9hZCB0aGUgZGVmYXVsdCBiZWhhdmlvci5cbiAgICovXG4gIG9uQ2xpY2tIaWRlPzogKCkgPT4gdm9pZFxufSAmIChcbiAgfCB7XG4gICAgICAvKipcbiAgICAgICAqIFNob3cgdGhlIHRvZ2dsZSBvcHRpb25cbiAgICAgICAqL1xuICAgICAgc2hvd1RvZ2dsZU9wdGlvbjogZmFsc2VcbiAgICAgIGhpZGVUb29sdGlwVGV4dD86IG5ldmVyXG4gICAgICBoaWRlVGV4dD86IG5ldmVyXG4gICAgICBzaG93VGV4dD86IG5ldmVyXG4gICAgICBzaG93VG9vbHRpcFRleHQ/OiBuZXZlclxuICAgIH1cbiAgfCB7XG4gICAgICAvKipcbiAgICAgICAqIFNob3cgdGhlIHRvZ2dsZSBvcHRpb25cbiAgICAgICAqL1xuICAgICAgc2hvd1RvZ2dsZU9wdGlvbj86IHRydWVcbiAgICAgIC8qKlxuICAgICAgICogVGV4dCBvZiB0aGUgdG9vbHRpcCBvbiB0aGUgaGlkZSBidXR0b25cbiAgICAgICAqL1xuICAgICAgaGlkZVRvb2x0aXBUZXh0Pzogc3RyaW5nXG4gICAgICAvKipcbiAgICAgICAqIFRleHQgb2YgdGhlIFwiaGlkZVwiIGJ1dHRvblxuICAgICAgICovXG4gICAgICBoaWRlVGV4dD86IHN0cmluZ1xuICAgICAgLyoqXG4gICAgICAgKiBUZXh0IG9mIHRoZSBcInNob3dcIiBidXR0b25cbiAgICAgICAqL1xuICAgICAgc2hvd1RleHQ/OiBzdHJpbmdcbiAgICAgIC8qKlxuICAgICAgICogVGV4dCBvZiB0b29sdGlwIG9uIHRoZSBcInNob3dcIiBidXR0b25cbiAgICAgICAqL1xuICAgICAgc2hvd1Rvb2x0aXBUZXh0Pzogc3RyaW5nXG4gICAgfVxuKVxuXG4vKipcbiAqIFN0ZXBwZWRMaXN0Q2FyZCBpcyBhIGNvbXBvbmVudCBjcmVhdGVkIGZvciBndWlkaW5nIHVzZXJzIHRocm91Z2ggc3RlcHMgaW4gYSBzdHJ1Y3R1cmVkIGFuZCBsaW5lYXIgbWFubmVyLlxuICogSXQgY2FuIHBhc3MgcHJvcCBcIm5leHRTdGVwXCIgdG8gaXRzIGNoaWxkcmVuLlxuICovXG5jb25zdCBTdGVwcGVkTGlzdENhcmQgPSAoe1xuICBoZWFkZXIsXG4gIHNob3dUb2dnbGVPcHRpb24gPSB0cnVlLFxuICBoaWRlVG9vbHRpcFRleHQsXG4gIGhpZGVUZXh0ID0gJ0hpZGUnLFxuICBzaG93VGV4dCA9ICdTaG93JyxcbiAgc2hvd1Rvb2x0aXBUZXh0LFxuICBjaGlsZHJlbixcbiAgc3RlcHMsXG4gIG9uQ2xpY2tIaWRlLFxufTogU3RlcHBlZExpc3RDb250YWluZXJQcm9wcykgPT4ge1xuICBjb25zdCBudW1iZXJPZlN0ZXBzID0gQ2hpbGRyZW4uY291bnQoY2hpbGRyZW4pXG4gIGNvbnN0IFtjdXJyZW50U3RlcCwgc2V0Q3VycmVudFN0ZXBdID0gdXNlU3RhdGUoMSlcbiAgY29uc3QgW2hpZGRlbiwgc2V0SGlkZGVuXSA9IHVzZVN0YXRlKGZhbHNlKVxuICBjb25zdCBbZG9uZSwgc2V0RG9uZV0gPSB1c2VTdGF0ZShuZXcgQXJyYXk8Ym9vbGVhbj4oc3RlcHMubGVuZ3RoKS5maWxsKGZhbHNlKSlcblxuICBjb25zdCB2YWx1ZXMgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7XG4gICAgICBjdXJyZW50U3RlcCxcbiAgICAgIHNldEN1cnJlbnRTdGVwLFxuICAgICAgbnVtYmVyT2ZTdGVwcyxcbiAgICAgIGRvbmUsXG4gICAgICBzZXREb25lLFxuICAgICAgc2V0SGlkZGVuLFxuICAgICAgb25DbGlja0hpZGUsXG4gICAgfSksXG4gICAgW1xuICAgICAgY3VycmVudFN0ZXAsXG4gICAgICBzZXRDdXJyZW50U3RlcCxcbiAgICAgIG51bWJlck9mU3RlcHMsXG4gICAgICBkb25lLFxuICAgICAgc2V0RG9uZSxcbiAgICAgIHNldEhpZGRlbixcbiAgICAgIG9uQ2xpY2tIaWRlLFxuICAgIF0sXG4gIClcblxuICBjb25zdCBvbkNsaWNrSGlkZUJ1dHRvbiA9ICgpID0+IHtcbiAgICBpZiAob25DbGlja0hpZGUpIG9uQ2xpY2tIaWRlKClcbiAgICBlbHNlIHNldEhpZGRlbighaGlkZGVuKVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8RGF0YS5Qcm92aWRlciB2YWx1ZT17dmFsdWVzfT5cbiAgICAgIDxTdGFjayBnYXA9ezN9PlxuICAgICAgICA8Um93IHRlbXBsYXRlQ29sdW1ucz1cIjlmciAxZnJcIj5cbiAgICAgICAgICB7dHlwZW9mIGhlYWRlciA9PT0gJ3N0cmluZycgPyAoXG4gICAgICAgICAgICA8VGV4dCBhcz1cImgzXCIgdmFyaWFudD1cImhlYWRpbmdcIj5cbiAgICAgICAgICAgICAge2hlYWRlcn1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgaGVhZGVyXG4gICAgICAgICAgKX1cbiAgICAgICAgICB7c2hvd1RvZ2dsZU9wdGlvbiA/IChcbiAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgb25DbGljaz17b25DbGlja0hpZGVCdXR0b259XG4gICAgICAgICAgICAgIHZhcmlhbnQ9XCJnaG9zdFwiXG4gICAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgICB0b29sdGlwPXtoaWRkZW4gPyBzaG93VG9vbHRpcFRleHQgOiBoaWRlVG9vbHRpcFRleHR9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtoaWRkZW4gPyBzaG93VGV4dCA6IGhpZGVUZXh0fVxuICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDwvUm93PlxuICAgICAgICB7aGlkZGVuID8gbnVsbCA6IChcbiAgICAgICAgICA8U3R5bGVkQ2FyZD5cbiAgICAgICAgICAgIDxSb3cgdGVtcGxhdGVDb2x1bW5zPVwiMWZyIDNmclwiPlxuICAgICAgICAgICAgICA8Q29udGVudFN0YWNrIGRpcmVjdGlvbj1cImNvbHVtblwiIGdhcD17NH0+XG4gICAgICAgICAgICAgICAgPFN0ZXBMaXN0PlxuICAgICAgICAgICAgICAgICAge3N0ZXBzLm1hcCgoc3RlcCwgaW5kZXgpID0+IChcbiAgICAgICAgICAgICAgICAgICAgPFN0ZXBwZWRMaXN0XG4gICAgICAgICAgICAgICAgICAgICAga2V5PXtzdGVwfVxuICAgICAgICAgICAgICAgICAgICAgIHN0ZXBOdW1iZXI9e2luZGV4ICsgMX1cbiAgICAgICAgICAgICAgICAgICAgICBzdGVwVGl0bGU9e3N0ZXB9XG4gICAgICAgICAgICAgICAgICAgICAgY29tcGxldGVkPXtkb25lW2luZGV4XX1cbiAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgICAgIDwvU3RlcExpc3Q+XG4gICAgICAgICAgICAgIDwvQ29udGVudFN0YWNrPlxuICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L1Jvdz5cbiAgICAgICAgICA8L1N0eWxlZENhcmQ+XG4gICAgICAgICl9XG4gICAgICA8L1N0YWNrPlxuICAgIDwvRGF0YS5Qcm92aWRlcj5cbiAgKVxufVxuXG5TdGVwcGVkTGlzdENhcmQuU3RlcCA9IFN0ZXBwZWRMaXN0Q29udGVudFxuXG5leHBvcnQgeyBTdGVwcGVkTGlzdENhcmQgfVxuIl19 */",
|
|
26
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
27
|
+
});
|
|
28
|
+
const ContentStack = /* @__PURE__ */ _styled__default.default(ui.Stack, process.env.NODE_ENV === "production" ? {
|
|
29
|
+
target: "e19uh1fl0"
|
|
30
|
+
} : {
|
|
31
|
+
target: "e19uh1fl0",
|
|
32
|
+
label: "ContentStack"
|
|
33
|
+
})("padding:", ({
|
|
34
|
+
theme
|
|
35
|
+
}) => theme.space["3"], ";border-right:solid ", ({
|
|
36
|
+
theme
|
|
37
|
+
}) => theme.colors.neutral.border, " 1px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q2FyZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV2tDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEJ1dHRvbiwgQ2FyZCwgUm93LCBTdGFjaywgU3RlcExpc3QsIFRleHQgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgeyBDaGlsZHJlbiwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBTdGVwcGVkTGlzdCB9IGZyb20gJy4vU3RlcCdcbmltcG9ydCB7IFN0ZXBwZWRMaXN0Q29udGVudCB9IGZyb20gJy4vU3RlcHBlZExpc3RDb250ZW50J1xuaW1wb3J0IHsgRGF0YSB9IGZyb20gJy4vaGVscGVyJ1xuXG5jb25zdCBTdHlsZWRDYXJkID0gc3R5bGVkKENhcmQpYFxuICBwYWRkaW5nOiAwO1xuYFxuY29uc3QgQ29udGVudFN0YWNrID0gc3R5bGVkKFN0YWNrKWBcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMyddfTtcbiAgYm9yZGVyLXJpZ2h0OiBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcn0gMXB4O1xuYFxuXG50eXBlIFN0ZXBwZWRMaXN0Q29udGFpbmVyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaXRsZSBvZiB0aGUgc2VjdGlvbiwgaW50cm9kdWNlcyB0aGUgZmVhdHVyZS5cbiAgICovXG4gIGhlYWRlcjogUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBMaXN0IG9mIHN0ZXBzXG4gICAqL1xuICBzdGVwczogc3RyaW5nW11cbiAgLyoqXG4gICAqIERlZmluZSBoZXJlIHRoZSBjb250ZW50IG9mIGVhY2ggc3RlcFxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICAvKipcbiAgICogRnVuY3Rpb24gY2FsbGVkIHdoZW4gdGhlIGNvbXBvbmVudCBpcyBjbG9zZWQuIFRoaXMgZnVuY3Rpb24gd2lsbCBvdmVybG9hZCB0aGUgZGVmYXVsdCBiZWhhdmlvci5cbiAgICovXG4gIG9uQ2xpY2tIaWRlPzogKCkgPT4gdm9pZFxufSAmIChcbiAgfCB7XG4gICAgICAvKipcbiAgICAgICAqIFNob3cgdGhlIHRvZ2dsZSBvcHRpb25cbiAgICAgICAqL1xuICAgICAgc2hvd1RvZ2dsZU9wdGlvbjogZmFsc2VcbiAgICAgIGhpZGVUb29sdGlwVGV4dD86IG5ldmVyXG4gICAgICBoaWRlVGV4dD86IG5ldmVyXG4gICAgICBzaG93VGV4dD86IG5ldmVyXG4gICAgICBzaG93VG9vbHRpcFRleHQ/OiBuZXZlclxuICAgIH1cbiAgfCB7XG4gICAgICAvKipcbiAgICAgICAqIFNob3cgdGhlIHRvZ2dsZSBvcHRpb25cbiAgICAgICAqL1xuICAgICAgc2hvd1RvZ2dsZU9wdGlvbj86IHRydWVcbiAgICAgIC8qKlxuICAgICAgICogVGV4dCBvZiB0aGUgdG9vbHRpcCBvbiB0aGUgaGlkZSBidXR0b25cbiAgICAgICAqL1xuICAgICAgaGlkZVRvb2x0aXBUZXh0Pzogc3RyaW5nXG4gICAgICAvKipcbiAgICAgICAqIFRleHQgb2YgdGhlIFwiaGlkZVwiIGJ1dHRvblxuICAgICAgICovXG4gICAgICBoaWRlVGV4dD86IHN0cmluZ1xuICAgICAgLyoqXG4gICAgICAgKiBUZXh0IG9mIHRoZSBcInNob3dcIiBidXR0b25cbiAgICAgICAqL1xuICAgICAgc2hvd1RleHQ/OiBzdHJpbmdcbiAgICAgIC8qKlxuICAgICAgICogVGV4dCBvZiB0b29sdGlwIG9uIHRoZSBcInNob3dcIiBidXR0b25cbiAgICAgICAqL1xuICAgICAgc2hvd1Rvb2x0aXBUZXh0Pzogc3RyaW5nXG4gICAgfVxuKVxuXG4vKipcbiAqIFN0ZXBwZWRMaXN0Q2FyZCBpcyBhIGNvbXBvbmVudCBjcmVhdGVkIGZvciBndWlkaW5nIHVzZXJzIHRocm91Z2ggc3RlcHMgaW4gYSBzdHJ1Y3R1cmVkIGFuZCBsaW5lYXIgbWFubmVyLlxuICogSXQgY2FuIHBhc3MgcHJvcCBcIm5leHRTdGVwXCIgdG8gaXRzIGNoaWxkcmVuLlxuICovXG5jb25zdCBTdGVwcGVkTGlzdENhcmQgPSAoe1xuICBoZWFkZXIsXG4gIHNob3dUb2dnbGVPcHRpb24gPSB0cnVlLFxuICBoaWRlVG9vbHRpcFRleHQsXG4gIGhpZGVUZXh0ID0gJ0hpZGUnLFxuICBzaG93VGV4dCA9ICdTaG93JyxcbiAgc2hvd1Rvb2x0aXBUZXh0LFxuICBjaGlsZHJlbixcbiAgc3RlcHMsXG4gIG9uQ2xpY2tIaWRlLFxufTogU3RlcHBlZExpc3RDb250YWluZXJQcm9wcykgPT4ge1xuICBjb25zdCBudW1iZXJPZlN0ZXBzID0gQ2hpbGRyZW4uY291bnQoY2hpbGRyZW4pXG4gIGNvbnN0IFtjdXJyZW50U3RlcCwgc2V0Q3VycmVudFN0ZXBdID0gdXNlU3RhdGUoMSlcbiAgY29uc3QgW2hpZGRlbiwgc2V0SGlkZGVuXSA9IHVzZVN0YXRlKGZhbHNlKVxuICBjb25zdCBbZG9uZSwgc2V0RG9uZV0gPSB1c2VTdGF0ZShuZXcgQXJyYXk8Ym9vbGVhbj4oc3RlcHMubGVuZ3RoKS5maWxsKGZhbHNlKSlcblxuICBjb25zdCB2YWx1ZXMgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7XG4gICAgICBjdXJyZW50U3RlcCxcbiAgICAgIHNldEN1cnJlbnRTdGVwLFxuICAgICAgbnVtYmVyT2ZTdGVwcyxcbiAgICAgIGRvbmUsXG4gICAgICBzZXREb25lLFxuICAgICAgc2V0SGlkZGVuLFxuICAgICAgb25DbGlja0hpZGUsXG4gICAgfSksXG4gICAgW1xuICAgICAgY3VycmVudFN0ZXAsXG4gICAgICBzZXRDdXJyZW50U3RlcCxcbiAgICAgIG51bWJlck9mU3RlcHMsXG4gICAgICBkb25lLFxuICAgICAgc2V0RG9uZSxcbiAgICAgIHNldEhpZGRlbixcbiAgICAgIG9uQ2xpY2tIaWRlLFxuICAgIF0sXG4gIClcblxuICBjb25zdCBvbkNsaWNrSGlkZUJ1dHRvbiA9ICgpID0+IHtcbiAgICBpZiAob25DbGlja0hpZGUpIG9uQ2xpY2tIaWRlKClcbiAgICBlbHNlIHNldEhpZGRlbighaGlkZGVuKVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8RGF0YS5Qcm92aWRlciB2YWx1ZT17dmFsdWVzfT5cbiAgICAgIDxTdGFjayBnYXA9ezN9PlxuICAgICAgICA8Um93IHRlbXBsYXRlQ29sdW1ucz1cIjlmciAxZnJcIj5cbiAgICAgICAgICB7dHlwZW9mIGhlYWRlciA9PT0gJ3N0cmluZycgPyAoXG4gICAgICAgICAgICA8VGV4dCBhcz1cImgzXCIgdmFyaWFudD1cImhlYWRpbmdcIj5cbiAgICAgICAgICAgICAge2hlYWRlcn1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgaGVhZGVyXG4gICAgICAgICAgKX1cbiAgICAgICAgICB7c2hvd1RvZ2dsZU9wdGlvbiA/IChcbiAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgb25DbGljaz17b25DbGlja0hpZGVCdXR0b259XG4gICAgICAgICAgICAgIHZhcmlhbnQ9XCJnaG9zdFwiXG4gICAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgICB0b29sdGlwPXtoaWRkZW4gPyBzaG93VG9vbHRpcFRleHQgOiBoaWRlVG9vbHRpcFRleHR9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtoaWRkZW4gPyBzaG93VGV4dCA6IGhpZGVUZXh0fVxuICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDwvUm93PlxuICAgICAgICB7aGlkZGVuID8gbnVsbCA6IChcbiAgICAgICAgICA8U3R5bGVkQ2FyZD5cbiAgICAgICAgICAgIDxSb3cgdGVtcGxhdGVDb2x1bW5zPVwiMWZyIDNmclwiPlxuICAgICAgICAgICAgICA8Q29udGVudFN0YWNrIGRpcmVjdGlvbj1cImNvbHVtblwiIGdhcD17NH0+XG4gICAgICAgICAgICAgICAgPFN0ZXBMaXN0PlxuICAgICAgICAgICAgICAgICAge3N0ZXBzLm1hcCgoc3RlcCwgaW5kZXgpID0+IChcbiAgICAgICAgICAgICAgICAgICAgPFN0ZXBwZWRMaXN0XG4gICAgICAgICAgICAgICAgICAgICAga2V5PXtzdGVwfVxuICAgICAgICAgICAgICAgICAgICAgIHN0ZXBOdW1iZXI9e2luZGV4ICsgMX1cbiAgICAgICAgICAgICAgICAgICAgICBzdGVwVGl0bGU9e3N0ZXB9XG4gICAgICAgICAgICAgICAgICAgICAgY29tcGxldGVkPXtkb25lW2luZGV4XX1cbiAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgICAgIDwvU3RlcExpc3Q+XG4gICAgICAgICAgICAgIDwvQ29udGVudFN0YWNrPlxuICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L1Jvdz5cbiAgICAgICAgICA8L1N0eWxlZENhcmQ+XG4gICAgICAgICl9XG4gICAgICA8L1N0YWNrPlxuICAgIDwvRGF0YS5Qcm92aWRlcj5cbiAgKVxufVxuXG5TdGVwcGVkTGlzdENhcmQuU3RlcCA9IFN0ZXBwZWRMaXN0Q29udGVudFxuXG5leHBvcnQgeyBTdGVwcGVkTGlzdENhcmQgfVxuIl19 */"));
|
|
38
|
+
const SteppedListCard = ({
|
|
39
|
+
header,
|
|
40
|
+
showToggleOption = true,
|
|
41
|
+
hideTooltipText,
|
|
42
|
+
hideText = "Hide",
|
|
43
|
+
showText = "Show",
|
|
44
|
+
showTooltipText,
|
|
45
|
+
children,
|
|
46
|
+
steps,
|
|
47
|
+
onClickHide
|
|
48
|
+
}) => {
|
|
49
|
+
const numberOfSteps = react.Children.count(children);
|
|
50
|
+
const [currentStep, setCurrentStep] = react.useState(1);
|
|
51
|
+
const [hidden, setHidden] = react.useState(false);
|
|
52
|
+
const [done, setDone] = react.useState(new Array(steps.length).fill(false));
|
|
53
|
+
const values = react.useMemo(() => ({
|
|
54
|
+
currentStep,
|
|
55
|
+
setCurrentStep,
|
|
56
|
+
numberOfSteps,
|
|
57
|
+
done,
|
|
58
|
+
setDone,
|
|
59
|
+
setHidden,
|
|
60
|
+
onClickHide
|
|
61
|
+
}), [currentStep, setCurrentStep, numberOfSteps, done, setDone, setHidden, onClickHide]);
|
|
62
|
+
const onClickHideButton = () => {
|
|
63
|
+
if (onClickHide) onClickHide();
|
|
64
|
+
else setHidden(!hidden);
|
|
65
|
+
};
|
|
66
|
+
return /* @__PURE__ */ jsxRuntime.jsx(helper.Data.Provider, { value: values, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { gap: 3, children: [
|
|
67
|
+
/* @__PURE__ */ jsxRuntime.jsxs(ui.Row, { templateColumns: "9fr 1fr", children: [
|
|
68
|
+
typeof header === "string" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "h3", variant: "heading", children: header }) : header,
|
|
69
|
+
showToggleOption ? /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: onClickHideButton, variant: "ghost", sentiment: "neutral", size: "small", tooltip: hidden ? showTooltipText : hideTooltipText, children: hidden ? showText : hideText }) : null
|
|
70
|
+
] }),
|
|
71
|
+
hidden ? null : /* @__PURE__ */ jsxRuntime.jsx(StyledCard, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Row, { templateColumns: "1fr 3fr", children: [
|
|
72
|
+
/* @__PURE__ */ jsxRuntime.jsx(ContentStack, { direction: "column", gap: 4, children: /* @__PURE__ */ jsxRuntime.jsx(ui.StepList, { children: steps.map((step, index) => /* @__PURE__ */ jsxRuntime.jsx(Step.SteppedList, { stepNumber: index + 1, stepTitle: step, completed: done[index] }, step)) }) }),
|
|
73
|
+
children
|
|
74
|
+
] }) })
|
|
75
|
+
] }) });
|
|
76
|
+
};
|
|
77
|
+
SteppedListCard.Step = SteppedListContent.SteppedListContent;
|
|
78
|
+
exports.SteppedListCard = SteppedListCard;
|
|
@@ -48,16 +48,17 @@ type SteppedListContainerProps = {
|
|
|
48
48
|
showTooltipText?: string;
|
|
49
49
|
});
|
|
50
50
|
/**
|
|
51
|
-
*
|
|
51
|
+
* SteppedListCard is a component created for guiding users through steps in a structured and linear manner.
|
|
52
52
|
* It can pass prop "nextStep" to its children.
|
|
53
53
|
*/
|
|
54
|
-
declare const
|
|
54
|
+
declare const SteppedListCard: {
|
|
55
55
|
({ header, showToggleOption, hideTooltipText, hideText, showText, showTooltipText, children, steps, onClickHide, }: SteppedListContainerProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
56
|
-
Step: ({ subHeader, children, image, stepNumber, }: {
|
|
56
|
+
Step: ({ subHeader, children, image, stepNumber, completed, }: {
|
|
57
57
|
subHeader?: ReactNode;
|
|
58
58
|
children: ((nextStep: (completed: boolean) => void) => ReactNode) | ReactNode;
|
|
59
59
|
image?: ReactNode;
|
|
60
60
|
stepNumber: number;
|
|
61
|
+
completed?: boolean;
|
|
61
62
|
}) => import("@emotion/react/jsx-runtime").JSX.Element | null;
|
|
62
63
|
};
|
|
63
|
-
export {
|
|
64
|
+
export { SteppedListCard };
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import { jsx, jsxs } from "@emotion/react/jsx-runtime";
|
|
2
|
+
import _styled from "@emotion/styled/base";
|
|
3
|
+
import { Stack, Row, Text, Button, StepList, Card } from "@ultraviolet/ui";
|
|
4
|
+
import { Children, useState, useMemo } from "react";
|
|
5
|
+
import { SteppedList } from "./Step.js";
|
|
6
|
+
import { SteppedListContent } from "./SteppedListContent.js";
|
|
7
|
+
import { Data } from "./helper.js";
|
|
8
|
+
function _EMOTION_STRINGIFIED_CSS_ERROR__() {
|
|
9
|
+
return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
|
|
10
|
+
}
|
|
11
|
+
const StyledCard = /* @__PURE__ */ _styled(Card, process.env.NODE_ENV === "production" ? {
|
|
12
|
+
target: "e19uh1fl1"
|
|
13
|
+
} : {
|
|
14
|
+
target: "e19uh1fl1",
|
|
15
|
+
label: "StyledCard"
|
|
16
|
+
})(process.env.NODE_ENV === "production" ? {
|
|
17
|
+
name: "1hcx8jb",
|
|
18
|
+
styles: "padding:0"
|
|
19
|
+
} : {
|
|
20
|
+
name: "1hcx8jb",
|
|
21
|
+
styles: "padding:0/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q2FyZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUStCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEJ1dHRvbiwgQ2FyZCwgUm93LCBTdGFjaywgU3RlcExpc3QsIFRleHQgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgeyBDaGlsZHJlbiwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBTdGVwcGVkTGlzdCB9IGZyb20gJy4vU3RlcCdcbmltcG9ydCB7IFN0ZXBwZWRMaXN0Q29udGVudCB9IGZyb20gJy4vU3RlcHBlZExpc3RDb250ZW50J1xuaW1wb3J0IHsgRGF0YSB9IGZyb20gJy4vaGVscGVyJ1xuXG5jb25zdCBTdHlsZWRDYXJkID0gc3R5bGVkKENhcmQpYFxuICBwYWRkaW5nOiAwO1xuYFxuY29uc3QgQ29udGVudFN0YWNrID0gc3R5bGVkKFN0YWNrKWBcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMyddfTtcbiAgYm9yZGVyLXJpZ2h0OiBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcn0gMXB4O1xuYFxuXG50eXBlIFN0ZXBwZWRMaXN0Q29udGFpbmVyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaXRsZSBvZiB0aGUgc2VjdGlvbiwgaW50cm9kdWNlcyB0aGUgZmVhdHVyZS5cbiAgICovXG4gIGhlYWRlcjogUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBMaXN0IG9mIHN0ZXBzXG4gICAqL1xuICBzdGVwczogc3RyaW5nW11cbiAgLyoqXG4gICAqIERlZmluZSBoZXJlIHRoZSBjb250ZW50IG9mIGVhY2ggc3RlcFxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICAvKipcbiAgICogRnVuY3Rpb24gY2FsbGVkIHdoZW4gdGhlIGNvbXBvbmVudCBpcyBjbG9zZWQuIFRoaXMgZnVuY3Rpb24gd2lsbCBvdmVybG9hZCB0aGUgZGVmYXVsdCBiZWhhdmlvci5cbiAgICovXG4gIG9uQ2xpY2tIaWRlPzogKCkgPT4gdm9pZFxufSAmIChcbiAgfCB7XG4gICAgICAvKipcbiAgICAgICAqIFNob3cgdGhlIHRvZ2dsZSBvcHRpb25cbiAgICAgICAqL1xuICAgICAgc2hvd1RvZ2dsZU9wdGlvbjogZmFsc2VcbiAgICAgIGhpZGVUb29sdGlwVGV4dD86IG5ldmVyXG4gICAgICBoaWRlVGV4dD86IG5ldmVyXG4gICAgICBzaG93VGV4dD86IG5ldmVyXG4gICAgICBzaG93VG9vbHRpcFRleHQ/OiBuZXZlclxuICAgIH1cbiAgfCB7XG4gICAgICAvKipcbiAgICAgICAqIFNob3cgdGhlIHRvZ2dsZSBvcHRpb25cbiAgICAgICAqL1xuICAgICAgc2hvd1RvZ2dsZU9wdGlvbj86IHRydWVcbiAgICAgIC8qKlxuICAgICAgICogVGV4dCBvZiB0aGUgdG9vbHRpcCBvbiB0aGUgaGlkZSBidXR0b25cbiAgICAgICAqL1xuICAgICAgaGlkZVRvb2x0aXBUZXh0Pzogc3RyaW5nXG4gICAgICAvKipcbiAgICAgICAqIFRleHQgb2YgdGhlIFwiaGlkZVwiIGJ1dHRvblxuICAgICAgICovXG4gICAgICBoaWRlVGV4dD86IHN0cmluZ1xuICAgICAgLyoqXG4gICAgICAgKiBUZXh0IG9mIHRoZSBcInNob3dcIiBidXR0b25cbiAgICAgICAqL1xuICAgICAgc2hvd1RleHQ/OiBzdHJpbmdcbiAgICAgIC8qKlxuICAgICAgICogVGV4dCBvZiB0b29sdGlwIG9uIHRoZSBcInNob3dcIiBidXR0b25cbiAgICAgICAqL1xuICAgICAgc2hvd1Rvb2x0aXBUZXh0Pzogc3RyaW5nXG4gICAgfVxuKVxuXG4vKipcbiAqIFN0ZXBwZWRMaXN0Q2FyZCBpcyBhIGNvbXBvbmVudCBjcmVhdGVkIGZvciBndWlkaW5nIHVzZXJzIHRocm91Z2ggc3RlcHMgaW4gYSBzdHJ1Y3R1cmVkIGFuZCBsaW5lYXIgbWFubmVyLlxuICogSXQgY2FuIHBhc3MgcHJvcCBcIm5leHRTdGVwXCIgdG8gaXRzIGNoaWxkcmVuLlxuICovXG5jb25zdCBTdGVwcGVkTGlzdENhcmQgPSAoe1xuICBoZWFkZXIsXG4gIHNob3dUb2dnbGVPcHRpb24gPSB0cnVlLFxuICBoaWRlVG9vbHRpcFRleHQsXG4gIGhpZGVUZXh0ID0gJ0hpZGUnLFxuICBzaG93VGV4dCA9ICdTaG93JyxcbiAgc2hvd1Rvb2x0aXBUZXh0LFxuICBjaGlsZHJlbixcbiAgc3RlcHMsXG4gIG9uQ2xpY2tIaWRlLFxufTogU3RlcHBlZExpc3RDb250YWluZXJQcm9wcykgPT4ge1xuICBjb25zdCBudW1iZXJPZlN0ZXBzID0gQ2hpbGRyZW4uY291bnQoY2hpbGRyZW4pXG4gIGNvbnN0IFtjdXJyZW50U3RlcCwgc2V0Q3VycmVudFN0ZXBdID0gdXNlU3RhdGUoMSlcbiAgY29uc3QgW2hpZGRlbiwgc2V0SGlkZGVuXSA9IHVzZVN0YXRlKGZhbHNlKVxuICBjb25zdCBbZG9uZSwgc2V0RG9uZV0gPSB1c2VTdGF0ZShuZXcgQXJyYXk8Ym9vbGVhbj4oc3RlcHMubGVuZ3RoKS5maWxsKGZhbHNlKSlcblxuICBjb25zdCB2YWx1ZXMgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7XG4gICAgICBjdXJyZW50U3RlcCxcbiAgICAgIHNldEN1cnJlbnRTdGVwLFxuICAgICAgbnVtYmVyT2ZTdGVwcyxcbiAgICAgIGRvbmUsXG4gICAgICBzZXREb25lLFxuICAgICAgc2V0SGlkZGVuLFxuICAgICAgb25DbGlja0hpZGUsXG4gICAgfSksXG4gICAgW1xuICAgICAgY3VycmVudFN0ZXAsXG4gICAgICBzZXRDdXJyZW50U3RlcCxcbiAgICAgIG51bWJlck9mU3RlcHMsXG4gICAgICBkb25lLFxuICAgICAgc2V0RG9uZSxcbiAgICAgIHNldEhpZGRlbixcbiAgICAgIG9uQ2xpY2tIaWRlLFxuICAgIF0sXG4gIClcblxuICBjb25zdCBvbkNsaWNrSGlkZUJ1dHRvbiA9ICgpID0+IHtcbiAgICBpZiAob25DbGlja0hpZGUpIG9uQ2xpY2tIaWRlKClcbiAgICBlbHNlIHNldEhpZGRlbighaGlkZGVuKVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8RGF0YS5Qcm92aWRlciB2YWx1ZT17dmFsdWVzfT5cbiAgICAgIDxTdGFjayBnYXA9ezN9PlxuICAgICAgICA8Um93IHRlbXBsYXRlQ29sdW1ucz1cIjlmciAxZnJcIj5cbiAgICAgICAgICB7dHlwZW9mIGhlYWRlciA9PT0gJ3N0cmluZycgPyAoXG4gICAgICAgICAgICA8VGV4dCBhcz1cImgzXCIgdmFyaWFudD1cImhlYWRpbmdcIj5cbiAgICAgICAgICAgICAge2hlYWRlcn1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgaGVhZGVyXG4gICAgICAgICAgKX1cbiAgICAgICAgICB7c2hvd1RvZ2dsZU9wdGlvbiA/IChcbiAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgb25DbGljaz17b25DbGlja0hpZGVCdXR0b259XG4gICAgICAgICAgICAgIHZhcmlhbnQ9XCJnaG9zdFwiXG4gICAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgICB0b29sdGlwPXtoaWRkZW4gPyBzaG93VG9vbHRpcFRleHQgOiBoaWRlVG9vbHRpcFRleHR9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtoaWRkZW4gPyBzaG93VGV4dCA6IGhpZGVUZXh0fVxuICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDwvUm93PlxuICAgICAgICB7aGlkZGVuID8gbnVsbCA6IChcbiAgICAgICAgICA8U3R5bGVkQ2FyZD5cbiAgICAgICAgICAgIDxSb3cgdGVtcGxhdGVDb2x1bW5zPVwiMWZyIDNmclwiPlxuICAgICAgICAgICAgICA8Q29udGVudFN0YWNrIGRpcmVjdGlvbj1cImNvbHVtblwiIGdhcD17NH0+XG4gICAgICAgICAgICAgICAgPFN0ZXBMaXN0PlxuICAgICAgICAgICAgICAgICAge3N0ZXBzLm1hcCgoc3RlcCwgaW5kZXgpID0+IChcbiAgICAgICAgICAgICAgICAgICAgPFN0ZXBwZWRMaXN0XG4gICAgICAgICAgICAgICAgICAgICAga2V5PXtzdGVwfVxuICAgICAgICAgICAgICAgICAgICAgIHN0ZXBOdW1iZXI9e2luZGV4ICsgMX1cbiAgICAgICAgICAgICAgICAgICAgICBzdGVwVGl0bGU9e3N0ZXB9XG4gICAgICAgICAgICAgICAgICAgICAgY29tcGxldGVkPXtkb25lW2luZGV4XX1cbiAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgICAgIDwvU3RlcExpc3Q+XG4gICAgICAgICAgICAgIDwvQ29udGVudFN0YWNrPlxuICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L1Jvdz5cbiAgICAgICAgICA8L1N0eWxlZENhcmQ+XG4gICAgICAgICl9XG4gICAgICA8L1N0YWNrPlxuICAgIDwvRGF0YS5Qcm92aWRlcj5cbiAgKVxufVxuXG5TdGVwcGVkTGlzdENhcmQuU3RlcCA9IFN0ZXBwZWRMaXN0Q29udGVudFxuXG5leHBvcnQgeyBTdGVwcGVkTGlzdENhcmQgfVxuIl19 */",
|
|
22
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
23
|
+
});
|
|
24
|
+
const ContentStack = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "production" ? {
|
|
25
|
+
target: "e19uh1fl0"
|
|
26
|
+
} : {
|
|
27
|
+
target: "e19uh1fl0",
|
|
28
|
+
label: "ContentStack"
|
|
29
|
+
})("padding:", ({
|
|
30
|
+
theme
|
|
31
|
+
}) => theme.space["3"], ";border-right:solid ", ({
|
|
32
|
+
theme
|
|
33
|
+
}) => theme.colors.neutral.border, " 1px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q2FyZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV2tDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEJ1dHRvbiwgQ2FyZCwgUm93LCBTdGFjaywgU3RlcExpc3QsIFRleHQgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgeyBDaGlsZHJlbiwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBTdGVwcGVkTGlzdCB9IGZyb20gJy4vU3RlcCdcbmltcG9ydCB7IFN0ZXBwZWRMaXN0Q29udGVudCB9IGZyb20gJy4vU3RlcHBlZExpc3RDb250ZW50J1xuaW1wb3J0IHsgRGF0YSB9IGZyb20gJy4vaGVscGVyJ1xuXG5jb25zdCBTdHlsZWRDYXJkID0gc3R5bGVkKENhcmQpYFxuICBwYWRkaW5nOiAwO1xuYFxuY29uc3QgQ29udGVudFN0YWNrID0gc3R5bGVkKFN0YWNrKWBcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMyddfTtcbiAgYm9yZGVyLXJpZ2h0OiBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcn0gMXB4O1xuYFxuXG50eXBlIFN0ZXBwZWRMaXN0Q29udGFpbmVyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaXRsZSBvZiB0aGUgc2VjdGlvbiwgaW50cm9kdWNlcyB0aGUgZmVhdHVyZS5cbiAgICovXG4gIGhlYWRlcjogUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBMaXN0IG9mIHN0ZXBzXG4gICAqL1xuICBzdGVwczogc3RyaW5nW11cbiAgLyoqXG4gICAqIERlZmluZSBoZXJlIHRoZSBjb250ZW50IG9mIGVhY2ggc3RlcFxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICAvKipcbiAgICogRnVuY3Rpb24gY2FsbGVkIHdoZW4gdGhlIGNvbXBvbmVudCBpcyBjbG9zZWQuIFRoaXMgZnVuY3Rpb24gd2lsbCBvdmVybG9hZCB0aGUgZGVmYXVsdCBiZWhhdmlvci5cbiAgICovXG4gIG9uQ2xpY2tIaWRlPzogKCkgPT4gdm9pZFxufSAmIChcbiAgfCB7XG4gICAgICAvKipcbiAgICAgICAqIFNob3cgdGhlIHRvZ2dsZSBvcHRpb25cbiAgICAgICAqL1xuICAgICAgc2hvd1RvZ2dsZU9wdGlvbjogZmFsc2VcbiAgICAgIGhpZGVUb29sdGlwVGV4dD86IG5ldmVyXG4gICAgICBoaWRlVGV4dD86IG5ldmVyXG4gICAgICBzaG93VGV4dD86IG5ldmVyXG4gICAgICBzaG93VG9vbHRpcFRleHQ/OiBuZXZlclxuICAgIH1cbiAgfCB7XG4gICAgICAvKipcbiAgICAgICAqIFNob3cgdGhlIHRvZ2dsZSBvcHRpb25cbiAgICAgICAqL1xuICAgICAgc2hvd1RvZ2dsZU9wdGlvbj86IHRydWVcbiAgICAgIC8qKlxuICAgICAgICogVGV4dCBvZiB0aGUgdG9vbHRpcCBvbiB0aGUgaGlkZSBidXR0b25cbiAgICAgICAqL1xuICAgICAgaGlkZVRvb2x0aXBUZXh0Pzogc3RyaW5nXG4gICAgICAvKipcbiAgICAgICAqIFRleHQgb2YgdGhlIFwiaGlkZVwiIGJ1dHRvblxuICAgICAgICovXG4gICAgICBoaWRlVGV4dD86IHN0cmluZ1xuICAgICAgLyoqXG4gICAgICAgKiBUZXh0IG9mIHRoZSBcInNob3dcIiBidXR0b25cbiAgICAgICAqL1xuICAgICAgc2hvd1RleHQ/OiBzdHJpbmdcbiAgICAgIC8qKlxuICAgICAgICogVGV4dCBvZiB0b29sdGlwIG9uIHRoZSBcInNob3dcIiBidXR0b25cbiAgICAgICAqL1xuICAgICAgc2hvd1Rvb2x0aXBUZXh0Pzogc3RyaW5nXG4gICAgfVxuKVxuXG4vKipcbiAqIFN0ZXBwZWRMaXN0Q2FyZCBpcyBhIGNvbXBvbmVudCBjcmVhdGVkIGZvciBndWlkaW5nIHVzZXJzIHRocm91Z2ggc3RlcHMgaW4gYSBzdHJ1Y3R1cmVkIGFuZCBsaW5lYXIgbWFubmVyLlxuICogSXQgY2FuIHBhc3MgcHJvcCBcIm5leHRTdGVwXCIgdG8gaXRzIGNoaWxkcmVuLlxuICovXG5jb25zdCBTdGVwcGVkTGlzdENhcmQgPSAoe1xuICBoZWFkZXIsXG4gIHNob3dUb2dnbGVPcHRpb24gPSB0cnVlLFxuICBoaWRlVG9vbHRpcFRleHQsXG4gIGhpZGVUZXh0ID0gJ0hpZGUnLFxuICBzaG93VGV4dCA9ICdTaG93JyxcbiAgc2hvd1Rvb2x0aXBUZXh0LFxuICBjaGlsZHJlbixcbiAgc3RlcHMsXG4gIG9uQ2xpY2tIaWRlLFxufTogU3RlcHBlZExpc3RDb250YWluZXJQcm9wcykgPT4ge1xuICBjb25zdCBudW1iZXJPZlN0ZXBzID0gQ2hpbGRyZW4uY291bnQoY2hpbGRyZW4pXG4gIGNvbnN0IFtjdXJyZW50U3RlcCwgc2V0Q3VycmVudFN0ZXBdID0gdXNlU3RhdGUoMSlcbiAgY29uc3QgW2hpZGRlbiwgc2V0SGlkZGVuXSA9IHVzZVN0YXRlKGZhbHNlKVxuICBjb25zdCBbZG9uZSwgc2V0RG9uZV0gPSB1c2VTdGF0ZShuZXcgQXJyYXk8Ym9vbGVhbj4oc3RlcHMubGVuZ3RoKS5maWxsKGZhbHNlKSlcblxuICBjb25zdCB2YWx1ZXMgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7XG4gICAgICBjdXJyZW50U3RlcCxcbiAgICAgIHNldEN1cnJlbnRTdGVwLFxuICAgICAgbnVtYmVyT2ZTdGVwcyxcbiAgICAgIGRvbmUsXG4gICAgICBzZXREb25lLFxuICAgICAgc2V0SGlkZGVuLFxuICAgICAgb25DbGlja0hpZGUsXG4gICAgfSksXG4gICAgW1xuICAgICAgY3VycmVudFN0ZXAsXG4gICAgICBzZXRDdXJyZW50U3RlcCxcbiAgICAgIG51bWJlck9mU3RlcHMsXG4gICAgICBkb25lLFxuICAgICAgc2V0RG9uZSxcbiAgICAgIHNldEhpZGRlbixcbiAgICAgIG9uQ2xpY2tIaWRlLFxuICAgIF0sXG4gIClcblxuICBjb25zdCBvbkNsaWNrSGlkZUJ1dHRvbiA9ICgpID0+IHtcbiAgICBpZiAob25DbGlja0hpZGUpIG9uQ2xpY2tIaWRlKClcbiAgICBlbHNlIHNldEhpZGRlbighaGlkZGVuKVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8RGF0YS5Qcm92aWRlciB2YWx1ZT17dmFsdWVzfT5cbiAgICAgIDxTdGFjayBnYXA9ezN9PlxuICAgICAgICA8Um93IHRlbXBsYXRlQ29sdW1ucz1cIjlmciAxZnJcIj5cbiAgICAgICAgICB7dHlwZW9mIGhlYWRlciA9PT0gJ3N0cmluZycgPyAoXG4gICAgICAgICAgICA8VGV4dCBhcz1cImgzXCIgdmFyaWFudD1cImhlYWRpbmdcIj5cbiAgICAgICAgICAgICAge2hlYWRlcn1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgaGVhZGVyXG4gICAgICAgICAgKX1cbiAgICAgICAgICB7c2hvd1RvZ2dsZU9wdGlvbiA/IChcbiAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgb25DbGljaz17b25DbGlja0hpZGVCdXR0b259XG4gICAgICAgICAgICAgIHZhcmlhbnQ9XCJnaG9zdFwiXG4gICAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgICB0b29sdGlwPXtoaWRkZW4gPyBzaG93VG9vbHRpcFRleHQgOiBoaWRlVG9vbHRpcFRleHR9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtoaWRkZW4gPyBzaG93VGV4dCA6IGhpZGVUZXh0fVxuICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDwvUm93PlxuICAgICAgICB7aGlkZGVuID8gbnVsbCA6IChcbiAgICAgICAgICA8U3R5bGVkQ2FyZD5cbiAgICAgICAgICAgIDxSb3cgdGVtcGxhdGVDb2x1bW5zPVwiMWZyIDNmclwiPlxuICAgICAgICAgICAgICA8Q29udGVudFN0YWNrIGRpcmVjdGlvbj1cImNvbHVtblwiIGdhcD17NH0+XG4gICAgICAgICAgICAgICAgPFN0ZXBMaXN0PlxuICAgICAgICAgICAgICAgICAge3N0ZXBzLm1hcCgoc3RlcCwgaW5kZXgpID0+IChcbiAgICAgICAgICAgICAgICAgICAgPFN0ZXBwZWRMaXN0XG4gICAgICAgICAgICAgICAgICAgICAga2V5PXtzdGVwfVxuICAgICAgICAgICAgICAgICAgICAgIHN0ZXBOdW1iZXI9e2luZGV4ICsgMX1cbiAgICAgICAgICAgICAgICAgICAgICBzdGVwVGl0bGU9e3N0ZXB9XG4gICAgICAgICAgICAgICAgICAgICAgY29tcGxldGVkPXtkb25lW2luZGV4XX1cbiAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgICAgIDwvU3RlcExpc3Q+XG4gICAgICAgICAgICAgIDwvQ29udGVudFN0YWNrPlxuICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L1Jvdz5cbiAgICAgICAgICA8L1N0eWxlZENhcmQ+XG4gICAgICAgICl9XG4gICAgICA8L1N0YWNrPlxuICAgIDwvRGF0YS5Qcm92aWRlcj5cbiAgKVxufVxuXG5TdGVwcGVkTGlzdENhcmQuU3RlcCA9IFN0ZXBwZWRMaXN0Q29udGVudFxuXG5leHBvcnQgeyBTdGVwcGVkTGlzdENhcmQgfVxuIl19 */"));
|
|
34
|
+
const SteppedListCard = ({
|
|
35
|
+
header,
|
|
36
|
+
showToggleOption = true,
|
|
37
|
+
hideTooltipText,
|
|
38
|
+
hideText = "Hide",
|
|
39
|
+
showText = "Show",
|
|
40
|
+
showTooltipText,
|
|
41
|
+
children,
|
|
42
|
+
steps,
|
|
43
|
+
onClickHide
|
|
44
|
+
}) => {
|
|
45
|
+
const numberOfSteps = Children.count(children);
|
|
46
|
+
const [currentStep, setCurrentStep] = useState(1);
|
|
47
|
+
const [hidden, setHidden] = useState(false);
|
|
48
|
+
const [done, setDone] = useState(new Array(steps.length).fill(false));
|
|
49
|
+
const values = useMemo(() => ({
|
|
50
|
+
currentStep,
|
|
51
|
+
setCurrentStep,
|
|
52
|
+
numberOfSteps,
|
|
53
|
+
done,
|
|
54
|
+
setDone,
|
|
55
|
+
setHidden,
|
|
56
|
+
onClickHide
|
|
57
|
+
}), [currentStep, setCurrentStep, numberOfSteps, done, setDone, setHidden, onClickHide]);
|
|
58
|
+
const onClickHideButton = () => {
|
|
59
|
+
if (onClickHide) onClickHide();
|
|
60
|
+
else setHidden(!hidden);
|
|
61
|
+
};
|
|
62
|
+
return /* @__PURE__ */ jsx(Data.Provider, { value: values, children: /* @__PURE__ */ jsxs(Stack, { gap: 3, children: [
|
|
63
|
+
/* @__PURE__ */ jsxs(Row, { templateColumns: "9fr 1fr", children: [
|
|
64
|
+
typeof header === "string" ? /* @__PURE__ */ jsx(Text, { as: "h3", variant: "heading", children: header }) : header,
|
|
65
|
+
showToggleOption ? /* @__PURE__ */ jsx(Button, { onClick: onClickHideButton, variant: "ghost", sentiment: "neutral", size: "small", tooltip: hidden ? showTooltipText : hideTooltipText, children: hidden ? showText : hideText }) : null
|
|
66
|
+
] }),
|
|
67
|
+
hidden ? null : /* @__PURE__ */ jsx(StyledCard, { children: /* @__PURE__ */ jsxs(Row, { templateColumns: "1fr 3fr", children: [
|
|
68
|
+
/* @__PURE__ */ jsx(ContentStack, { direction: "column", gap: 4, children: /* @__PURE__ */ jsx(StepList, { children: steps.map((step, index) => /* @__PURE__ */ jsx(SteppedList, { stepNumber: index + 1, stepTitle: step, completed: done[index] }, step)) }) }),
|
|
69
|
+
children
|
|
70
|
+
] }) })
|
|
71
|
+
] }) });
|
|
72
|
+
};
|
|
73
|
+
SteppedListCard.Step = SteppedListContent;
|
|
74
|
+
export {
|
|
75
|
+
SteppedListCard
|
|
76
|
+
};
|
|
@@ -19,7 +19,7 @@ const StyledContent = /* @__PURE__ */ _styled__default.default(ui.Stack, process
|
|
|
19
19
|
theme
|
|
20
20
|
}) => theme.space["3"], ";padding-top:", ({
|
|
21
21
|
theme
|
|
22
|
-
}) => theme.space["4"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
22
|
+
}) => theme.space["4"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTW1DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q29udGVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFN0YWNrLCBUZXh0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUNvbnRleHQsIHVzZUVmZmVjdCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgRGF0YSwgbmV4dFN0ZXAgfSBmcm9tICcuL2hlbHBlcidcblxuY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZChTdGFjaylgXG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX07XG4gIHBhZGRpbmctdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyc0J119O1xuYFxuXG5jb25zdCBTdHlsZWRJbWFnZSA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogcmlnaHQ7XG5gXG5cbmNvbnN0IFN0eWxlZFN1YkhlYWRlciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX07XG5gXG50eXBlIFN0ZXBwZWRMaXN0Q29udGVudFByb3BzID0ge1xuICBzdWJIZWFkZXI/OiBSZWFjdE5vZGVcbiAgY2hpbGRyZW46ICgobmV4dFN0ZXA6IChjb21wbGV0ZWQ6IGJvb2xlYW4pID0+IHZvaWQpID0+IFJlYWN0Tm9kZSkgfCBSZWFjdE5vZGVcbiAgaW1hZ2U/OiBSZWFjdE5vZGVcbiAgc3RlcE51bWJlcjogbnVtYmVyXG4gIGNvbXBsZXRlZD86IGJvb2xlYW5cbn1cbmV4cG9ydCBjb25zdCBTdGVwcGVkTGlzdENvbnRlbnQgPSAoe1xuICBzdWJIZWFkZXIsXG4gIGNoaWxkcmVuLFxuICBpbWFnZSxcbiAgc3RlcE51bWJlcixcbiAgY29tcGxldGVkID0gZmFsc2UsXG59OiBTdGVwcGVkTGlzdENvbnRlbnRQcm9wcykgPT4ge1xuICBjb25zdCB7XG4gICAgc2V0RG9uZSxcbiAgICBjdXJyZW50U3RlcCxcbiAgICBkb25lLFxuICAgIHNldEN1cnJlbnRTdGVwLFxuICAgIG51bWJlck9mU3RlcHMsXG4gICAgc2V0SGlkZGVuLFxuICAgIG9uQ2xpY2tIaWRlLFxuICB9ID0gdXNlQ29udGV4dChEYXRhKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0RG9uZShwcmV2RG9uZSA9PiB7XG4gICAgICBjb25zdCB1cGRhdGVkRG9uZSA9IFsuLi5wcmV2RG9uZV1cbiAgICAgIHVwZGF0ZWREb25lW3N0ZXBOdW1iZXIgLSAxXSA9IGNvbXBsZXRlZFxuXG4gICAgICByZXR1cm4gdXBkYXRlZERvbmVcbiAgICB9KVxuICB9LCBbY29tcGxldGVkLCBzZXREb25lLCBzdGVwTnVtYmVyXSlcblxuICBpZiAoc3RlcE51bWJlciA9PT0gY3VycmVudFN0ZXApIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZENvbnRlbnQ+XG4gICAgICAgIDxTdHlsZWRTdWJIZWFkZXI+XG4gICAgICAgICAge3R5cGVvZiBzdWJIZWFkZXIgPT09ICdzdHJpbmcnID8gKFxuICAgICAgICAgICAgPFRleHQgYXM9XCJoM1wiIHZhcmlhbnQ9XCJoZWFkaW5nU21hbGxTdHJvbmdcIj5cbiAgICAgICAgICAgICAge3N1YkhlYWRlcn1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgc3ViSGVhZGVyXG4gICAgICAgICAgKX1cbiAgICAgICAgPC9TdHlsZWRTdWJIZWFkZXI+XG4gICAgICAgIHt0eXBlb2YgY2hpbGRyZW4gPT09ICdmdW5jdGlvbidcbiAgICAgICAgICA/IGNoaWxkcmVuKChjb21wbGV0ZWRBcmc6IGJvb2xlYW4pID0+XG4gICAgICAgICAgICAgIG5leHRTdGVwKHtcbiAgICAgICAgICAgICAgICBjb21wbGV0ZWQ6IGNvbXBsZXRlZEFyZyxcbiAgICAgICAgICAgICAgICBzZXRDb21wbGV0ZWQ6IHNldERvbmUsXG4gICAgICAgICAgICAgICAgZG9uZSxcbiAgICAgICAgICAgICAgICBzdGVwTnVtYmVyLFxuICAgICAgICAgICAgICAgIHNldEN1cnJlbnRTdGVwLFxuICAgICAgICAgICAgICAgIG51bWJlck9mU3RlcHMsXG4gICAgICAgICAgICAgICAgc2V0SGlkZGVuLFxuICAgICAgICAgICAgICAgIG9uQ2xpY2tIaWRlLFxuICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgIClcbiAgICAgICAgICA6IGNoaWxkcmVufVxuICAgICAgICA8U3R5bGVkSW1hZ2U+e2ltYWdlfTwvU3R5bGVkSW1hZ2U+XG4gICAgICA8L1N0eWxlZENvbnRlbnQ+XG4gICAgKVxuICB9XG5cbiAgcmV0dXJuIG51bGxcbn1cbiJdfQ== */"));
|
|
23
23
|
const StyledImage = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
|
|
24
24
|
target: "erw7ck1"
|
|
25
25
|
} : {
|
|
@@ -30,7 +30,7 @@ const StyledImage = /* @__PURE__ */ _styled__default.default("div", process.env.
|
|
|
30
30
|
styles: "display:flex;justify-content:right"
|
|
31
31
|
} : {
|
|
32
32
|
name: "r4f2yk",
|
|
33
|
-
styles: "display:flex;justify-content:right/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
33
|
+
styles: "display:flex;justify-content:right/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVzhCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q29udGVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFN0YWNrLCBUZXh0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUNvbnRleHQsIHVzZUVmZmVjdCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgRGF0YSwgbmV4dFN0ZXAgfSBmcm9tICcuL2hlbHBlcidcblxuY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZChTdGFjaylgXG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX07XG4gIHBhZGRpbmctdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyc0J119O1xuYFxuXG5jb25zdCBTdHlsZWRJbWFnZSA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogcmlnaHQ7XG5gXG5cbmNvbnN0IFN0eWxlZFN1YkhlYWRlciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX07XG5gXG50eXBlIFN0ZXBwZWRMaXN0Q29udGVudFByb3BzID0ge1xuICBzdWJIZWFkZXI/OiBSZWFjdE5vZGVcbiAgY2hpbGRyZW46ICgobmV4dFN0ZXA6IChjb21wbGV0ZWQ6IGJvb2xlYW4pID0+IHZvaWQpID0+IFJlYWN0Tm9kZSkgfCBSZWFjdE5vZGVcbiAgaW1hZ2U/OiBSZWFjdE5vZGVcbiAgc3RlcE51bWJlcjogbnVtYmVyXG4gIGNvbXBsZXRlZD86IGJvb2xlYW5cbn1cbmV4cG9ydCBjb25zdCBTdGVwcGVkTGlzdENvbnRlbnQgPSAoe1xuICBzdWJIZWFkZXIsXG4gIGNoaWxkcmVuLFxuICBpbWFnZSxcbiAgc3RlcE51bWJlcixcbiAgY29tcGxldGVkID0gZmFsc2UsXG59OiBTdGVwcGVkTGlzdENvbnRlbnRQcm9wcykgPT4ge1xuICBjb25zdCB7XG4gICAgc2V0RG9uZSxcbiAgICBjdXJyZW50U3RlcCxcbiAgICBkb25lLFxuICAgIHNldEN1cnJlbnRTdGVwLFxuICAgIG51bWJlck9mU3RlcHMsXG4gICAgc2V0SGlkZGVuLFxuICAgIG9uQ2xpY2tIaWRlLFxuICB9ID0gdXNlQ29udGV4dChEYXRhKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0RG9uZShwcmV2RG9uZSA9PiB7XG4gICAgICBjb25zdCB1cGRhdGVkRG9uZSA9IFsuLi5wcmV2RG9uZV1cbiAgICAgIHVwZGF0ZWREb25lW3N0ZXBOdW1iZXIgLSAxXSA9IGNvbXBsZXRlZFxuXG4gICAgICByZXR1cm4gdXBkYXRlZERvbmVcbiAgICB9KVxuICB9LCBbY29tcGxldGVkLCBzZXREb25lLCBzdGVwTnVtYmVyXSlcblxuICBpZiAoc3RlcE51bWJlciA9PT0gY3VycmVudFN0ZXApIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZENvbnRlbnQ+XG4gICAgICAgIDxTdHlsZWRTdWJIZWFkZXI+XG4gICAgICAgICAge3R5cGVvZiBzdWJIZWFkZXIgPT09ICdzdHJpbmcnID8gKFxuICAgICAgICAgICAgPFRleHQgYXM9XCJoM1wiIHZhcmlhbnQ9XCJoZWFkaW5nU21hbGxTdHJvbmdcIj5cbiAgICAgICAgICAgICAge3N1YkhlYWRlcn1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgc3ViSGVhZGVyXG4gICAgICAgICAgKX1cbiAgICAgICAgPC9TdHlsZWRTdWJIZWFkZXI+XG4gICAgICAgIHt0eXBlb2YgY2hpbGRyZW4gPT09ICdmdW5jdGlvbidcbiAgICAgICAgICA/IGNoaWxkcmVuKChjb21wbGV0ZWRBcmc6IGJvb2xlYW4pID0+XG4gICAgICAgICAgICAgIG5leHRTdGVwKHtcbiAgICAgICAgICAgICAgICBjb21wbGV0ZWQ6IGNvbXBsZXRlZEFyZyxcbiAgICAgICAgICAgICAgICBzZXRDb21wbGV0ZWQ6IHNldERvbmUsXG4gICAgICAgICAgICAgICAgZG9uZSxcbiAgICAgICAgICAgICAgICBzdGVwTnVtYmVyLFxuICAgICAgICAgICAgICAgIHNldEN1cnJlbnRTdGVwLFxuICAgICAgICAgICAgICAgIG51bWJlck9mU3RlcHMsXG4gICAgICAgICAgICAgICAgc2V0SGlkZGVuLFxuICAgICAgICAgICAgICAgIG9uQ2xpY2tIaWRlLFxuICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgIClcbiAgICAgICAgICA6IGNoaWxkcmVufVxuICAgICAgICA8U3R5bGVkSW1hZ2U+e2ltYWdlfTwvU3R5bGVkSW1hZ2U+XG4gICAgICA8L1N0eWxlZENvbnRlbnQ+XG4gICAgKVxuICB9XG5cbiAgcmV0dXJuIG51bGxcbn1cbiJdfQ== */",
|
|
34
34
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
35
35
|
});
|
|
36
36
|
const StyledSubHeader = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
|
|
@@ -40,26 +40,42 @@ const StyledSubHeader = /* @__PURE__ */ _styled__default.default("div", process.
|
|
|
40
40
|
label: "StyledSubHeader"
|
|
41
41
|
})("margin-bottom:", ({
|
|
42
42
|
theme
|
|
43
|
-
}) => theme.space["3"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
43
|
+
}) => theme.space["3"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JrQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL1N0ZXBwZWRMaXN0Q2FyZC9TdGVwcGVkTGlzdENvbnRlbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTdGFjaywgVGV4dCB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VDb250ZXh0LCB1c2VFZmZlY3QgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IERhdGEsIG5leHRTdGVwIH0gZnJvbSAnLi9oZWxwZXInXG5cbmNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQoU3RhY2spYFxuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuICBwYWRkaW5nLXRvcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnNCddfTtcbmBcblxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHJpZ2h0O1xuYFxuXG5jb25zdCBTdHlsZWRTdWJIZWFkZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tYm90dG9tOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuYFxudHlwZSBTdGVwcGVkTGlzdENvbnRlbnRQcm9wcyA9IHtcbiAgc3ViSGVhZGVyPzogUmVhY3ROb2RlXG4gIGNoaWxkcmVuOiAoKG5leHRTdGVwOiAoY29tcGxldGVkOiBib29sZWFuKSA9PiB2b2lkKSA9PiBSZWFjdE5vZGUpIHwgUmVhY3ROb2RlXG4gIGltYWdlPzogUmVhY3ROb2RlXG4gIHN0ZXBOdW1iZXI6IG51bWJlclxuICBjb21wbGV0ZWQ/OiBib29sZWFuXG59XG5leHBvcnQgY29uc3QgU3RlcHBlZExpc3RDb250ZW50ID0gKHtcbiAgc3ViSGVhZGVyLFxuICBjaGlsZHJlbixcbiAgaW1hZ2UsXG4gIHN0ZXBOdW1iZXIsXG4gIGNvbXBsZXRlZCA9IGZhbHNlLFxufTogU3RlcHBlZExpc3RDb250ZW50UHJvcHMpID0+IHtcbiAgY29uc3Qge1xuICAgIHNldERvbmUsXG4gICAgY3VycmVudFN0ZXAsXG4gICAgZG9uZSxcbiAgICBzZXRDdXJyZW50U3RlcCxcbiAgICBudW1iZXJPZlN0ZXBzLFxuICAgIHNldEhpZGRlbixcbiAgICBvbkNsaWNrSGlkZSxcbiAgfSA9IHVzZUNvbnRleHQoRGF0YSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldERvbmUocHJldkRvbmUgPT4ge1xuICAgICAgY29uc3QgdXBkYXRlZERvbmUgPSBbLi4ucHJldkRvbmVdXG4gICAgICB1cGRhdGVkRG9uZVtzdGVwTnVtYmVyIC0gMV0gPSBjb21wbGV0ZWRcblxuICAgICAgcmV0dXJuIHVwZGF0ZWREb25lXG4gICAgfSlcbiAgfSwgW2NvbXBsZXRlZCwgc2V0RG9uZSwgc3RlcE51bWJlcl0pXG5cbiAgaWYgKHN0ZXBOdW1iZXIgPT09IGN1cnJlbnRTdGVwKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRDb250ZW50PlxuICAgICAgICA8U3R5bGVkU3ViSGVhZGVyPlxuICAgICAgICAgIHt0eXBlb2Ygc3ViSGVhZGVyID09PSAnc3RyaW5nJyA/IChcbiAgICAgICAgICAgIDxUZXh0IGFzPVwiaDNcIiB2YXJpYW50PVwiaGVhZGluZ1NtYWxsU3Ryb25nXCI+XG4gICAgICAgICAgICAgIHtzdWJIZWFkZXJ9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIHN1YkhlYWRlclxuICAgICAgICAgICl9XG4gICAgICAgIDwvU3R5bGVkU3ViSGVhZGVyPlxuICAgICAgICB7dHlwZW9mIGNoaWxkcmVuID09PSAnZnVuY3Rpb24nXG4gICAgICAgICAgPyBjaGlsZHJlbigoY29tcGxldGVkQXJnOiBib29sZWFuKSA9PlxuICAgICAgICAgICAgICBuZXh0U3RlcCh7XG4gICAgICAgICAgICAgICAgY29tcGxldGVkOiBjb21wbGV0ZWRBcmcsXG4gICAgICAgICAgICAgICAgc2V0Q29tcGxldGVkOiBzZXREb25lLFxuICAgICAgICAgICAgICAgIGRvbmUsXG4gICAgICAgICAgICAgICAgc3RlcE51bWJlcixcbiAgICAgICAgICAgICAgICBzZXRDdXJyZW50U3RlcCxcbiAgICAgICAgICAgICAgICBudW1iZXJPZlN0ZXBzLFxuICAgICAgICAgICAgICAgIHNldEhpZGRlbixcbiAgICAgICAgICAgICAgICBvbkNsaWNrSGlkZSxcbiAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICApXG4gICAgICAgICAgOiBjaGlsZHJlbn1cbiAgICAgICAgPFN0eWxlZEltYWdlPntpbWFnZX08L1N0eWxlZEltYWdlPlxuICAgICAgPC9TdHlsZWRDb250ZW50PlxuICAgIClcbiAgfVxuXG4gIHJldHVybiBudWxsXG59XG4iXX0= */"));
|
|
44
44
|
const SteppedListContent = ({
|
|
45
45
|
subHeader,
|
|
46
46
|
children,
|
|
47
47
|
image,
|
|
48
|
-
stepNumber
|
|
48
|
+
stepNumber,
|
|
49
|
+
completed = false
|
|
49
50
|
}) => {
|
|
50
|
-
const
|
|
51
|
-
|
|
51
|
+
const {
|
|
52
|
+
setDone,
|
|
53
|
+
currentStep,
|
|
54
|
+
done,
|
|
55
|
+
setCurrentStep,
|
|
56
|
+
numberOfSteps,
|
|
57
|
+
setHidden,
|
|
58
|
+
onClickHide
|
|
59
|
+
} = react.useContext(helper.Data);
|
|
60
|
+
react.useEffect(() => {
|
|
61
|
+
setDone((prevDone) => {
|
|
62
|
+
const updatedDone = [...prevDone];
|
|
63
|
+
updatedDone[stepNumber - 1] = completed;
|
|
64
|
+
return updatedDone;
|
|
65
|
+
});
|
|
66
|
+
}, [completed, setDone, stepNumber]);
|
|
67
|
+
if (stepNumber === currentStep) {
|
|
52
68
|
return /* @__PURE__ */ jsxRuntime.jsxs(StyledContent, { children: [
|
|
53
69
|
/* @__PURE__ */ jsxRuntime.jsx(StyledSubHeader, { children: typeof subHeader === "string" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "h3", variant: "headingSmallStrong", children: subHeader }) : subHeader }),
|
|
54
|
-
typeof children === "function" ? children((
|
|
55
|
-
completed,
|
|
56
|
-
setCompleted:
|
|
57
|
-
done
|
|
70
|
+
typeof children === "function" ? children((completedArg) => helper.nextStep({
|
|
71
|
+
completed: completedArg,
|
|
72
|
+
setCompleted: setDone,
|
|
73
|
+
done,
|
|
58
74
|
stepNumber,
|
|
59
|
-
setCurrentStep
|
|
60
|
-
numberOfSteps
|
|
61
|
-
setHidden
|
|
62
|
-
onClickHide
|
|
75
|
+
setCurrentStep,
|
|
76
|
+
numberOfSteps,
|
|
77
|
+
setHidden,
|
|
78
|
+
onClickHide
|
|
63
79
|
})) : children,
|
|
64
80
|
/* @__PURE__ */ jsxRuntime.jsx(StyledImage, { children: image })
|
|
65
81
|
] });
|
|
@@ -4,6 +4,7 @@ type SteppedListContentProps = {
|
|
|
4
4
|
children: ((nextStep: (completed: boolean) => void) => ReactNode) | ReactNode;
|
|
5
5
|
image?: ReactNode;
|
|
6
6
|
stepNumber: number;
|
|
7
|
+
completed?: boolean;
|
|
7
8
|
};
|
|
8
|
-
export declare const SteppedListContent: ({ subHeader, children, image, stepNumber, }: SteppedListContentProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
|
|
9
|
+
export declare const SteppedListContent: ({ subHeader, children, image, stepNumber, completed, }: SteppedListContentProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
|
|
9
10
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs, jsx } from "@emotion/react/jsx-runtime";
|
|
2
2
|
import _styled from "@emotion/styled/base";
|
|
3
3
|
import { Text, Stack } from "@ultraviolet/ui";
|
|
4
|
-
import { useContext } from "react";
|
|
4
|
+
import { useContext, useEffect } from "react";
|
|
5
5
|
import { Data, nextStep } from "./helper.js";
|
|
6
6
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() {
|
|
7
7
|
return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
|
|
@@ -15,7 +15,7 @@ const StyledContent = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "p
|
|
|
15
15
|
theme
|
|
16
16
|
}) => theme.space["3"], ";padding-top:", ({
|
|
17
17
|
theme
|
|
18
|
-
}) => theme.space["4"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
18
|
+
}) => theme.space["4"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTW1DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q29udGVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFN0YWNrLCBUZXh0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUNvbnRleHQsIHVzZUVmZmVjdCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgRGF0YSwgbmV4dFN0ZXAgfSBmcm9tICcuL2hlbHBlcidcblxuY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZChTdGFjaylgXG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX07XG4gIHBhZGRpbmctdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyc0J119O1xuYFxuXG5jb25zdCBTdHlsZWRJbWFnZSA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogcmlnaHQ7XG5gXG5cbmNvbnN0IFN0eWxlZFN1YkhlYWRlciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX07XG5gXG50eXBlIFN0ZXBwZWRMaXN0Q29udGVudFByb3BzID0ge1xuICBzdWJIZWFkZXI/OiBSZWFjdE5vZGVcbiAgY2hpbGRyZW46ICgobmV4dFN0ZXA6IChjb21wbGV0ZWQ6IGJvb2xlYW4pID0+IHZvaWQpID0+IFJlYWN0Tm9kZSkgfCBSZWFjdE5vZGVcbiAgaW1hZ2U/OiBSZWFjdE5vZGVcbiAgc3RlcE51bWJlcjogbnVtYmVyXG4gIGNvbXBsZXRlZD86IGJvb2xlYW5cbn1cbmV4cG9ydCBjb25zdCBTdGVwcGVkTGlzdENvbnRlbnQgPSAoe1xuICBzdWJIZWFkZXIsXG4gIGNoaWxkcmVuLFxuICBpbWFnZSxcbiAgc3RlcE51bWJlcixcbiAgY29tcGxldGVkID0gZmFsc2UsXG59OiBTdGVwcGVkTGlzdENvbnRlbnRQcm9wcykgPT4ge1xuICBjb25zdCB7XG4gICAgc2V0RG9uZSxcbiAgICBjdXJyZW50U3RlcCxcbiAgICBkb25lLFxuICAgIHNldEN1cnJlbnRTdGVwLFxuICAgIG51bWJlck9mU3RlcHMsXG4gICAgc2V0SGlkZGVuLFxuICAgIG9uQ2xpY2tIaWRlLFxuICB9ID0gdXNlQ29udGV4dChEYXRhKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0RG9uZShwcmV2RG9uZSA9PiB7XG4gICAgICBjb25zdCB1cGRhdGVkRG9uZSA9IFsuLi5wcmV2RG9uZV1cbiAgICAgIHVwZGF0ZWREb25lW3N0ZXBOdW1iZXIgLSAxXSA9IGNvbXBsZXRlZFxuXG4gICAgICByZXR1cm4gdXBkYXRlZERvbmVcbiAgICB9KVxuICB9LCBbY29tcGxldGVkLCBzZXREb25lLCBzdGVwTnVtYmVyXSlcblxuICBpZiAoc3RlcE51bWJlciA9PT0gY3VycmVudFN0ZXApIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZENvbnRlbnQ+XG4gICAgICAgIDxTdHlsZWRTdWJIZWFkZXI+XG4gICAgICAgICAge3R5cGVvZiBzdWJIZWFkZXIgPT09ICdzdHJpbmcnID8gKFxuICAgICAgICAgICAgPFRleHQgYXM9XCJoM1wiIHZhcmlhbnQ9XCJoZWFkaW5nU21hbGxTdHJvbmdcIj5cbiAgICAgICAgICAgICAge3N1YkhlYWRlcn1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgc3ViSGVhZGVyXG4gICAgICAgICAgKX1cbiAgICAgICAgPC9TdHlsZWRTdWJIZWFkZXI+XG4gICAgICAgIHt0eXBlb2YgY2hpbGRyZW4gPT09ICdmdW5jdGlvbidcbiAgICAgICAgICA/IGNoaWxkcmVuKChjb21wbGV0ZWRBcmc6IGJvb2xlYW4pID0+XG4gICAgICAgICAgICAgIG5leHRTdGVwKHtcbiAgICAgICAgICAgICAgICBjb21wbGV0ZWQ6IGNvbXBsZXRlZEFyZyxcbiAgICAgICAgICAgICAgICBzZXRDb21wbGV0ZWQ6IHNldERvbmUsXG4gICAgICAgICAgICAgICAgZG9uZSxcbiAgICAgICAgICAgICAgICBzdGVwTnVtYmVyLFxuICAgICAgICAgICAgICAgIHNldEN1cnJlbnRTdGVwLFxuICAgICAgICAgICAgICAgIG51bWJlck9mU3RlcHMsXG4gICAgICAgICAgICAgICAgc2V0SGlkZGVuLFxuICAgICAgICAgICAgICAgIG9uQ2xpY2tIaWRlLFxuICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgIClcbiAgICAgICAgICA6IGNoaWxkcmVufVxuICAgICAgICA8U3R5bGVkSW1hZ2U+e2ltYWdlfTwvU3R5bGVkSW1hZ2U+XG4gICAgICA8L1N0eWxlZENvbnRlbnQ+XG4gICAgKVxuICB9XG5cbiAgcmV0dXJuIG51bGxcbn1cbiJdfQ== */"));
|
|
19
19
|
const StyledImage = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
|
|
20
20
|
target: "erw7ck1"
|
|
21
21
|
} : {
|
|
@@ -26,7 +26,7 @@ const StyledImage = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "pro
|
|
|
26
26
|
styles: "display:flex;justify-content:right"
|
|
27
27
|
} : {
|
|
28
28
|
name: "r4f2yk",
|
|
29
|
-
styles: "display:flex;justify-content:right/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
29
|
+
styles: "display:flex;justify-content:right/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVzhCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q29udGVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFN0YWNrLCBUZXh0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUNvbnRleHQsIHVzZUVmZmVjdCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgRGF0YSwgbmV4dFN0ZXAgfSBmcm9tICcuL2hlbHBlcidcblxuY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZChTdGFjaylgXG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX07XG4gIHBhZGRpbmctdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyc0J119O1xuYFxuXG5jb25zdCBTdHlsZWRJbWFnZSA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogcmlnaHQ7XG5gXG5cbmNvbnN0IFN0eWxlZFN1YkhlYWRlciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX07XG5gXG50eXBlIFN0ZXBwZWRMaXN0Q29udGVudFByb3BzID0ge1xuICBzdWJIZWFkZXI/OiBSZWFjdE5vZGVcbiAgY2hpbGRyZW46ICgobmV4dFN0ZXA6IChjb21wbGV0ZWQ6IGJvb2xlYW4pID0+IHZvaWQpID0+IFJlYWN0Tm9kZSkgfCBSZWFjdE5vZGVcbiAgaW1hZ2U/OiBSZWFjdE5vZGVcbiAgc3RlcE51bWJlcjogbnVtYmVyXG4gIGNvbXBsZXRlZD86IGJvb2xlYW5cbn1cbmV4cG9ydCBjb25zdCBTdGVwcGVkTGlzdENvbnRlbnQgPSAoe1xuICBzdWJIZWFkZXIsXG4gIGNoaWxkcmVuLFxuICBpbWFnZSxcbiAgc3RlcE51bWJlcixcbiAgY29tcGxldGVkID0gZmFsc2UsXG59OiBTdGVwcGVkTGlzdENvbnRlbnRQcm9wcykgPT4ge1xuICBjb25zdCB7XG4gICAgc2V0RG9uZSxcbiAgICBjdXJyZW50U3RlcCxcbiAgICBkb25lLFxuICAgIHNldEN1cnJlbnRTdGVwLFxuICAgIG51bWJlck9mU3RlcHMsXG4gICAgc2V0SGlkZGVuLFxuICAgIG9uQ2xpY2tIaWRlLFxuICB9ID0gdXNlQ29udGV4dChEYXRhKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0RG9uZShwcmV2RG9uZSA9PiB7XG4gICAgICBjb25zdCB1cGRhdGVkRG9uZSA9IFsuLi5wcmV2RG9uZV1cbiAgICAgIHVwZGF0ZWREb25lW3N0ZXBOdW1iZXIgLSAxXSA9IGNvbXBsZXRlZFxuXG4gICAgICByZXR1cm4gdXBkYXRlZERvbmVcbiAgICB9KVxuICB9LCBbY29tcGxldGVkLCBzZXREb25lLCBzdGVwTnVtYmVyXSlcblxuICBpZiAoc3RlcE51bWJlciA9PT0gY3VycmVudFN0ZXApIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZENvbnRlbnQ+XG4gICAgICAgIDxTdHlsZWRTdWJIZWFkZXI+XG4gICAgICAgICAge3R5cGVvZiBzdWJIZWFkZXIgPT09ICdzdHJpbmcnID8gKFxuICAgICAgICAgICAgPFRleHQgYXM9XCJoM1wiIHZhcmlhbnQ9XCJoZWFkaW5nU21hbGxTdHJvbmdcIj5cbiAgICAgICAgICAgICAge3N1YkhlYWRlcn1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgc3ViSGVhZGVyXG4gICAgICAgICAgKX1cbiAgICAgICAgPC9TdHlsZWRTdWJIZWFkZXI+XG4gICAgICAgIHt0eXBlb2YgY2hpbGRyZW4gPT09ICdmdW5jdGlvbidcbiAgICAgICAgICA/IGNoaWxkcmVuKChjb21wbGV0ZWRBcmc6IGJvb2xlYW4pID0+XG4gICAgICAgICAgICAgIG5leHRTdGVwKHtcbiAgICAgICAgICAgICAgICBjb21wbGV0ZWQ6IGNvbXBsZXRlZEFyZyxcbiAgICAgICAgICAgICAgICBzZXRDb21wbGV0ZWQ6IHNldERvbmUsXG4gICAgICAgICAgICAgICAgZG9uZSxcbiAgICAgICAgICAgICAgICBzdGVwTnVtYmVyLFxuICAgICAgICAgICAgICAgIHNldEN1cnJlbnRTdGVwLFxuICAgICAgICAgICAgICAgIG51bWJlck9mU3RlcHMsXG4gICAgICAgICAgICAgICAgc2V0SGlkZGVuLFxuICAgICAgICAgICAgICAgIG9uQ2xpY2tIaWRlLFxuICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgIClcbiAgICAgICAgICA6IGNoaWxkcmVufVxuICAgICAgICA8U3R5bGVkSW1hZ2U+e2ltYWdlfTwvU3R5bGVkSW1hZ2U+XG4gICAgICA8L1N0eWxlZENvbnRlbnQ+XG4gICAgKVxuICB9XG5cbiAgcmV0dXJuIG51bGxcbn1cbiJdfQ== */",
|
|
30
30
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
31
31
|
});
|
|
32
32
|
const StyledSubHeader = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
|
|
@@ -36,26 +36,42 @@ const StyledSubHeader = /* @__PURE__ */ _styled("div", process.env.NODE_ENV ===
|
|
|
36
36
|
label: "StyledSubHeader"
|
|
37
37
|
})("margin-bottom:", ({
|
|
38
38
|
theme
|
|
39
|
-
}) => theme.space["3"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
39
|
+
}) => theme.space["3"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JrQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL1N0ZXBwZWRMaXN0Q2FyZC9TdGVwcGVkTGlzdENvbnRlbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTdGFjaywgVGV4dCB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VDb250ZXh0LCB1c2VFZmZlY3QgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IERhdGEsIG5leHRTdGVwIH0gZnJvbSAnLi9oZWxwZXInXG5cbmNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQoU3RhY2spYFxuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuICBwYWRkaW5nLXRvcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnNCddfTtcbmBcblxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHJpZ2h0O1xuYFxuXG5jb25zdCBTdHlsZWRTdWJIZWFkZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tYm90dG9tOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuYFxudHlwZSBTdGVwcGVkTGlzdENvbnRlbnRQcm9wcyA9IHtcbiAgc3ViSGVhZGVyPzogUmVhY3ROb2RlXG4gIGNoaWxkcmVuOiAoKG5leHRTdGVwOiAoY29tcGxldGVkOiBib29sZWFuKSA9PiB2b2lkKSA9PiBSZWFjdE5vZGUpIHwgUmVhY3ROb2RlXG4gIGltYWdlPzogUmVhY3ROb2RlXG4gIHN0ZXBOdW1iZXI6IG51bWJlclxuICBjb21wbGV0ZWQ/OiBib29sZWFuXG59XG5leHBvcnQgY29uc3QgU3RlcHBlZExpc3RDb250ZW50ID0gKHtcbiAgc3ViSGVhZGVyLFxuICBjaGlsZHJlbixcbiAgaW1hZ2UsXG4gIHN0ZXBOdW1iZXIsXG4gIGNvbXBsZXRlZCA9IGZhbHNlLFxufTogU3RlcHBlZExpc3RDb250ZW50UHJvcHMpID0+IHtcbiAgY29uc3Qge1xuICAgIHNldERvbmUsXG4gICAgY3VycmVudFN0ZXAsXG4gICAgZG9uZSxcbiAgICBzZXRDdXJyZW50U3RlcCxcbiAgICBudW1iZXJPZlN0ZXBzLFxuICAgIHNldEhpZGRlbixcbiAgICBvbkNsaWNrSGlkZSxcbiAgfSA9IHVzZUNvbnRleHQoRGF0YSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldERvbmUocHJldkRvbmUgPT4ge1xuICAgICAgY29uc3QgdXBkYXRlZERvbmUgPSBbLi4ucHJldkRvbmVdXG4gICAgICB1cGRhdGVkRG9uZVtzdGVwTnVtYmVyIC0gMV0gPSBjb21wbGV0ZWRcblxuICAgICAgcmV0dXJuIHVwZGF0ZWREb25lXG4gICAgfSlcbiAgfSwgW2NvbXBsZXRlZCwgc2V0RG9uZSwgc3RlcE51bWJlcl0pXG5cbiAgaWYgKHN0ZXBOdW1iZXIgPT09IGN1cnJlbnRTdGVwKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRDb250ZW50PlxuICAgICAgICA8U3R5bGVkU3ViSGVhZGVyPlxuICAgICAgICAgIHt0eXBlb2Ygc3ViSGVhZGVyID09PSAnc3RyaW5nJyA/IChcbiAgICAgICAgICAgIDxUZXh0IGFzPVwiaDNcIiB2YXJpYW50PVwiaGVhZGluZ1NtYWxsU3Ryb25nXCI+XG4gICAgICAgICAgICAgIHtzdWJIZWFkZXJ9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIHN1YkhlYWRlclxuICAgICAgICAgICl9XG4gICAgICAgIDwvU3R5bGVkU3ViSGVhZGVyPlxuICAgICAgICB7dHlwZW9mIGNoaWxkcmVuID09PSAnZnVuY3Rpb24nXG4gICAgICAgICAgPyBjaGlsZHJlbigoY29tcGxldGVkQXJnOiBib29sZWFuKSA9PlxuICAgICAgICAgICAgICBuZXh0U3RlcCh7XG4gICAgICAgICAgICAgICAgY29tcGxldGVkOiBjb21wbGV0ZWRBcmcsXG4gICAgICAgICAgICAgICAgc2V0Q29tcGxldGVkOiBzZXREb25lLFxuICAgICAgICAgICAgICAgIGRvbmUsXG4gICAgICAgICAgICAgICAgc3RlcE51bWJlcixcbiAgICAgICAgICAgICAgICBzZXRDdXJyZW50U3RlcCxcbiAgICAgICAgICAgICAgICBudW1iZXJPZlN0ZXBzLFxuICAgICAgICAgICAgICAgIHNldEhpZGRlbixcbiAgICAgICAgICAgICAgICBvbkNsaWNrSGlkZSxcbiAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICApXG4gICAgICAgICAgOiBjaGlsZHJlbn1cbiAgICAgICAgPFN0eWxlZEltYWdlPntpbWFnZX08L1N0eWxlZEltYWdlPlxuICAgICAgPC9TdHlsZWRDb250ZW50PlxuICAgIClcbiAgfVxuXG4gIHJldHVybiBudWxsXG59XG4iXX0= */"));
|
|
40
40
|
const SteppedListContent = ({
|
|
41
41
|
subHeader,
|
|
42
42
|
children,
|
|
43
43
|
image,
|
|
44
|
-
stepNumber
|
|
44
|
+
stepNumber,
|
|
45
|
+
completed = false
|
|
45
46
|
}) => {
|
|
46
|
-
const
|
|
47
|
-
|
|
47
|
+
const {
|
|
48
|
+
setDone,
|
|
49
|
+
currentStep,
|
|
50
|
+
done,
|
|
51
|
+
setCurrentStep,
|
|
52
|
+
numberOfSteps,
|
|
53
|
+
setHidden,
|
|
54
|
+
onClickHide
|
|
55
|
+
} = useContext(Data);
|
|
56
|
+
useEffect(() => {
|
|
57
|
+
setDone((prevDone) => {
|
|
58
|
+
const updatedDone = [...prevDone];
|
|
59
|
+
updatedDone[stepNumber - 1] = completed;
|
|
60
|
+
return updatedDone;
|
|
61
|
+
});
|
|
62
|
+
}, [completed, setDone, stepNumber]);
|
|
63
|
+
if (stepNumber === currentStep) {
|
|
48
64
|
return /* @__PURE__ */ jsxs(StyledContent, { children: [
|
|
49
65
|
/* @__PURE__ */ jsx(StyledSubHeader, { children: typeof subHeader === "string" ? /* @__PURE__ */ jsx(Text, { as: "h3", variant: "headingSmallStrong", children: subHeader }) : subHeader }),
|
|
50
|
-
typeof children === "function" ? children((
|
|
51
|
-
completed,
|
|
52
|
-
setCompleted:
|
|
53
|
-
done
|
|
66
|
+
typeof children === "function" ? children((completedArg) => nextStep({
|
|
67
|
+
completed: completedArg,
|
|
68
|
+
setCompleted: setDone,
|
|
69
|
+
done,
|
|
54
70
|
stepNumber,
|
|
55
|
-
setCurrentStep
|
|
56
|
-
numberOfSteps
|
|
57
|
-
setHidden
|
|
58
|
-
onClickHide
|
|
71
|
+
setCurrentStep,
|
|
72
|
+
numberOfSteps,
|
|
73
|
+
setHidden,
|
|
74
|
+
onClickHide
|
|
59
75
|
})) : children,
|
|
60
76
|
/* @__PURE__ */ jsx(StyledImage, { children: image })
|
|
61
77
|
] });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export { SteppedListCard } from './SteppedListCard';
|
|
@@ -6,4 +6,4 @@ export { CustomerSatisfaction } from './CustomerSatisfaction';
|
|
|
6
6
|
export { Conversation } from './Conversation';
|
|
7
7
|
export { Navigation, NavigationProvider, useNavigation } from './Navigation';
|
|
8
8
|
export { FAQ } from './FAQ';
|
|
9
|
-
export {
|
|
9
|
+
export { SteppedListCard } from './SteppedListCard';
|
package/dist/index.cjs
CHANGED
|
@@ -10,7 +10,7 @@ const index$3 = require("./components/Conversation/index.cjs");
|
|
|
10
10
|
const Navigation = require("./components/Navigation/Navigation.cjs");
|
|
11
11
|
const NavigationProvider = require("./components/Navigation/NavigationProvider.cjs");
|
|
12
12
|
const index$4 = require("./components/FAQ/index.cjs");
|
|
13
|
-
const
|
|
13
|
+
const SteppedListCard = require("./components/SteppedListCard/SteppedListCard.cjs");
|
|
14
14
|
exports.ContentCard = index.ContentCard;
|
|
15
15
|
exports.ContentCardGroup = index$1.ContentCardGroup;
|
|
16
16
|
exports.CodeEditor = CodeEditor.CodeEditor;
|
|
@@ -22,4 +22,4 @@ exports.Navigation = Navigation.Navigation;
|
|
|
22
22
|
exports.NavigationProvider = NavigationProvider.NavigationProvider;
|
|
23
23
|
exports.useNavigation = NavigationProvider.useNavigation;
|
|
24
24
|
exports.FAQ = index$4.FAQ;
|
|
25
|
-
exports.
|
|
25
|
+
exports.SteppedListCard = SteppedListCard.SteppedListCard;
|
package/dist/index.js
CHANGED
|
@@ -8,7 +8,7 @@ import { Conversation } from "./components/Conversation/index.js";
|
|
|
8
8
|
import { Navigation } from "./components/Navigation/Navigation.js";
|
|
9
9
|
import { NavigationProvider, useNavigation } from "./components/Navigation/NavigationProvider.js";
|
|
10
10
|
import { FAQ } from "./components/FAQ/index.js";
|
|
11
|
-
import {
|
|
11
|
+
import { SteppedListCard } from "./components/SteppedListCard/SteppedListCard.js";
|
|
12
12
|
export {
|
|
13
13
|
CodeEditor,
|
|
14
14
|
ContentCard,
|
|
@@ -19,7 +19,7 @@ export {
|
|
|
19
19
|
FAQ,
|
|
20
20
|
Navigation,
|
|
21
21
|
NavigationProvider,
|
|
22
|
-
|
|
22
|
+
SteppedListCard,
|
|
23
23
|
default2 as estimateCostDefaultLocales,
|
|
24
24
|
useNavigation
|
|
25
25
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ultraviolet/plus",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.25.0",
|
|
4
4
|
"description": "Ultraviolet Plus",
|
|
5
5
|
"homepage": "https://github.com/scaleway/ultraviolet#readme",
|
|
6
6
|
"repository": {
|
|
@@ -64,17 +64,17 @@
|
|
|
64
64
|
"@types/react-dom": "19.0.4",
|
|
65
65
|
"react": "19.0.0",
|
|
66
66
|
"react-dom": "19.0.0",
|
|
67
|
-
"@ultraviolet/illustrations": "4.
|
|
67
|
+
"@ultraviolet/illustrations": "4.4.0",
|
|
68
68
|
"@utils/test": "0.0.1"
|
|
69
69
|
},
|
|
70
70
|
"dependencies": {
|
|
71
71
|
"@uiw/codemirror-extensions-langs": "4.23.10",
|
|
72
72
|
"@uiw/codemirror-theme-material": "4.23.10",
|
|
73
73
|
"@uiw/react-codemirror": "4.23.10",
|
|
74
|
-
"react-intersection-observer": "9.
|
|
75
|
-
"@ultraviolet/icons": "3.12.
|
|
74
|
+
"react-intersection-observer": "9.16.0",
|
|
75
|
+
"@ultraviolet/icons": "3.12.1",
|
|
76
76
|
"@ultraviolet/themes": "1.16.0",
|
|
77
|
-
"@ultraviolet/ui": "1.90.
|
|
77
|
+
"@ultraviolet/ui": "1.90.3"
|
|
78
78
|
},
|
|
79
79
|
"scripts": {
|
|
80
80
|
"prebuild": "shx rm -rf dist",
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
4
|
-
const _styled = require("@emotion/styled/base");
|
|
5
|
-
const ui = require("@ultraviolet/ui");
|
|
6
|
-
const react = require("react");
|
|
7
|
-
const Step = require("./Step.cjs");
|
|
8
|
-
const SteppedListContent = require("./SteppedListContent.cjs");
|
|
9
|
-
const helper = require("./helper.cjs");
|
|
10
|
-
const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
|
|
11
|
-
const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
|
|
12
|
-
function _EMOTION_STRINGIFIED_CSS_ERROR__() {
|
|
13
|
-
return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
|
|
14
|
-
}
|
|
15
|
-
const StyledCard = /* @__PURE__ */ _styled__default.default(ui.Card, process.env.NODE_ENV === "production" ? {
|
|
16
|
-
target: "ebhkk9t1"
|
|
17
|
-
} : {
|
|
18
|
-
target: "ebhkk9t1",
|
|
19
|
-
label: "StyledCard"
|
|
20
|
-
})(process.env.NODE_ENV === "production" ? {
|
|
21
|
-
name: "1hcx8jb",
|
|
22
|
-
styles: "padding:0"
|
|
23
|
-
} : {
|
|
24
|
-
name: "1hcx8jb",
|
|
25
|
-
styles: "padding:0/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9TdGVwcGVkTGlzdENhcmQvU3RlcHBlZExpc3RDb250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBCdXR0b24sIENhcmQsIFJvdywgU3RhY2ssIFN0ZXBMaXN0LCBUZXh0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHsgQ2hpbGRyZW4sIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU3RlcHBlZExpc3QgfSBmcm9tICcuL1N0ZXAnXG5pbXBvcnQgeyBTdGVwcGVkTGlzdENvbnRlbnQgfSBmcm9tICcuL1N0ZXBwZWRMaXN0Q29udGVudCdcbmltcG9ydCB7IERhdGEgfSBmcm9tICcuL2hlbHBlcidcblxuY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZChDYXJkKWBcbiAgcGFkZGluZzogMDtcbmBcbmNvbnN0IENvbnRlbnRTdGFjayA9IHN0eWxlZChTdGFjaylgXG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX07XG4gIGJvcmRlci1yaWdodDogc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJ9IDFweDtcbmBcblxudHlwZSBTdGVwcGVkTGlzdENvbnRhaW5lclByb3BzID0ge1xuICAvKipcbiAgICogVGl0bGUgb2YgdGhlIHNlY3Rpb24sIGludHJvZHVjZXMgdGhlIGZlYXR1cmUuXG4gICAqL1xuICBoZWFkZXI6IFJlYWN0Tm9kZVxuICAvKipcbiAgICogTGlzdCBvZiBzdGVwc1xuICAgKi9cbiAgc3RlcHM6IHN0cmluZ1tdXG4gIC8qKlxuICAgKiBEZWZpbmUgaGVyZSB0aGUgY29udGVudCBvZiBlYWNoIHN0ZXBcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgLyoqXG4gICAqIEZ1bmN0aW9uIGNhbGxlZCB3aGVuIHRoZSBjb21wb25lbnQgaXMgY2xvc2VkLiBUaGlzIGZ1bmN0aW9uIHdpbGwgb3ZlcmxvYWQgdGhlIGRlZmF1bHQgYmVoYXZpb3IuXG4gICAqL1xuICBvbkNsaWNrSGlkZT86ICgpID0+IHZvaWRcbn0gJiAoXG4gIHwge1xuICAgICAgLyoqXG4gICAgICAgKiBTaG93IHRoZSB0b2dnbGUgb3B0aW9uXG4gICAgICAgKi9cbiAgICAgIHNob3dUb2dnbGVPcHRpb246IGZhbHNlXG4gICAgICBoaWRlVG9vbHRpcFRleHQ/OiBuZXZlclxuICAgICAgaGlkZVRleHQ/OiBuZXZlclxuICAgICAgc2hvd1RleHQ/OiBuZXZlclxuICAgICAgc2hvd1Rvb2x0aXBUZXh0PzogbmV2ZXJcbiAgICB9XG4gIHwge1xuICAgICAgLyoqXG4gICAgICAgKiBTaG93IHRoZSB0b2dnbGUgb3B0aW9uXG4gICAgICAgKi9cbiAgICAgIHNob3dUb2dnbGVPcHRpb24/OiB0cnVlXG4gICAgICAvKipcbiAgICAgICAqIFRleHQgb2YgdGhlIHRvb2x0aXAgb24gdGhlIGhpZGUgYnV0dG9uXG4gICAgICAgKi9cbiAgICAgIGhpZGVUb29sdGlwVGV4dD86IHN0cmluZ1xuICAgICAgLyoqXG4gICAgICAgKiBUZXh0IG9mIHRoZSBcImhpZGVcIiBidXR0b25cbiAgICAgICAqL1xuICAgICAgaGlkZVRleHQ/OiBzdHJpbmdcbiAgICAgIC8qKlxuICAgICAgICogVGV4dCBvZiB0aGUgXCJzaG93XCIgYnV0dG9uXG4gICAgICAgKi9cbiAgICAgIHNob3dUZXh0Pzogc3RyaW5nXG4gICAgICAvKipcbiAgICAgICAqIFRleHQgb2YgdG9vbHRpcCBvbiB0aGUgXCJzaG93XCIgYnV0dG9uXG4gICAgICAgKi9cbiAgICAgIHNob3dUb29sdGlwVGV4dD86IHN0cmluZ1xuICAgIH1cbilcblxuLyoqXG4gKiBTdGVwcGVkTGlzdENvbnRhaW5lciBpcyBhIGNvbXBvbmVudCBjcmVhdGVkIGZvciBndWlkaW5nIHVzZXJzIHRocm91Z2ggc3RlcHMgaW4gYSBzdHJ1Y3R1cmVkIGFuZCBsaW5lYXIgbWFubmVyLlxuICogSXQgY2FuIHBhc3MgcHJvcCBcIm5leHRTdGVwXCIgdG8gaXRzIGNoaWxkcmVuLlxuICovXG5jb25zdCBTdGVwcGVkTGlzdENvbnRhaW5lciA9ICh7XG4gIGhlYWRlcixcbiAgc2hvd1RvZ2dsZU9wdGlvbiA9IHRydWUsXG4gIGhpZGVUb29sdGlwVGV4dCxcbiAgaGlkZVRleHQgPSAnSGlkZScsXG4gIHNob3dUZXh0ID0gJ1Nob3cnLFxuICBzaG93VG9vbHRpcFRleHQsXG4gIGNoaWxkcmVuLFxuICBzdGVwcyxcbiAgb25DbGlja0hpZGUsXG59OiBTdGVwcGVkTGlzdENvbnRhaW5lclByb3BzKSA9PiB7XG4gIGNvbnN0IG51bWJlck9mU3RlcHMgPSBDaGlsZHJlbi5jb3VudChjaGlsZHJlbilcbiAgY29uc3QgW2N1cnJlbnRTdGVwLCBzZXRDdXJyZW50U3RlcF0gPSB1c2VTdGF0ZSgxKVxuICBjb25zdCBbaGlkZGVuLCBzZXRIaWRkZW5dID0gdXNlU3RhdGUoZmFsc2UpXG4gIGNvbnN0IFtkb25lLCBzZXREb25lXSA9IHVzZVN0YXRlKG5ldyBBcnJheTxib29sZWFuPihzdGVwcy5sZW5ndGgpLmZpbGwoZmFsc2UpKVxuXG4gIGNvbnN0IHZhbHVlcyA9IHVzZU1lbW8oXG4gICAgKCkgPT4gKHtcbiAgICAgIGN1cnJlbnRTdGVwLFxuICAgICAgc2V0Q3VycmVudFN0ZXAsXG4gICAgICBudW1iZXJPZlN0ZXBzLFxuICAgICAgZG9uZSxcbiAgICAgIHNldERvbmUsXG4gICAgICBzZXRIaWRkZW4sXG4gICAgICBvbkNsaWNrSGlkZSxcbiAgICB9KSxcbiAgICBbXG4gICAgICBjdXJyZW50U3RlcCxcbiAgICAgIHNldEN1cnJlbnRTdGVwLFxuICAgICAgbnVtYmVyT2ZTdGVwcyxcbiAgICAgIGRvbmUsXG4gICAgICBzZXREb25lLFxuICAgICAgc2V0SGlkZGVuLFxuICAgICAgb25DbGlja0hpZGUsXG4gICAgXSxcbiAgKVxuXG4gIGNvbnN0IG9uQ2xpY2tIaWRlQnV0dG9uID0gKCkgPT4ge1xuICAgIGlmIChvbkNsaWNrSGlkZSkgb25DbGlja0hpZGUoKVxuICAgIGVsc2Ugc2V0SGlkZGVuKCFoaWRkZW4pXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxEYXRhLlByb3ZpZGVyIHZhbHVlPXt2YWx1ZXN9PlxuICAgICAgPFN0YWNrIGdhcD17M30+XG4gICAgICAgIDxSb3cgdGVtcGxhdGVDb2x1bW5zPVwiOWZyIDFmclwiPlxuICAgICAgICAgIHt0eXBlb2YgaGVhZGVyID09PSAnc3RyaW5nJyA/IChcbiAgICAgICAgICAgIDxUZXh0IGFzPVwiaDNcIiB2YXJpYW50PVwiaGVhZGluZ1wiPlxuICAgICAgICAgICAgICB7aGVhZGVyfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICBoZWFkZXJcbiAgICAgICAgICApfVxuICAgICAgICAgIHtzaG93VG9nZ2xlT3B0aW9uID8gKFxuICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrSGlkZUJ1dHRvbn1cbiAgICAgICAgICAgICAgdmFyaWFudD1cImdob3N0XCJcbiAgICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgICAgIHRvb2x0aXA9e2hpZGRlbiA/IHNob3dUb29sdGlwVGV4dCA6IGhpZGVUb29sdGlwVGV4dH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2hpZGRlbiA/IHNob3dUZXh0IDogaGlkZVRleHR9XG4gICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgPC9Sb3c+XG4gICAgICAgIHtoaWRkZW4gPyBudWxsIDogKFxuICAgICAgICAgIDxTdHlsZWRDYXJkPlxuICAgICAgICAgICAgPFJvdyB0ZW1wbGF0ZUNvbHVtbnM9XCIxZnIgM2ZyXCI+XG4gICAgICAgICAgICAgIDxDb250ZW50U3RhY2sgZGlyZWN0aW9uPVwiY29sdW1uXCIgZ2FwPXs0fT5cbiAgICAgICAgICAgICAgICA8U3RlcExpc3Q+XG4gICAgICAgICAgICAgICAgICB7c3RlcHMubWFwKChzdGVwLCBpbmRleCkgPT4gKFxuICAgICAgICAgICAgICAgICAgICA8U3RlcHBlZExpc3RcbiAgICAgICAgICAgICAgICAgICAgICBrZXk9e3N0ZXB9XG4gICAgICAgICAgICAgICAgICAgICAgc3RlcE51bWJlcj17aW5kZXggKyAxfVxuICAgICAgICAgICAgICAgICAgICAgIHN0ZXBUaXRsZT17c3RlcH1cbiAgICAgICAgICAgICAgICAgICAgICBjb21wbGV0ZWQ9e2RvbmVbaW5kZXhdfVxuICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICAgICAgPC9TdGVwTGlzdD5cbiAgICAgICAgICAgICAgPC9Db250ZW50U3RhY2s+XG4gICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIDwvUm93PlxuICAgICAgICAgIDwvU3R5bGVkQ2FyZD5cbiAgICAgICAgKX1cbiAgICAgIDwvU3RhY2s+XG4gICAgPC9EYXRhLlByb3ZpZGVyPlxuICApXG59XG5cblN0ZXBwZWRMaXN0Q29udGFpbmVyLlN0ZXAgPSBTdGVwcGVkTGlzdENvbnRlbnRcblxuZXhwb3J0IHsgU3RlcHBlZExpc3RDb250YWluZXIgfVxuIl19 */",
|
|
26
|
-
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
27
|
-
});
|
|
28
|
-
const ContentStack = /* @__PURE__ */ _styled__default.default(ui.Stack, process.env.NODE_ENV === "production" ? {
|
|
29
|
-
target: "ebhkk9t0"
|
|
30
|
-
} : {
|
|
31
|
-
target: "ebhkk9t0",
|
|
32
|
-
label: "ContentStack"
|
|
33
|
-
})("padding:", ({
|
|
34
|
-
theme
|
|
35
|
-
}) => theme.space["3"], ";border-right:solid ", ({
|
|
36
|
-
theme
|
|
37
|
-
}) => theme.colors.neutral.border, " 1px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXa0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9TdGVwcGVkTGlzdENhcmQvU3RlcHBlZExpc3RDb250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBCdXR0b24sIENhcmQsIFJvdywgU3RhY2ssIFN0ZXBMaXN0LCBUZXh0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHsgQ2hpbGRyZW4sIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU3RlcHBlZExpc3QgfSBmcm9tICcuL1N0ZXAnXG5pbXBvcnQgeyBTdGVwcGVkTGlzdENvbnRlbnQgfSBmcm9tICcuL1N0ZXBwZWRMaXN0Q29udGVudCdcbmltcG9ydCB7IERhdGEgfSBmcm9tICcuL2hlbHBlcidcblxuY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZChDYXJkKWBcbiAgcGFkZGluZzogMDtcbmBcbmNvbnN0IENvbnRlbnRTdGFjayA9IHN0eWxlZChTdGFjaylgXG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX07XG4gIGJvcmRlci1yaWdodDogc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJ9IDFweDtcbmBcblxudHlwZSBTdGVwcGVkTGlzdENvbnRhaW5lclByb3BzID0ge1xuICAvKipcbiAgICogVGl0bGUgb2YgdGhlIHNlY3Rpb24sIGludHJvZHVjZXMgdGhlIGZlYXR1cmUuXG4gICAqL1xuICBoZWFkZXI6IFJlYWN0Tm9kZVxuICAvKipcbiAgICogTGlzdCBvZiBzdGVwc1xuICAgKi9cbiAgc3RlcHM6IHN0cmluZ1tdXG4gIC8qKlxuICAgKiBEZWZpbmUgaGVyZSB0aGUgY29udGVudCBvZiBlYWNoIHN0ZXBcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgLyoqXG4gICAqIEZ1bmN0aW9uIGNhbGxlZCB3aGVuIHRoZSBjb21wb25lbnQgaXMgY2xvc2VkLiBUaGlzIGZ1bmN0aW9uIHdpbGwgb3ZlcmxvYWQgdGhlIGRlZmF1bHQgYmVoYXZpb3IuXG4gICAqL1xuICBvbkNsaWNrSGlkZT86ICgpID0+IHZvaWRcbn0gJiAoXG4gIHwge1xuICAgICAgLyoqXG4gICAgICAgKiBTaG93IHRoZSB0b2dnbGUgb3B0aW9uXG4gICAgICAgKi9cbiAgICAgIHNob3dUb2dnbGVPcHRpb246IGZhbHNlXG4gICAgICBoaWRlVG9vbHRpcFRleHQ/OiBuZXZlclxuICAgICAgaGlkZVRleHQ/OiBuZXZlclxuICAgICAgc2hvd1RleHQ/OiBuZXZlclxuICAgICAgc2hvd1Rvb2x0aXBUZXh0PzogbmV2ZXJcbiAgICB9XG4gIHwge1xuICAgICAgLyoqXG4gICAgICAgKiBTaG93IHRoZSB0b2dnbGUgb3B0aW9uXG4gICAgICAgKi9cbiAgICAgIHNob3dUb2dnbGVPcHRpb24/OiB0cnVlXG4gICAgICAvKipcbiAgICAgICAqIFRleHQgb2YgdGhlIHRvb2x0aXAgb24gdGhlIGhpZGUgYnV0dG9uXG4gICAgICAgKi9cbiAgICAgIGhpZGVUb29sdGlwVGV4dD86IHN0cmluZ1xuICAgICAgLyoqXG4gICAgICAgKiBUZXh0IG9mIHRoZSBcImhpZGVcIiBidXR0b25cbiAgICAgICAqL1xuICAgICAgaGlkZVRleHQ/OiBzdHJpbmdcbiAgICAgIC8qKlxuICAgICAgICogVGV4dCBvZiB0aGUgXCJzaG93XCIgYnV0dG9uXG4gICAgICAgKi9cbiAgICAgIHNob3dUZXh0Pzogc3RyaW5nXG4gICAgICAvKipcbiAgICAgICAqIFRleHQgb2YgdG9vbHRpcCBvbiB0aGUgXCJzaG93XCIgYnV0dG9uXG4gICAgICAgKi9cbiAgICAgIHNob3dUb29sdGlwVGV4dD86IHN0cmluZ1xuICAgIH1cbilcblxuLyoqXG4gKiBTdGVwcGVkTGlzdENvbnRhaW5lciBpcyBhIGNvbXBvbmVudCBjcmVhdGVkIGZvciBndWlkaW5nIHVzZXJzIHRocm91Z2ggc3RlcHMgaW4gYSBzdHJ1Y3R1cmVkIGFuZCBsaW5lYXIgbWFubmVyLlxuICogSXQgY2FuIHBhc3MgcHJvcCBcIm5leHRTdGVwXCIgdG8gaXRzIGNoaWxkcmVuLlxuICovXG5jb25zdCBTdGVwcGVkTGlzdENvbnRhaW5lciA9ICh7XG4gIGhlYWRlcixcbiAgc2hvd1RvZ2dsZU9wdGlvbiA9IHRydWUsXG4gIGhpZGVUb29sdGlwVGV4dCxcbiAgaGlkZVRleHQgPSAnSGlkZScsXG4gIHNob3dUZXh0ID0gJ1Nob3cnLFxuICBzaG93VG9vbHRpcFRleHQsXG4gIGNoaWxkcmVuLFxuICBzdGVwcyxcbiAgb25DbGlja0hpZGUsXG59OiBTdGVwcGVkTGlzdENvbnRhaW5lclByb3BzKSA9PiB7XG4gIGNvbnN0IG51bWJlck9mU3RlcHMgPSBDaGlsZHJlbi5jb3VudChjaGlsZHJlbilcbiAgY29uc3QgW2N1cnJlbnRTdGVwLCBzZXRDdXJyZW50U3RlcF0gPSB1c2VTdGF0ZSgxKVxuICBjb25zdCBbaGlkZGVuLCBzZXRIaWRkZW5dID0gdXNlU3RhdGUoZmFsc2UpXG4gIGNvbnN0IFtkb25lLCBzZXREb25lXSA9IHVzZVN0YXRlKG5ldyBBcnJheTxib29sZWFuPihzdGVwcy5sZW5ndGgpLmZpbGwoZmFsc2UpKVxuXG4gIGNvbnN0IHZhbHVlcyA9IHVzZU1lbW8oXG4gICAgKCkgPT4gKHtcbiAgICAgIGN1cnJlbnRTdGVwLFxuICAgICAgc2V0Q3VycmVudFN0ZXAsXG4gICAgICBudW1iZXJPZlN0ZXBzLFxuICAgICAgZG9uZSxcbiAgICAgIHNldERvbmUsXG4gICAgICBzZXRIaWRkZW4sXG4gICAgICBvbkNsaWNrSGlkZSxcbiAgICB9KSxcbiAgICBbXG4gICAgICBjdXJyZW50U3RlcCxcbiAgICAgIHNldEN1cnJlbnRTdGVwLFxuICAgICAgbnVtYmVyT2ZTdGVwcyxcbiAgICAgIGRvbmUsXG4gICAgICBzZXREb25lLFxuICAgICAgc2V0SGlkZGVuLFxuICAgICAgb25DbGlja0hpZGUsXG4gICAgXSxcbiAgKVxuXG4gIGNvbnN0IG9uQ2xpY2tIaWRlQnV0dG9uID0gKCkgPT4ge1xuICAgIGlmIChvbkNsaWNrSGlkZSkgb25DbGlja0hpZGUoKVxuICAgIGVsc2Ugc2V0SGlkZGVuKCFoaWRkZW4pXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxEYXRhLlByb3ZpZGVyIHZhbHVlPXt2YWx1ZXN9PlxuICAgICAgPFN0YWNrIGdhcD17M30+XG4gICAgICAgIDxSb3cgdGVtcGxhdGVDb2x1bW5zPVwiOWZyIDFmclwiPlxuICAgICAgICAgIHt0eXBlb2YgaGVhZGVyID09PSAnc3RyaW5nJyA/IChcbiAgICAgICAgICAgIDxUZXh0IGFzPVwiaDNcIiB2YXJpYW50PVwiaGVhZGluZ1wiPlxuICAgICAgICAgICAgICB7aGVhZGVyfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICBoZWFkZXJcbiAgICAgICAgICApfVxuICAgICAgICAgIHtzaG93VG9nZ2xlT3B0aW9uID8gKFxuICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrSGlkZUJ1dHRvbn1cbiAgICAgICAgICAgICAgdmFyaWFudD1cImdob3N0XCJcbiAgICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgICAgIHRvb2x0aXA9e2hpZGRlbiA/IHNob3dUb29sdGlwVGV4dCA6IGhpZGVUb29sdGlwVGV4dH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2hpZGRlbiA/IHNob3dUZXh0IDogaGlkZVRleHR9XG4gICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgPC9Sb3c+XG4gICAgICAgIHtoaWRkZW4gPyBudWxsIDogKFxuICAgICAgICAgIDxTdHlsZWRDYXJkPlxuICAgICAgICAgICAgPFJvdyB0ZW1wbGF0ZUNvbHVtbnM9XCIxZnIgM2ZyXCI+XG4gICAgICAgICAgICAgIDxDb250ZW50U3RhY2sgZGlyZWN0aW9uPVwiY29sdW1uXCIgZ2FwPXs0fT5cbiAgICAgICAgICAgICAgICA8U3RlcExpc3Q+XG4gICAgICAgICAgICAgICAgICB7c3RlcHMubWFwKChzdGVwLCBpbmRleCkgPT4gKFxuICAgICAgICAgICAgICAgICAgICA8U3RlcHBlZExpc3RcbiAgICAgICAgICAgICAgICAgICAgICBrZXk9e3N0ZXB9XG4gICAgICAgICAgICAgICAgICAgICAgc3RlcE51bWJlcj17aW5kZXggKyAxfVxuICAgICAgICAgICAgICAgICAgICAgIHN0ZXBUaXRsZT17c3RlcH1cbiAgICAgICAgICAgICAgICAgICAgICBjb21wbGV0ZWQ9e2RvbmVbaW5kZXhdfVxuICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICAgICAgPC9TdGVwTGlzdD5cbiAgICAgICAgICAgICAgPC9Db250ZW50U3RhY2s+XG4gICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIDwvUm93PlxuICAgICAgICAgIDwvU3R5bGVkQ2FyZD5cbiAgICAgICAgKX1cbiAgICAgIDwvU3RhY2s+XG4gICAgPC9EYXRhLlByb3ZpZGVyPlxuICApXG59XG5cblN0ZXBwZWRMaXN0Q29udGFpbmVyLlN0ZXAgPSBTdGVwcGVkTGlzdENvbnRlbnRcblxuZXhwb3J0IHsgU3RlcHBlZExpc3RDb250YWluZXIgfVxuIl19 */"));
|
|
38
|
-
const SteppedListContainer = ({
|
|
39
|
-
header,
|
|
40
|
-
showToggleOption = true,
|
|
41
|
-
hideTooltipText,
|
|
42
|
-
hideText = "Hide",
|
|
43
|
-
showText = "Show",
|
|
44
|
-
showTooltipText,
|
|
45
|
-
children,
|
|
46
|
-
steps,
|
|
47
|
-
onClickHide
|
|
48
|
-
}) => {
|
|
49
|
-
const numberOfSteps = react.Children.count(children);
|
|
50
|
-
const [currentStep, setCurrentStep] = react.useState(1);
|
|
51
|
-
const [hidden, setHidden] = react.useState(false);
|
|
52
|
-
const [done, setDone] = react.useState(new Array(steps.length).fill(false));
|
|
53
|
-
const values = react.useMemo(() => ({
|
|
54
|
-
currentStep,
|
|
55
|
-
setCurrentStep,
|
|
56
|
-
numberOfSteps,
|
|
57
|
-
done,
|
|
58
|
-
setDone,
|
|
59
|
-
setHidden,
|
|
60
|
-
onClickHide
|
|
61
|
-
}), [currentStep, setCurrentStep, numberOfSteps, done, setDone, setHidden, onClickHide]);
|
|
62
|
-
const onClickHideButton = () => {
|
|
63
|
-
if (onClickHide) onClickHide();
|
|
64
|
-
else setHidden(!hidden);
|
|
65
|
-
};
|
|
66
|
-
return /* @__PURE__ */ jsxRuntime.jsx(helper.Data.Provider, { value: values, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { gap: 3, children: [
|
|
67
|
-
/* @__PURE__ */ jsxRuntime.jsxs(ui.Row, { templateColumns: "9fr 1fr", children: [
|
|
68
|
-
typeof header === "string" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "h3", variant: "heading", children: header }) : header,
|
|
69
|
-
showToggleOption ? /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: onClickHideButton, variant: "ghost", sentiment: "neutral", size: "small", tooltip: hidden ? showTooltipText : hideTooltipText, children: hidden ? showText : hideText }) : null
|
|
70
|
-
] }),
|
|
71
|
-
hidden ? null : /* @__PURE__ */ jsxRuntime.jsx(StyledCard, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Row, { templateColumns: "1fr 3fr", children: [
|
|
72
|
-
/* @__PURE__ */ jsxRuntime.jsx(ContentStack, { direction: "column", gap: 4, children: /* @__PURE__ */ jsxRuntime.jsx(ui.StepList, { children: steps.map((step, index) => /* @__PURE__ */ jsxRuntime.jsx(Step.SteppedList, { stepNumber: index + 1, stepTitle: step, completed: done[index] }, step)) }) }),
|
|
73
|
-
children
|
|
74
|
-
] }) })
|
|
75
|
-
] }) });
|
|
76
|
-
};
|
|
77
|
-
SteppedListContainer.Step = SteppedListContent.SteppedListContent;
|
|
78
|
-
exports.SteppedListContainer = SteppedListContainer;
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from "@emotion/react/jsx-runtime";
|
|
2
|
-
import _styled from "@emotion/styled/base";
|
|
3
|
-
import { Stack, Row, Text, Button, StepList, Card } from "@ultraviolet/ui";
|
|
4
|
-
import { Children, useState, useMemo } from "react";
|
|
5
|
-
import { SteppedList } from "./Step.js";
|
|
6
|
-
import { SteppedListContent } from "./SteppedListContent.js";
|
|
7
|
-
import { Data } from "./helper.js";
|
|
8
|
-
function _EMOTION_STRINGIFIED_CSS_ERROR__() {
|
|
9
|
-
return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
|
|
10
|
-
}
|
|
11
|
-
const StyledCard = /* @__PURE__ */ _styled(Card, process.env.NODE_ENV === "production" ? {
|
|
12
|
-
target: "ebhkk9t1"
|
|
13
|
-
} : {
|
|
14
|
-
target: "ebhkk9t1",
|
|
15
|
-
label: "StyledCard"
|
|
16
|
-
})(process.env.NODE_ENV === "production" ? {
|
|
17
|
-
name: "1hcx8jb",
|
|
18
|
-
styles: "padding:0"
|
|
19
|
-
} : {
|
|
20
|
-
name: "1hcx8jb",
|
|
21
|
-
styles: "padding:0/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9TdGVwcGVkTGlzdENhcmQvU3RlcHBlZExpc3RDb250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBCdXR0b24sIENhcmQsIFJvdywgU3RhY2ssIFN0ZXBMaXN0LCBUZXh0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHsgQ2hpbGRyZW4sIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU3RlcHBlZExpc3QgfSBmcm9tICcuL1N0ZXAnXG5pbXBvcnQgeyBTdGVwcGVkTGlzdENvbnRlbnQgfSBmcm9tICcuL1N0ZXBwZWRMaXN0Q29udGVudCdcbmltcG9ydCB7IERhdGEgfSBmcm9tICcuL2hlbHBlcidcblxuY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZChDYXJkKWBcbiAgcGFkZGluZzogMDtcbmBcbmNvbnN0IENvbnRlbnRTdGFjayA9IHN0eWxlZChTdGFjaylgXG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX07XG4gIGJvcmRlci1yaWdodDogc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJ9IDFweDtcbmBcblxudHlwZSBTdGVwcGVkTGlzdENvbnRhaW5lclByb3BzID0ge1xuICAvKipcbiAgICogVGl0bGUgb2YgdGhlIHNlY3Rpb24sIGludHJvZHVjZXMgdGhlIGZlYXR1cmUuXG4gICAqL1xuICBoZWFkZXI6IFJlYWN0Tm9kZVxuICAvKipcbiAgICogTGlzdCBvZiBzdGVwc1xuICAgKi9cbiAgc3RlcHM6IHN0cmluZ1tdXG4gIC8qKlxuICAgKiBEZWZpbmUgaGVyZSB0aGUgY29udGVudCBvZiBlYWNoIHN0ZXBcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgLyoqXG4gICAqIEZ1bmN0aW9uIGNhbGxlZCB3aGVuIHRoZSBjb21wb25lbnQgaXMgY2xvc2VkLiBUaGlzIGZ1bmN0aW9uIHdpbGwgb3ZlcmxvYWQgdGhlIGRlZmF1bHQgYmVoYXZpb3IuXG4gICAqL1xuICBvbkNsaWNrSGlkZT86ICgpID0+IHZvaWRcbn0gJiAoXG4gIHwge1xuICAgICAgLyoqXG4gICAgICAgKiBTaG93IHRoZSB0b2dnbGUgb3B0aW9uXG4gICAgICAgKi9cbiAgICAgIHNob3dUb2dnbGVPcHRpb246IGZhbHNlXG4gICAgICBoaWRlVG9vbHRpcFRleHQ/OiBuZXZlclxuICAgICAgaGlkZVRleHQ/OiBuZXZlclxuICAgICAgc2hvd1RleHQ/OiBuZXZlclxuICAgICAgc2hvd1Rvb2x0aXBUZXh0PzogbmV2ZXJcbiAgICB9XG4gIHwge1xuICAgICAgLyoqXG4gICAgICAgKiBTaG93IHRoZSB0b2dnbGUgb3B0aW9uXG4gICAgICAgKi9cbiAgICAgIHNob3dUb2dnbGVPcHRpb24/OiB0cnVlXG4gICAgICAvKipcbiAgICAgICAqIFRleHQgb2YgdGhlIHRvb2x0aXAgb24gdGhlIGhpZGUgYnV0dG9uXG4gICAgICAgKi9cbiAgICAgIGhpZGVUb29sdGlwVGV4dD86IHN0cmluZ1xuICAgICAgLyoqXG4gICAgICAgKiBUZXh0IG9mIHRoZSBcImhpZGVcIiBidXR0b25cbiAgICAgICAqL1xuICAgICAgaGlkZVRleHQ/OiBzdHJpbmdcbiAgICAgIC8qKlxuICAgICAgICogVGV4dCBvZiB0aGUgXCJzaG93XCIgYnV0dG9uXG4gICAgICAgKi9cbiAgICAgIHNob3dUZXh0Pzogc3RyaW5nXG4gICAgICAvKipcbiAgICAgICAqIFRleHQgb2YgdG9vbHRpcCBvbiB0aGUgXCJzaG93XCIgYnV0dG9uXG4gICAgICAgKi9cbiAgICAgIHNob3dUb29sdGlwVGV4dD86IHN0cmluZ1xuICAgIH1cbilcblxuLyoqXG4gKiBTdGVwcGVkTGlzdENvbnRhaW5lciBpcyBhIGNvbXBvbmVudCBjcmVhdGVkIGZvciBndWlkaW5nIHVzZXJzIHRocm91Z2ggc3RlcHMgaW4gYSBzdHJ1Y3R1cmVkIGFuZCBsaW5lYXIgbWFubmVyLlxuICogSXQgY2FuIHBhc3MgcHJvcCBcIm5leHRTdGVwXCIgdG8gaXRzIGNoaWxkcmVuLlxuICovXG5jb25zdCBTdGVwcGVkTGlzdENvbnRhaW5lciA9ICh7XG4gIGhlYWRlcixcbiAgc2hvd1RvZ2dsZU9wdGlvbiA9IHRydWUsXG4gIGhpZGVUb29sdGlwVGV4dCxcbiAgaGlkZVRleHQgPSAnSGlkZScsXG4gIHNob3dUZXh0ID0gJ1Nob3cnLFxuICBzaG93VG9vbHRpcFRleHQsXG4gIGNoaWxkcmVuLFxuICBzdGVwcyxcbiAgb25DbGlja0hpZGUsXG59OiBTdGVwcGVkTGlzdENvbnRhaW5lclByb3BzKSA9PiB7XG4gIGNvbnN0IG51bWJlck9mU3RlcHMgPSBDaGlsZHJlbi5jb3VudChjaGlsZHJlbilcbiAgY29uc3QgW2N1cnJlbnRTdGVwLCBzZXRDdXJyZW50U3RlcF0gPSB1c2VTdGF0ZSgxKVxuICBjb25zdCBbaGlkZGVuLCBzZXRIaWRkZW5dID0gdXNlU3RhdGUoZmFsc2UpXG4gIGNvbnN0IFtkb25lLCBzZXREb25lXSA9IHVzZVN0YXRlKG5ldyBBcnJheTxib29sZWFuPihzdGVwcy5sZW5ndGgpLmZpbGwoZmFsc2UpKVxuXG4gIGNvbnN0IHZhbHVlcyA9IHVzZU1lbW8oXG4gICAgKCkgPT4gKHtcbiAgICAgIGN1cnJlbnRTdGVwLFxuICAgICAgc2V0Q3VycmVudFN0ZXAsXG4gICAgICBudW1iZXJPZlN0ZXBzLFxuICAgICAgZG9uZSxcbiAgICAgIHNldERvbmUsXG4gICAgICBzZXRIaWRkZW4sXG4gICAgICBvbkNsaWNrSGlkZSxcbiAgICB9KSxcbiAgICBbXG4gICAgICBjdXJyZW50U3RlcCxcbiAgICAgIHNldEN1cnJlbnRTdGVwLFxuICAgICAgbnVtYmVyT2ZTdGVwcyxcbiAgICAgIGRvbmUsXG4gICAgICBzZXREb25lLFxuICAgICAgc2V0SGlkZGVuLFxuICAgICAgb25DbGlja0hpZGUsXG4gICAgXSxcbiAgKVxuXG4gIGNvbnN0IG9uQ2xpY2tIaWRlQnV0dG9uID0gKCkgPT4ge1xuICAgIGlmIChvbkNsaWNrSGlkZSkgb25DbGlja0hpZGUoKVxuICAgIGVsc2Ugc2V0SGlkZGVuKCFoaWRkZW4pXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxEYXRhLlByb3ZpZGVyIHZhbHVlPXt2YWx1ZXN9PlxuICAgICAgPFN0YWNrIGdhcD17M30+XG4gICAgICAgIDxSb3cgdGVtcGxhdGVDb2x1bW5zPVwiOWZyIDFmclwiPlxuICAgICAgICAgIHt0eXBlb2YgaGVhZGVyID09PSAnc3RyaW5nJyA/IChcbiAgICAgICAgICAgIDxUZXh0IGFzPVwiaDNcIiB2YXJpYW50PVwiaGVhZGluZ1wiPlxuICAgICAgICAgICAgICB7aGVhZGVyfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICBoZWFkZXJcbiAgICAgICAgICApfVxuICAgICAgICAgIHtzaG93VG9nZ2xlT3B0aW9uID8gKFxuICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrSGlkZUJ1dHRvbn1cbiAgICAgICAgICAgICAgdmFyaWFudD1cImdob3N0XCJcbiAgICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgICAgIHRvb2x0aXA9e2hpZGRlbiA/IHNob3dUb29sdGlwVGV4dCA6IGhpZGVUb29sdGlwVGV4dH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2hpZGRlbiA/IHNob3dUZXh0IDogaGlkZVRleHR9XG4gICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgPC9Sb3c+XG4gICAgICAgIHtoaWRkZW4gPyBudWxsIDogKFxuICAgICAgICAgIDxTdHlsZWRDYXJkPlxuICAgICAgICAgICAgPFJvdyB0ZW1wbGF0ZUNvbHVtbnM9XCIxZnIgM2ZyXCI+XG4gICAgICAgICAgICAgIDxDb250ZW50U3RhY2sgZGlyZWN0aW9uPVwiY29sdW1uXCIgZ2FwPXs0fT5cbiAgICAgICAgICAgICAgICA8U3RlcExpc3Q+XG4gICAgICAgICAgICAgICAgICB7c3RlcHMubWFwKChzdGVwLCBpbmRleCkgPT4gKFxuICAgICAgICAgICAgICAgICAgICA8U3RlcHBlZExpc3RcbiAgICAgICAgICAgICAgICAgICAgICBrZXk9e3N0ZXB9XG4gICAgICAgICAgICAgICAgICAgICAgc3RlcE51bWJlcj17aW5kZXggKyAxfVxuICAgICAgICAgICAgICAgICAgICAgIHN0ZXBUaXRsZT17c3RlcH1cbiAgICAgICAgICAgICAgICAgICAgICBjb21wbGV0ZWQ9e2RvbmVbaW5kZXhdfVxuICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICAgICAgPC9TdGVwTGlzdD5cbiAgICAgICAgICAgICAgPC9Db250ZW50U3RhY2s+XG4gICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIDwvUm93PlxuICAgICAgICAgIDwvU3R5bGVkQ2FyZD5cbiAgICAgICAgKX1cbiAgICAgIDwvU3RhY2s+XG4gICAgPC9EYXRhLlByb3ZpZGVyPlxuICApXG59XG5cblN0ZXBwZWRMaXN0Q29udGFpbmVyLlN0ZXAgPSBTdGVwcGVkTGlzdENvbnRlbnRcblxuZXhwb3J0IHsgU3RlcHBlZExpc3RDb250YWluZXIgfVxuIl19 */",
|
|
22
|
-
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
23
|
-
});
|
|
24
|
-
const ContentStack = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "production" ? {
|
|
25
|
-
target: "ebhkk9t0"
|
|
26
|
-
} : {
|
|
27
|
-
target: "ebhkk9t0",
|
|
28
|
-
label: "ContentStack"
|
|
29
|
-
})("padding:", ({
|
|
30
|
-
theme
|
|
31
|
-
}) => theme.space["3"], ";border-right:solid ", ({
|
|
32
|
-
theme
|
|
33
|
-
}) => theme.colors.neutral.border, " 1px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXa0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9TdGVwcGVkTGlzdENhcmQvU3RlcHBlZExpc3RDb250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBCdXR0b24sIENhcmQsIFJvdywgU3RhY2ssIFN0ZXBMaXN0LCBUZXh0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHsgQ2hpbGRyZW4sIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU3RlcHBlZExpc3QgfSBmcm9tICcuL1N0ZXAnXG5pbXBvcnQgeyBTdGVwcGVkTGlzdENvbnRlbnQgfSBmcm9tICcuL1N0ZXBwZWRMaXN0Q29udGVudCdcbmltcG9ydCB7IERhdGEgfSBmcm9tICcuL2hlbHBlcidcblxuY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZChDYXJkKWBcbiAgcGFkZGluZzogMDtcbmBcbmNvbnN0IENvbnRlbnRTdGFjayA9IHN0eWxlZChTdGFjaylgXG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX07XG4gIGJvcmRlci1yaWdodDogc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJ9IDFweDtcbmBcblxudHlwZSBTdGVwcGVkTGlzdENvbnRhaW5lclByb3BzID0ge1xuICAvKipcbiAgICogVGl0bGUgb2YgdGhlIHNlY3Rpb24sIGludHJvZHVjZXMgdGhlIGZlYXR1cmUuXG4gICAqL1xuICBoZWFkZXI6IFJlYWN0Tm9kZVxuICAvKipcbiAgICogTGlzdCBvZiBzdGVwc1xuICAgKi9cbiAgc3RlcHM6IHN0cmluZ1tdXG4gIC8qKlxuICAgKiBEZWZpbmUgaGVyZSB0aGUgY29udGVudCBvZiBlYWNoIHN0ZXBcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgLyoqXG4gICAqIEZ1bmN0aW9uIGNhbGxlZCB3aGVuIHRoZSBjb21wb25lbnQgaXMgY2xvc2VkLiBUaGlzIGZ1bmN0aW9uIHdpbGwgb3ZlcmxvYWQgdGhlIGRlZmF1bHQgYmVoYXZpb3IuXG4gICAqL1xuICBvbkNsaWNrSGlkZT86ICgpID0+IHZvaWRcbn0gJiAoXG4gIHwge1xuICAgICAgLyoqXG4gICAgICAgKiBTaG93IHRoZSB0b2dnbGUgb3B0aW9uXG4gICAgICAgKi9cbiAgICAgIHNob3dUb2dnbGVPcHRpb246IGZhbHNlXG4gICAgICBoaWRlVG9vbHRpcFRleHQ/OiBuZXZlclxuICAgICAgaGlkZVRleHQ/OiBuZXZlclxuICAgICAgc2hvd1RleHQ/OiBuZXZlclxuICAgICAgc2hvd1Rvb2x0aXBUZXh0PzogbmV2ZXJcbiAgICB9XG4gIHwge1xuICAgICAgLyoqXG4gICAgICAgKiBTaG93IHRoZSB0b2dnbGUgb3B0aW9uXG4gICAgICAgKi9cbiAgICAgIHNob3dUb2dnbGVPcHRpb24/OiB0cnVlXG4gICAgICAvKipcbiAgICAgICAqIFRleHQgb2YgdGhlIHRvb2x0aXAgb24gdGhlIGhpZGUgYnV0dG9uXG4gICAgICAgKi9cbiAgICAgIGhpZGVUb29sdGlwVGV4dD86IHN0cmluZ1xuICAgICAgLyoqXG4gICAgICAgKiBUZXh0IG9mIHRoZSBcImhpZGVcIiBidXR0b25cbiAgICAgICAqL1xuICAgICAgaGlkZVRleHQ/OiBzdHJpbmdcbiAgICAgIC8qKlxuICAgICAgICogVGV4dCBvZiB0aGUgXCJzaG93XCIgYnV0dG9uXG4gICAgICAgKi9cbiAgICAgIHNob3dUZXh0Pzogc3RyaW5nXG4gICAgICAvKipcbiAgICAgICAqIFRleHQgb2YgdG9vbHRpcCBvbiB0aGUgXCJzaG93XCIgYnV0dG9uXG4gICAgICAgKi9cbiAgICAgIHNob3dUb29sdGlwVGV4dD86IHN0cmluZ1xuICAgIH1cbilcblxuLyoqXG4gKiBTdGVwcGVkTGlzdENvbnRhaW5lciBpcyBhIGNvbXBvbmVudCBjcmVhdGVkIGZvciBndWlkaW5nIHVzZXJzIHRocm91Z2ggc3RlcHMgaW4gYSBzdHJ1Y3R1cmVkIGFuZCBsaW5lYXIgbWFubmVyLlxuICogSXQgY2FuIHBhc3MgcHJvcCBcIm5leHRTdGVwXCIgdG8gaXRzIGNoaWxkcmVuLlxuICovXG5jb25zdCBTdGVwcGVkTGlzdENvbnRhaW5lciA9ICh7XG4gIGhlYWRlcixcbiAgc2hvd1RvZ2dsZU9wdGlvbiA9IHRydWUsXG4gIGhpZGVUb29sdGlwVGV4dCxcbiAgaGlkZVRleHQgPSAnSGlkZScsXG4gIHNob3dUZXh0ID0gJ1Nob3cnLFxuICBzaG93VG9vbHRpcFRleHQsXG4gIGNoaWxkcmVuLFxuICBzdGVwcyxcbiAgb25DbGlja0hpZGUsXG59OiBTdGVwcGVkTGlzdENvbnRhaW5lclByb3BzKSA9PiB7XG4gIGNvbnN0IG51bWJlck9mU3RlcHMgPSBDaGlsZHJlbi5jb3VudChjaGlsZHJlbilcbiAgY29uc3QgW2N1cnJlbnRTdGVwLCBzZXRDdXJyZW50U3RlcF0gPSB1c2VTdGF0ZSgxKVxuICBjb25zdCBbaGlkZGVuLCBzZXRIaWRkZW5dID0gdXNlU3RhdGUoZmFsc2UpXG4gIGNvbnN0IFtkb25lLCBzZXREb25lXSA9IHVzZVN0YXRlKG5ldyBBcnJheTxib29sZWFuPihzdGVwcy5sZW5ndGgpLmZpbGwoZmFsc2UpKVxuXG4gIGNvbnN0IHZhbHVlcyA9IHVzZU1lbW8oXG4gICAgKCkgPT4gKHtcbiAgICAgIGN1cnJlbnRTdGVwLFxuICAgICAgc2V0Q3VycmVudFN0ZXAsXG4gICAgICBudW1iZXJPZlN0ZXBzLFxuICAgICAgZG9uZSxcbiAgICAgIHNldERvbmUsXG4gICAgICBzZXRIaWRkZW4sXG4gICAgICBvbkNsaWNrSGlkZSxcbiAgICB9KSxcbiAgICBbXG4gICAgICBjdXJyZW50U3RlcCxcbiAgICAgIHNldEN1cnJlbnRTdGVwLFxuICAgICAgbnVtYmVyT2ZTdGVwcyxcbiAgICAgIGRvbmUsXG4gICAgICBzZXREb25lLFxuICAgICAgc2V0SGlkZGVuLFxuICAgICAgb25DbGlja0hpZGUsXG4gICAgXSxcbiAgKVxuXG4gIGNvbnN0IG9uQ2xpY2tIaWRlQnV0dG9uID0gKCkgPT4ge1xuICAgIGlmIChvbkNsaWNrSGlkZSkgb25DbGlja0hpZGUoKVxuICAgIGVsc2Ugc2V0SGlkZGVuKCFoaWRkZW4pXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxEYXRhLlByb3ZpZGVyIHZhbHVlPXt2YWx1ZXN9PlxuICAgICAgPFN0YWNrIGdhcD17M30+XG4gICAgICAgIDxSb3cgdGVtcGxhdGVDb2x1bW5zPVwiOWZyIDFmclwiPlxuICAgICAgICAgIHt0eXBlb2YgaGVhZGVyID09PSAnc3RyaW5nJyA/IChcbiAgICAgICAgICAgIDxUZXh0IGFzPVwiaDNcIiB2YXJpYW50PVwiaGVhZGluZ1wiPlxuICAgICAgICAgICAgICB7aGVhZGVyfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICBoZWFkZXJcbiAgICAgICAgICApfVxuICAgICAgICAgIHtzaG93VG9nZ2xlT3B0aW9uID8gKFxuICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrSGlkZUJ1dHRvbn1cbiAgICAgICAgICAgICAgdmFyaWFudD1cImdob3N0XCJcbiAgICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgICAgIHRvb2x0aXA9e2hpZGRlbiA/IHNob3dUb29sdGlwVGV4dCA6IGhpZGVUb29sdGlwVGV4dH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2hpZGRlbiA/IHNob3dUZXh0IDogaGlkZVRleHR9XG4gICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgPC9Sb3c+XG4gICAgICAgIHtoaWRkZW4gPyBudWxsIDogKFxuICAgICAgICAgIDxTdHlsZWRDYXJkPlxuICAgICAgICAgICAgPFJvdyB0ZW1wbGF0ZUNvbHVtbnM9XCIxZnIgM2ZyXCI+XG4gICAgICAgICAgICAgIDxDb250ZW50U3RhY2sgZGlyZWN0aW9uPVwiY29sdW1uXCIgZ2FwPXs0fT5cbiAgICAgICAgICAgICAgICA8U3RlcExpc3Q+XG4gICAgICAgICAgICAgICAgICB7c3RlcHMubWFwKChzdGVwLCBpbmRleCkgPT4gKFxuICAgICAgICAgICAgICAgICAgICA8U3RlcHBlZExpc3RcbiAgICAgICAgICAgICAgICAgICAgICBrZXk9e3N0ZXB9XG4gICAgICAgICAgICAgICAgICAgICAgc3RlcE51bWJlcj17aW5kZXggKyAxfVxuICAgICAgICAgICAgICAgICAgICAgIHN0ZXBUaXRsZT17c3RlcH1cbiAgICAgICAgICAgICAgICAgICAgICBjb21wbGV0ZWQ9e2RvbmVbaW5kZXhdfVxuICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICAgICAgPC9TdGVwTGlzdD5cbiAgICAgICAgICAgICAgPC9Db250ZW50U3RhY2s+XG4gICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIDwvUm93PlxuICAgICAgICAgIDwvU3R5bGVkQ2FyZD5cbiAgICAgICAgKX1cbiAgICAgIDwvU3RhY2s+XG4gICAgPC9EYXRhLlByb3ZpZGVyPlxuICApXG59XG5cblN0ZXBwZWRMaXN0Q29udGFpbmVyLlN0ZXAgPSBTdGVwcGVkTGlzdENvbnRlbnRcblxuZXhwb3J0IHsgU3RlcHBlZExpc3RDb250YWluZXIgfVxuIl19 */"));
|
|
34
|
-
const SteppedListContainer = ({
|
|
35
|
-
header,
|
|
36
|
-
showToggleOption = true,
|
|
37
|
-
hideTooltipText,
|
|
38
|
-
hideText = "Hide",
|
|
39
|
-
showText = "Show",
|
|
40
|
-
showTooltipText,
|
|
41
|
-
children,
|
|
42
|
-
steps,
|
|
43
|
-
onClickHide
|
|
44
|
-
}) => {
|
|
45
|
-
const numberOfSteps = Children.count(children);
|
|
46
|
-
const [currentStep, setCurrentStep] = useState(1);
|
|
47
|
-
const [hidden, setHidden] = useState(false);
|
|
48
|
-
const [done, setDone] = useState(new Array(steps.length).fill(false));
|
|
49
|
-
const values = useMemo(() => ({
|
|
50
|
-
currentStep,
|
|
51
|
-
setCurrentStep,
|
|
52
|
-
numberOfSteps,
|
|
53
|
-
done,
|
|
54
|
-
setDone,
|
|
55
|
-
setHidden,
|
|
56
|
-
onClickHide
|
|
57
|
-
}), [currentStep, setCurrentStep, numberOfSteps, done, setDone, setHidden, onClickHide]);
|
|
58
|
-
const onClickHideButton = () => {
|
|
59
|
-
if (onClickHide) onClickHide();
|
|
60
|
-
else setHidden(!hidden);
|
|
61
|
-
};
|
|
62
|
-
return /* @__PURE__ */ jsx(Data.Provider, { value: values, children: /* @__PURE__ */ jsxs(Stack, { gap: 3, children: [
|
|
63
|
-
/* @__PURE__ */ jsxs(Row, { templateColumns: "9fr 1fr", children: [
|
|
64
|
-
typeof header === "string" ? /* @__PURE__ */ jsx(Text, { as: "h3", variant: "heading", children: header }) : header,
|
|
65
|
-
showToggleOption ? /* @__PURE__ */ jsx(Button, { onClick: onClickHideButton, variant: "ghost", sentiment: "neutral", size: "small", tooltip: hidden ? showTooltipText : hideTooltipText, children: hidden ? showText : hideText }) : null
|
|
66
|
-
] }),
|
|
67
|
-
hidden ? null : /* @__PURE__ */ jsx(StyledCard, { children: /* @__PURE__ */ jsxs(Row, { templateColumns: "1fr 3fr", children: [
|
|
68
|
-
/* @__PURE__ */ jsx(ContentStack, { direction: "column", gap: 4, children: /* @__PURE__ */ jsx(StepList, { children: steps.map((step, index) => /* @__PURE__ */ jsx(SteppedList, { stepNumber: index + 1, stepTitle: step, completed: done[index] }, step)) }) }),
|
|
69
|
-
children
|
|
70
|
-
] }) })
|
|
71
|
-
] }) });
|
|
72
|
-
};
|
|
73
|
-
SteppedListContainer.Step = SteppedListContent;
|
|
74
|
-
export {
|
|
75
|
-
SteppedListContainer
|
|
76
|
-
};
|