@spscommerce/ds-react 5.20.2 → 5.20.3-ie

package/dist/out-tsc/list-toolbar/SpsListToolbar.js

@@ -0,0 +1,175 @@
+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 { ButtonKind, TagKind } from "@spscommerce/ds-shared";
+import { lockToAnimationFrames } from "@spscommerce/utils";
+import clsx from "clsx";
+import * as React from "react";
+import { SpsButton } from "../button/SpsButton";
+import * as PropTypes from "../prop-types";
+import { SpsTabs } from "../tabs/SpsTabs";
+import { SpsTag } from "../tag/SpsTag";
+import { selectChildren } from "../utils/selectChildren";
+import { I18nContext } from "../i18n";
+import { PortalContext } from "../utils";
+import { SpsCheckbox } from "../checkbox";
+import { SpsSearchResultsBarV2 } from "../search-results-bar";
+import { SpsListToolbarSearch } from "./SpsListToolbarSearch";
+import { SpsListToolbarSearchInfo } from "./SpsListToolbarSearchInfo";
+var propsDoc = {
+    activeTab: "SpsTab",
+    advancedSearch: "{ isOpen: boolean, enteredFields: number }",
+    onToggleAdvancedSearch: "(boolean) => void",
+    onTabChange: "(SpsTab) => void",
+    title: "string",
+    tabs: "Array<SpsTab>",
+    onToolbarPinned: "(boolean) => void",
+    selectable: "boolean",
+    isSelected: "boolean",
+    isIndeterminate: "boolean",
+    onSelectionChange: "(boolean) => void",
+    pinResultsBar: "boolean",
+    pinToolbar: "boolean",
+};
+var propTypes = __assign(__assign({}, PropTypes.spsGlobalPropTypes), { activeTab: PropTypes.impl(), advancedSearch: PropTypes.shape({
+        isOpen: PropTypes.bool,
+        enteredFields: PropTypes.number,
+    }), onToggleAdvancedSearch: PropTypes.fun(), onTabChange: PropTypes.fun(), title: PropTypes.string, tabs: PropTypes.arrayOf(PropTypes.impl()), onToolbarPinned: PropTypes.fun(), selectable: PropTypes.bool, isSelected: PropTypes.bool, isIndeterminate: PropTypes.bool, onSelectionChange: PropTypes.fun(), pinResultsBar: PropTypes.bool, pinToolbar: PropTypes.bool });
+export function SpsListToolbar(props) {
+    var activeTab = props.activeTab, advancedSearch = props.advancedSearch, children = props.children, className = props.className, onToggleAdvancedSearch = props.onToggleAdvancedSearch, onTabChange = props.onTabChange, tabs = props.tabs, title = props.title, unsafelyReplaceClassName = props.unsafelyReplaceClassName, onToolbarPinned = props.onToolbarPinned, selectable = props.selectable, isSelected = props.isSelected, isIndeterminate = props.isIndeterminate, onSelectionChange = props.onSelectionChange, pinResultsBar = props.pinResultsBar, _a = props.pinToolbar, pinToolbar = _a === void 0 ? true : _a, testId = props["data-testid"], rest = __rest(props, ["activeTab", "advancedSearch", "children", "className", "onToggleAdvancedSearch", "onTabChange", "tabs", "title", "unsafelyReplaceClassName", "onToolbarPinned", "selectable", "isSelected", "isIndeterminate", "onSelectionChange", "pinResultsBar", "pinToolbar", "data-testid"]);
+    var t = React.useContext(I18nContext).t;
+    var unpinScrollY = null;
+    var _b = __read(React.useState(false), 2), isPinned = _b[0], setIsPinned = _b[1];
+    var rootElement = React.useRef();
+    var wrapperElement = React.useRef();
+    var onScroll = lockToAnimationFrames(function () {
+        if (rootElement.current) {
+            var rect = rootElement.current.getBoundingClientRect();
+            if (rect && rect.height > 0 && rect.top <= 60) {
+                if (typeof unpinScrollY === "number") {
+                    if (window.scrollY < unpinScrollY) {
+                        unpinScrollY = null;
+                        setIsPinned(false);
+                    }
+                }
+                else {
+                    unpinScrollY = window.scrollY;
+                    setIsPinned(true);
+                    if (onToggleAdvancedSearch) {
+                        onToggleAdvancedSearch(false);
+                    }
+                }
+            }
+        }
+    });
+    React.useEffect(function () {
+        window.addEventListener("scroll", onScroll);
+        return function () {
+            window.removeEventListener("scroll", onScroll);
+        };
+    }, []);
+    var unpinnedStyles = React.useRef(null);
+    React.useLayoutEffect(function () {
+        if (isPinned && unpinnedStyles.current) {
+            wrapperElement.current.style.height = unpinnedStyles.current.height;
+            wrapperElement.current.style.width = unpinnedStyles.current.width;
+            wrapperElement.current.style.marginBottom = unpinnedStyles.current.marginBottom;
+        }
+        else if (!isPinned) {
+            wrapperElement.current.style.height = null;
+            wrapperElement.current.style.width = null;
+            wrapperElement.current.style.marginBottom = null;
+            var rootComputedStyles = window.getComputedStyle(rootElement.current);
+            unpinnedStyles.current = {
+                height: rootComputedStyles.height,
+                width: rootComputedStyles.width,
+                marginBottom: rootComputedStyles.marginBottom,
+            };
+        }
+    }, [isPinned]);
+    function handleTabChange(tab) {
+        if (onTabChange) {
+            onTabChange(tab);
+        }
+    }
+    function toggleAdvancedSearch() {
+        if (onToggleAdvancedSearch) {
+            onToggleAdvancedSearch(!advancedSearch.isOpen);
+        }
+    }
+    function emitToolbarPinned(status) {
+        if (onToolbarPinned) {
+            onToolbarPinned(status);
+        }
+    }
+    React.useEffect(function () {
+        emitToolbarPinned(isPinned);
+    }, [isPinned]);
+    var classes = clsx(unsafelyReplaceClassName || "sps-list-toolbar", isPinned && pinToolbar && "sps-list-toolbar--pinned", isPinned && pinToolbar && "z-stratum-toolbar", advancedSearch && advancedSearch.isOpen && "sps-list-toolbar--advanced-search-open", className);
+    var _c = __read(selectChildren(children, [
+        { type: SpsListToolbarSearch },
+        { type: SpsListToolbarSearchInfo },
+        { type: SpsSearchResultsBarV2 },
+    ]), 4), listToolbarSearch = _c[0], listToolbarSearchInfo = _c[1], searchResultsBar = _c[2], otherChildren = _c[3];
+    return (React.createElement("div", { className: "sps-list-toolbar__wrapper", ref: wrapperElement },
+        React.createElement("div", __assign({ className: classes, "data-testid": testId, ref: rootElement }, rest),
+            React.createElement("div", { className: "sps-list-toolbar__content" },
+                !!selectable && (React.createElement("div", { className: "sps-list-toolbar__selection-controls" },
+                    React.createElement(SpsCheckbox, { checked: isSelected, indeterminate: isIndeterminate, onChange: function () {
+                            onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(!isSelected);
+                        } }))),
+                tabs && (React.createElement(SpsTabs, { tabs: tabs, onTabChange: handleTabChange, activeTab: activeTab, "data-testid": testId + "__tabs" })),
+                React.createElement("div", { className: "sps-list-toolbar__search-controls" },
+                    !title && listToolbarSearch,
+                    !title && listToolbarSearchInfo,
+                    listToolbarSearch.length > 0 && advancedSearch && (React.createElement("div", { className: "sps-list-toolbar__advanced-search-toggle", "data-testid": testId + "__advanced-search" },
+                        React.createElement("div", { className: "sps-list-toolbar__advanced-search-toggle-button-wrapper" },
+                            React.createElement(SpsButton, { kind: ButtonKind.LINK, onClick: toggleAdvancedSearch }, t("design-system:listToolbar.advancedSearchToggle"))),
+                        advancedSearch.enteredFields > 0 && (React.createElement(SpsTag, { kind: TagKind.INFO },
+                            React.createElement("span", null, advancedSearch.enteredFields))))),
+                    title && (React.createElement("div", { "data-testid": testId + "-title", className: "sps-list-toolbar__advanced-search-title" }, title))),
+                isPinned ? (React.createElement("div", { className: "sps-list-toolbar__header-content" },
+                    React.createElement(PortalContext.Provider, { value: { fixed: true } }, otherChildren))) : (React.createElement("div", { className: "sps-list-toolbar__header-content" }, otherChildren))),
+            React.createElement("div", null, (!isPinned || (isPinned && pinResultsBar)) && searchResultsBar))));
+}
+Object.assign(SpsListToolbar, {
+    props: propsDoc,
+    propTypes: propTypes,
+    displayName: "SpsListToolbar",
+});
+//# sourceMappingURL=SpsListToolbar.js.map

