@spscommerce/ds-react 5.20.0 → 5.20.3-ie

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

@@ -0,0 +1,89 @@
+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";
+import { SpsTableHead, SpsThead } from "./SpsTableHead";
+import { usePinnedTableBackgroundStyle, usePinnedTableHeadStyle } from "./usePinnedStyles";
+var propsDoc = {
+    sort: "SortedColumn",
+    onSortChange: "SortChangeHandler",
+    selectable: "boolean",
+};
+var propTypes = __assign(__assign({}, PropTypes.spsGlobalPropTypes), { onSortChange: PropTypes.fun(), sort: PropTypes.arrayOf(PropTypes.impl()), selectable: PropTypes.bool });
+export function SpsTable(props) {
+    var children = props.children, className = props.className, onSortChange = props.onSortChange, sort = props.sort, testId = props["data-testid"], unsafelyReplaceClassName = props.unsafelyReplaceClassName, rest = __rest(props, ["children", "className", "onSortChange", "sort", "data-testid", "unsafelyReplaceClassName"]);
+    var _a = __read(React.useState(sort), 2), currentSort = _a[0], setSort = _a[1];
+    var updateSortingDisplay = function (newSort) {
+        var sortedColumn = newSort && newSort[0];
+        React.Children.map(children, function (child) { return React.Children.map(child.props.children, function (c) { return React.Children.map(c.props.children, function (c2) {
+            var _a, _b;
+            if (sortedColumn
+                && (((_a = c2 === null || c2 === void 0 ? void 0 : c2.props) === null || _a === void 0 ? void 0 : _a.sortKey) && ((_b = c2 === null || c2 === void 0 ? void 0 : c2.props) === null || _b === void 0 ? void 0 : _b.sortKey) === sortedColumn.key)) {
+                setSort([sortedColumn]);
+            }
+        }); }); });
+    };
+    var sortChange = function (newSort) {
+        setSort(newSort);
+        onSortChange(newSort);
+        updateSortingDisplay(newSort);
+    };
+    var newProps = {
+        onSortChange: sortChange,
+        currentSort: currentSort,
+    };
+    var classes = clsx(unsafelyReplaceClassName || "sps-table-container", className);
+    var containerRef = React.useRef(null);
+    usePinnedTableBackgroundStyle(containerRef);
+    usePinnedTableHeadStyle(containerRef);
+    return (React.createElement("div", { ref: containerRef, className: classes },
+        React.createElement("table", __assign({ className: "sps-table", role: "table", "data-testid": "" + testId }, rest), React.Children.map(children, function (child) {
+            if (child.type === SpsTableHead || child.type === SpsThead) {
+                return React.cloneElement(child, newProps);
+            }
+            return child;
+        }))));
+}
+Object.assign(SpsTable, {
+    props: propsDoc,
+    propTypes: propTypes,
+    displayName: "SpsTable",
+});
+//# sourceMappingURL=SpsTable.js.map

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

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

package/dist/out-tsc/table/SpsTableBody.d.ts

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SpsTableBody.js","sourceRoot":"","sources":["../../../src/table/SpsTableBody.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,SAAS,MAAM,eAAe,CAAC;AAE3C,IAAM,QAAQ,GAAG,EAAE,CAAC;AAEpB,IAAM,SAAS,gBACV,SAAS,CAAC,kBAAkB,CAChC,CAAC;AAIF,MAAM,UAAU,YAAY,CAAC,KAAwB;IAEjD,IAAA,QAAQ,GAKN,KAAK,SALC,EACR,SAAS,GAIP,KAAK,UAJE,EACM,MAAM,GAGnB,KAAK,eAHc,EACrB,wBAAwB,GAEtB,KAAK,yBAFiB,EACrB,IAAI,UACL,KAAK,EANH,oEAML,CADQ,CACC;IAEV,IAAM,OAAO,GAAG,IAAI,CAClB,wBAAwB,IAAI,iBAAiB,EAC7C,SAAS,CACV,CAAC;IAEF,OAAO,CACL,wCACE,SAAS,EAAE,OAAO,iBACF,MAAM,WAAQ,IAC1B,IAAI,GAEP,QAAQ,CACH,CACT,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE;IAC1B,KAAK,EAAE,QAAQ;IACf,SAAS,WAAA;IACT,WAAW,EAAE,cAAc;CAC5B,CAAC,CAAC;AAEH,MAAM,UAAU,QAAQ,CAAC,KAAwB;IAC/C,OAAO,oBAAC,YAAY,eAAK,KAAK,EAAG,CAAC;AACpC,CAAC;AAED,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;IACtB,KAAK,EAAE,QAAQ;IACf,SAAS,WAAA;IACT,WAAW,EAAE,UAAU;CACxB,CAAC,CAAC"}

