@spscommerce/ds-react 5.20.2 → 5.20.3-ie

package/dist/out-tsc/utils/useInputPopup.js

@@ -0,0 +1,56 @@
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import * as React from "react";
+import { useDocumentEventListener } from "./useDocumentEventListener";
+function documentClickHandlerFactory(rootRef, popupRef, doHidePopup) {
+    return function documentClickHandler(event) {
+        var _a, _b;
+        if (!((_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))
+            && !((_b = popupRef.current) === null || _b === void 0 ? void 0 : _b.contains(event.target))) {
+            doHidePopup();
+        }
+    };
+}
+export function useInputPopup(rootRef, popupRef, onHide) {
+    var suppressPopup = React.useRef(false);
+    var _a = __read(React.useState(false), 2), showPopup = _a[0], setShowPopup = _a[1];
+    var doShowPopup = React.useCallback(function () {
+        if (suppressPopup.current) {
+            suppressPopup.current = false;
+        }
+        else {
+            setShowPopup(true);
+        }
+    }, []);
+    var doHidePopup = React.useCallback(function (suppressNextShow) {
+        if (suppressNextShow === void 0) { suppressNextShow = false; }
+        setShowPopup(false);
+        suppressPopup.current = suppressNextShow;
+        if (onHide) {
+            onHide();
+        }
+    }, []);
+    useDocumentEventListener("mousedown", documentClickHandlerFactory, [rootRef,
+        popupRef,
+        doHidePopup]);
+    return {
+        showPopup: showPopup,
+        doShowPopup: doShowPopup,
+        doHidePopup: doHidePopup,
+    };
+}
+//# sourceMappingURL=useInputPopup.js.map

package/dist/out-tsc/utils/useInputPopup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputPopup.js","sourceRoot":"","sources":["../../../src/utils/useInputPopup.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,SAAS,2BAA2B,CAClC,OAA+C,EAC/C,QAAgD,EAChD,WAAuB;IAEvB,OAAO,SAAS,oBAAoB,CAAC,KAAiB;;QACpD,IACE,CAAC,CAAA,MAAA,OAAO,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,CAAA;eACvC,CAAC,CAAA,MAAA,QAAQ,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,CAAA,EAC1D;YACA,WAAW,EAAE,CAAC;SACf;IACH,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa,CAC3B,OAA4C,EAC5C,QAA6C,EAC7C,MAAmB;IAEnB,IAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAU,KAAK,CAAC,CAAC;IAC7C,IAAA,KAAA,OAA4B,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,IAAA,EAAzD,SAAS,QAAA,EAAE,YAAY,QAAkC,CAAC;IAEjE,IAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC;QACpC,IAAI,aAAa,CAAC,OAAO,EAAE;YACzB,aAAa,CAAC,OAAO,GAAG,KAAK,CAAC;SAC/B;aAAM;YACL,YAAY,CAAC,IAAI,CAAC,CAAC;SACpB;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,gBAAwB;QAAxB,iCAAA,EAAA,wBAAwB;QAC7D,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,aAAa,CAAC,OAAO,GAAG,gBAAgB,CAAC;QACzC,IAAI,MAAM,EAAE;YACV,MAAM,EAAE,CAAC;SACV;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,wBAAwB,CAAC,WAAW,EAAE,2BAA2B,EAAE,CAAC,OAAO;QACzE,QAAQ;QACR,WAAW,CAAC,CAAC,CAAC;IAEhB,OAAO;QACL,SAAS,WAAA;QACT,WAAW,aAAA;QACX,WAAW,aAAA;KACZ,CAAC;AACJ,CAAC"}

package/dist/out-tsc/utils/usePatchReducer.d.ts

@@ -0,0 +1,2 @@
+import type { Dispatch } from "react";
+export declare function usePatchReducer<T>(initState: T): [T, Dispatch<Partial<T>>];

package/dist/out-tsc/utils/usePatchReducer.js

@@ -0,0 +1,19 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { useReducer } from "react";
+function patchReducer(state, patch) {
+    return __assign(__assign({}, state), patch);
+}
+export function usePatchReducer(initState) {
+    return useReducer(patchReducer, initState);
+}
+//# sourceMappingURL=usePatchReducer.js.map

package/dist/out-tsc/utils/usePatchReducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePatchReducer.js","sourceRoot":"","sources":["../../../src/utils/usePatchReducer.ts"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,SAAS,YAAY,CAAI,KAAQ,EAAE,KAAiB;IAClD,6BAAY,KAAK,GAAK,KAAK,EAAG;AAChC,CAAC;AACD,MAAM,UAAU,eAAe,CAAI,SAAY;IAC7C,OAAO,UAAU,CACf,YAAY,EAAE,SAAS,CAA8B,CAAC;AAC1D,CAAC"}

package/dist/out-tsc/utils/usePortal.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode, ReactPortal, RefObject } from "react";
+export declare const PortalContext: import("react").Context<{
+    parentElementRef?: RefObject<HTMLElement>;
+    fixed?: boolean;
+}>;
+export declare function usePortal(id: string, classes?: string[]): (jsx: ReactNode) => ReactPortal;

package/dist/out-tsc/utils/usePortal.js

