@spscommerce/ds-react 5.6.0 → 5.9.0-ie

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

@@ -0,0 +1,28 @@
+export var getScrollParent = function (node) {
+    var regex = /(auto|scroll)/;
+    var parents = function (_node, ps) {
+        if (_node.parentNode === null) {
+            return ps;
+        }
+        return parents(_node.parentNode, ps.concat([_node]));
+    };
+    var style = function (_node, prop) { return getComputedStyle(_node, null).getPropertyValue(prop); };
+    var overflow = function (_node) { return style(_node, "overflow") + style(_node, "overflow-y"); };
+    var scroll = function (_node) { return regex.test(overflow(_node)); };
+    /* eslint-disable consistent-return */
+    var scrollParent = function (_node) {
+        if (!(_node instanceof HTMLElement || _node instanceof SVGElement)) {
+            return;
+        }
+        var ps = parents(_node.parentNode, []);
+        for (var i = 0; i < ps.length; i += 1) {
+            if (scroll(ps[i])) {
+                return ps[i];
+            }
+        }
+        return null;
+    };
+    return scrollParent(node);
+    /* eslint-enable consistent-return */
+};
+//# sourceMappingURL=getScrollParent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getScrollParent.js","sourceRoot":"","sources":["../../../src/utils/getScrollParent.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,IAAI;IAClC,IAAM,KAAK,GAAG,eAAe,CAAC;IAC9B,IAAM,OAAO,GAAG,UAAC,KAAK,EAAE,EAAE;QACxB,IAAI,KAAK,CAAC,UAAU,KAAK,IAAI,EAAE;YAC7B,OAAO,EAAE,CAAC;SACX;QACD,OAAO,OAAO,CAAC,KAAK,CAAC,UAAU,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACvD,CAAC,CAAC;IAEF,IAAM,KAAK,GAAG,UAAC,KAAK,EAAE,IAAI,IAAK,OAAA,gBAAgB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAApD,CAAoD,CAAC;IACpF,IAAM,QAAQ,GAAG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,KAAK,EAAE,YAAY,CAAC,EAArD,CAAqD,CAAC;IAClF,IAAM,MAAM,GAAG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAA3B,CAA2B,CAAC;IAEtD,sCAAsC;IACtC,IAAM,YAAY,GAAG,UAAC,KAAK;QACzB,IAAI,CAAC,CAAC,KAAK,YAAY,WAAW,IAAI,KAAK,YAAY,UAAU,CAAC,EAAE;YAClE,OAAO;SACR;QAED,IAAM,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;QAEzC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE;YACrC,IAAI,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;gBACjB,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;aACd;SACF;QAED,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,OAAO,YAAY,CAAC,IAAI,CAAC,CAAC;IAC1B,qCAAqC;AACvC,CAAC,CAAC"}

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

@@ -0,0 +1,11 @@
+export * from "./contentOf";
+export * from "./FauxChangeEvent";
+export * from "./getPosition";
+export * from "./selectChildren";
+export * from "./useCheckDeprecatedProps";
+export * from "./useDidUpdateEffect";
+export * from "./useDocumentEventListener";
+export * from "./useElementId";
+export * from "./useInputPopup";
+export * from "./usePatchReducer";
+export * from "./usePortal";

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

@@ -0,0 +1,12 @@
+export * from "./contentOf";
+export * from "./FauxChangeEvent";
+export * from "./getPosition";
+export * from "./selectChildren";
+export * from "./useCheckDeprecatedProps";
+export * from "./useDidUpdateEffect";
+export * from "./useDocumentEventListener";
+export * from "./useElementId";
+export * from "./useInputPopup";
+export * from "./usePatchReducer";
+export * from "./usePortal";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC"}

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

@@ -0,0 +1,5 @@
+export interface ISelectChildrenGroup {
+    type?: any;
+    props?: Record<string, any>;
+}
+export declare function selectChildren(children?: any, groups?: Array<ISelectChildrenGroup | ISelectChildrenGroup[]>): any[][];

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

