@spscommerce/ds-react 5.10.3 → 5.10.5-ie.2

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

@@ -0,0 +1,77 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,13 @@
+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

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

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

@@ -0,0 +1,25 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { code } from "@spscommerce/utils";
+export var 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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,47 @@
+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

@@ -0,0 +1 @@
+{"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

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

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

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,36 @@
+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

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

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

@@ -0,0 +1,45 @@
+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

@@ -0,0 +1 @@
+{"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"}

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

@@ -0,0 +1,217 @@
+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 * as React from "react";
+import { SpsTaskStatus, SpsTaskStatusIcons, TASK_QUEUE_NOTIFICATION_DURATION_MS, TooltipKind, TooltipShowTrigger, ButtonKind, Position, } from "@spscommerce/ds-shared";
+import clsx from "clsx";
+import { SpsTooltip, TooltipVisibility } from "../tooltip/SpsTooltip";
+import * as PropTypes from "../prop-types";
+import { I18nContext } from "../i18n";
+import { SpsButton } from "../button/SpsButton";
+import { getPosition } from "../utils/getPosition";
+import { PortalContext, usePortal } from "../utils/usePortal";
+var props = {
+    tasks: "ReactSpsTask[]",
+    taskQueuePosition: "Position",
+    notificationText: "string",
+    tooltipConfig: "{ position: Position, kind: TooltipKind }",
+    onClose: "() => void",
+    onOpen: "() => void",
+    onClearCompleted: "() => void",
+    suppressTooltips: "boolean",
+};
+var propTypes = __assign(__assign({}, PropTypes.spsGlobalPropTypes), { tasks: PropTypes.arrayOf(PropTypes.any), taskQueuePosition: PropTypes.enumValue(Position), notificationText: PropTypes.string, tooltipConfig: PropTypes.shape({
+        position: PropTypes.enumValue(Position),
+        kind: PropTypes.enumValue(TooltipKind),
+    }), onClose: PropTypes.fun(), onOpen: PropTypes.fun(), onClearCompleted: PropTypes.fun(), suppressTooltips: PropTypes.bool });
+export function SpsTaskQueue(_a) {
+    var _b = _a.tasks, tasks = _b === void 0 ? [] : _b, _c = _a.taskQueuePosition, taskQueuePosition = _c === void 0 ? Position.BOTTOM_RIGHT : _c, notificationText = _a.notificationText, _d = _a.tooltipConfig, tooltipConfig = _d === void 0 ? {} : _d, onOpen = _a.onOpen, onClose = _a.onClose, onClearCompleted = _a.onClearCompleted, className = _a.className, testId = _a["data-testid"], unsafelyReplaceClassName = _a.unsafelyReplaceClassName, _e = _a.suppressTooltips, suppressTooltips = _e === void 0 ? false : _e, rest = __rest(_a, ["tasks", "taskQueuePosition", "notificationText", "tooltipConfig", "onOpen", "onClose", "onClearCompleted", "className", "data-testid", "unsafelyReplaceClassName", "suppressTooltips"]);
+    var t = React.useContext(I18nContext).t;
+    var hasTasks = !!tasks.length;
+    var _f = __read(React.useState(false), 2), isOpen = _f[0], setIsOpen = _f[1];
+    var _g = __read(React.useState(hasTasks), 2), showNotification = _g[0], setShowNotification = _g[1];
+    var toggleRef = React.useRef(null);
+    var taskQueueDropdownRef = React.useRef(null);
+    var resizeListener = React.useCallback(function () {
+        setIsOpen(false);
+        if (onClose) {
+            onClose();
+        }
+    }, []);
+    React.useEffect(function () {
+        if (isOpen) {
+            window.addEventListener("resize", resizeListener);
+        }
+        else {
+            window.removeEventListener("resize", resizeListener);
+        }
+    }, [isOpen]);
+    var portal = usePortal("sps-task-queue-portal");
+    var portalContext = React.useContext(PortalContext);
+    var _h = __read(isOpen
+        ? getPosition(taskQueueDropdownRef, toggleRef, taskQueuePosition, __assign({ altPosition: taskQueuePosition }, portalContext))
+        : [{}, false], 1), posStyle = _h[0];
+    var tooltipPosition = tooltipConfig.position || Position.BOTTOM_RIGHT;
+    var tooltipKind = tooltipConfig.kind || TooltipKind.DEFAULT;
+    var unreadTasksCount = tasks.filter(function (task) { return task.unread; }).length;
+    var inProgressTasksCount = tasks.filter(function (task) { return task.status === SpsTaskStatus.IN_PROGRESS; })
+        .length;
+    var hasCompletedTask = tasks.some(function (task) { return (task.status === SpsTaskStatus.COMPLETED || task.status === SpsTaskStatus.ERRORED); });
+    // this gives us a stable reference to the freshest onClose handler
+    var onCloseRef = React.useRef(onClose);
+    onCloseRef.current = onClose;
+    var handleToggle = function () {
+        if (hasTasks && !isOpen) {
+            setIsOpen(true);
+            if (onOpen) {
+                onOpen();
+            }
+        }
+        else if (isOpen) {
+            setIsOpen(false);
+            if (onClose) {
+                onClose();
+            }
+        }
+    };
+    var getTaskIcon = function (task) { return (task.status === SpsTaskStatus.IN_PROGRESS
+        ? SpsTaskStatusIcons[task.status]
+        : "sps-icon sps-icon-" + SpsTaskStatusIcons[task.status]); };
+    // handles closing the task queue automatically if there are no more tasks in it
+    React.useEffect(function () {
+        if (isOpen && !hasTasks) {
+            setIsOpen(false);
+            if (onCloseRef.current) {
+                onCloseRef.current();
+            }
+        }
+    }, [isOpen, hasTasks]);
+    // handles showing notifications when new tasks are added to the queue
+    var notificationTimeout = React.useRef();
+    React.useEffect(function () {
+        if (unreadTasksCount > 0) {
+            setShowNotification(true);
+            if (notificationTimeout.current) {
+                window.clearTimeout(notificationTimeout.current);
+            }
+            notificationTimeout.current = window.setTimeout(function () {
+                notificationTimeout.current = undefined;
+                setShowNotification(false);
+            }, TASK_QUEUE_NOTIFICATION_DURATION_MS);
+        }
+        else {
+            if (notificationTimeout.current) {
+                window.clearTimeout(notificationTimeout.current);
+                notificationTimeout.current = undefined;
+            }
+            setShowNotification(false);
+        }
+    }, [unreadTasksCount]);
+    // handles clicks outside of the task queue component
+    React.useEffect(function () {
+        // handles clicks outside of the task queue
+        var documentClickListener = function () {
+            setIsOpen(function (currentIsOpen) {
+                if (currentIsOpen && onCloseRef.current) {
+                    onCloseRef.current();
+                }
+                return false;
+            });
+        };
+        document.addEventListener("click", documentClickListener);
+        return function () {
+            document.removeEventListener("click", documentClickListener);
+        };
+    }, []);
+    // handles cleanup
+    React.useEffect(function () { return function () {
+        if (notificationTimeout.current) {
+            window.clearTimeout(notificationTimeout.current);
+        }
+    }; }, []);
+    var containerClassNames = clsx(unsafelyReplaceClassName || "sps-task-queue", isOpen && "sps-task-queue--open", isOpen && "z-stratum-dropdown", !hasTasks && "sps-task-queue--no-tasks", className);
+    function renderActionButtons(task) {
+        return task.actions.map(function (action) {
+            if (React.isValidElement(action)) {
+                if (action.type !== SpsButton || action.props.kind !== ButtonKind.ICON) {
+                    throw new Error("Task queue task action must be a config object or an SpsButton of kind ICON");
+                }
+                return action;
+            }
+            return (React.createElement("div", { key: action.icon, className: "sps-button sps-button--icon" },
+                React.createElement("button", { type: "button", title: action.label, disabled: action.disabled, onClick: function () {
+                        if (action.onClick) {
+                            action.onClick(task);
+                        }
+                    } },
+                    action.caption,
+                    action.icon && (React.createElement("i", { className: "sps-icon sps-icon-" + action.icon, "aria-hidden": "true" })))));
+        });
+    }
+    return (React.createElement("div", __assign({ className: containerClassNames, onClick: function (e) {
+            /*
+             * stops click events from propagating outside of the task queue
+             * so that it doesn't close itself when clicking inside of it
+             */
+            e.nativeEvent.stopImmediatePropagation();
+        }, "data-testid": testId }, rest),
+        React.createElement("button", { type: "button", ref: toggleRef, className: "sps-task-queue__button", title: "Task Queue", onClick: handleToggle },
+            !!unreadTasksCount && (React.createElement("span", { className: "sps-tag sps-tag--info" }, unreadTasksCount)),
+            inProgressTasksCount ? (React.createElement("span", { className: "sps-spinner sps-spinner--small" })) : (React.createElement("i", { className: "sps-icon sps-icon-list", "aria-hidden": "true" }))),
+        React.createElement(SpsTooltip, { for: toggleRef, position: tooltipPosition, kind: tooltipKind, showOn: hasTasks ? TooltipShowTrigger.MANUAL : TooltipShowTrigger.MOUSEOVER, isShown: showNotification && !isOpen
+                ? TooltipVisibility.VISIBLE
+                : TooltipVisibility.HIDDEN, hideDelay: TASK_QUEUE_NOTIFICATION_DURATION_MS },
+            !suppressTooltips && showNotification && (notificationText || t("design-system:taskQueue.newTask")),
+            !suppressTooltips && !showNotification && !hasTasks && t("design-system:taskQueue.noTasks")),
+        portal(React.createElement("div", { ref: taskQueueDropdownRef, className: clsx("sps-task-queue__task-list", isOpen && "sps-task-queue__task-list--open", "z-stratum-dropdown"), style: posStyle },
+            React.createElement("div", { className: "sps-task-queue__task-list-tasks" }, tasks.map(function (task, taskIndex) { return (React.createElement("div", { key: taskIndex, className: clsx("sps-task-queue__task", task.unread && "sps-task-queue__task--unread") },
+                React.createElement("i", { className: getTaskIcon(task) }),
+                React.createElement("div", { className: "sps-task-queue__task-description" },
+                    React.createElement("div", { className: "sps-task-queue__task-heading" }, task.heading),
+                    task.subheading && (React.createElement("div", { className: "sps-task-queue__task-subheading", title: task.subheading }, task.subheading))),
+                task.actions && !!task.actions.length && (React.createElement("div", { className: "sps-task-queue__task-actions" }, renderActionButtons(task))))); })),
+            hasCompletedTask && onClearCompleted && (React.createElement("div", { className: "sps-task-queue__footer" },
+                React.createElement("div", { className: "sps-button sps-button--link" },
+                    React.createElement("button", { type: "button", onClick: onClearCompleted }, t("design-system:taskQueue.clearCompleted")))))))));
+}
+Object.assign(SpsTaskQueue, {
+    props: props,
+    propTypes: propTypes,
+    displayName: "SpsTaskQueue",
+});
+//# sourceMappingURL=SpsTaskQueue.js.map

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

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

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

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

package/dist/out-tsc/task-queue/index.js

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

package/dist/out-tsc/task-queue/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/task-queue/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC"}

package/dist/out-tsc/test-util.d.ts

@@ -0,0 +1,2 @@
+export declare function waitATick(): void;
+export declare function wait(delay?: number): Promise<unknown>;