@@ -0,0 +1,57 @@
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
+import { createPortal } from "react-dom";
+import { useContext, useMemo, createContext, } from "react";
+export var PortalContext = createContext(null);
+export function usePortal(id, classes) {
+    if (classes === void 0) { classes = []; }
+    var context = useContext(PortalContext);
+    return useMemo(function () { return function (jsx) {
+        var e_1, _a;
+        var contextualParentElement = context
+            && context.parentElementRef
+            && context.parentElementRef.current;
+        var parent = contextualParentElement || document.body;
+        var target;
+        var curNode = parent.lastElementChild;
+        while (curNode !== parent.firstElementChild) {
+            if (curNode.hasAttribute("data-portalid") && curNode.getAttribute("data-portalid") === id) {
+                target = curNode;
+                break;
+            }
+            curNode = curNode.previousElementSibling;
+        }
+        if (!target) {
+            target = document.createElement("div");
+            target.setAttribute("data-portalid", id);
+            try {
+                for (var classes_1 = __values(classes), classes_1_1 = classes_1.next(); !classes_1_1.done; classes_1_1 = classes_1.next()) {
+                    var className = classes_1_1.value;
+                    target.classList.add(className);
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (classes_1_1 && !classes_1_1.done && (_a = classes_1.return)) _a.call(classes_1);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+            parent.appendChild(target);
+        }
+        else if (!parent.contains(target)) {
+            parent.appendChild(target);
+        }
+        return createPortal(jsx, target);
+    }; }, [context]);
+}
+//# sourceMappingURL=usePortal.js.map

package/dist/out-tsc/utils/usePortal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePortal.js","sourceRoot":"","sources":["../../../src/utils/usePortal.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,OAAO,EACL,UAAU,EAAE,OAAO,EAAE,aAAa,GACnC,MAAM,OAAO,CAAC;AAEf,MAAM,CAAC,IAAM,aAAa,GAAG,aAAa,CAGvC,IAAI,CAAC,CAAC;AAET,MAAM,UAAU,SAAS,CACvB,EAAU,EACV,OAAsB;IAAtB,wBAAA,EAAA,YAAsB;IAEtB,IAAM,OAAO,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAC1C,OAAO,OAAO,CAAC,cAAM,OAAA,UAAC,GAAc;;QAClC,IAAM,uBAAuB,GAAG,OAAO;eAC5B,OAAO,CAAC,gBAAgB;eACxB,OAAO,CAAC,gBAAgB,CAAC,OAAO,CAAC;QAC5C,IAAM,MAAM,GAAG,uBAAuB,IAAI,QAAQ,CAAC,IAAI,CAAC;QAExD,IAAI,MAAe,CAAC;QACpB,IAAI,OAAO,GAAG,MAAM,CAAC,gBAAgB,CAAC;QACtC,OAAO,OAAO,KAAK,MAAM,CAAC,iBAAiB,EAAE;YAC3C,IAAI,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,IAAI,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,EAAE,EAAE;gBACzF,MAAM,GAAG,OAAO,CAAC;gBACjB,MAAM;aACP;YACD,OAAO,GAAG,OAAO,CAAC,sBAAsB,CAAC;SAC1C;QAED,IAAI,CAAC,MAAM,EAAE;YACX,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACvC,MAAM,CAAC,YAAY,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;;gBACzC,KAAwB,IAAA,YAAA,SAAA,OAAO,CAAA,gCAAA,qDAAE;oBAA5B,IAAM,SAAS,oBAAA;oBAClB,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;iBACjC;;;;;;;;;YACD,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;SAC5B;aAAM,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;YACnC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;SAC5B;QAED,OAAO,YAAY,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;IACnC,CAAC,EA5BoB,CA4BpB,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AAChB,CAAC"}

package/dist/out-tsc/vertical-rule/SpsVerticalRule.d.ts

@@ -0,0 +1,11 @@
+import * as PropTypes from "../prop-types";
+declare const propTypes: {
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsVerticalRuleProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+export declare function SpsVerticalRule(props: SpsVerticalRuleProps): JSX.Element;
+export declare function SpsVr(props: SpsVerticalRuleProps): JSX.Element;
+export {};

package/dist/out-tsc/vertical-rule/SpsVerticalRule.js

@@ -0,0 +1,46 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import clsx from "clsx";
+import * as React from "react";
+import * as PropTypes from "../prop-types";
+var propsDoc = {};
+var propTypes = __assign({}, PropTypes.spsGlobalPropTypes);
+export function SpsVerticalRule(props) {
+    var className = props.className, rest = __rest(props, ["className"]);
+    var classes = clsx("sps-vertical-rule", className);
+    return (React.createElement("div", __assign({ className: classes }, rest)));
+}
+Object.assign(SpsVerticalRule, {
+    props: propsDoc,
+    propTypes: propTypes,
+    displayName: "SpsVerticalRule / SpsVr",
+});
+export function SpsVr(props) {
+    return React.createElement(SpsVerticalRule, __assign({}, props));
+}
+Object.assign(SpsVr, {
+    props: propsDoc,
+    propTypes: propTypes,
+    displayName: "SpsDescriptionListTerm / SpsDt",
+});
+//# sourceMappingURL=SpsVerticalRule.js.map

package/dist/out-tsc/vertical-rule/SpsVerticalRule.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpsVerticalRule.js","sourceRoot":"","sources":["../../../src/vertical-rule/SpsVerticalRule.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,SAAS,MAAM,eAAe,CAAC;AAE3C,IAAM,QAAQ,GAAG,EAAE,CAAC;AAEpB,IAAM,SAAS,gBACV,SAAS,CAAC,kBAAkB,CAChC,CAAC;AAIF,MAAM,UAAU,eAAe,CAAC,KAA2B;IAEvD,IAAA,SAAS,GAEP,KAAK,UAFE,EACN,IAAI,UACL,KAAK,EAHH,aAGL,CADQ,CACC;IAEV,IAAM,OAAO,GAAG,IAAI,CAClB,mBAAmB,EACnB,SAAS,CACV,CAAC;IAEF,OAAO,CACL,sCAAK,SAAS,EAAE,OAAO,IAAM,IAAI,EAAI,CACtC,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;IAC7B,KAAK,EAAE,QAAQ;IACf,SAAS,WAAA;IACT,WAAW,EAAE,yBAAyB;CACvC,CAAC,CAAC;AAEH,MAAM,UAAU,KAAK,CAAC,KAA2B;IAC/C,OAAO,oBAAC,eAAe,eAAK,KAAK,EAAG,CAAC;AACvC,CAAC;AAED,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE;IACnB,KAAK,EAAE,QAAQ;IACf,SAAS,WAAA;IACT,WAAW,EAAE,gCAAgC;CAC9C,CAAC,CAAC"}

package/dist/out-tsc/vertical-rule/index.d.ts

@@ -0,0 +1 @@
+export * from "./SpsVerticalRule";

package/dist/out-tsc/vertical-rule/index.js

@@ -0,0 +1,2 @@
+export * from "./SpsVerticalRule";
+//# sourceMappingURL=index.js.map

package/dist/out-tsc/vertical-rule/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/vertical-rule/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/dist/out-tsc/wizard/SpsWizard.examples.d.ts

@@ -0,0 +1,2 @@
+import type { DSReactExamples } from "@spscommerce/ds-shared";
+export declare const SpsWizardExamples: DSReactExamples;

package/dist/out-tsc/wizard/SpsWizard.examples.js

@@ -0,0 +1,31 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { code } from "@spscommerce/utils";
+export var SpsWizardExamples = {
+    substep: {
+        label: "Substep",
+        examples: {
+            completed: {
+                jsx: code(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                    <SpsWizardSubstep condition={WizardSubstepConditions.COMPLETED} orderPosition=\"1\" display=\"Payment Options\">\n                      <div>Put a Route here</div>\n                    </SpsWizardSubstep>\n            "], ["\n                    <SpsWizardSubstep condition={WizardSubstepConditions.COMPLETED} orderPosition=\"1\" display=\"Payment Options\">\n                      <div>Put a Route here</div>\n                    </SpsWizardSubstep>\n            "]))),
+            },
+            active: {
+                jsx: code(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n                      <SpsWizardSubstep condition={WizardSubstepConditions.ACTIVE} orderPosition=\"2\" display=\"Payment Options\">\n                        <div>Put a Route here</div>\n                      </SpsWizardSubstep>\n              "], ["\n                      <SpsWizardSubstep condition={WizardSubstepConditions.ACTIVE} orderPosition=\"2\" display=\"Payment Options\">\n                        <div>Put a Route here</div>\n                      </SpsWizardSubstep>\n              "]))),
+            },
+            basic: {
+                jsx: code(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n                <SpsWizardSubstep condition={WizardSubstepConditions.BASIC} orderPosition=\"3\" display=\"Payment Options\">\n                  <div>This is visibility: hidden. You can leave your route here</div>\n                </SpsWizardSubstep>\n                "], ["\n                <SpsWizardSubstep condition={WizardSubstepConditions.BASIC} orderPosition=\"3\" display=\"Payment Options\">\n                  <div>This is visibility: hidden. You can leave your route here</div>\n                </SpsWizardSubstep>\n                "]))),
+            },
+        },
+    },
+    sidebar: {
+        label: "Sidebar",
+        examples: {
+            basic: {
+                react: code(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        function Component() {\n          const phaseArray = [\n            {\n              title: \"Plan & Payment\",\n              disabled: false,\n              steps: [\n                {\n                  title: \"Choose a Plan\",\n                  percentComplete: 100,\n                  active: false,\n                  disabled: false,\n                  onClick() {\n                    alert(\"Step clicked\");\n                  }\n                },\n                {\n                  title: \"Payment & Billing\",\n                  percentComplete: 33,\n                  active: true,\n                  disabled: false\n                },\n                {\n                  title: \"Confirm Payment\",\n                  percentComplete: 0,\n                  active: false,\n                  disabled: false\n                }\n              ]\n            },\n            {\n              title: \"Implementation details\",\n              disabled: true,\n              steps: [\n                {\n                  title: \"Implementation details\",\n                  percentComplete: 0,\n                  active: false,\n                  disabled: true\n                }, {\n                  title: \"Choose a Plan\",\n                  percentComplete: 0,\n                  active: false,\n                  disabled: true\n                },\n              ]\n            }\n          ];\n          return (\n            <div className=\"sfg-row\">\n              <div className=\"sfg-col-4\">\n                    <SpsWizardSidebar phases={phaseArray} />\n                  </div>\n            </div>\n              )\n          }\n        "], ["\n        function Component() {\n          const phaseArray = [\n            {\n              title: \"Plan & Payment\",\n              disabled: false,\n              steps: [\n                {\n                  title: \"Choose a Plan\",\n                  percentComplete: 100,\n                  active: false,\n                  disabled: false,\n                  onClick() {\n                    alert(\"Step clicked\");\n                  }\n                },\n                {\n                  title: \"Payment & Billing\",\n                  percentComplete: 33,\n                  active: true,\n                  disabled: false\n                },\n                {\n                  title: \"Confirm Payment\",\n                  percentComplete: 0,\n                  active: false,\n                  disabled: false\n                }\n              ]\n            },\n            {\n              title: \"Implementation details\",\n              disabled: true,\n              steps: [\n                {\n                  title: \"Implementation details\",\n                  percentComplete: 0,\n                  active: false,\n                  disabled: true\n                }, {\n                  title: \"Choose a Plan\",\n                  percentComplete: 0,\n                  active: false,\n                  disabled: true\n                },\n              ]\n            }\n          ];\n          return (\n            <div className=\"sfg-row\">\n              <div className=\"sfg-col-4\">\n                    <SpsWizardSidebar phases={phaseArray} />\n                  </div>\n            </div>\n              )\n          }\n        "]))),
+            },
+        },
+    },
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=SpsWizard.examples.js.map

