@spscommerce/ds-react 5.33.12 → 6.1.0

package/lib/modal/SpsModal.d.ts

@@ -1,25 +1,18 @@
+import { ModalKind, ModalSize } from "@spscommerce/ds-shared";
 import * as React from "react";
 import * as PropTypes from "../prop-types";
-import { SpsModalHeader } from "./SpsModalHeader";
-import { SpsModalOverlay } from "./SpsModalOverlay";
-import { SpsModalBody } from "./SpsModalBody";
-import { SpsModalFooter } from "./SpsModalFooter";
-import { SpsModalAction } from "./SpsModalAction";
 declare const propTypes: {
-    kind: PropTypes.Requireable<string>;
-    id: PropTypes.Requireable<string>;
-    isOpen: PropTypes.Requireable<boolean>;
-    header: PropTypes.Requireable<string | (() => string)>;
-    onClose: PropTypes.Requireable<(...args: any[]) => any>;
-    onOpen: PropTypes.Requireable<(...args: any[]) => any>;
-    size: PropTypes.Requireable<string>;
-    backdrop: PropTypes.Requireable<string>;
-    actionRequired: PropTypes.Requireable<boolean>;
+    kind: PropTypes.Requireable<ModalKind>;
+    size: PropTypes.Requireable<ModalSize>;
+    title: PropTypes.Requireable<string>;
+    onClose: PropTypes.Requireable<() => void>;
+    focusElementOnOpen: PropTypes.Requireable<React.MutableRefObject<HTMLElement>>;
     children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     className: PropTypes.Requireable<string>;
     "data-testid": PropTypes.Requireable<string>;
     unsafelyReplaceClassName: PropTypes.Requireable<string>;
 };
 export declare type SpsModalProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
-declare function SpsModal(modalProps: SpsModalProps): React.ReactPortal;
-export { SpsModal, SpsModalHeader, SpsModalOverlay, SpsModalBody, SpsModalFooter, SpsModalAction, };
+export declare function SpsModalFooter({ children }: SpsModalProps): JSX.Element;
+export declare function SpsModal({ children, className, id: idProp, kind, size, onClose, focusElementOnOpen, title, ...rest }: SpsModalProps): JSX.Element;
+export {};

package/lib/table/SpsTable.d.ts

