@ultraviolet/plus
Version:
Ultraviolet Plus
49 lines (48 loc) • 8.68 kB
JavaScript
"use client";
import { jsx } from "@emotion/react/jsx-runtime";
import _styled from "@emotion/styled/base";
import { StepList, Text } from "@ultraviolet/ui";
import { useContext } from "react";
import { Data } from "./helper.js";
function _EMOTION_STRINGIFIED_CSS_ERROR__() {
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).";
}
const CustomText = /* @__PURE__ */ _styled(Text, process.env.NODE_ENV === "production" ? {
target: "ehxefxd1"
} : {
target: "ehxefxd1",
label: "CustomText"
})(process.env.NODE_ENV === "production" ? {
name: "1buwj38",
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;}"
} : {
name: "1buwj38",
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU8rQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL1N0ZXBwZWRMaXN0Q2FyZC9TdGVwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFN0ZXBMaXN0LCBUZXh0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHsgdXNlQ29udGV4dCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgRGF0YSB9IGZyb20gJy4vaGVscGVyJ1xuXG5jb25zdCBDdXN0b21UZXh0ID0gc3R5bGVkKFRleHQpYFxuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRyYW5zaXRpb246IHRleHQtZGVjb3JhdGlvbi1jb2xvciAyNTBtcyBlYXNlLW91dDtcbiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gIHRleHQtZGVjb3JhdGlvbi10aGlja25lc3M6IDFweDtcbiAgdGV4dC11bmRlcmxpbmUtb2Zmc2V0OiAycHg7XG4gIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cbiAgJjpob3ZlciB7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgdGV4dC1kZWNvcmF0aW9uLXRoaWNrbmVzczogMXB4O1xuICB9XG4gICY6YWN0aXZlIHtcbiAgICB0ZXh0LWRlY29yYXRpb24tdGhpY2tuZXNzOiAycHg7XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkSXRlbSA9IHN0eWxlZChTdGVwTGlzdC5JdGVtKWBcbmFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gXG5cbnR5cGUgU3RlcFByb3BzID0ge1xuICAvKipcbiAgICogVGhlIG51bWJlciBvZiB0aGUgc3RlcCwgbWF4IDUgc3RlcHMuXG4gICAqL1xuICBzdGVwTnVtYmVyOiBudW1iZXJcbiAgLyoqXG4gICAqIFRpdGxlIG9mIHRoZSBzdGVwXG4gICAqL1xuICBzdGVwVGl0bGU6IHN0cmluZ1xuICAvKipcbiAgICogU3RhdGUgb2YgdGhlIHN0ZXBcbiAgICovXG4gIGNvbXBsZXRlZDogYm9vbGVhblxuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBTdGVwcGVkTGlzdCA9ICh7XG4gIHN0ZXBOdW1iZXIsXG4gIHN0ZXBUaXRsZSxcbiAgY29tcGxldGVkLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogU3RlcFByb3BzKSA9PiB7XG4gIGNvbnN0IGNvbnRhaW5lckRhdGEgPSB1c2VDb250ZXh0KERhdGEpXG4gIGNvbnN0IGFjdGl2ZSA9IGNvbnRhaW5lckRhdGEuY3VycmVudFN0ZXAgPT09IHN0ZXBOdW1iZXJcblxuICByZXR1cm4gY29tcGxldGVkID8gKFxuICAgIDxTdHlsZWRJdGVtXG4gICAgICBidWxsZXRJY29uPVwiY2hlY2tcIlxuICAgICAgcHJvbWluZW5jZT17YWN0aXZlID8gJ3N0cm9uZycgOiAnZGVmYXVsdCd9XG4gICAgICBzZW50aW1lbnQ9XCJwcmltYXJ5XCJcbiAgICAgIG9uQ2xpY2s9eygpID0+IGNvbnRhaW5lckRhdGEuc2V0Q3VycmVudFN0ZXAoc3RlcE51bWJlcil9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICA+XG4gICAgICA8Q3VzdG9tVGV4dCBhcz1cImgzXCIgdmFyaWFudD17YWN0aXZlID8gJ2JvZHlTdHJvbmcnIDogJ2JvZHknfT5cbiAgICAgICAge3N0ZXBUaXRsZX1cbiAgICAgIDwvQ3VzdG9tVGV4dD5cbiAgICA8L1N0eWxlZEl0ZW0+XG4gICkgOiAoXG4gICAgPFN0eWxlZEl0ZW1cbiAgICAgIGJ1bGxldFRleHQ9e1N0cmluZyhzdGVwTnVtYmVyKX1cbiAgICAgIHByb21pbmVuY2U9e2FjdGl2ZSA/ICdzdHJvbmcnIDogdW5kZWZpbmVkfVxuICAgICAgc2VudGltZW50PXthY3RpdmUgPyAncHJpbWFyeScgOiB1bmRlZmluZWR9XG4gICAgICBvbkNsaWNrPXsoKSA9PiBjb250YWluZXJEYXRhLnNldEN1cnJlbnRTdGVwKHN0ZXBOdW1iZXIpfVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgPlxuICAgICAgPEN1c3RvbVRleHQgYXM9XCJoM1wiIHZhcmlhbnQ9e2FjdGl2ZSA/ICdib2R5U3Ryb25nJyA6ICdib2R5J30+XG4gICAgICAgIHtzdGVwVGl0bGV9XG4gICAgICA8L0N1c3RvbVRleHQ+XG4gICAgPC9TdHlsZWRJdGVtPlxuICApXG59XG4iXX0= */",
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
});
const StyledItem = /* @__PURE__ */ _styled(StepList.Item, process.env.NODE_ENV === "production" ? {
target: "ehxefxd0"
} : {
target: "ehxefxd0",
label: "StyledItem"
})(process.env.NODE_ENV === "production" ? {
name: "1h3rtzg",
styles: "align-items:center"
} : {
name: "1h3rtzg",
styles: "align-items:center/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCd0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9TdGVwcGVkTGlzdENhcmQvU3RlcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTdGVwTGlzdCwgVGV4dCB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcbmltcG9ydCB7IHVzZUNvbnRleHQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IERhdGEgfSBmcm9tICcuL2hlbHBlcidcblxuY29uc3QgQ3VzdG9tVGV4dCA9IHN0eWxlZChUZXh0KWBcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB0cmFuc2l0aW9uOiB0ZXh0LWRlY29yYXRpb24tY29sb3IgMjUwbXMgZWFzZS1vdXQ7XG4gIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICB0ZXh0LWRlY29yYXRpb24tdGhpY2tuZXNzOiAxcHg7XG4gIHRleHQtdW5kZXJsaW5lLW9mZnNldDogMnB4O1xuICB0ZXh0LWRlY29yYXRpb24tY29sb3I6IHRyYW5zcGFyZW50O1xuXG4gICY6aG92ZXIge1xuICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICAgIHRleHQtZGVjb3JhdGlvbi10aGlja25lc3M6IDFweDtcbiAgfVxuICAmOmFjdGl2ZSB7XG4gICAgdGV4dC1kZWNvcmF0aW9uLXRoaWNrbmVzczogMnB4O1xuICB9XG5gXG5cbmNvbnN0IFN0eWxlZEl0ZW0gPSBzdHlsZWQoU3RlcExpc3QuSXRlbSlgXG5hbGlnbi1pdGVtczogY2VudGVyO1xuYFxuXG50eXBlIFN0ZXBQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSBudW1iZXIgb2YgdGhlIHN0ZXAsIG1heCA1IHN0ZXBzLlxuICAgKi9cbiAgc3RlcE51bWJlcjogbnVtYmVyXG4gIC8qKlxuICAgKiBUaXRsZSBvZiB0aGUgc3RlcFxuICAgKi9cbiAgc3RlcFRpdGxlOiBzdHJpbmdcbiAgLyoqXG4gICAqIFN0YXRlIG9mIHRoZSBzdGVwXG4gICAqL1xuICBjb21wbGV0ZWQ6IGJvb2xlYW5cbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgU3RlcHBlZExpc3QgPSAoe1xuICBzdGVwTnVtYmVyLFxuICBzdGVwVGl0bGUsXG4gIGNvbXBsZXRlZCxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbn06IFN0ZXBQcm9wcykgPT4ge1xuICBjb25zdCBjb250YWluZXJEYXRhID0gdXNlQ29udGV4dChEYXRhKVxuICBjb25zdCBhY3RpdmUgPSBjb250YWluZXJEYXRhLmN1cnJlbnRTdGVwID09PSBzdGVwTnVtYmVyXG5cbiAgcmV0dXJuIGNvbXBsZXRlZCA/IChcbiAgICA8U3R5bGVkSXRlbVxuICAgICAgYnVsbGV0SWNvbj1cImNoZWNrXCJcbiAgICAgIHByb21pbmVuY2U9e2FjdGl2ZSA/ICdzdHJvbmcnIDogJ2RlZmF1bHQnfVxuICAgICAgc2VudGltZW50PVwicHJpbWFyeVwiXG4gICAgICBvbkNsaWNrPXsoKSA9PiBjb250YWluZXJEYXRhLnNldEN1cnJlbnRTdGVwKHN0ZXBOdW1iZXIpfVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgPlxuICAgICAgPEN1c3RvbVRleHQgYXM9XCJoM1wiIHZhcmlhbnQ9e2FjdGl2ZSA/ICdib2R5U3Ryb25nJyA6ICdib2R5J30+XG4gICAgICAgIHtzdGVwVGl0bGV9XG4gICAgICA8L0N1c3RvbVRleHQ+XG4gICAgPC9TdHlsZWRJdGVtPlxuICApIDogKFxuICAgIDxTdHlsZWRJdGVtXG4gICAgICBidWxsZXRUZXh0PXtTdHJpbmcoc3RlcE51bWJlcil9XG4gICAgICBwcm9taW5lbmNlPXthY3RpdmUgPyAnc3Ryb25nJyA6IHVuZGVmaW5lZH1cbiAgICAgIHNlbnRpbWVudD17YWN0aXZlID8gJ3ByaW1hcnknIDogdW5kZWZpbmVkfVxuICAgICAgb25DbGljaz17KCkgPT4gY29udGFpbmVyRGF0YS5zZXRDdXJyZW50U3RlcChzdGVwTnVtYmVyKX1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgID5cbiAgICAgIDxDdXN0b21UZXh0IGFzPVwiaDNcIiB2YXJpYW50PXthY3RpdmUgPyAnYm9keVN0cm9uZycgOiAnYm9keSd9PlxuICAgICAgICB7c3RlcFRpdGxlfVxuICAgICAgPC9DdXN0b21UZXh0PlxuICAgIDwvU3R5bGVkSXRlbT5cbiAgKVxufVxuIl19 */",
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
});
const SteppedList = ({
stepNumber,
stepTitle,
completed,
"data-testid": dataTestId
}) => {
const containerData = useContext(Data);
const active = containerData.currentStep === stepNumber;
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 }) });
};
export {
SteppedList
};