package/dist/out-tsc/wizard/SpsWizard.examples.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpsWizard.examples.js","sourceRoot":"","sources":["../../../src/wizard/SpsWizard.examples.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAG1C,MAAM,CAAC,IAAM,iBAAiB,GAAoB;IAChD,OAAO,EAAE;QACP,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE;YACR,SAAS,EAAE;gBACT,GAAG,EAAE,IAAI,qTAAA,kPAIJ,IAAA;aACN;YACD,MAAM,EAAE;gBACN,GAAG,EAAE,IAAI,0TAAA,uPAIF,IAAA;aACR;YACD,KAAK,EAAE;gBACL,GAAG,EAAE,IAAI,kVAAA,+QAIA,IAAA;aACV;SAEF;KACF;IACD,OAAO,EAAE;QACP,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE;YACR,KAAK,EAAE;gBACL,KAAK,EAAE,IAAI,2tDAAA,wpDAwDV,IAAA;aACF;SACF;KACF;CACF,CAAC"}

package/dist/out-tsc/wizard/SpsWizardSidebar.d.ts

@@ -0,0 +1,23 @@
+import * as PropTypes from "../prop-types";
+export interface WizardStep {
+    title: string;
+    percentComplete: number;
+    active: boolean;
+    disabled: boolean;
+    onClick?: () => void;
+}
+export interface WizardPhase {
+    steps: WizardStep[];
+    title: string;
+    disabled: boolean;
+}
+declare const propTypes: {
+    phases: PropTypes.Requireable<WizardPhase[]>;
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsWizardSidebarProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+export declare function SpsWizardSidebar({ className, phases, }: SpsWizardSidebarProps): JSX.Element;
+export {};

package/dist/out-tsc/wizard/SpsWizardSidebar.js

@@ -0,0 +1,44 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import * as React from "react";
+import { RingSize, SpsIcon } from "@spscommerce/ds-shared";
+import clsx from "clsx";
+import * as PropTypes from "../prop-types";
+import { SpsProgressRing } from "../progress-ring/SpsProgressRing";
+import { SpsI } from "../icon/SpsIcon";
+var propsDoc = {
+    phases: "WizardPhase[]",
+};
+var propTypes = __assign(__assign({}, PropTypes.spsGlobalPropTypes), { phases: PropTypes.arrayOf(PropTypes.impl()) });
+var CSS_BLOCK = "sps-wizard-sidebar";
+export function SpsWizardSidebar(_a) {
+    var className = _a.className, phases = _a.phases;
+    var classes = clsx(CSS_BLOCK, className);
+    return (React.createElement("div", { className: classes }, phases.map(function (phase) {
+        var titleClasses = clsx(CSS_BLOCK + "__phase-title", phase.disabled && CSS_BLOCK + "__phase-title--disabled");
+        return (React.createElement("div", { className: CSS_BLOCK + "__phase-wrapper", key: phase.title },
+            React.createElement("div", { className: titleClasses }, phase.title),
+            phase.steps.map(function (step) {
+                var stepClasses = clsx(CSS_BLOCK + "__step", step.active && CSS_BLOCK + "__step--active", step.disabled && CSS_BLOCK + "__step--disabled", !!step.onClick && !step.disabled && CSS_BLOCK + "__step--clickable");
+                return (React.createElement("div", { className: stepClasses, key: step.title, onClick: !step.disabled && step.onClick },
+                    React.createElement("div", { className: CSS_BLOCK + "__step-progress" }, step.percentComplete === 100 ? (React.createElement("div", { className: CSS_BLOCK + "__step-complete" },
+                        React.createElement(SpsI, { icon: SpsIcon.CHECKMARK }))) : (React.createElement(SpsProgressRing, { size: RingSize.SMALL, progress: step.percentComplete }))),
+                    React.createElement("div", { className: CSS_BLOCK + "__step-title", role: "button" }, step.title)));
+            })));
+    })));
+}
+Object.assign(SpsWizardSidebar, {
+    props: propsDoc,
+    propTypes: propTypes,
+    displayName: "SpsWizardSidebar",
+});
+//# sourceMappingURL=SpsWizardSidebar.js.map

package/dist/out-tsc/wizard/SpsWizardSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpsWizardSidebar.js","sourceRoot":"","sources":["../../../src/wizard/SpsWizardSidebar.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,SAAS,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAgBvC,IAAM,QAAQ,GAAG;IACf,MAAM,EAAE,eAAe;CACxB,CAAC;AAEF,IAAM,SAAS,yBACV,SAAS,CAAC,kBAAkB,KAC/B,MAAM,EAAE,SAAS,CAAC,OAAO,CAAc,SAAS,CAAC,IAAI,EAAe,CAAC,GACtE,CAAC;AAGF,IAAM,SAAS,GAAG,oBAAoB,CAAC;AAEvC,MAAM,UAAU,gBAAgB,CAAC,EAGT;QAFtB,SAAS,eAAA,EACT,MAAM,YAAA;IAEN,IAAM,OAAO,GAAG,IAAI,CAClB,SAAS,EACT,SAAS,CACV,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,IACpB,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK;QAChB,IAAM,YAAY,GAAG,IAAI,CACpB,SAAS,kBAAe,EAC3B,KAAK,CAAC,QAAQ,IAAO,SAAS,4BAAyB,CACxD,CAAC;QACF,OAAO,CACL,6BAAK,SAAS,EAAK,SAAS,oBAAiB,EAAE,GAAG,EAAE,KAAK,CAAC,KAAK;YAC7D,6BAAK,SAAS,EAAE,YAAY,IAAG,KAAK,CAAC,KAAK,CAAO;YAChD,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI;gBACpB,IAAM,WAAW,GAAG,IAAI,CACnB,SAAS,WAAQ,EACpB,IAAI,CAAC,MAAM,IAAO,SAAS,mBAAgB,EAC3C,IAAI,CAAC,QAAQ,IAAO,SAAS,qBAAkB,EAC/C,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAO,SAAS,sBAAmB,CACpE,CAAC;gBACF,OAAO,CACL,6BACE,SAAS,EAAE,WAAW,EACtB,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,OAAO,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO;oBAEvC,6BAAK,SAAS,EAAK,SAAS,oBAAiB,IAC1C,IAAI,CAAC,eAAe,KAAK,GAAG,CAAC,CAAC,CAAC,CAC9B,6BAAK,SAAS,EAAK,SAAS,oBAAiB;wBAC3C,oBAAC,IAAI,IAAC,IAAI,EAAE,OAAO,CAAC,SAAS,GAAI,CAC7B,CACP,CAAC,CAAC,CAAC,CACF,oBAAC,eAAe,IACd,IAAI,EAAE,QAAQ,CAAC,KAAK,EACpB,QAAQ,EAAE,IAAI,CAAC,eAAe,GAC9B,CACH,CACG;oBACN,6BAAK,SAAS,EAAK,SAAS,iBAAc,EAAE,IAAI,EAAC,QAAQ,IACtD,IAAI,CAAC,KAAK,CACP,CACF,CACP,CAAC;YACJ,CAAC,CAAC,CACE,CACP,CAAC;IACJ,CAAC,CAAC,CACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,CAAC,gBAAgB,EAAE;IAC9B,KAAK,EAAE,QAAQ;IACf,SAAS,WAAA;IACT,WAAW,EAAE,kBAAkB;CAChC,CAAC,CAAC"}

package/dist/out-tsc/wizard/SpsWizardSubstep.d.ts

@@ -0,0 +1,14 @@
+import { WizardSubstepConditions } from "@spscommerce/ds-shared";
+import * as PropTypes from "../prop-types";
+declare const propTypes: {
+    condition: PropTypes.Validator<WizardSubstepConditions>;
+    display: PropTypes.Validator<string>;
+    orderPosition: PropTypes.Validator<string | number>;
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsWizardSubstepProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+export declare function SpsWizardSubstep(props: SpsWizardSubstepProps): JSX.Element;
+export {};

package/dist/out-tsc/wizard/SpsWizardSubstep.js

@@ -0,0 +1,37 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import * as React from "react";
+import { WizardSubstepConditions } from "@spscommerce/ds-shared";
+import clsx from "clsx";
+import * as PropTypes from "../prop-types";
+var propsDoc = {
+    display: "string",
+    condition: "WizardSubstepConditions",
+    orderPosition: "string | number",
+};
+var propTypes = __assign(__assign({}, PropTypes.spsGlobalPropTypes), { condition: PropTypes.enumValue(WizardSubstepConditions).isRequired, display: PropTypes.string.isRequired, orderPosition: PropTypes.oneOfType([
+        PropTypes.string, PropTypes.number,
+    ]).isRequired });
+export function SpsWizardSubstep(props) {
+    var _a = props.condition, condition = _a === void 0 ? WizardSubstepConditions.BASIC : _a, orderPosition = props.orderPosition, display = props.display, children = props.children;
+    return (React.createElement("div", { className: "sps-wizard-substep" },
+        React.createElement("div", { className: clsx("sps-wizard-substep__heading", "sps-wizard-substep__heading--" + condition) },
+            React.createElement("div", { className: "sps-wizard-substep__heading-icon" }, condition === WizardSubstepConditions.COMPLETED ? (React.createElement("i", { "aria-hidden": "true", className: "sps-icon sps-icon-checkmark" })) : (orderPosition)),
+            React.createElement("p", null, display)),
+        React.createElement("div", { className: clsx("sps-wizard-substep__body", "sps-wizard-substep__body--" + condition) }, children)));
+}
+Object.assign(SpsWizardSubstep, {
+    props: propsDoc,
+    propTypes: propTypes,
+    displayName: "SpsWizardSubstep",
+});
+//# sourceMappingURL=SpsWizardSubstep.js.map

package/dist/out-tsc/wizard/SpsWizardSubstep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpsWizardSubstep.js","sourceRoot":"","sources":["../../../src/wizard/SpsWizardSubstep.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,SAAS,MAAM,eAAe,CAAC;AAE3C,IAAM,QAAQ,GAAG;IACf,OAAO,EAAE,QAAQ;IACjB,SAAS,EAAE,yBAAyB;IACpC,aAAa,EAAE,iBAAiB;CACjC,CAAC;AAEF,IAAM,SAAS,yBACV,SAAS,CAAC,kBAAkB,KAC/B,SAAS,EAAE,SAAS,CAAC,SAAS,CAA0B,uBAAuB,CAAC,CAAC,UAAU,EAC3F,OAAO,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU,EACpC,aAAa,EAAE,SAAS,CAAC,SAAS,CAAC;QACjC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM;KACnC,CAAC,CAAC,UAAU,GACd,CAAC;AAIF,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IAEzD,IAAA,KAIE,KAAK,UAJkC,EAAzC,SAAS,mBAAG,uBAAuB,CAAC,KAAK,KAAA,EACzC,aAAa,GAGX,KAAK,cAHM,EACb,OAAO,GAEL,KAAK,QAFA,EACP,QAAQ,GACN,KAAK,SADC,CACA;IACV,OAAO,CACL,6BAAK,SAAS,EAAC,oBAAoB;QACjC,6BAAK,SAAS,EAAE,IAAI,CAClB,6BAA6B,EAC7B,kCAAgC,SAAW,CAC5C;YAEC,6BAAK,SAAS,EAAC,kCAAkC,IAC9C,SAAS,KAAK,uBAAuB,CAAC,SAAS,CAAC,CAAC,CAAC,CACjD,0CACc,MAAM,EAClB,SAAS,EAAC,6BAA6B,GACvC,CACH,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CACf;YACN,+BAAI,OAAO,CAAK,CACZ;QACN,6BAAK,SAAS,EAAE,IAAI,CAClB,0BAA0B,EAC1B,+BAA6B,SAAW,CACzC,IAEE,QAAQ,CACL,CACF,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,CAAC,gBAAgB,EAAE;IAC9B,KAAK,EAAE,QAAQ;IACf,SAAS,WAAA;IACT,WAAW,EAAE,kBAAkB;CAChC,CAAC,CAAC"}

package/dist/out-tsc/wizard/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./SpsWizard.examples";
+export * from "./SpsWizardSidebar";
+export * from "./SpsWizardSubstep";

package/dist/out-tsc/wizard/index.js

@@ -0,0 +1,4 @@
+export * from "./SpsWizard.examples";
+export * from "./SpsWizardSidebar";
+export * from "./SpsWizardSubstep";
+//# sourceMappingURL=index.js.map

package/dist/out-tsc/wizard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/wizard/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC"}

package/dist/out-tsc/workflow/SpsWorkflow.d.ts

@@ -0,0 +1,14 @@
+import { SpsIcon } from "@spscommerce/ds-shared";
+import * as PropTypes from "../prop-types";
+declare const propTypes: {
+    heading: PropTypes.Requireable<string>;
+    icon: PropTypes.Requireable<SpsIcon>;
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsWorkflowProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+export declare function SpsWorkflow(props: SpsWorkflowProps): JSX.Element;
+export declare function SpsWf(props: SpsWorkflowProps): JSX.Element;
+export {};

package/dist/out-tsc/workflow/SpsWorkflow.examples.d.ts

@@ -0,0 +1,2 @@
+import type { DSReactExamples } from "@spscommerce/ds-shared";
+export declare const SpsWorkflowExamples: DSReactExamples;

package/dist/out-tsc/workflow/SpsWorkflow.examples.js

@@ -0,0 +1,25 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { code } from "@spscommerce/utils";
+export var SpsWorkflowExamples = {
+    basic: {
+        label: "Basic Usage",
+        examples: {
+            basic: {
+                jsx: code(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                <div className=\"col-4\">\n                    <SpsWorkflow icon=\"list-summary\" title=\"Workflow\">\n                        <SpsWorkflowStep icon=\"heart\" title=\"Name of Step\">\n                            <SpsWorkflowDocument>\n                                <a href=\"https://github.com/SPSCommerce/ui-angular\" target=\"_blank\">\n                                    Document Name\n                                </a>\n                                <SpsWorkflowDocumentStatus icon=\"status-error\">\n                                    Status\n                                </SpsWorkflowDocumentStatus>\n                            </SpsWorkflowDocument>\n                            <SpsWorkflowDocument>\n                                Document Name\n                                <SpsWorkflowDocumentStatus>\n                                    Status\n                                </SpsWorkflowDocumentStatus>\n                            </SpsWorkflowDocument>\n                        </SpsWorkflowStep>\n                        <SpsWorkflowStep icon=\"heart\" title=\"Done\">\n                        </SpsWorkflowStep>\n                    </SpsWorkflow>\n                </div>\n            "], ["\n                <div className=\"col-4\">\n                    <SpsWorkflow icon=\"list-summary\" title=\"Workflow\">\n                        <SpsWorkflowStep icon=\"heart\" title=\"Name of Step\">\n                            <SpsWorkflowDocument>\n                                <a href=\"https://github.com/SPSCommerce/ui-angular\" target=\"_blank\">\n                                    Document Name\n                                </a>\n                                <SpsWorkflowDocumentStatus icon=\"status-error\">\n                                    Status\n                                </SpsWorkflowDocumentStatus>\n                            </SpsWorkflowDocument>\n                            <SpsWorkflowDocument>\n                                Document Name\n                                <SpsWorkflowDocumentStatus>\n                                    Status\n                                </SpsWorkflowDocumentStatus>\n                            </SpsWorkflowDocument>\n                        </SpsWorkflowStep>\n                        <SpsWorkflowStep icon=\"heart\" title=\"Done\">\n                        </SpsWorkflowStep>\n                    </SpsWorkflow>\n                </div>\n            "]))),
+            },
+        },
+    },
+    withAlias: {
+        label: "Basic Usage with Alias",
+        examples: {
+            withAlias: {
+                jsx: code(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n                <div className=\"col-4\">\n                    <SpsWf icon=\"list-summary\" title=\"Workflow\">\n                        <SpsWfStep icon=\"heart\" title=\"Name of Step\">\n                            <SpsWfDoc>\n                                <a href=\"https://github.com/SPSCommerce/ui-angular\" target=\"_blank\">\n                                    Document Name\n                                </a>\n                                <SpsWfDs icon=\"status-error\">Status</SpsWfDs>\n                            </SpsWfDoc>\n                            <SpsWfDoc>\n                                Document Name\n                                <SpsWfDs>\n                                    Status\n                                </SpsWfDs>\n                            </SpsWfDoc>\n                        </SpsWfStep>\n                        <SpsWfStep icon=\"heart\" title=\"Done\">\n                        </SpsWfStep>\n                    </SpsWf>\n                </div>\n            "], ["\n                <div className=\"col-4\">\n                    <SpsWf icon=\"list-summary\" title=\"Workflow\">\n                        <SpsWfStep icon=\"heart\" title=\"Name of Step\">\n                            <SpsWfDoc>\n                                <a href=\"https://github.com/SPSCommerce/ui-angular\" target=\"_blank\">\n                                    Document Name\n                                </a>\n                                <SpsWfDs icon=\"status-error\">Status</SpsWfDs>\n                            </SpsWfDoc>\n                            <SpsWfDoc>\n                                Document Name\n                                <SpsWfDs>\n                                    Status\n                                </SpsWfDs>\n                            </SpsWfDoc>\n                        </SpsWfStep>\n                        <SpsWfStep icon=\"heart\" title=\"Done\">\n                        </SpsWfStep>\n                    </SpsWf>\n                </div>\n            "]))),
+            },
+        },
+    },
+};
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=SpsWorkflow.examples.js.map