@@ -1,4 +1,4 @@
-import type { SortChangeHandler, SortedColumn } from "@spscommerce/ds-shared";
+import type { SortChangeHandler, SortedColumn, ResizeState, ResizeStateChangeHandler } from "@spscommerce/ds-shared";
 import * as PropTypes from "../prop-types";
 declare const propTypes: {
     onSortChange: PropTypes.Requireable<SortChangeHandler>;
@@ -6,11 +6,14 @@ declare const propTypes: {
     selectable: PropTypes.Requireable<boolean>;
     maxHeightPx: PropTypes.Requireable<number>;
     maxHeightRem: PropTypes.Requireable<number>;
+    resizeable: PropTypes.Requireable<boolean>;
+    resizeState: PropTypes.Requireable<ResizeState>;
+    onResizeStateChange: PropTypes.Requireable<ResizeStateChangeHandler>;
     children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     className: PropTypes.Requireable<string>;
     "data-testid": PropTypes.Requireable<string>;
     unsafelyReplaceClassName: PropTypes.Requireable<string>;
 };
 export declare type SpsTableProps = PropTypes.InferTS<typeof propTypes, HTMLTableElement>;
-export declare function SpsTable(props: SpsTableProps): JSX.Element;
+export declare function SpsTable({ children, className, onSortChange, sort, "data-testid": testId, unsafelyReplaceClassName, maxHeightPx, maxHeightRem, resizeable, resizeState, onResizeStateChange, ...rest }: SpsTableProps): JSX.Element;
 export {};

package/lib/table/SpsTableContext.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import type { SortChangeHandler, SortedColumn, ResizeState, ResizeStateChangeHandler } from "@spscommerce/ds-shared";
+interface SpsTableContextValue {
+    resizeable: boolean;
+    resizeState: ResizeState;
+    setResizeState: ResizeStateChangeHandler;
+    setSingleResizeState: (resizeKey: string, columnWidth: number | null) => void;
+    sort: SortedColumn[];
+    setSort: SortChangeHandler;
+}
+declare const SpsTableContext: React.Context<SpsTableContextValue>;
+interface SpsTableContextProviderProps {
+    resizeable?: boolean;
+    sort?: SortedColumn[];
+    onSortChange?: SortChangeHandler;
+    resizeState?: ResizeState;
+    onResizeStateChange?: ResizeStateChangeHandler;
+}
+declare const SpsTableContextProvider: React.FC<SpsTableContextProviderProps>;
+export { SpsTableContext, SpsTableContextProvider };

package/lib/table/SpsTableHead.d.ts

@@ -1,8 +1,5 @@
-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>;
@@ -10,6 +7,6 @@ declare const propTypes: {
     unsafelyReplaceClassName: PropTypes.Requireable<string>;
 };
 export declare type SpsTableHeadProps = PropTypes.InferTS<typeof propTypes, HTMLTableSectionElement>;
-export declare function SpsTableHead(props: SpsTableHeadProps): JSX.Element;
+export declare function SpsTableHead({ children, className, "data-testid": testId, unsafelyReplaceClassName, pinned, ...rest }: SpsTableHeadProps): JSX.Element;
 export declare function SpsThead(props: SpsTableHeadProps): JSX.Element;
 export {};

package/lib/table/SpsTableHeader.d.ts

@@ -1,17 +1,15 @@
-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>;
+    resizeKey: 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 type SpsTableHeaderProps = PropTypes.InferTS<typeof propTypes, HTMLTableCellElement>;
+export declare function SpsTableHeader({ children, className, controlCell, sortKey, resizeKey, "data-testid": testId, unsafelyReplaceClassName, pinned, ...rest }: SpsTableHeaderProps): JSX.Element;
 export declare function SpsTh(props: SpsTableHeaderProps): JSX.Element;
 export {};

package/lib/table/SpsTableRow.d.ts

@@ -1,14 +1,11 @@
-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 SpsTableRow({ children, className, "data-testid": testId, unsafelyReplaceClassName, ...rest }: SpsTableRowProps): JSX.Element;
 export declare function SpsTr(props: SpsTableRowProps): JSX.Element;
 export {};

package/lib/table/index.d.ts

@@ -5,3 +5,4 @@ export * from "./SpsTableRow";
 export * from "./SpsTableBody";
 export * from "./SpsTableCell";
 export * from "./SpsTable.examples";
+export * from "./useColumnResizer";

package/lib/table/useColumnResizer.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+export declare const useColumnResizer: ({ tableHeaderRef, resizerRef, resizeKey, }: {
+    tableHeaderRef: React.MutableRefObject<HTMLTableCellElement>;
+    resizerRef: React.MutableRefObject<HTMLSpanElement>;
+    resizeKey: string;
+}) => {
+    isResizeable: boolean;
+};

package/lib/table/usePinnedStyles.d.ts

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

package/lib/toggle/SpsToggle.d.ts

@@ -4,15 +4,11 @@ import type { SpsFormFieldMeta } from "../form/hooks/useSpsForm";
 import * as PropTypes from "../prop-types";
 declare const propTypes: {
     active: PropTypes.Requireable<boolean>;
-    activeDescription: PropTypes.Deprecated<string>;
-    activeLabel: PropTypes.Deprecated<string>;
     description: PropTypes.Requireable<string>;
     disabled: PropTypes.Requireable<boolean>;
     formControl: PropTypes.Requireable<SpsFormControl<boolean>>;
     formMeta: PropTypes.Requireable<SpsFormFieldMeta<boolean>>;
     id: PropTypes.Requireable<string>;
-    inactiveDescription: PropTypes.Deprecated<string>;
-    inactiveLabel: PropTypes.Deprecated<string>;
     label: PropTypes.Requireable<string>;
     large: PropTypes.Requireable<boolean>;
     onChange: PropTypes.Requireable<(isActive: boolean) => void>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spscommerce/ds-react",
   "description": "SPS Design System React components",
-  "version": "5.33.12",
+  "version": "6.1.0",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/ds-react",
@@ -28,11 +28,11 @@
   },
   "peerDependencies": {
     "@react-stately/collections": "^3.3.3",
-    "@spscommerce/ds-colors": "5.33.12",
-    "@spscommerce/ds-illustrations": "5.33.12",
-    "@spscommerce/ds-shared": "5.33.12",
-    "@spscommerce/positioning": "5.33.12",
-    "@spscommerce/utils": "5.33.12",
+    "@spscommerce/ds-colors": "6.1.0",
+    "@spscommerce/ds-illustrations": "6.1.0",
+    "@spscommerce/ds-shared": "6.1.0",
+    "@spscommerce/positioning": "6.1.0",
+    "@spscommerce/utils": "6.1.0",
     "moment": "^2.25.3",
     "moment-timezone": "^0.5.28",
     "react": "^16.9.0",
@@ -40,11 +40,11 @@
   },
   "devDependencies": {
     "@react-stately/collections": "^3.3.3",
-    "@spscommerce/ds-colors": "5.33.12",
-    "@spscommerce/ds-illustrations": "5.33.12",
-    "@spscommerce/ds-shared": "5.33.12",
-    "@spscommerce/positioning": "5.33.12",
-    "@spscommerce/utils": "5.33.12",
+    "@spscommerce/ds-colors": "6.1.0",
+    "@spscommerce/ds-illustrations": "6.1.0",
+    "@spscommerce/ds-shared": "6.1.0",
+    "@spscommerce/positioning": "6.1.0",
+    "@spscommerce/utils": "6.1.0",
     "@testing-library/react": "^9.3.2",
     "@types/prop-types": "^15.7.1",
     "@types/react": "^16.9.0",

package/lib/datepicker-v2/SpsDateRangePickerV2.d.ts

@@ -1,21 +0,0 @@
-import type { SimpleDate, SimpleDateRange, DatePreset } from "@spscommerce/ds-shared";
-import * as PropTypes from "../prop-types";
-import type { SpsFormFieldMeta } from "../form/hooks/useSpsForm";
-declare const propTypes: {
-    disabled: PropTypes.Requireable<boolean>;
-    formMeta: PropTypes.Requireable<SpsFormFieldMeta<SimpleDateRange | DatePreset>>;
-    maxDate: PropTypes.Requireable<SimpleDate>;
-    minDate: PropTypes.Requireable<SimpleDate>;
-    onChange: PropTypes.Requireable<(newDateRange: SimpleDateRange | DatePreset) => void>;
-    presets: PropTypes.Requireable<DatePreset[]>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsDateRangePickerV2Props = {
-    value?: SimpleDateRange | DatePreset;
-} & Omit<PropTypes.InferTS<typeof propTypes, HTMLInputElement>, "value">;
-export declare const DEFAULT_PRESETS: DatePreset[];
-export declare function SpsDateRangePickerV2({ children, className, disabled, formMeta, id, maxDate, minDate, onChange, presets, value, "data-testid": testId, ...rest }: SpsDateRangePickerV2Props): JSX.Element;
-export {};

package/lib/datepicker-v2/SpsDatepickerV2.d.ts

@@ -1,18 +0,0 @@
-import type { SimpleDate } from "@spscommerce/ds-shared";
-import * as PropTypes from "../prop-types";
-import type { SpsFormFieldMeta } from "../form/hooks/useSpsForm";
-declare const propTypes: {
-    disabled: PropTypes.Requireable<boolean>;
-    formMeta: PropTypes.Requireable<SpsFormFieldMeta<SimpleDate>>;
-    maxDate: PropTypes.Requireable<SimpleDate>;
-    minDate: PropTypes.Requireable<SimpleDate>;
-    onChange: PropTypes.Requireable<(newDate: SimpleDate) => void>;
-    value: PropTypes.Requireable<SimpleDate>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsDatepickerV2Props = PropTypes.InferTS<typeof propTypes, HTMLInputElement>;
-export declare function SpsDatepickerV2({ children, className, disabled, formMeta, id, maxDate, minDate, onChange, value, "data-testid": testId, ...rest }: SpsDatepickerV2Props): JSX.Element;
-export {};

package/lib/datepicker-v2/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./SpsDatepickerV2";
-export * from "./SpsDateRangePickerV2";
-export { SimpleDateUtils } from "./utils";
-export * from "./validation";

package/lib/modal/SpsModalAction.d.ts

@@ -1,18 +0,0 @@
-import { ButtonKind } from "@spscommerce/ds-shared";
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    kind: PropTypes.Requireable<ButtonKind>;
-    closeModal: PropTypes.Requireable<() => void>;
-    handleAsync: PropTypes.Requireable<PropTypes.InferProps<{
-        turnAsyncOn: PropTypes.Requireable<(...args: any[]) => any>;
-        turnAsyncOff: PropTypes.Requireable<(...args: any[]) => any>;
-        isAsyncOn: PropTypes.Requireable<boolean>;
-    }>>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsModalActionProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
-export declare function SpsModalAction(props: SpsModalActionProps): JSX.Element;
-export {};

package/lib/modal/SpsModalBody.d.ts

@@ -1,10 +0,0 @@
-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 SpsModalBodyProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
-export declare function SpsModalBody(props: SpsModalBodyProps): JSX.Element;
-export {};

package/lib/modal/SpsModalFooter.d.ts

@@ -1,16 +0,0 @@
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    handleAsync: PropTypes.Requireable<PropTypes.InferProps<{
-        turnAsyncOn: PropTypes.Requireable<(...args: any[]) => any>;
-        turnAsyncOff: PropTypes.Requireable<(...args: any[]) => any>;
-        isAsyncOn: PropTypes.Requireable<boolean>;
-    }>>;
-    closeModal: PropTypes.Requireable<(...args: any[]) => any>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsModalFooterProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
-export declare function SpsModalFooter(props: SpsModalFooterProps): JSX.Element;
-export {};

package/lib/modal/SpsModalHeader.d.ts

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

package/lib/modal/SpsModalOverlay.d.ts

@@ -1,12 +0,0 @@
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    onOverlayClick: PropTypes.Requireable<(...args: any[]) => any>;
-    backdrop: PropTypes.Requireable<string>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsModalOverlayProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
-export declare function SpsModalOverlay(props: SpsModalOverlayProps): JSX.Element;
-export {};

package/lib/modal-v2/SpsModalV2.d.ts

@@ -1,18 +0,0 @@
-import { ModalKind, ModalSize } from "@spscommerce/ds-shared";
-import * as React from "react";
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    kind: PropTypes.Requireable<ModalKind>;
-    size: PropTypes.Requireable<ModalSize>;
-    title: PropTypes.Requireable<string>;
-    onClose: PropTypes.Requireable<() => void>;
-    focusElementOnOpen: PropTypes.Requireable<React.MutableRefObject<HTMLElement>>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsModalV2Props = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
-export declare function SpsModalV2Footer({ children }: SpsModalV2Props): JSX.Element;
-export declare function SpsModalV2({ children, className, id: idProp, kind, size, onClose, focusElementOnOpen, title, ...rest }: SpsModalV2Props): JSX.Element;
-export {};

package/lib/modal-v2/index.d.ts

@@ -1 +0,0 @@
-export * from "./SpsModalV2";