@spscommerce/ds-react 5.20.3-ie → 5.20.5

package/dist/out-tsc/table/usePinnedStyles.js

@@ -1,192 +0,0 @@
-/* eslint-disable no-param-reassign */
-import * as React from "react";
-import { getScrollParent } from "../utils/getScrollParent";
-export var usePinnedCellStyle = function (isPinned, elementRef) {
-    React.useLayoutEffect(function () {
-        if (isPinned && elementRef.current) {
-            var offset = 0;
-            var isLeftPinned = true;
-            var previousTh = elementRef.current.previousElementSibling;
-            /*
-             * First we have to determine whether the column
-             * is pinned on the left or right side of the table
-             */
-            while (previousTh !== null) {
-                if (!previousTh.classList.contains("sps-table__cell--pinned")) {
-                    isLeftPinned = false;
-                    break;
-                }
-                previousTh = previousTh.previousElementSibling;
-            }
-            if (isLeftPinned) {
-                /*
-                 * if it's on the left side we have to calculate
-                 * the offset for the "left" css property
-                 * by iterating over its siblings (on the left side)
-                 */
-                previousTh = elementRef.current.previousElementSibling;
-                while (previousTh !== null) {
-                    offset += previousTh.clientWidth;
-                    previousTh = previousTh.previousElementSibling;
-                }
-                elementRef.current.style.left = offset + "px";
-            }
-            else {
-                /*
-                 * if it's on the right side we have to calculate the offset for
-                 * the "right" css property by iterating over its siblings
-                 * (on the right side)
-                 */
-                var nextTh = elementRef.current.nextElementSibling;
-                while (nextTh !== null) {
-                    offset += nextTh.clientWidth;
-                    nextTh = nextTh.nextElementSibling;
-                }
-                elementRef.current.style.right = offset + "px";
-            }
-        }
-    });
-};
-export var usePinnedTableBackgroundStyle = function (containerRef) {
-    React.useLayoutEffect(function () {
-        if (containerRef.current) {
-            var pinnedThs = containerRef.current.querySelectorAll("table > thead > tr:first-child > .sps-table__cell--pinned");
-            if (pinnedThs.length > 0) {
-                var leftPinnedThs_1 = [];
-                var rightPinnedThs_1 = [];
-                pinnedThs.forEach(function (th) {
-                    var isLeftPinned = true;
-                    var previousSibling = th.previousElementSibling;
-                    while (previousSibling !== null) {
-                        if (!previousSibling.classList.contains("sps-table__cell--pinned")) {
-                            isLeftPinned = false;
-                            break;
-                        }
-                        previousSibling = previousSibling.previousElementSibling;
-                    }
-                    if (isLeftPinned) {
-                        leftPinnedThs_1.push(th);
-                    }
-                    else {
-                        rightPinnedThs_1.push(th);
-                    }
-                });
-                var leftPinnedWidth = leftPinnedThs_1.reduce(function (acc, th) { return acc + th.clientWidth; }, 0);
-                var rightPinnedWidth = rightPinnedThs_1.reduce(function (acc, th) { return acc + th.clientWidth; }, 0);
-                containerRef.current.style.backgroundPosition = leftPinnedWidth + "px 0, calc(100% - " + rightPinnedWidth + "px) 0, " + leftPinnedWidth + "px 0, calc(100% - " + rightPinnedWidth + "px) 0";
-            }
-        }
-    });
-};
-export var usePinnedTableHeadStyle = function (containerRef) {
-    React.useLayoutEffect(function () {
-        var container = containerRef.current;
-        var headElement = container === null || container === void 0 ? void 0 : container.querySelector("thead");
-        var table = container === null || container === void 0 ? void 0 : container.querySelector("table");
-        var tableBodyFirstRow = table === null || table === void 0 ? void 0 : table.querySelector("tbody>tr");
-        var tableBodyFirstRowCells = tableBodyFirstRow === null || tableBodyFirstRow === void 0 ? void 0 : tableBodyFirstRow.querySelectorAll("td");
-        var tableHeadCells = headElement === null || headElement === void 0 ? void 0 : headElement.querySelectorAll("th");
-        var navBarContainer = document.body.querySelector(".sps-navbar-container");
-        var placeholder = container === null || container === void 0 ? void 0 : container.querySelector(".placeholder-head");
-        var scrollableParent = null;
-        var resetAppliedStyles = function () {
-            if (headElement) {
-                headElement.style.position = null;
-                headElement.style.top = null;
-                headElement.style.overflow = null;
-                headElement.style.maxWidth = null;
-                headElement.style.width = null;
-                headElement.style.minWidth = null;
-            }
-            if (placeholder) {
-                placeholder.style.width = null;
-                placeholder.style.height = null;
-            }
-            if (tableBodyFirstRowCells) {
-                Array.from(tableBodyFirstRowCells).forEach(function (cell, idx) {
-                    tableHeadCells[idx].style.minWidth = null;
-                    tableHeadCells[idx].style.width = null;
-                    tableHeadCells[idx].style.maxWidth = null;
-                    cell.style.minWidth = null;
-                    cell.style.width = null;
-                    cell.style.maxWidth = null;
-                });
-            }
-        };
-        var adjustHorizontalScroll = function () {
-            headElement.scrollLeft = container.scrollLeft;
-        };
-        var adjustHeadPosition = function () {
-            var topPosition = null;
-            if (scrollableParent === window) {
-                topPosition = navBarContainer ? navBarContainer.getBoundingClientRect().height : 0;
-            }
-            else if (scrollableParent instanceof HTMLElement) {
-                topPosition = scrollableParent.getBoundingClientRect().top;
-            }
-            var containerHorizontalScroll = container.scrollLeft;
-            var headRect = headElement.getBoundingClientRect();
-            var containerRect = container.getBoundingClientRect();
-            if (headRect.top <= topPosition
-                && topPosition <= containerRect.bottom - headRect.height
-                && containerRect.top <= topPosition) {
-                headElement.style.position = "fixed";
-                headElement.style.top = topPosition + "px";
-                headElement.style.overflow = "hidden";
-                var headElementWidth = containerRect.width + "px";
-                headElement.style.maxWidth = headElementWidth;
-                headElement.style.width = headElementWidth;
-                headElement.style.minWidth = headElementWidth;
-                if (tableBodyFirstRowCells) {
-                    Array.from(tableBodyFirstRowCells).forEach(function (cell, idx) {
-                        var cellWidth = cell.getBoundingClientRect().width;
-                        var headerWidth = tableHeadCells[idx].getBoundingClientRect().width;
-                        var width = Math.max(cellWidth, headerWidth) + "px";
-                        tableHeadCells[idx].style.minWidth = width;
-                        tableHeadCells[idx].style.width = width;
-                        tableHeadCells[idx].style.maxWidth = width;
-                        cell.style.minWidth = width;
-                        cell.style.width = width;
-                        cell.style.maxWidth = width;
-                    });
-                }
-                if (!placeholder) {
-                    placeholder = document.createElement("div");
-                    placeholder.style.width = headRect.width + "px";
-                    placeholder.style.height = headRect.height + "px";
-                    placeholder.className = "placeholder-head";
-                    container.insertBefore(placeholder, table);
-                }
-            }
-            else if (placeholder) {
-                container.removeChild(placeholder);
-                placeholder = null;
-                resetAppliedStyles();
-            }
-            container.scrollLeft = containerHorizontalScroll;
-            adjustHorizontalScroll();
-        };
-        var adjustElements = function () {
-            resetAppliedStyles();
-            adjustHeadPosition();
-            adjustHorizontalScroll();
-        };
-        if (headElement && headElement.classList.contains("sps-table__head--pinned")) {
-            scrollableParent = getScrollParent(container) || window;
-            scrollableParent.addEventListener("scroll", adjustHeadPosition);
-            window.addEventListener("resize", adjustElements);
-            container.addEventListener("scroll", adjustHorizontalScroll);
-            adjustElements();
-        }
-        return function () {
-            if (scrollableParent) {
-                scrollableParent.removeEventListener("scroll", adjustHeadPosition);
-                window.removeEventListener("resize", adjustElements);
-            }
-            if (container) {
-                container.removeEventListener("scroll", adjustHorizontalScroll);
-            }
-        };
-    });
-};
-//# sourceMappingURL=usePinnedStyles.js.map