package/dist/out-tsc/workflow/SpsWorkflow.examples.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpsWorkflow.examples.js","sourceRoot":"","sources":["../../../src/workflow/SpsWorkflow.examples.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAG1C,MAAM,CAAC,IAAM,mBAAmB,GAAoB;IAClD,KAAK,EAAE;QACL,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE;YACR,KAAK,EAAE;gBACL,GAAG,EAAE,IAAI,4xCAAA,ytCAuBJ,IAAA;aACN;SACF;KACF;IACD,SAAS,EAAE;QACT,KAAK,EAAE,wBAAwB;QAC/B,QAAQ,EAAE;YACR,SAAS,EAAE;gBACT,GAAG,EAAE,IAAI,4jCAAA,y/BAqBJ,IAAA;aACN;SACF;KACF;CACF,CAAC"}

package/dist/out-tsc/workflow/SpsWorkflow.js

@@ -0,0 +1,56 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { SpsIcon } from "@spscommerce/ds-shared";
+import clsx from "clsx";
+import * as React from "react";
+import * as PropTypes from "../prop-types";
+var propsDoc = {
+    heading: "string",
+    icon: "SpsIcon",
+};
+var propTypes = __assign(__assign({}, PropTypes.spsGlobalPropTypes), { heading: PropTypes.string, icon: PropTypes.enumValue(SpsIcon) });
+export function SpsWorkflow(props) {
+    var children = props.children, className = props.className, icon = props.icon, title = props.title, testId = props["data-testid"], unsafelyReplaceClassName = props.unsafelyReplaceClassName, rest = __rest(props, ["children", "className", "icon", "title", "data-testid", "unsafelyReplaceClassName"]);
+    var classes = clsx(unsafelyReplaceClassName || "sps-workflow", className);
+    return (React.createElement("div", __assign({ className: classes, "data-testid": "" + testId }, rest),
+        title
+            && (React.createElement("h1", { className: "sps-workflow__heading", "data-testid": testId + "__title" },
+                React.createElement("span", { className: "sps-workflow__icon", "data-testid": testId + "__icon" },
+                    React.createElement("i", { "aria-hidden": "true", className: clsx("sps-icon", "sps-icon-" + icon) })),
+                title)),
+        children));
+}
+Object.assign(SpsWorkflow, {
+    props: propsDoc,
+    propTypes: propTypes,
+    displayName: "SpsWorkflow",
+});
+export function SpsWf(props) {
+    return React.createElement(SpsWorkflow, __assign({}, props));
+}
+Object.assign(SpsWf, {
+    props: propsDoc,
+    propTypes: propTypes,
+    displayName: "SpsWf",
+});
+//# sourceMappingURL=SpsWorkflow.js.map