package/dist/out-tsc/list-toolbar/SpsListToolbar.js.map

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

package/dist/out-tsc/list-toolbar/SpsListToolbarSearch.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import * as PropTypes from "../prop-types";
+declare const propTypes: {
+    onSubmit: PropTypes.Requireable<React.FormEventHandler<Element>>;
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsListToolbarSearchProps = PropTypes.InferTS<typeof propTypes, HTMLElement>;
+export declare function SpsListToolbarSearch(props: SpsListToolbarSearchProps): JSX.Element;
+export {};

package/dist/out-tsc/list-toolbar/SpsListToolbarSearch.js

@@ -0,0 +1,35 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import * as React from "react";
+import { SpsInputGroup } from "../input-group/SpsInputGroup";
+import * as PropTypes from "../prop-types";
+var propsDoc = {
+    onSubmit: "FormEventHandler",
+};
+var propTypes = __assign(__assign({}, PropTypes.spsGlobalPropTypes), { onSubmit: PropTypes.fun() });
+export function SpsListToolbarSearch(props) {
+    var children = props.children, onSubmit = props.onSubmit;
+    function handleSubmit(event) {
+        event.preventDefault();
+        if (onSubmit) {
+            onSubmit(event);
+        }
+    }
+    return (React.createElement("form", { onSubmit: handleSubmit, className: "sps-list-toolbar__search-form", noValidate: true },
+        React.createElement(SpsInputGroup, { className: "sps-list-toolbar__search-field" }, children)));
+}
+Object.assign(SpsListToolbarSearch, {
+    props: propsDoc,
+    propTypes: propTypes,
+    displayName: "SpsListToolbarSearch",
+});
+//# sourceMappingURL=SpsListToolbarSearch.js.map

package/dist/out-tsc/list-toolbar/SpsListToolbarSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpsListToolbarSearch.js","sourceRoot":"","sources":["../../../src/list-toolbar/SpsListToolbarSearch.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,KAAK,SAAS,MAAM,eAAe,CAAC;AAE3C,IAAM,QAAQ,GAAG;IACf,QAAQ,EAAE,kBAAkB;CAC7B,CAAC;AAEF,IAAM,SAAS,yBACV,SAAS,CAAC,kBAAkB,KAC/B,QAAQ,EAAE,SAAS,CAAC,GAAG,EAA0B,GAClD,CAAC;AAIF,MAAM,UAAU,oBAAoB,CAAC,KAAgC;IAEjE,IAAA,QAAQ,GAEN,KAAK,SAFC,EACR,QAAQ,GACN,KAAK,SADC,CACA;IAEV,SAAS,YAAY,CAAC,KAAK;QACzB,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,KAAK,CAAC,CAAC;SACjB;IACH,CAAC;IAED,OAAO,CACL,8BACE,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAC,+BAA+B,EACzC,UAAU;QAEV,oBAAC,aAAa,IAAC,SAAS,EAAC,gCAAgC,IACtD,QAAQ,CACK,CACX,CACR,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,CAAC,oBAAoB,EAAE;IAClC,KAAK,EAAE,QAAQ;IACf,SAAS,WAAA;IACT,WAAW,EAAE,sBAAsB;CACpC,CAAC,CAAC"}

package/dist/out-tsc/list-toolbar/SpsListToolbarSearchInfo.d.ts

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

package/dist/out-tsc/list-toolbar/SpsListToolbarSearchInfo.js

@@ -0,0 +1,25 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import * as React from "react";
+import * as PropTypes from "../prop-types";
+var propsDoc = {};
+var propTypes = __assign({}, PropTypes.spsGlobalPropTypes);
+export function SpsListToolbarSearchInfo(props) {
+    var children = props.children;
+    return (React.createElement("div", null, children));
+}
+Object.assign(SpsListToolbarSearchInfo, {
+    props: propsDoc,
+    propTypes: propTypes,
+    displayName: "SpsListToolbarSearchInfo",
+});
+//# sourceMappingURL=SpsListToolbarSearchInfo.js.map

package/dist/out-tsc/list-toolbar/SpsListToolbarSearchInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpsListToolbarSearchInfo.js","sourceRoot":"","sources":["../../../src/list-toolbar/SpsListToolbarSearchInfo.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,SAAS,MAAM,eAAe,CAAC;AAE3C,IAAM,QAAQ,GAAG,EAAE,CAAC;AAEpB,IAAM,SAAS,gBACV,SAAS,CAAC,kBAAkB,CAChC,CAAC;AAIF,MAAM,UAAU,wBAAwB,CAAC,KAAoC;IAEzE,IAAA,QAAQ,GACN,KAAK,SADC,CACA;IAEV,OAAO,CACL,iCACG,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,CAAC,wBAAwB,EAAE;IACtC,KAAK,EAAE,QAAQ;IACf,SAAS,WAAA;IACT,WAAW,EAAE,0BAA0B;CACxC,CAAC,CAAC"}

package/dist/out-tsc/list-toolbar/SpsListToolbarSortBy.d.ts

@@ -0,0 +1,21 @@
+import type { SortDirection, SpsIcon } from "@spscommerce/ds-shared";
+import * as PropTypes from "../prop-types";
+export interface SortOption {
+    label: string;
+    key: string;
+    direction: SortDirection;
+    icon: SpsIcon;
+}
+declare const propTypes: {
+    options: PropTypes.Requireable<SortOption[]>;
+    activeOption: PropTypes.Requireable<SortOption>;
+    onSortChange: PropTypes.Requireable<(option: SortOption) => void>;
+    defaultOption: PropTypes.Requireable<SortOption>;
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsListToolbarSortByProps = PropTypes.InferTS<typeof propTypes, HTMLElement>;
+export declare function SpsListToolbarSortBy(props: SpsListToolbarSortByProps): JSX.Element;
+export {};

package/dist/out-tsc/list-toolbar/SpsListToolbarSortBy.js

@@ -0,0 +1,35 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import * as React from "react";
+import clsx from "clsx";
+import { SpsDropdown } from "../dropdown";
+import * as PropTypes from "../prop-types";
+var propsDoc = {
+    options: "SortOption[]",
+    activeOption: "SortOption",
+    onSortChange: "(option: SortOption) => void",
+    defaultOption: "SortOption",
+};
+var propTypes = __assign(__assign({}, PropTypes.spsGlobalPropTypes), { options: PropTypes.arrayOf(PropTypes.impl()), activeOption: PropTypes.impl(), onSortChange: PropTypes.fun(), defaultOption: PropTypes.impl() });
+export function SpsListToolbarSortBy(props) {
+    var options = props.options, onSortChange = props.onSortChange, defaultOption = props.defaultOption, activeOption = props.activeOption, className = props.className, unsafelyReplaceClassName = props.unsafelyReplaceClassName;
+    var sortOptions = options
+        .map(function (option) { return ([{ label: option.label, icon: option.icon }, function () { return onSortChange(option); }]); });
+    var classes = clsx(unsafelyReplaceClassName || "sps-list-toolbar-sort-by", className);
+    return (React.createElement(SpsDropdown, { className: classes, icon: (activeOption === null || activeOption === void 0 ? void 0 : activeOption.icon) || (defaultOption === null || defaultOption === void 0 ? void 0 : defaultOption.icon), label: (activeOption === null || activeOption === void 0 ? void 0 : activeOption.label) || (defaultOption === null || defaultOption === void 0 ? void 0 : defaultOption.label), options: sortOptions }));
+}
+Object.assign(SpsListToolbarSortBy, {
+    props: propsDoc,
+    propTypes: propTypes,
+    displayName: "SpsListToolbarSortBy",
+});
+//# sourceMappingURL=SpsListToolbarSortBy.js.map

package/dist/out-tsc/list-toolbar/SpsListToolbarSortBy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpsListToolbarSortBy.js","sourceRoot":"","sources":["../../../src/list-toolbar/SpsListToolbarSortBy.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,KAAK,SAAS,MAAM,eAAe,CAAC;AAS3C,IAAM,QAAQ,GAAG;IACf,OAAO,EAAE,cAAc;IACvB,YAAY,EAAE,YAAY;IAC1B,YAAY,EAAE,8BAA8B;IAC5C,aAAa,EAAE,YAAY;CAC5B,CAAC;AAEF,IAAM,SAAS,yBACV,SAAS,CAAC,kBAAkB,KAC/B,OAAO,EAAE,SAAS,CAAC,OAAO,CAAa,SAAS,CAAC,IAAI,EAAc,CAAC,EACpE,YAAY,EAAE,SAAS,CAAC,IAAI,EAAc,EAC1C,YAAY,EAAE,SAAS,CAAC,GAAG,EAAgC,EAC3D,aAAa,EAAE,SAAS,CAAC,IAAI,EAAc,GAC5C,CAAC;AAIF,MAAM,UAAU,oBAAoB,CAAC,KAAgC;IAEjE,IAAA,OAAO,GAML,KAAK,QANA,EACP,YAAY,GAKV,KAAK,aALK,EACZ,aAAa,GAIX,KAAK,cAJM,EACb,YAAY,GAGV,KAAK,aAHK,EACZ,SAAS,GAEP,KAAK,UAFE,EACT,wBAAwB,GACtB,KAAK,yBADiB,CAChB;IAEV,IAAM,WAAW,GAA+D,OAAO;SACpF,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,CACf,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,EAAE,cAAM,OAAA,YAAY,CAAC,MAAM,CAAC,EAApB,CAAoB,CAAC,CACzE,EAFgB,CAEhB,CAAC,CAAC;IAEL,IAAM,OAAO,GAAG,IAAI,CAClB,wBAAwB,IAAI,0BAA0B,EACtD,SAAS,CACV,CAAC;IAEF,OAAO,CACL,oBAAC,WAAW,IACV,SAAS,EAAE,OAAO,EAClB,IAAI,EAAE,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,MAAI,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,CAAA,EAC/C,KAAK,EAAE,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,MAAI,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,CAAA,EAClD,OAAO,EAAE,WAAW,GACpB,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,CAAC,oBAAoB,EAAE;IAClC,KAAK,EAAE,QAAQ;IACf,SAAS,WAAA;IACT,WAAW,EAAE,sBAAsB;CACpC,CAAC,CAAC"}

package/dist/out-tsc/list-toolbar/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./SpsListToolbar";
+export * from "./SpsListToolbarSearch";
+export * from "./SpsListToolbarSearchInfo";
+export * from "./SpsListToolbarSortBy";
+export * from "./SpsListToolbar.examples";

package/dist/out-tsc/list-toolbar/index.js

@@ -0,0 +1,6 @@
+export * from "./SpsListToolbar";
+export * from "./SpsListToolbarSearch";
+export * from "./SpsListToolbarSearchInfo";
+export * from "./SpsListToolbarSortBy";
+export * from "./SpsListToolbar.examples";
+//# sourceMappingURL=index.js.map

package/dist/out-tsc/list-toolbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/list-toolbar/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC"}

package/dist/out-tsc/manifest.d.ts

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