package/dist/out-tsc/table/usePinnedStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePinnedStyles.js","sourceRoot":"","sources":["../../../src/table/usePinnedStyles.ts"],"names":[],"mappings":"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"}

package/dist/out-tsc/tabs/SpsTabs.d.ts

@@ -1,14 +0,0 @@
-import type { SpsTab } from "@spscommerce/ds-shared";
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    tabs: PropTypes.Validator<SpsTab[]>;
-    activeTab: PropTypes.Requireable<SpsTab>;
-    onTabChange: PropTypes.Requireable<(newTab: SpsTab) => void>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsTabsProps = PropTypes.InferTS<typeof propTypes, HTMLElement>;
-export declare function SpsTabs(props: SpsTabsProps): JSX.Element;
-export {};

package/dist/out-tsc/tabs/SpsTabs.js

@@ -1,77 +0,0 @@
-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;
-};
-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 clsx from "clsx";
-import * as React from "react";
-import * as PropTypes from "../prop-types";
-var propTypes = __assign(__assign({}, PropTypes.spsGlobalPropTypes), { tabs: PropTypes.arrayOf(PropTypes.impl()).isRequired, activeTab: PropTypes.impl(), onTabChange: PropTypes.fun() });
-export function SpsTabs(props) {
-    var tabs = props.tabs, activeTab = props.activeTab, onTabChange = props.onTabChange, className = props.className, unsafelyReplaceClassName = props.unsafelyReplaceClassName, testId = props["data-testid"], rest = __rest(props, ["tabs", "activeTab", "onTabChange", "className", "unsafelyReplaceClassName", "data-testid"]);
-    var _a = __read(React.useState(null), 2), activeTabState = _a[0], setActiveTabState = _a[1];
-    React.useEffect(function () {
-        if (tabs.length) {
-            if (activeTab) {
-                var obj = tabs.find(function (tab) { return tab.label === activeTab.label; });
-                setActiveTabState(obj);
-            }
-            else {
-                setActiveTabState(tabs[0]);
-            }
-        }
-    }, []);
-    var onTabClick = function (event, tab) {
-        event.preventDefault();
-        setActiveTabState(tab);
-        if (typeof onTabChange === "function") {
-            onTabChange(tab);
-        }
-    };
-    var classes = clsx(unsafelyReplaceClassName || "sps-tabs", className);
-    return (React.createElement("div", { className: classes },
-        React.createElement("nav", __assign({ className: "sps-nav sps-nav--tabs", "data-testid": testId }, rest), tabs.map(function (tab) { return (React.createElement("a", { key: tab.label, id: tab.id, className: clsx("sps-nav__item", "sps-nav__link", tab === activeTabState && "active"), role: "tab", "data-toggle": "tab", href: tab.controlsId ? "#" + tab.controlsId : null, "aria-controls": tab.controlsId, "aria-selected": tab === activeTab, onClick: function (e) {
-                onTabClick(e, tab);
-            }, "data-testid": testId + "__tab-link" },
-            tab.icon && React.createElement("i", { className: "sps-icon sps-icon-" + tab.icon }),
-            React.createElement("span", null, tab.label),
-            tab.tag && React.createElement("span", { className: "sps-tag sps-tag--key" }, tab.tag))); }))));
-}
-Object.assign(SpsTabs, {
-    propTypes: propTypes,
-    displayName: "SpsTabs",
-});
-//# sourceMappingURL=SpsTabs.js.map