package/dist/out-tsc/workflow/SpsWorkflow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpsWorkflow.js","sourceRoot":"","sources":["../../../src/workflow/SpsWorkflow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,SAAS,MAAM,eAAe,CAAC;AAE3C,IAAM,QAAQ,GAAG;IACf,OAAO,EAAE,QAAQ;IACjB,IAAI,EAAE,SAAS;CAChB,CAAC;AAEF,IAAM,SAAS,yBACV,SAAS,CAAC,kBAAkB,KAC/B,OAAO,EAAE,SAAS,CAAC,MAAM,EACzB,IAAI,EAAE,SAAS,CAAC,SAAS,CAAU,OAAO,CAAC,GAC5C,CAAC;AAIF,MAAM,UAAU,WAAW,CAAC,KAAuB;IAE/C,IAAA,QAAQ,GAON,KAAK,SAPC,EACR,SAAS,GAMP,KAAK,UANE,EACT,IAAI,GAKF,KAAK,KALH,EACJ,KAAK,GAIH,KAAK,MAJF,EACU,MAAM,GAGnB,KAAK,eAHc,EACrB,wBAAwB,GAEtB,KAAK,yBAFiB,EACrB,IAAI,UACL,KAAK,EARH,qFAQL,CADQ,CACC;IAEV,IAAM,OAAO,GAAG,IAAI,CAClB,wBAAwB,IAAI,cAAc,EAC1C,SAAS,CACV,CAAC;IAEF,OAAO,CACL,sCAAK,SAAS,EAAE,OAAO,iBAAe,KAAG,MAAQ,IAAM,IAAI;QACxD,KAAK;eACO,CACD,4BAAI,SAAS,EAAC,uBAAuB,iBAAiB,MAAM,YAAS;gBACnE,8BAAM,SAAS,EAAC,oBAAoB,iBAAiB,MAAM,WAAQ;oBACjE,0CAAe,MAAM,EAAC,SAAS,EAAE,IAAI,CAAC,UAAU,EAAE,cAAY,IAAM,CAAC,GAAI,CACpE;gBACN,KAAK,CACH,CACN;QACV,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE;IACzB,KAAK,EAAE,QAAQ;IACf,SAAS,WAAA;IACT,WAAW,EAAE,aAAa;CAC3B,CAAC,CAAC;AAEH,MAAM,UAAU,KAAK,CAAC,KAAuB;IAC3C,OAAO,oBAAC,WAAW,eAAK,KAAK,EAAG,CAAC;AACnC,CAAC;AAED,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE;IACnB,KAAK,EAAE,QAAQ;IACf,SAAS,WAAA;IACT,WAAW,EAAE,OAAO;CACrB,CAAC,CAAC"}