@@ -0,0 +1,72 @@
+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 { flatten } from "@spscommerce/utils";
+export function selectChildren(children, groups) {
+    var e_1, _a;
+    if (children === void 0) { children = []; }
+    if (groups === void 0) { groups = []; }
+    var childrenArray = Array.isArray(children) ? flatten(children) : [children];
+    var normGroups = groups
+        .map(function (s) { return (Array.isArray(s) ? s : [s]); });
+    var nodeLists = (new Array(normGroups.length + 1)).fill(null)
+        .map(function () { return []; });
+    var _loop_1 = function (node) {
+        var e_2, _b;
+        var nodeSelected = false;
+        for (var i = 0; i < normGroups.length; i += 1) {
+            var _loop_2 = function (type, props) {
+                if (node.type === type) {
+                    var propsMatch = Object.keys(props)
+                        .every(function (prop) { return props[prop] === node.props[prop]; });
+                    if (propsMatch) {
+                        nodeSelected = true;
+                        nodeLists[i].push(node);
+                        return "break";
+                    }
+                }
+            };
+            try {
+                for (var _c = (e_2 = void 0, __values(normGroups[i])), _d = _c.next(); !_d.done; _d = _c.next()) {
+                    var _e = _d.value, type = _e.type, _f = _e.props, props = _f === void 0 ? {} : _f;
+                    var state_1 = _loop_2(type, props);
+                    if (state_1 === "break")
+                        break;
+                }
+            }
+            catch (e_2_1) { e_2 = { error: e_2_1 }; }
+            finally {
+                try {
+                    if (_d && !_d.done && (_b = _c.return)) _b.call(_c);
+                }
+                finally { if (e_2) throw e_2.error; }
+            }
+        }
+        if (!nodeSelected) {
+            nodeLists[nodeLists.length - 1].push(node);
+        }
+    };
+    try {
+        for (var childrenArray_1 = __values(childrenArray), childrenArray_1_1 = childrenArray_1.next(); !childrenArray_1_1.done; childrenArray_1_1 = childrenArray_1.next()) {
+            var node = childrenArray_1_1.value;
+            _loop_1(node);
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (childrenArray_1_1 && !childrenArray_1_1.done && (_a = childrenArray_1.return)) _a.call(childrenArray_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    return nodeLists;
+}
+//# sourceMappingURL=selectChildren.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"selectChildren.js","sourceRoot":"","sources":["../../../src/utils/selectChildren.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAO7C,MAAM,UAAU,cAAc,CAC5B,QAAkB,EAClB,MAAiE;;IADjE,yBAAA,EAAA,aAAkB;IAClB,uBAAA,EAAA,WAAiE;IAEjE,IAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC/E,IAAM,UAAU,GAA6B,MAAM;SAChD,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAA5B,CAA4B,CAAC,CAAC;IAC5C,IAAM,SAAS,GAAG,CAAC,IAAI,KAAK,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;SAC5D,GAAG,CAAC,cAAM,OAAA,EAAE,EAAF,CAAE,CAAC,CAAC;4BAEN,IAAI;;QACb,IAAI,YAAY,GAAG,KAAK,CAAC;QACzB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE;oCAChC,IAAI,EAAE,KAAK;gBACtB,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,EAAE;oBACtB,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;yBAClC,KAAK,CAAC,UAAC,IAAI,IAAK,OAAA,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAhC,CAAgC,CAAC,CAAC;oBACrD,IAAI,UAAU,EAAE;wBACd,YAAY,GAAG,IAAI,CAAC;wBACpB,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;qBAEzB;iBACF;;;gBATH,KAAmC,IAAA,oBAAA,SAAA,UAAU,CAAC,CAAC,CAAC,CAAA,CAAA,gBAAA;oBAArC,IAAA,aAAoB,EAAlB,IAAI,UAAA,EAAE,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA;0CAAhB,IAAI,EAAE,KAAK;;;iBAUvB;;;;;;;;;SACF;QACD,IAAI,CAAC,YAAY,EAAE;YACjB,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SAC5C;;;QAjBH,KAAmB,IAAA,kBAAA,SAAA,aAAa,CAAA,4CAAA;YAA3B,IAAM,IAAI,0BAAA;oBAAJ,IAAI;SAkBd;;;;;;;;;IACD,OAAO,SAAS,CAAC;AACnB,CAAC"}

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

@@ -0,0 +1,2 @@
+import type * as PropTypes from "../prop-types";
+export declare function useCheckDeprecatedProps(componentName: string, propsDoc: PropTypes.TypeDoc, props: any): void;

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

@@ -0,0 +1,35 @@
+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";
+export function useCheckDeprecatedProps(componentName, propsDoc, props) {
+    var deprecatedProps = Object.entries(propsDoc)
+        .filter(function (_a) {
+        var _b = __read(_a, 2), value = _b[1];
+        return typeof value !== "string" && value.deprecated;
+    })
+        .map(function (_a) {
+        var _b = __read(_a, 1), key = _b[0];
+        return key;
+    });
+    var propValues = deprecatedProps.map(function (p) { return props[p]; });
+    React.useEffect(function () {
+        if (propValues.find(function (value) { return typeof value !== "undefined"; })) {
+            console.warn("The following prop(s) of " + componentName + " are deprecated: " + deprecatedProps.join(", "));
+        }
+    }, propValues);
+}
+//# sourceMappingURL=useCheckDeprecatedProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCheckDeprecatedProps.js","sourceRoot":"","sources":["../../../src/utils/useCheckDeprecatedProps.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,UAAU,uBAAuB,CACrC,aAAqB,EACrB,QAA2B,EAC3B,KAAU;IAEV,IAAM,eAAe,GAAG,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC;SAC7C,MAAM,CAAC,UAAC,EAAS;YAAT,KAAA,aAAS,EAAN,KAAK,QAAA;QAAM,OAAA,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,UAAU;IAA7C,CAA6C,CAAC;SACpE,GAAG,CAAC,UAAC,EAAK;YAAL,KAAA,aAAK,EAAJ,GAAG,QAAA;QAAM,OAAA,GAAG;IAAH,CAAG,CAAC,CAAC;IACvB,IAAM,UAAU,GAAG,eAAe,CAAC,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,KAAK,CAAC,CAAC,CAAC,EAAR,CAAQ,CAAC,CAAC;IACxD,KAAK,CAAC,SAAS,CAAC;QACd,IAAI,UAAU,CAAC,IAAI,CAAC,UAAC,KAAK,IAAK,OAAA,OAAO,KAAK,KAAK,WAAW,EAA5B,CAA4B,CAAC,EAAE;YAC5D,OAAO,CAAC,IAAI,CAAC,8BAA4B,aAAa,yBAAoB,eAAe,CAAC,IAAI,CAAC,IAAI,CAAG,CAAC,CAAC;SACzG;IACH,CAAC,EAAE,UAAU,CAAC,CAAC;AACjB,CAAC"}

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

@@ -0,0 +1,2 @@
+import type { EffectCallback } from "react";
+export declare function useDidUpdateEffect(cb: EffectCallback, deps?: any[]): void;

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

@@ -0,0 +1,11 @@
+import { useRef, useEffect } from "react";
+export function useDidUpdateEffect(cb, deps) {
+    var didMount = useRef(false);
+    useEffect(function () {
+        if (didMount.current) {
+            return cb();
+        }
+        didMount.current = true;
+    }, deps);
+}
+//# sourceMappingURL=useDidUpdateEffect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDidUpdateEffect.js","sourceRoot":"","sources":["../../../src/utils/useDidUpdateEffect.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,UAAU,kBAAkB,CAAC,EAAkB,EAAE,IAAY;IACjE,IAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAE/B,SAAS,CAAC;QACR,IAAI,QAAQ,CAAC,OAAO,EAAE;YACpB,OAAO,EAAE,EAAE,CAAC;SACb;QACD,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;IAC1B,CAAC,EAAE,IAAI,CAAC,CAAC;AACX,CAAC"}

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

@@ -0,0 +1 @@
+export declare function useDocumentEventListener(eventName: string, listenerFactory: (...args: unknown[]) => EventListenerOrEventListenerObject, deps: unknown[]): void;

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

@@ -0,0 +1,39 @@
+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;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import * as React from "react";
+export function useDocumentEventListener(eventName, listenerFactory, deps) {
+    var listener = React.useRef(listenerFactory.apply(void 0, __spreadArray([], __read(deps), false)));
+    React.useEffect(function () {
+        document.addEventListener(eventName, listener.current);
+        return function () { return document.removeEventListener(eventName, listener.current); };
+    }, []);
+    React.useEffect(function () {
+        document.removeEventListener(eventName, listener.current);
+        listener.current = listenerFactory.apply(void 0, __spreadArray([], __read(deps), false));
+        document.addEventListener(eventName, listener.current);
+    }, deps);
+}
+//# sourceMappingURL=useDocumentEventListener.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDocumentEventListener.js","sourceRoot":"","sources":["../../../src/utils/useDocumentEventListener.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,UAAU,wBAAwB,CACtC,SAAiB,EACjB,eAA2E,EAC3E,IAAe;IAEf,IAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,eAAe,wCAAI,IAAI,WAAE,CAAC;IAExD,KAAK,CAAC,SAAS,CAAC;QACd,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;QACvD,OAAO,cAAM,OAAA,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,QAAQ,CAAC,OAAO,CAAC,EAAzD,CAAyD,CAAC;IACzE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,KAAK,CAAC,SAAS,CAAC;QACd,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;QAC1D,QAAQ,CAAC,OAAO,GAAG,eAAe,wCAAI,IAAI,UAAC,CAAC;QAC5C,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IACzD,CAAC,EAAE,IAAI,CAAC,CAAC;AACX,CAAC"}

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

@@ -0,0 +1,2 @@
+import type { RefObject } from "react";
+export declare function useElementId(id: string): RefObject<string>;

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

@@ -0,0 +1,6 @@
+import { useRef } from "react";
+import nanoid from "nanoid";
+export function useElementId(id) {
+    return useRef(id || nanoid());
+}
+//# sourceMappingURL=useElementId.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useElementId.js","sourceRoot":"","sources":["../../../src/utils/useElementId.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,QAAQ,CAAC;AAE5B,MAAM,UAAU,YAAY,CAAC,EAAU;IACrC,OAAO,MAAM,CAAS,EAAE,IAAI,MAAM,EAAE,CAAC,CAAC;AACxC,CAAC"}

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

@@ -0,0 +1,6 @@
+import * as React from "react";
+export declare function useInputPopup(rootRef: React.MutableRefObject<HTMLElement>, popupRef: React.MutableRefObject<HTMLElement>): {
+    showPopup: boolean;
+    doShowPopup: () => void;
+    doHidePopup: (suppressNextShow?: any) => void;
+};

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

@@ -0,0 +1,52 @@
+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) {
+        if (!rootRef.current.contains(event.target)
+            && !popupRef.current.contains(event.target)) {
+            doHidePopup();
+        }
+    };
+}
+export function useInputPopup(rootRef, popupRef) {
+    var suppressPopup = React.useRef(false);
+    var _a = __read(React.useState(false), 2), showPopup = _a[0], setShowPopup = _a[1];
+    function doShowPopup() {
+        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;
+    }, [setShowPopup]);
+    useDocumentEventListener("click", 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,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC;eACtC,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EACzD;YACA,WAAW,EAAE,CAAC;SACf;IACH,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa,CAC3B,OAA4C,EAC5C,QAA6C;IAE7C,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,SAAS,WAAW;QAClB,IAAI,aAAa,CAAC,OAAO,EAAE;YACzB,aAAa,CAAC,OAAO,GAAG,KAAK,CAAC;SAC/B;aAAM;YACL,YAAY,CAAC,IAAI,CAAC,CAAC;SACpB;IACH,CAAC;IAED,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;IAC3C,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,wBAAwB,CAAC,OAAO,EAAE,2BAA2B,EAAE,CAAC,OAAO;QACrE,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,58 @@
+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 (target.nextElementSibling) {
+            parent.removeChild(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,MAAM,CAAC,kBAAkB,EAAE;YACpC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;YAC3B,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;SAC5B;QAED,OAAO,YAAY,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;IACnC,CAAC,EA7BoB,CA6BpB,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 {};