package/dist/out-tsc/tabs/SpsTabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SpsTabs.js","sourceRoot":"","sources":["../../../src/tabs/SpsTabs.tsx"],"names":[],"mappings":"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"}

package/dist/out-tsc/tag/SpsTag.d.ts

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

package/dist/out-tsc/tag/SpsTag.examples.d.ts

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

package/dist/out-tsc/tag/SpsTag.examples.js

@@ -1,25 +0,0 @@
-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 SpsTagExamples = {
-    basic: {
-        label: "Basic Tag",
-        examples: {
-            basic: {
-                react: code(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                    import { SpsTag } from \"@spscommerce/ds-react\";\n                    import { TagKind } from \"@spscommerce/ds-shared\";\n                    function Component() {\n                      return (\n                        <>\n                          <SpsTag className=\"mr-1 mb-1\">Default</SpsTag>\n                          <SpsTag kind={TagKind.KEY} className=\"mr-1 mb-1\">\n                            Key\n                          </SpsTag>\n                          <SpsTag kind={TagKind.WARNING} className=\"mr-1 mb-1\">\n                            Warning\n                          </SpsTag>\n                          <SpsTag kind={TagKind.ERROR} className=\"mr-1 mb-1\">\n                            Error\n                          </SpsTag>\n                          <SpsTag kind={TagKind.PENDING} className=\"mr-1 mb-1\">\n                            Pending\n                          </SpsTag>\n                          <SpsTag kind={TagKind.SUCCESS} className=\"mr-1 mb-1\">\n                            Success\n                          </SpsTag>\n                          <SpsTag kind={TagKind.INFO} className=\"mr-1 mb-1\">\n                            Info\n                          </SpsTag>\n                        </>\n                      );\n                    }\n                "], ["\n                    import { SpsTag } from \"@spscommerce/ds-react\";\n                    import { TagKind } from \"@spscommerce/ds-shared\";\n                    function Component() {\n                      return (\n                        <>\n                          <SpsTag className=\"mr-1 mb-1\">Default</SpsTag>\n                          <SpsTag kind={TagKind.KEY} className=\"mr-1 mb-1\">\n                            Key\n                          </SpsTag>\n                          <SpsTag kind={TagKind.WARNING} className=\"mr-1 mb-1\">\n                            Warning\n                          </SpsTag>\n                          <SpsTag kind={TagKind.ERROR} className=\"mr-1 mb-1\">\n                            Error\n                          </SpsTag>\n                          <SpsTag kind={TagKind.PENDING} className=\"mr-1 mb-1\">\n                            Pending\n                          </SpsTag>\n                          <SpsTag kind={TagKind.SUCCESS} className=\"mr-1 mb-1\">\n                            Success\n                          </SpsTag>\n                          <SpsTag kind={TagKind.INFO} className=\"mr-1 mb-1\">\n                            Info\n                          </SpsTag>\n                        </>\n                      );\n                    }\n                "]))),
-            },
-        },
-    },
-    withIcon: {
-        label: "Tag with icon",
-        examples: {
-            basic: {
-                react: code(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n                    import { SpsTag } from \"@spscommerce/ds-react\";\n                    import { TagKind, SpsIcon } from \"@spscommerce/ds-shared\";\n                    function Component() {\n                      return (\n                        <>\n                          <SpsTag icon={SpsIcon.INFO_CIRCLE} className=\"mr-1 mb-1\">\n                            Default\n                          </SpsTag>\n                          <SpsTag icon={SpsIcon.CHECKMARK} kind={TagKind.KEY} className=\"mr-1 mb-1\">\n                            Key\n                          </SpsTag>\n                          <SpsTag\n                            icon={SpsIcon.EXCLAMATION_TRIANGLE}\n                            kind={TagKind.WARNING}\n                            className=\"mr-1 mb-1\"\n                          >\n                            Warning\n                          </SpsTag>\n                          <SpsTag\n                            icon={SpsIcon.EXCLAMATION_CIRCLE}\n                            kind={TagKind.ERROR}\n                            className=\"mr-1 mb-1\"\n                          >\n                            Error\n                          </SpsTag>\n                          <SpsTag\n                            icon={SpsIcon.ELLIPSES}\n                            kind={TagKind.PENDING}\n                            className=\"mr-1 mb-1\"\n                          >\n                            Pending\n                          </SpsTag>\n                          <SpsTag\n                            icon={SpsIcon.CHECKMARK}\n                            kind={TagKind.SUCCESS}\n                            className=\"mr-1 mb-1\"\n                          >\n                            Success\n                          </SpsTag>\n                          <SpsTag\n                            icon={SpsIcon.INFO_CIRCLE}\n                            kind={TagKind.INFO}\n                            className=\"mr-1 mb-1\"\n                          >\n                            Info\n                          </SpsTag>\n                        </>\n                      );\n                    }\n                "], ["\n                    import { SpsTag } from \"@spscommerce/ds-react\";\n                    import { TagKind, SpsIcon } from \"@spscommerce/ds-shared\";\n                    function Component() {\n                      return (\n                        <>\n                          <SpsTag icon={SpsIcon.INFO_CIRCLE} className=\"mr-1 mb-1\">\n                            Default\n                          </SpsTag>\n                          <SpsTag icon={SpsIcon.CHECKMARK} kind={TagKind.KEY} className=\"mr-1 mb-1\">\n                            Key\n                          </SpsTag>\n                          <SpsTag\n                            icon={SpsIcon.EXCLAMATION_TRIANGLE}\n                            kind={TagKind.WARNING}\n                            className=\"mr-1 mb-1\"\n                          >\n                            Warning\n                          </SpsTag>\n                          <SpsTag\n                            icon={SpsIcon.EXCLAMATION_CIRCLE}\n                            kind={TagKind.ERROR}\n                            className=\"mr-1 mb-1\"\n                          >\n                            Error\n                          </SpsTag>\n                          <SpsTag\n                            icon={SpsIcon.ELLIPSES}\n                            kind={TagKind.PENDING}\n                            className=\"mr-1 mb-1\"\n                          >\n                            Pending\n                          </SpsTag>\n                          <SpsTag\n                            icon={SpsIcon.CHECKMARK}\n                            kind={TagKind.SUCCESS}\n                            className=\"mr-1 mb-1\"\n                          >\n                            Success\n                          </SpsTag>\n                          <SpsTag\n                            icon={SpsIcon.INFO_CIRCLE}\n                            kind={TagKind.INFO}\n                            className=\"mr-1 mb-1\"\n                          >\n                            Info\n                          </SpsTag>\n                        </>\n                      );\n                    }\n                "]))),
-            },
-        },
-    },
-};
-var templateObject_1, templateObject_2;
-//# sourceMappingURL=SpsTag.examples.js.map