package/dist/out-tsc/workflow/SpsWorkflowDocument.d.ts

@@ -0,0 +1,11 @@
+import * as PropTypes from "../prop-types";
+declare const propTypes: {
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsWorkflowDocumentProps = PropTypes.InferTS<typeof propTypes, HTMLSpanElement>;
+export declare function SpsWorkflowDocument(props: SpsWorkflowDocumentProps): JSX.Element;
+export declare function SpsWfDoc(props: SpsWorkflowDocumentProps): JSX.Element;
+export {};

package/dist/out-tsc/workflow/SpsWorkflowDocument.js

@@ -0,0 +1,46 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import clsx from "clsx";
+import * as React from "react";
+import * as PropTypes from "../prop-types";
+var propsDoc = {};
+var propTypes = __assign({}, PropTypes.spsGlobalPropTypes);
+export function SpsWorkflowDocument(props) {
+    var children = props.children, className = props.className, testId = props["data-testid"], unsafelyReplaceClassName = props.unsafelyReplaceClassName, rest = __rest(props, ["children", "className", "data-testid", "unsafelyReplaceClassName"]);
+    var classes = clsx(unsafelyReplaceClassName || "sps-workflow__document", className);
+    return (React.createElement("span", __assign({ className: classes, "data-testid": testId + "__document" }, rest), children));
+}
+Object.assign(SpsWorkflowDocument, {
+    props: propsDoc,
+    propTypes: propTypes,
+    displayName: "SpsWorkflowDocument",
+});
+export function SpsWfDoc(props) {
+    return React.createElement(SpsWorkflowDocument, __assign({}, props));
+}
+Object.assign(SpsWfDoc, {
+    props: propsDoc,
+    propTypes: propTypes,
+    displayName: "SpsWfDoc",
+});
+//# sourceMappingURL=SpsWorkflowDocument.js.map

package/dist/out-tsc/workflow/SpsWorkflowDocument.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpsWorkflowDocument.js","sourceRoot":"","sources":["../../../src/workflow/SpsWorkflowDocument.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,SAAS,MAAM,eAAe,CAAC;AAE3C,IAAM,QAAQ,GAAG,EAAE,CAAC;AAEpB,IAAM,SAAS,gBACV,SAAS,CAAC,kBAAkB,CAChC,CAAC;AAIF,MAAM,UAAU,mBAAmB,CAAC,KAA+B;IAE/D,IAAA,QAAQ,GAKN,KAAK,SALC,EACR,SAAS,GAIP,KAAK,UAJE,EACM,MAAM,GAGnB,KAAK,eAHc,EACrB,wBAAwB,GAEtB,KAAK,yBAFiB,EACrB,IAAI,UACL,KAAK,EANH,oEAML,CADQ,CACC;IAEV,IAAM,OAAO,GAAG,IAAI,CAClB,wBAAwB,IAAI,wBAAwB,EACpD,SAAS,CACV,CAAC;IAEF,OAAO,CACL,uCAAM,SAAS,EAAE,OAAO,iBAAkB,MAAM,eAAY,IAAM,IAAI,GACnE,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,CAAC,mBAAmB,EAAE;IACjC,KAAK,EAAE,QAAQ;IACf,SAAS,WAAA;IACT,WAAW,EAAE,qBAAqB;CACnC,CAAC,CAAC;AAEH,MAAM,UAAU,QAAQ,CAAC,KAA+B;IACtD,OAAO,oBAAC,mBAAmB,eAAK,KAAK,EAAG,CAAC;AAC3C,CAAC;AAED,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;IACtB,KAAK,EAAE,QAAQ;IACf,SAAS,WAAA;IACT,WAAW,EAAE,UAAU;CACxB,CAAC,CAAC"}