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

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;

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

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

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

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

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

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