package/dist/out-tsc/tag/SpsTag.examples.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SpsTag.examples.js","sourceRoot":"","sources":["../../../src/tag/SpsTag.examples.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAG1C,MAAM,CAAC,IAAM,cAAc,GAAoB;IAC7C,KAAK,EAAE;QACL,KAAK,EAAE,WAAW;QAClB,QAAQ,EAAE;YACR,KAAK,EAAE;gBACL,KAAK,EAAE,IAAI,q4CAAA,k0CA4BF,IAAA;aACV;SACF;KACF;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,eAAe;QACtB,QAAQ,EAAE;YACR,KAAK,EAAE;gBACL,KAAK,EAAE,IAAI,6sEAAA,0oEAkDF,IAAA;aACV;SACF;KACF;CACF,CAAC"}

package/dist/out-tsc/tag/SpsTag.js

@@ -1,47 +0,0 @@
-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, TagKind } from "@spscommerce/ds-shared";
-import clsx from "clsx";
-import * as React from "react";
-import * as PropTypes from "../prop-types";
-var propsDoc = {
-    icon: "SpsIcon",
-    kind: "TagKind",
-};
-var propTypes = __assign(__assign({}, PropTypes.spsGlobalPropTypes), { icon: PropTypes.enumValue(SpsIcon), kind: PropTypes.enumValue(TagKind) });
-export function SpsTag(props) {
-    var children = props.children, className = props.className, icon = props.icon, _a = props.kind, kind = _a === void 0 ? TagKind.DEFAULT : _a, testId = props["data-testid"], unsafelyReplaceClassName = props.unsafelyReplaceClassName, rest = __rest(props, ["children", "className", "icon", "kind", "data-testid", "unsafelyReplaceClassName"]);
-    var title = React.Children.toArray(children)
-        .filter(function (c) { return typeof c === "string"; })
-        .join("");
-    var classes = clsx(unsafelyReplaceClassName || "sps-tag", "sps-tag--" + kind, className);
-    return (React.createElement("span", __assign({ className: classes, "data-testid": testId + "__tag", title: title }, rest),
-        icon && (React.createElement("i", { "aria-hidden": "true", className: "sps-icon sps-icon-" + icon, "data-testid": testId + "__icon" })),
-        children));
-}
-Object.assign(SpsTag, {
-    props: propsDoc,
-    propTypes: propTypes,
-    displayName: "SpsTag",
-});
-//# sourceMappingURL=SpsTag.js.map

package/dist/out-tsc/tag/SpsTag.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SpsTag.js","sourceRoot":"","sources":["../../../src/tag/SpsTag.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAC1D,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,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;CAChB,CAAC;AAEF,IAAM,SAAS,yBACV,SAAS,CAAC,kBAAkB,KAC/B,IAAI,EAAE,SAAS,CAAC,SAAS,CAAU,OAAO,CAAC,EAC3C,IAAI,EAAE,SAAS,CAAC,SAAS,CAAU,OAAO,CAAC,GAC5C,CAAC;AAIF,MAAM,UAAU,MAAM,CAAC,KAAkB;IAErC,IAAA,QAAQ,GAON,KAAK,SAPC,EACR,SAAS,GAMP,KAAK,UANE,EACT,IAAI,GAKF,KAAK,KALH,EACJ,KAIE,KAAK,KAJe,EAAtB,IAAI,mBAAG,OAAO,CAAC,OAAO,KAAA,EACP,MAAM,GAGnB,KAAK,eAHc,EACrB,wBAAwB,GAEtB,KAAK,yBAFiB,EACrB,IAAI,UACL,KAAK,EARH,oFAQL,CADQ,CACC;IAEV,IAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC;SAC3C,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,OAAO,CAAC,KAAK,QAAQ,EAArB,CAAqB,CAAC;SACpC,IAAI,CAAC,EAAE,CAAC,CAAC;IAEZ,IAAM,OAAO,GAAG,IAAI,CAAC,wBAAwB,IAAI,SAAS,EAAE,cAAY,IAAM,EAAE,SAAS,CAAC,CAAC;IAE3F,OAAO,CACL,uCAAM,SAAS,EAAE,OAAO,iBAAkB,MAAM,UAAO,EAAE,KAAK,EAAE,KAAK,IAAM,IAAI;QAC5E,IAAI,IAAI,CACP,0CACc,MAAM,EAClB,SAAS,EAAE,uBAAqB,IAAM,iBACtB,MAAM,WAAQ,GAC9B,CACH;QACA,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE;IACpB,KAAK,EAAE,QAAQ;IACf,SAAS,WAAA;IACT,WAAW,EAAE,QAAQ;CACtB,CAAC,CAAC"}

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