package/dist/out-tsc/table/SpsTableCell.d.ts

@@ -0,0 +1,15 @@
+import * as PropTypes from "../prop-types";
+declare const propTypes: {
+    buttonCell: PropTypes.Requireable<boolean>;
+    controlCell: PropTypes.Requireable<boolean>;
+    wrap: PropTypes.Requireable<number>;
+    pinned: PropTypes.Requireable<boolean>;
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsTableCellProps = PropTypes.InferTS<typeof propTypes, HTMLTableCellElement>;
+export declare function SpsTableCell(props: SpsTableCellProps): JSX.Element;
+export declare function SpsTd(props: SpsTableCellProps): JSX.Element;
+export {};

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

@@ -0,0 +1,57 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import clsx from "clsx";
+import * as React from "react";
+import * as PropTypes from "../prop-types";
+import { usePinnedCellStyle } from "./usePinnedStyles";
+var propsDoc = {
+    buttonCell: "boolean",
+    controlCell: "boolean",
+    wrap: "SpsTableCellWrapWidth",
+};
+var propTypes = __assign(__assign({}, PropTypes.spsGlobalPropTypes), { buttonCell: PropTypes.bool, controlCell: PropTypes.bool, wrap: PropTypes.oneOf([200,
+        300,
+        400,
+        500,
+        600]), pinned: PropTypes.bool });
+export function SpsTableCell(props) {
+    var buttonCell = props.buttonCell, children = props.children, className = props.className, controlCell = props.controlCell, testId = props["data-testid"], unsafelyReplaceClassName = props.unsafelyReplaceClassName, wrap = props.wrap, pinned = props.pinned, rest = __rest(props, ["buttonCell", "children", "className", "controlCell", "data-testid", "unsafelyReplaceClassName", "wrap", "pinned"]);
+    var classes = clsx(unsafelyReplaceClassName || "sps-table__cell", buttonCell && "sps-table__cell--button-cell", controlCell && "sps-table__cell--control", wrap && "sps-table__cell--text-wrap-" + wrap, pinned && "sps-table__cell--pinned", className);
+    var tableCellRef = React.useRef(null);
+    usePinnedCellStyle(pinned, tableCellRef);
+    return (React.createElement("td", __assign({ className: classes, ref: tableCellRef, role: "cell", "data-testid": testId + "__cell" }, rest), children));
+}
+Object.assign(SpsTableCell, {
+    props: propsDoc,
+    propTypes: propTypes,
+    displayName: "SpsTableCell",
+});
+export function SpsTd(props) {
+    return React.createElement(SpsTableCell, __assign({}, props));
+}
+Object.assign(SpsTd, {
+    props: propsDoc,
+    propTypes: propTypes,
+    displayName: "SpsTd",
+});
+//# sourceMappingURL=SpsTableCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SpsTableCell.js","sourceRoot":"","sources":["../../../src/table/SpsTableCell.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,SAAS,MAAM,eAAe,CAAC;AAE3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAEvD,IAAM,QAAQ,GAAG;IACf,UAAU,EAAE,SAAS;IACrB,WAAW,EAAE,SAAS;IACtB,IAAI,EAAE,uBAAuB;CAC9B,CAAC;AAEF,IAAM,SAAS,yBACV,SAAS,CAAC,kBAAkB,KAC/B,UAAU,EAAE,SAAS,CAAC,IAAI,EAC1B,WAAW,EAAE,SAAS,CAAC,IAAI,EAC3B,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,GAAG;QACxB,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG,CAAC,CAAC,EACP,MAAM,EAAE,SAAS,CAAC,IAAI,GACvB,CAAC;AAIF,MAAM,UAAU,YAAY,CAAC,KAAwB;IAEjD,IAAA,UAAU,GASR,KAAK,WATG,EACV,QAAQ,GAQN,KAAK,SARC,EACR,SAAS,GAOP,KAAK,UAPE,EACT,WAAW,GAMT,KAAK,YANI,EACI,MAAM,GAKnB,KAAK,eALc,EACrB,wBAAwB,GAItB,KAAK,yBAJiB,EACxB,IAAI,GAGF,KAAK,KAHH,EACJ,MAAM,GAEJ,KAAK,OAFD,EACH,IAAI,UACL,KAAK,EAVH,mHAUL,CADQ,CACC;IAEV,IAAM,OAAO,GAAG,IAAI,CAClB,wBAAwB,IAAI,iBAAiB,EAC7C,UAAU,IAAI,8BAA8B,EAC5C,WAAW,IAAI,0BAA0B,EACzC,IAAI,IAAI,gCAA8B,IAAM,EAC5C,MAAM,IAAI,yBAAyB,EACnC,SAAS,CACV,CAAC;IAEF,IAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAA2B,IAAI,CAAC,CAAC;IAClE,kBAAkB,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IAEzC,OAAO,CACL,qCACE,SAAS,EAAE,OAAO,EAClB,GAAG,EAAE,YAAY,EACjB,IAAI,EAAC,MAAM,iBACK,MAAM,WAAQ,IAC1B,IAAI,GAEP,QAAQ,CACN,CACN,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE;IAC1B,KAAK,EAAE,QAAQ;IACf,SAAS,WAAA;IACT,WAAW,EAAE,cAAc;CAC5B,CAAC,CAAC;AAEH,MAAM,UAAU,KAAK,CAAC,KAAwB;IAC5C,OAAO,oBAAC,YAAY,eAAK,KAAK,EAAG,CAAC;AACpC,CAAC;AAED,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE;IACnB,KAAK,EAAE,QAAQ;IACf,SAAS,WAAA;IACT,WAAW,EAAE,OAAO;CACrB,CAAC,CAAC"}

package/dist/out-tsc/table/SpsTableHead.d.ts

@@ -0,0 +1,15 @@
+import type { SortChangeHandler, SortedColumn } from "@spscommerce/ds-shared";
+import * as PropTypes from "../prop-types";
+declare const propTypes: {
+    onSortChange: PropTypes.Requireable<SortChangeHandler>;
+    currentSort: PropTypes.Requireable<SortedColumn[]>;
+    pinned: PropTypes.Requireable<boolean>;
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsTableHeadProps = PropTypes.InferTS<typeof propTypes, HTMLTableSectionElement>;
+export declare function SpsTableHead(props: SpsTableHeadProps): JSX.Element;
+export declare function SpsThead(props: SpsTableHeadProps): JSX.Element;
+export {};

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

@@ -0,0 +1,59 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import clsx from "clsx";
+import * as React from "react";
+import * as PropTypes from "../prop-types";
+import { SpsTableRow, SpsTr } from "./SpsTableRow";
+var propsDoc = {
+    currentSort: "Array<SortedColumn>",
+    onSortChange: "SortChangeHandler",
+};
+var propTypes = __assign(__assign({}, PropTypes.spsGlobalPropTypes), { onSortChange: PropTypes.fun(), currentSort: PropTypes.arrayOf(PropTypes.impl()), pinned: PropTypes.bool });
+export function SpsTableHead(props) {
+    var children = props.children, className = props.className, currentSort = props.currentSort, onSortChange = props.onSortChange, testId = props["data-testid"], unsafelyReplaceClassName = props.unsafelyReplaceClassName, pinned = props.pinned, rest = __rest(props, ["children", "className", "currentSort", "onSortChange", "data-testid", "unsafelyReplaceClassName", "pinned"]);
+    var newProps = {
+        onSortChange: onSortChange,
+        currentSort: currentSort,
+    };
+    var classes = clsx(unsafelyReplaceClassName || "sps-table__head", pinned && "sps-table__head--pinned", className);
+    return (React.createElement("thead", __assign({ className: classes, "data-testid": testId + "__head" }, rest), React.Children.map(children, function (child) {
+        if (child && (child.type === SpsTableRow || child.type === SpsTr)) {
+            return React.cloneElement(child, newProps);
+        }
+        return child;
+    })));
+}
+Object.assign(SpsTableHead, {
+    props: propsDoc,
+    propTypes: propTypes,
+    displayName: "SpsTableHead",
+});
+export function SpsThead(props) {
+    return React.createElement(SpsTableHead, __assign({}, props));
+}
+Object.assign(SpsThead, {
+    props: propsDoc,
+    propTypes: propTypes,
+    displayName: "SpsThead",
+});
+//# sourceMappingURL=SpsTableHead.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SpsTableHead.js","sourceRoot":"","sources":["../../../src/table/SpsTableHead.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,SAAS,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEnD,IAAM,QAAQ,GAAG;IACf,WAAW,EAAE,qBAAqB;IAClC,YAAY,EAAE,mBAAmB;CAClC,CAAC;AAEF,IAAM,SAAS,yBACV,SAAS,CAAC,kBAAkB,KAC/B,YAAY,EAAE,SAAS,CAAC,GAAG,EAAqB,EAChD,WAAW,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAgB,CAAC,EAC9D,MAAM,EAAE,SAAS,CAAC,IAAI,GACvB,CAAC;AAIF,MAAM,UAAU,YAAY,CAAC,KAAwB;IAEjD,IAAA,QAAQ,GAQN,KAAK,SARC,EACR,SAAS,GAOP,KAAK,UAPE,EACT,WAAW,GAMT,KAAK,YANI,EACX,YAAY,GAKV,KAAK,aALK,EACG,MAAM,GAInB,KAAK,eAJc,EACrB,wBAAwB,GAGtB,KAAK,yBAHiB,EACxB,MAAM,GAEJ,KAAK,OAFD,EACH,IAAI,UACL,KAAK,EATH,6GASL,CADQ,CACC;IAEV,IAAM,QAAQ,GAAG;QACf,YAAY,cAAA;QACZ,WAAW,aAAA;KACZ,CAAC;IAEF,IAAM,OAAO,GAAG,IAAI,CAClB,wBAAwB,IAAI,iBAAiB,EAC7C,MAAM,IAAI,yBAAyB,EACnC,SAAS,CACV,CAAC;IAEF,OAAO,CACL,wCAAO,SAAS,EAAE,OAAO,iBAAkB,MAAM,WAAQ,IAAM,IAAI,GAChE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAU;QACvC,IAAI,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,WAAW,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,EAAE;YACjE,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;SAC5C;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC,CACI,CACT,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE;IAC1B,KAAK,EAAE,QAAQ;IACf,SAAS,WAAA;IACT,WAAW,EAAE,cAAc;CAC5B,CAAC,CAAC;AAEH,MAAM,UAAU,QAAQ,CAAC,KAAwB;IAC/C,OAAO,oBAAC,YAAY,eAAK,KAAK,EAAG,CAAC;AACpC,CAAC;AAED,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;IACtB,KAAK,EAAE,QAAQ;IACf,SAAS,WAAA;IACT,WAAW,EAAE,UAAU;CACxB,CAAC,CAAC"}

package/dist/out-tsc/table/SpsTableHeader.d.ts

@@ -0,0 +1,17 @@
+import type { SortChangeHandler, SortedColumn } from "@spscommerce/ds-shared";
+import * as PropTypes from "../prop-types";
+declare const propTypes: {
+    controlCell: PropTypes.Requireable<boolean>;
+    currentSort: PropTypes.Requireable<SortedColumn[]>;
+    onSortChange: PropTypes.Requireable<SortChangeHandler>;
+    sortKey: PropTypes.Requireable<string>;
+    pinned: PropTypes.Requireable<boolean>;
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsTableHeaderProps = PropTypes.InferTS<typeof propTypes, HTMLTableHeaderCellElement>;
+export declare function SpsTableHeader(props: SpsTableHeaderProps): JSX.Element;
+export declare function SpsTh(props: SpsTableHeaderProps): JSX.Element;
+export {};

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

@@ -0,0 +1,91 @@
+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 { SortDirection } from "@spscommerce/ds-shared";
+import clsx from "clsx";
+import * as React from "react";
+import * as PropTypes from "../prop-types";
+import { usePinnedCellStyle } from "./usePinnedStyles";
+var propsDoc = {
+    controlCell: "boolean",
+    currentSort: "Array<SortedColumn>",
+    onSortChange: "SortChangeHandler",
+    sortKey: "string",
+};
+var propTypes = __assign(__assign({}, PropTypes.spsGlobalPropTypes), { controlCell: PropTypes.bool, currentSort: PropTypes.arrayOf(PropTypes.impl()), onSortChange: PropTypes.fun(), sortKey: PropTypes.string, pinned: PropTypes.bool });
+export function SpsTableHeader(props) {
+    var children = props.children, className = props.className, controlCell = props.controlCell, currentSort = props.currentSort, onSortChange = props.onSortChange, sortKey = props.sortKey, testId = props["data-testid"], unsafelyReplaceClassName = props.unsafelyReplaceClassName, pinned = props.pinned, rest = __rest(props, ["children", "className", "controlCell", "currentSort", "onSortChange", "sortKey", "data-testid", "unsafelyReplaceClassName", "pinned"]);
+    var _a = __read(React.useState(), 2), sort = _a[0], setSort = _a[1];
+    React.useEffect(function () {
+        setSort(currentSort && currentSort[0].key === sortKey ? currentSort[0].direction : undefined);
+    }, [currentSort]);
+    var flipSort = function () {
+        if (sortKey && !controlCell) {
+            var curSort = sort === SortDirection.ASCENDING
+                ? SortDirection.DESCENDING
+                : SortDirection.ASCENDING;
+            setSort(curSort);
+            onSortChange([{ key: sortKey, direction: curSort }]);
+        }
+    };
+    var handleKeyEvent = function (event) {
+        if (event.key === "Enter" || event.key === " " || event.key === "Spacebar") {
+            event.preventDefault();
+            flipSort();
+        }
+    };
+    var classes = clsx(unsafelyReplaceClassName || "sps-table__header", controlCell && "sps-table__header--control", !sortKey && "sps-table__header--sort-disabled", sort === SortDirection.ASCENDING && "sps-table__header--sorted-asc", sort === SortDirection.DESCENDING && "sps-table__header--sorted-desc", pinned && "sps-table__cell--pinned", className);
+    var tableHeaderRef = React.useRef(null);
+    usePinnedCellStyle(pinned, tableHeaderRef);
+    return (React.createElement("th", __assign({ className: classes, ref: tableHeaderRef, role: "columnheader", "aria-sort": sort || "none", "data-testid": testId + "__header" }, rest),
+        React.createElement("span", { className: "sps-table__header-cell-body", "data-testid": testId + "__header-cell-body", onClick: flipSort, tabIndex: sortKey ? 0 : null, onKeyDown: handleKeyEvent }, children)));
+}
+Object.assign(SpsTableHeader, {
+    props: propsDoc,
+    propTypes: propTypes,
+    displayName: "SpsTableHeader",
+});
+export function SpsTh(props) {
+    return React.createElement(SpsTableHeader, __assign({}, props));
+}
+Object.assign(SpsTh, {
+    props: propsDoc,
+    propTypes: propTypes,
+    displayName: "SpsTh",
+});
+//# sourceMappingURL=SpsTableHeader.js.map

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

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

package/dist/out-tsc/table/SpsTableRow.d.ts

@@ -0,0 +1,14 @@
+import type { SortChangeHandler, SortedColumn } from "@spscommerce/ds-shared";
+import * as PropTypes from "../prop-types";
+declare const propTypes: {
+    currentSort: PropTypes.Requireable<SortedColumn[]>;
+    onSortChange: PropTypes.Requireable<SortChangeHandler>;
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsTableRowProps = PropTypes.InferTS<typeof propTypes, HTMLTableRowElement>;
+export declare function SpsTableRow(props: SpsTableRowProps): JSX.Element;
+export declare function SpsTr(props: SpsTableRowProps): JSX.Element;
+export {};

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

@@ -0,0 +1,59 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import clsx from "clsx";
+import * as React from "react";
+import * as PropTypes from "../prop-types";
+import { SpsTableHeader, SpsTh } from "./SpsTableHeader";
+var propsDoc = {
+    currentSort: "Array<SortedColumn>",
+    onSortChange: "SortChangeHandler",
+};
+var propTypes = __assign(__assign({}, PropTypes.spsGlobalPropTypes), { currentSort: PropTypes.arrayOf(PropTypes.impl()), onSortChange: PropTypes.fun() });
+export function SpsTableRow(props) {
+    var children = props.children, className = props.className, currentSort = props.currentSort, onSortChange = props.onSortChange, testId = props["data-testid"], unsafelyReplaceClassName = props.unsafelyReplaceClassName, rest = __rest(props, ["children", "className", "currentSort", "onSortChange", "data-testid", "unsafelyReplaceClassName"]);
+    var newProps = {
+        onSortChange: onSortChange,
+        currentSort: currentSort,
+    };
+    var classes = clsx(unsafelyReplaceClassName || "sps-table__row", className);
+    return (React.createElement("tr", __assign({ className: classes, role: "row", "data-testid": testId + "__row" }, rest), React.Children.map(children, function (child) {
+        if (child && (child.type === SpsTableHeader || child.type === SpsTh)) {
+            return React.cloneElement(child, newProps);
+        }
+        return child;
+    })));
+}
+Object.assign(SpsTableRow, {
+    props: propsDoc,
+    propTypes: propTypes,
+    displayName: "SpsTableRow",
+});
+export function SpsTr(props) {
+    return React.createElement(SpsTableRow, __assign({}, props));
+}
+Object.assign(SpsTr, {
+    props: propsDoc,
+    propTypes: propTypes,
+    displayName: "SpsTr",
+});
+//# sourceMappingURL=SpsTableRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SpsTableRow.js","sourceRoot":"","sources":["../../../src/table/SpsTableRow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,SAAS,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzD,IAAM,QAAQ,GAAG;IACf,WAAW,EAAE,qBAAqB;IAClC,YAAY,EAAE,mBAAmB;CAClC,CAAC;AAEF,IAAM,SAAS,yBACV,SAAS,CAAC,kBAAkB,KAC/B,WAAW,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAgB,CAAC,EAC9D,YAAY,EAAE,SAAS,CAAC,GAAG,EAAqB,GACjD,CAAC;AAIF,MAAM,UAAU,WAAW,CAAC,KAAuB;IAE/C,IAAA,QAAQ,GAON,KAAK,SAPC,EACR,SAAS,GAMP,KAAK,UANE,EACT,WAAW,GAKT,KAAK,YALI,EACX,YAAY,GAIV,KAAK,aAJK,EACG,MAAM,GAGnB,KAAK,eAHc,EACrB,wBAAwB,GAEtB,KAAK,yBAFiB,EACrB,IAAI,UACL,KAAK,EARH,mGAQL,CADQ,CACC;IAEV,IAAM,QAAQ,GAAG;QACf,YAAY,cAAA;QACZ,WAAW,aAAA;KACZ,CAAC;IACF,IAAM,OAAO,GAAG,IAAI,CAAC,wBAAwB,IAAI,gBAAgB,EAAE,SAAS,CAAC,CAAC;IAE9E,OAAO,CACL,qCAAI,SAAS,EAAE,OAAO,EAAE,IAAI,EAAC,KAAK,iBAAiB,MAAM,UAAO,IAAM,IAAI,GACvE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAU;QACvC,IAAI,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,cAAc,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,EAAE;YACpE,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;SAC5C;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC,CACC,CACN,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE;IACzB,KAAK,EAAE,QAAQ;IACf,SAAS,WAAA;IACT,WAAW,EAAE,aAAa;CAC3B,CAAC,CAAC;AAEH,MAAM,UAAU,KAAK,CAAC,KAAuB;IAC3C,OAAO,oBAAC,WAAW,eAAK,KAAK,EAAG,CAAC;AACnC,CAAC;AAED,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE;IACnB,KAAK,EAAE,QAAQ;IACf,SAAS,WAAA;IACT,WAAW,EAAE,OAAO;CACrB,CAAC,CAAC"}

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

@@ -0,0 +1,7 @@
+export * from "./SpsTable";
+export * from "./SpsTableHeader";
+export * from "./SpsTableHead";
+export * from "./SpsTableRow";
+export * from "./SpsTableBody";
+export * from "./SpsTableCell";
+export * from "./SpsTable.examples";

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

@@ -0,0 +1,8 @@
+export * from "./SpsTable";
+export * from "./SpsTableHeader";
+export * from "./SpsTableHead";
+export * from "./SpsTableRow";
+export * from "./SpsTableBody";
+export * from "./SpsTableCell";
+export * from "./SpsTable.examples";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/table/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC"}

package/dist/out-tsc/table/usePinnedStyles.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+export declare const usePinnedCellStyle: (isPinned: boolean, elementRef: React.MutableRefObject<HTMLTableHeaderCellElement | HTMLTableCellElement>) => void;
+export declare const usePinnedTableBackgroundStyle: (containerRef: React.MutableRefObject<HTMLDivElement>) => void;
+export declare const usePinnedTableHeadStyle: (containerRef: React.MutableRefObject<HTMLDivElement>) => void;