@@ -1,2 +0,0 @@
-export * from "./SpsTag";
-export * from "./SpsTag.examples";

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

@@ -1,3 +0,0 @@
-export * from "./SpsTag";
-export * from "./SpsTag.examples";
-//# sourceMappingURL=index.js.map

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

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

package/dist/out-tsc/task-queue/SpsTaskQueue.d.ts

@@ -1,36 +0,0 @@
-import * as React from "react";
-import type { SpsIcon, SpsTask } from "@spscommerce/ds-shared";
-import { TooltipKind, Position } from "@spscommerce/ds-shared";
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    tasks: PropTypes.Requireable<ReactSpsTask[]>;
-    taskQueuePosition: PropTypes.Requireable<Position>;
-    notificationText: PropTypes.Requireable<string>;
-    tooltipConfig: PropTypes.Requireable<PropTypes.InferProps<{
-        position: PropTypes.Requireable<Position>;
-        kind: PropTypes.Requireable<TooltipKind>;
-    }>>;
-    onClose: PropTypes.Requireable<() => void>;
-    onOpen: PropTypes.Requireable<() => void>;
-    onClearCompleted: PropTypes.Requireable<() => void>;
-    suppressTooltips: PropTypes.Requireable<boolean>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsTaskQueueProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
-export interface ReactSpsTaskAction {
-    label?: string;
-    caption?: string;
-    icon?: SpsIcon;
-    disabled?: boolean;
-    onClick?: (task: ReactSpsTask) => void;
-}
-export declare type ReactSpsTask = Pick<SpsTask, "heading" | "status" | "unread"> & {
-    id?: string;
-    subheading?: React.ReactNode;
-    actions?: Array<ReactSpsTaskAction | React.ReactElement>;
-};
-export declare function SpsTaskQueue({ tasks, taskQueuePosition, notificationText, tooltipConfig, onOpen, onClose, onClearCompleted, className, "data-testid": testId, unsafelyReplaceClassName, suppressTooltips, ...rest }: SpsTaskQueueProps): JSX.Element;
-export {};

package/dist/out-tsc/task-queue/SpsTaskQueue.examples.d.ts

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

package/dist/out-tsc/task-queue/SpsTaskQueue.examples.js

@@ -1,45 +0,0 @@
-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 SpsTaskQueueExamples = {
-    inProgress: {
-        label: "Task Queue in progress",
-        description: "<p>Info about Task Queue</p>",
-        examples: {
-            inProgress: {
-                react: code(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                function SpsTaskQueueInProgress() {\n                    const [tasks, setTasks] = React.useState([\n                        {\n                            status: SpsTaskStatus.IN_PROGRESS,\n                            unread: false,\n                            heading: \"Downloading 245 transactions\",\n                            subheading: \"processing\u2026\",\n                            actions: [\n                                {\n                                    icon: SpsIcon.X,\n                                    onClick: task => {\n                                        console.log(\"cancel\", task);\n                                    }\n                                }\n                            ]\n                        },\n                        {\n                            status: SpsTaskStatus.COMPLETED,\n                            unread: false,\n                            heading: \"Document Upload - 02/21/2021\",\n                            subheading: \"Lamps Plus | VY1X_Williams Sonoma Iventory Upload Spreadsheet (846).xls\",\n                            actions: [\n                                {\n                                    icon: SpsIcon.X,\n                                    onClick: task => {\n                                        console.log(\"remove\", task);\n                                    }\n                                }\n                            ]\n                        },\n                        {\n                            status: SpsTaskStatus.COMPLETED,\n                            unread: true,\n                            heading: \"Document Download - 02/21/2019\",\n                            subheading: \"245 transactions | Expires in 2 days\",\n                            actions: [\n                                {\n                                    icon: SpsIcon.SEARCH,\n                                    onClick: task => {\n                                        console.log(\"view\", task);\n                                    }\n                                },\n                                {\n                                    icon: SpsIcon.DOWNLOAD_CLOUD,\n                                    onClick: task => {\n                                        console.log(\"download\", task);\n                                    }\n                                }\n                            ]\n                        },\n                        {\n                            status: SpsTaskStatus.ERRORED,\n                            unread: true,\n                            heading: \"Data XREF Test.xls\",\n                            subheading: \"Failed | Reason it failed\u2026\",\n                            actions: [\n                                {\n                                    icon: SpsIcon.REFRESH,\n                                    onClick: task => {\n                                        console.log(\"retry\", task);\n                                    }\n                                }\n                            ]\n                        }\n                    ]);\n\n                    function handleOpen() {\n                        console.log(\"opened\");\n                    }\n\n                    function handleClose() {\n                        console.log(\"closed (we mark all tasks as read)\");\n                        setTasks(currentTasks => currentTasks.map(task => ({ ...task, unread: false })));\n                    }\n\n                    function handleClearCompleted() {\n                        setTasks(currentTasks =>\n                            currentTasks.filter(task => task.status === SpsTaskStatus.IN_PROGRESS)\n                        );\n                    }\n\n                    return (\n                        <SpsTaskQueue\n                            tasks={tasks}\n                            onOpen={handleOpen}\n                            onClose={handleClose}\n                            onClearCompleted={handleClearCompleted}\n                        />\n                    );\n                }\n                "], ["\n                function SpsTaskQueueInProgress() {\n                    const [tasks, setTasks] = React.useState([\n                        {\n                            status: SpsTaskStatus.IN_PROGRESS,\n                            unread: false,\n                            heading: \"Downloading 245 transactions\",\n                            subheading: \"processing\u2026\",\n                            actions: [\n                                {\n                                    icon: SpsIcon.X,\n                                    onClick: task => {\n                                        console.log(\"cancel\", task);\n                                    }\n                                }\n                            ]\n                        },\n                        {\n                            status: SpsTaskStatus.COMPLETED,\n                            unread: false,\n                            heading: \"Document Upload - 02/21/2021\",\n                            subheading: \"Lamps Plus | VY1X_Williams Sonoma Iventory Upload Spreadsheet (846).xls\",\n                            actions: [\n                                {\n                                    icon: SpsIcon.X,\n                                    onClick: task => {\n                                        console.log(\"remove\", task);\n                                    }\n                                }\n                            ]\n                        },\n                        {\n                            status: SpsTaskStatus.COMPLETED,\n                            unread: true,\n                            heading: \"Document Download - 02/21/2019\",\n                            subheading: \"245 transactions | Expires in 2 days\",\n                            actions: [\n                                {\n                                    icon: SpsIcon.SEARCH,\n                                    onClick: task => {\n                                        console.log(\"view\", task);\n                                    }\n                                },\n                                {\n                                    icon: SpsIcon.DOWNLOAD_CLOUD,\n                                    onClick: task => {\n                                        console.log(\"download\", task);\n                                    }\n                                }\n                            ]\n                        },\n                        {\n                            status: SpsTaskStatus.ERRORED,\n                            unread: true,\n                            heading: \"Data XREF Test.xls\",\n                            subheading: \"Failed | Reason it failed\u2026\",\n                            actions: [\n                                {\n                                    icon: SpsIcon.REFRESH,\n                                    onClick: task => {\n                                        console.log(\"retry\", task);\n                                    }\n                                }\n                            ]\n                        }\n                    ]);\n\n                    function handleOpen() {\n                        console.log(\"opened\");\n                    }\n\n                    function handleClose() {\n                        console.log(\"closed (we mark all tasks as read)\");\n                        setTasks(currentTasks => currentTasks.map(task => ({ ...task, unread: false })));\n                    }\n\n                    function handleClearCompleted() {\n                        setTasks(currentTasks =>\n                            currentTasks.filter(task => task.status === SpsTaskStatus.IN_PROGRESS)\n                        );\n                    }\n\n                    return (\n                        <SpsTaskQueue\n                            tasks={tasks}\n                            onOpen={handleOpen}\n                            onClose={handleClose}\n                            onClearCompleted={handleClearCompleted}\n                        />\n                    );\n                }\n                "]))),
-            },
-        },
-    },
-    noPendingTasks: {
-        label: "No Task in progress",
-        description: "<p>Info about Task Queue</p>",
-        examples: {
-            noPendingTasks: {
-                react: code(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n                function SpsTaskQueueNoTasksInProgress() {\n                    const view = {\n                        icon: SpsIcon.SEARCH,\n                        onClick: task => {\n                            console.log(\"view\", task);\n                        }\n                    };\n\n                    const download = {\n                        icon: SpsIcon.DOWNLOAD_CLOUD,\n                        onClick: task => {\n                            console.log(\"download\", task);\n                        }\n                    };\n\n                    const retry = {\n                        icon: SpsIcon.REFRESH,\n                        onClick: task => {\n                            console.log(\"retry\", task);\n                        }\n                    };\n\n                    const [tasks, setTasks] = React.useState([\n                        {\n                            status: SpsTaskStatus.COMPLETED,\n                            unread: true,\n                            heading: \"Document Download - 02/21/2019\",\n                            subheading: \"245 transactions | Expires in 2 days\",\n                            actions: [view, download]\n                        },\n                        {\n                            status: SpsTaskStatus.ERRORED,\n                            unread: true,\n                            heading: \"Data XREF Test.xls\",\n                            subheading: \"Failed | Reason it failed\u2026\",\n                            actions: [retry]\n                        },\n                        {\n                            status: SpsTaskStatus.COMPLETED,\n                            unread: true,\n                            heading: \"Document Download - 02/20/2019\",\n                            subheading: \"240 transactions | Expires in 2 days\",\n                            actions: [view, download]\n                        },\n                        {\n                            status: SpsTaskStatus.COMPLETED,\n                            unread: true,\n                            heading: \"Document Download - 02/20/2019\",\n                            subheading: \"195 transactions | Expires in 2 days\",\n                            actions: [view, download]\n                        },\n                        {\n                            status: SpsTaskStatus.COMPLETED,\n                            unread: true,\n                            heading: \"Document Download - 02/19/2019\",\n                            subheading: \"225 transactions | Expires in 2 days\",\n                            actions: [view, download]\n                        },\n                        {\n                            status: SpsTaskStatus.COMPLETED,\n                            unread: true,\n                            heading: \"Document Download - 02/19/2019\",\n                            subheading: \"222 transactions | Expires in 2 days\",\n                            actions: [view, download]\n                        },\n                        {\n                            status: SpsTaskStatus.COMPLETED,\n                            unread: true,\n                            heading: \"Document Download - 02/19/2019\",\n                            subheading: \"245 transactions | Expires in 2 days\",\n                            actions: [view, download]\n                        }\n                    ]);\n\n                    function handleOpen() {\n                        console.log(\"opened\");\n                    }\n\n                    function handleClose() {\n                        console.log(\"closed (we mark all tasks as read)\");\n                        setTasks(currentTasks => currentTasks.map(task => ({ ...task, unread: false })));\n                    }\n\n                    function handleClearCompleted() {\n                        console.log(\"clearing non pending tasks\");\n                        setTasks(currentTasks =>\n                            currentTasks.filter(task => task.status === SpsTaskStatus.IN_PROGRESS)\n                        );\n                    }\n\n                    return (\n                        <SpsTaskQueue\n                            tasks={tasks}\n                            onOpen={handleOpen}\n                            onClose={handleClose}\n                            onClearCompleted={handleClearCompleted}\n                        />\n                    );\n                }\n                "], ["\n                function SpsTaskQueueNoTasksInProgress() {\n                    const view = {\n                        icon: SpsIcon.SEARCH,\n                        onClick: task => {\n                            console.log(\"view\", task);\n                        }\n                    };\n\n                    const download = {\n                        icon: SpsIcon.DOWNLOAD_CLOUD,\n                        onClick: task => {\n                            console.log(\"download\", task);\n                        }\n                    };\n\n                    const retry = {\n                        icon: SpsIcon.REFRESH,\n                        onClick: task => {\n                            console.log(\"retry\", task);\n                        }\n                    };\n\n                    const [tasks, setTasks] = React.useState([\n                        {\n                            status: SpsTaskStatus.COMPLETED,\n                            unread: true,\n                            heading: \"Document Download - 02/21/2019\",\n                            subheading: \"245 transactions | Expires in 2 days\",\n                            actions: [view, download]\n                        },\n                        {\n                            status: SpsTaskStatus.ERRORED,\n                            unread: true,\n                            heading: \"Data XREF Test.xls\",\n                            subheading: \"Failed | Reason it failed\u2026\",\n                            actions: [retry]\n                        },\n                        {\n                            status: SpsTaskStatus.COMPLETED,\n                            unread: true,\n                            heading: \"Document Download - 02/20/2019\",\n                            subheading: \"240 transactions | Expires in 2 days\",\n                            actions: [view, download]\n                        },\n                        {\n                            status: SpsTaskStatus.COMPLETED,\n                            unread: true,\n                            heading: \"Document Download - 02/20/2019\",\n                            subheading: \"195 transactions | Expires in 2 days\",\n                            actions: [view, download]\n                        },\n                        {\n                            status: SpsTaskStatus.COMPLETED,\n                            unread: true,\n                            heading: \"Document Download - 02/19/2019\",\n                            subheading: \"225 transactions | Expires in 2 days\",\n                            actions: [view, download]\n                        },\n                        {\n                            status: SpsTaskStatus.COMPLETED,\n                            unread: true,\n                            heading: \"Document Download - 02/19/2019\",\n                            subheading: \"222 transactions | Expires in 2 days\",\n                            actions: [view, download]\n                        },\n                        {\n                            status: SpsTaskStatus.COMPLETED,\n                            unread: true,\n                            heading: \"Document Download - 02/19/2019\",\n                            subheading: \"245 transactions | Expires in 2 days\",\n                            actions: [view, download]\n                        }\n                    ]);\n\n                    function handleOpen() {\n                        console.log(\"opened\");\n                    }\n\n                    function handleClose() {\n                        console.log(\"closed (we mark all tasks as read)\");\n                        setTasks(currentTasks => currentTasks.map(task => ({ ...task, unread: false })));\n                    }\n\n                    function handleClearCompleted() {\n                        console.log(\"clearing non pending tasks\");\n                        setTasks(currentTasks =>\n                            currentTasks.filter(task => task.status === SpsTaskStatus.IN_PROGRESS)\n                        );\n                    }\n\n                    return (\n                        <SpsTaskQueue\n                            tasks={tasks}\n                            onOpen={handleOpen}\n                            onClose={handleClose}\n                            onClearCompleted={handleClearCompleted}\n                        />\n                    );\n                }\n                "]))),
-            },
-        },
-    },
-    noTasks: {
-        label: "No Tasks",
-        description: "<p>Info about Task Queue</p>",
-        examples: {
-            noTasks: {
-                react: code(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n                    function SpsTaskQueueNoTasks() {\n                        return (\n                            <SpsTaskQueue tasks={[]} />\n                        );\n                    }\n                "], ["\n                    function SpsTaskQueueNoTasks() {\n                        return (\n                            <SpsTaskQueue tasks={[]} />\n                        );\n                    }\n                "]))),
-            },
-        },
-    },
-    taskQueueNotifications: {
-        label: "Task Queue Notifications",
-        description: "<p>Info about Task Queue</p>",
-        examples: {
-            taskQueueNotifications: {
-                react: code(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n                    function SpsTaskQueueNotifications() {\n                        const generateTaskId = React.useMemo(() => {\n                            let i = 2;\n                            return () => String(++i);\n                        }, []);\n\n                        const removeAction = {\n                            icon: SpsIcon.X,\n                            onClick: task => {\n                                setTasks(currentTasks => currentTasks.filter(t => t.id !== task.id));\n                            }\n                        };\n\n                        const [tasks, setTasks] = React.useState([\n                            {\n                                id: \"1\",\n                                status: SpsTaskStatus.COMPLETED,\n                                unread: false,\n                                heading: \"Task 1\",\n                                actions: [removeAction]\n                            },\n                            {\n                                id: \"2\",\n                                status: SpsTaskStatus.ERRORED,\n                                unread: true,\n                                heading: \"Task 2\",\n                                actions: [removeAction]\n                            }\n                        ]);\n\n                        const form = useForm(\n                            formGroup({\n                                blueTooltip: formControl(false)\n                            })\n                        );\n\n                        function handleAddTask() {\n                            const newTaskId = generateTaskId();\n\n                            setTasks(currentTasks => [\n                                ...currentTasks,\n                                {\n                                    id: newTaskId,\n                                    status: SpsTaskStatus.IN_PROGRESS,\n                                    unread: true,\n                                    heading: `Task ${newTaskId}`,\n                                    actions: [removeAction]\n                                }\n                            ]);\n                        }\n\n                        function handleClearCompleted() {\n                            setTasks(currentTasks =>\n                                currentTasks.filter(task => task.status === SpsTaskStatus.IN_PROGRESS)\n                            );\n                        }\n\n                        function handleClose() {\n                            setTasks(currentTasks => currentTasks.map(task => ({ ...task, unread: false })));\n                        }\n\n                        const isTooltipBlue = form.get(\"blueTooltip\").getValue();\n                        const tooltipKind = isTooltipBlue ? TooltipKind.HELP : TooltipKind.DEFAULT;\n                        const notificationText = isTooltipBlue\n                            ? \"There is a new task in your queue. Also the tooltip is blue now :O\"\n                            : undefined;\n\n                        return (\n                            <div style={{ display: \"flex\", justifyContent: \"space-between\" }}>\n                                <div>\n                                    <SpsCheckbox label=\"Blue Tooltip\" formControl={form.get(\"blueTooltip\")} />\n                                    <SpsButton onClick={handleAddTask}>Add a new task to the queue</SpsButton>\n                                </div>\n\n                                <SpsTaskQueue\n                                    tasks={tasks}\n                                    notificationText={notificationText}\n                                    tooltipConfig={{ kind: tooltipKind }}\n                                    onClose={handleClose}\n                                    onClearCompleted={handleClearCompleted}\n                                />\n                            </div>\n                        );\n                    }\n                "], ["\n                    function SpsTaskQueueNotifications() {\n                        const generateTaskId = React.useMemo(() => {\n                            let i = 2;\n                            return () => String(++i);\n                        }, []);\n\n                        const removeAction = {\n                            icon: SpsIcon.X,\n                            onClick: task => {\n                                setTasks(currentTasks => currentTasks.filter(t => t.id !== task.id));\n                            }\n                        };\n\n                        const [tasks, setTasks] = React.useState([\n                            {\n                                id: \"1\",\n                                status: SpsTaskStatus.COMPLETED,\n                                unread: false,\n                                heading: \"Task 1\",\n                                actions: [removeAction]\n                            },\n                            {\n                                id: \"2\",\n                                status: SpsTaskStatus.ERRORED,\n                                unread: true,\n                                heading: \"Task 2\",\n                                actions: [removeAction]\n                            }\n                        ]);\n\n                        const form = useForm(\n                            formGroup({\n                                blueTooltip: formControl(false)\n                            })\n                        );\n\n                        function handleAddTask() {\n                            const newTaskId = generateTaskId();\n\n                            setTasks(currentTasks => [\n                                ...currentTasks,\n                                {\n                                    id: newTaskId,\n                                    status: SpsTaskStatus.IN_PROGRESS,\n                                    unread: true,\n                                    heading: \\`Task \\${newTaskId}\\`,\n                                    actions: [removeAction]\n                                }\n                            ]);\n                        }\n\n                        function handleClearCompleted() {\n                            setTasks(currentTasks =>\n                                currentTasks.filter(task => task.status === SpsTaskStatus.IN_PROGRESS)\n                            );\n                        }\n\n                        function handleClose() {\n                            setTasks(currentTasks => currentTasks.map(task => ({ ...task, unread: false })));\n                        }\n\n                        const isTooltipBlue = form.get(\"blueTooltip\").getValue();\n                        const tooltipKind = isTooltipBlue ? TooltipKind.HELP : TooltipKind.DEFAULT;\n                        const notificationText = isTooltipBlue\n                            ? \"There is a new task in your queue. Also the tooltip is blue now :O\"\n                            : undefined;\n\n                        return (\n                            <div style={{ display: \"flex\", justifyContent: \"space-between\" }}>\n                                <div>\n                                    <SpsCheckbox label=\"Blue Tooltip\" formControl={form.get(\"blueTooltip\")} />\n                                    <SpsButton onClick={handleAddTask}>Add a new task to the queue</SpsButton>\n                                </div>\n\n                                <SpsTaskQueue\n                                    tasks={tasks}\n                                    notificationText={notificationText}\n                                    tooltipConfig={{ kind: tooltipKind }}\n                                    onClose={handleClose}\n                                    onClearCompleted={handleClearCompleted}\n                                />\n                            </div>\n                        );\n                    }\n                "]))),
-            },
-        },
-    },
-};
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
-//# sourceMappingURL=SpsTaskQueue.examples.js.map

package/dist/out-tsc/task-queue/SpsTaskQueue.examples.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SpsTaskQueue.examples.js","sourceRoot":"","sources":["../../../src/task-queue/SpsTaskQueue.examples.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAG1C,MAAM,CAAC,IAAM,oBAAoB,GAAoB;IACnD,UAAU,EAAE;QACV,KAAK,EAAE,wBAAwB;QAC/B,WAAW,EAAE,8BAA8B;QAC3C,QAAQ,EAAE;YACR,UAAU,EAAE;gBACV,KAAK,EAAE,IAAI,mpIAAA,glIA2FF,IAAA;aACV;SACF;KACF;IACD,cAAc,EAAE;QACd,KAAK,EAAE,qBAAqB;QAC5B,WAAW,EAAE,8BAA8B;QAC3C,QAAQ,EAAE;YACR,cAAc,EAAE;gBACd,KAAK,EAAE,IAAI,0/IAAA,u7IAoGF,IAAA;aACV;SACF;KACF;IACD,OAAO,EAAE;QACP,KAAK,EAAE,UAAU;QACjB,WAAW,EAAE,8BAA8B;QAC3C,QAAQ,EAAE;YACR,OAAO,EAAE;gBACP,KAAK,EAAE,IAAI,2RAAA,wNAMF,IAAA;aACV;SACF;KACF;IACD,sBAAsB,EAAE;QACtB,KAAK,EAAE,0BAA0B;QACjC,WAAW,EAAE,8BAA8B;QAC3C,QAAQ,EAAE;YACR,sBAAsB,EAAE;gBACtB,KAAK,EAAE,IAAI,mgIAAA,s8HAqFF,IAAA;aACV;SACF;KACF;CACF,CAAC"}