@spscommerce/ds-react 4.10.0 → 4.14.0

package/lib/utils/FauxChangeEvent.d.ts

@@ -1,20 +1,20 @@
-import { ChangeEvent } from 'react';
-export declare class FauxChangeEvent<T> implements ChangeEvent<T> {
-    target: EventTarget & T;
-    constructor(target: EventTarget & T, eventInit?: EventInit);
-    nativeEvent: Event;
-    currentTarget: EventTarget & T;
-    private isPgStoppedInternal;
-    get bubbles(): boolean;
-    get cancelable(): boolean;
-    get defaultPrevented(): boolean;
-    get eventPhase(): number;
-    get isTrusted(): boolean;
-    get timeStamp(): number;
-    get type(): string;
-    preventDefault(): void;
-    isDefaultPrevented(): boolean;
-    stopPropagation(): void;
-    isPropagationStopped(): boolean;
-    persist(): void;
-}
+import type { ChangeEvent } from "react";
+export declare class FauxChangeEvent<T> implements ChangeEvent<T> {
+    target: EventTarget & T;
+    nativeEvent: Event;
+    currentTarget: EventTarget & T;
+    private isPgStoppedInternal;
+    constructor(target: EventTarget & T, eventInit?: EventInit);
+    get bubbles(): boolean;
+    get cancelable(): boolean;
+    get defaultPrevented(): boolean;
+    get eventPhase(): number;
+    get isTrusted(): boolean;
+    get timeStamp(): number;
+    get type(): string;
+    preventDefault(): void;
+    isDefaultPrevented(): boolean;
+    stopPropagation(): void;
+    isPropagationStopped(): boolean;
+    persist(): void;
+}

package/lib/utils/contentOf.d.ts

@@ -1,2 +1,2 @@
-import * as PropTypes from '../prop-types';
-export declare function contentOf(nodeOrRenderFn: PropTypes.ReactNodeOrRenderFn): PropTypes.ReactNodeLike;
+import type * as PropTypes from "../prop-types";
+export declare function contentOf(nodeOrRenderFn: PropTypes.ReactNodeOrRenderFn): PropTypes.ReactNodeLike;

package/lib/utils/getPosition.d.ts

@@ -1,10 +1,11 @@
-import { Position } from '@spscommerce/ds-shared';
-export declare function flipPosition(position: Position): Position;
-export declare function getPosition(subjectRef: React.RefObject<HTMLElement>, targetRef: React.RefObject<HTMLElement>, position: Position, { altPosition, setMinWidth, setWidth, parentElementRef, fixed, offsets, }: {
-    altPosition?: Position;
-    setMinWidth?: boolean;
-    setWidth?: boolean;
-    parentElementRef?: React.RefObject<HTMLElement>;
-    fixed?: boolean;
-    offsets?: [number, number];
-}): [React.CSSProperties, boolean];
+import type { CSSProperties, RefObject } from "react";
+import { Position } from "@spscommerce/ds-shared";
+export declare function flipPosition(position: Position): Position;
+export declare function getPosition(subjectRef: RefObject<HTMLElement>, targetRef: RefObject<HTMLElement>, position: Position, { altPosition, setMinWidth, setWidth, parentElementRef, fixed, offsets, }: {
+    altPosition?: Position;
+    setMinWidth?: boolean;
+    setWidth?: boolean;
+    parentElementRef?: RefObject<HTMLElement>;
+    fixed?: boolean;
+    offsets?: [number, number];
+}): [CSSProperties, boolean];

package/lib/utils/getScrollParent.d.ts

@@ -1 +1 @@
-export declare const getScrollParent: (node: any) => any;
+export declare const getScrollParent: (node: any) => any;

package/lib/utils/index.d.ts

@@ -1,11 +1,11 @@
-export * from './contentOf';
-export * from './FauxChangeEvent';
-export * from './getPosition';
-export * from './selectChildren';
-export * from './useCheckDeprecatedProps';
-export * from './useDidUpdateEffect';
-export * from './useDocumentEventListener';
-export * from './useElementId';
-export * from './useInputPopup';
-export * from './usePatchReducer';
-export * from './usePortal';
+export * from "./contentOf";
+export * from "./FauxChangeEvent";
+export * from "./getPosition";
+export * from "./selectChildren";
+export * from "./useCheckDeprecatedProps";
+export * from "./useDidUpdateEffect";
+export * from "./useDocumentEventListener";
+export * from "./useElementId";
+export * from "./useInputPopup";
+export * from "./usePatchReducer";
+export * from "./usePortal";

package/lib/utils/selectChildren.d.ts

@@ -1,7 +1,5 @@
-export interface ISelectChildrenGroup {
-    type?: any;
-    props?: {
-        [key: string]: any;
-    };
-}
-export declare function selectChildren(children?: any, groups?: Array<ISelectChildrenGroup | Array<ISelectChildrenGroup>>): any[][];
+export interface ISelectChildrenGroup {
+    type?: any;
+    props?: Record<string, any>;
+}
+export declare function selectChildren(children?: any, groups?: Array<ISelectChildrenGroup | ISelectChildrenGroup[]>): any[][];

package/lib/utils/useCheckDeprecatedProps.d.ts

@@ -1,2 +1,2 @@
-import * as PropTypes from '../prop-types';
-export declare function useCheckDeprecatedProps(componentName: string, propsDoc: PropTypes.TypeDoc, props: any): void;
+import type * as PropTypes from "../prop-types";
+export declare function useCheckDeprecatedProps(componentName: string, propsDoc: PropTypes.TypeDoc, props: any): void;

package/lib/utils/useDidUpdateEffect.d.ts

@@ -1,2 +1,2 @@
-import { EffectCallback } from 'react';
-export declare function useDidUpdateEffect(cb: EffectCallback, deps?: any[]): void;
+import type { EffectCallback } from "react";
+export declare function useDidUpdateEffect(cb: EffectCallback, deps?: any[]): void;

package/lib/utils/useDocumentEventListener.d.ts

@@ -1 +1 @@
-export declare function useDocumentEventListener(eventName: string, listenerFactory: Function, deps: Array<any>): void;
+export declare function useDocumentEventListener(eventName: string, listenerFactory: (...args: unknown[]) => EventListenerOrEventListenerObject, deps: unknown[]): void;

package/lib/utils/useElementId.d.ts

@@ -1 +1,2 @@
-export declare function useElementId(id: string): React.RefObject<string>;
+import type { RefObject } from "react";
+export declare function useElementId(id: string): RefObject<string>;

package/lib/utils/useInputPopup.d.ts

@@ -1,7 +1,6 @@
-import * as React from 'react';
-import { SpsFormFieldMeta } from '../form/hooks/useSpsForm';
-export declare function useInputPopup(rootRef: React.MutableRefObject<HTMLElement>, popupRef: React.MutableRefObject<HTMLElement>, formMeta: SpsFormFieldMeta<any>): {
-    showPopup: boolean;
-    doShowPopup: () => void;
-    doHidePopup: (suppressNextShow?: any) => void;
-};
+import * as React from "react";
+export declare function useInputPopup(rootRef: React.MutableRefObject<HTMLElement>, popupRef: React.MutableRefObject<HTMLElement>): {
+    showPopup: boolean;
+    doShowPopup: () => void;
+    doHidePopup: (suppressNextShow?: any) => void;
+};

package/lib/utils/usePatchReducer.d.ts

@@ -1 +1,2 @@
-export declare function usePatchReducer<T>(initState: T): [T, React.Dispatch<Partial<T>>];
+import type { Dispatch } from "react";
+export declare function usePatchReducer<T>(initState: T): [T, Dispatch<Partial<T>>];

package/lib/utils/usePortal.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode, ReactPortal, RefObject } from 'react';
-export declare const PortalContext: import("react").Context<{
-    parentElementRef?: RefObject<HTMLElement>;
-    fixed?: boolean;
-}>;
-export declare function usePortal(id: string, classes?: Array<string>): (jsx: ReactNode) => ReactPortal;
+import type { ReactNode, ReactPortal, RefObject } from "react";
+export declare const PortalContext: import("react").Context<{
+    parentElementRef?: RefObject<HTMLElement>;
+    fixed?: boolean;
+}>;
+export declare function usePortal(id: string, classes?: string[]): (jsx: ReactNode) => ReactPortal;

package/lib/vertical-rule/SpsVerticalRule.d.ts

@@ -1,11 +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 SpsVerticalRuleProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
-export declare function SpsVerticalRule(props: SpsVerticalRuleProps): JSX.Element;
-export declare function SpsVr(p: SpsVerticalRuleProps): JSX.Element;
-export {};
+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 SpsVerticalRuleProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+export declare function SpsVerticalRule(props: SpsVerticalRuleProps): JSX.Element;
+export declare function SpsVr(props: SpsVerticalRuleProps): JSX.Element;
+export {};

package/lib/vertical-rule/index.d.ts

@@ -1 +1 @@
-export * from './SpsVerticalRule';
+export * from "./SpsVerticalRule";

package/lib/wizard/SpsWizard.examples.d.ts

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

package/lib/wizard/SpsWizardSidebar.d.ts

@@ -1,23 +1,23 @@
-import * as PropTypes from '../prop-types';
-export interface WizardStep {
-    title: string;
-    percentComplete: number;
-    active: boolean;
-    disabled: boolean;
-    onClick?: () => void;
-}
-export interface WizardPhase {
-    steps: Array<WizardStep>;
-    title: string;
-    disabled: boolean;
-}
-declare const propTypes: {
-    phases: PropTypes.Requireable<WizardPhase[]>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    'data-testid': PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsWizardSidebarProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
-export declare function SpsWizardSidebar({ className, phases, }: SpsWizardSidebarProps): JSX.Element;
-export {};
+import * as PropTypes from "../prop-types";
+export interface WizardStep {
+    title: string;
+    percentComplete: number;
+    active: boolean;
+    disabled: boolean;
+    onClick?: () => void;
+}
+export interface WizardPhase {
+    steps: WizardStep[];
+    title: string;
+    disabled: boolean;
+}
+declare const propTypes: {
+    phases: PropTypes.Requireable<WizardPhase[]>;
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsWizardSidebarProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+export declare function SpsWizardSidebar({ className, phases, }: SpsWizardSidebarProps): JSX.Element;
+export {};

package/lib/wizard/SpsWizardSubstep.d.ts

@@ -1,14 +1,14 @@
-import { WizardSubstepConditions } from '@spscommerce/ds-shared';
-import * as PropTypes from '../prop-types';
-declare const propTypes: {
-    condition: PropTypes.Validator<WizardSubstepConditions>;
-    display: PropTypes.Validator<string>;
-    orderPosition: PropTypes.Validator<string | number>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    'data-testid': PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsWizardSubstepProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
-export declare function SpsWizardSubstep(props: SpsWizardSubstepProps): JSX.Element;
-export {};
+import { WizardSubstepConditions } from "@spscommerce/ds-shared";
+import * as PropTypes from "../prop-types";
+declare const propTypes: {
+    condition: PropTypes.Validator<WizardSubstepConditions>;
+    display: PropTypes.Validator<string>;
+    orderPosition: PropTypes.Validator<string | number>;
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsWizardSubstepProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+export declare function SpsWizardSubstep(props: SpsWizardSubstepProps): JSX.Element;
+export {};

package/lib/wizard/index.d.ts

@@ -1,3 +1,3 @@
-export * from './SpsWizard.examples';
-export * from './SpsWizardSidebar';
-export * from './SpsWizardSubstep';
+export * from "./SpsWizard.examples";
+export * from "./SpsWizardSidebar";
+export * from "./SpsWizardSubstep";

package/lib/workflow/SpsWorkflow.d.ts

@@ -1,14 +1,14 @@
-import { SpsIcon } from '@spscommerce/ds-shared';
-import * as PropTypes from '../prop-types';
-declare const propTypes: {
-    heading: PropTypes.Requireable<string>;
-    icon: PropTypes.Requireable<SpsIcon>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    'data-testid': PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsWorkflowProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
-export declare function SpsWorkflow(props: SpsWorkflowProps): JSX.Element;
-export declare function SpsWf(props: SpsWorkflowProps): JSX.Element;
-export {};
+import { SpsIcon } from "@spscommerce/ds-shared";
+import * as PropTypes from "../prop-types";
+declare const propTypes: {
+    heading: PropTypes.Requireable<string>;
+    icon: PropTypes.Requireable<SpsIcon>;
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsWorkflowProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+export declare function SpsWorkflow(props: SpsWorkflowProps): JSX.Element;
+export declare function SpsWf(props: SpsWorkflowProps): JSX.Element;
+export {};

package/lib/workflow/SpsWorkflow.examples.d.ts

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

package/lib/workflow/SpsWorkflowDocument.d.ts

@@ -1,11 +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 SpsWorkflowDocumentProps = PropTypes.InferTS<typeof propTypes, HTMLSpanElement>;
-export declare function SpsWorkflowDocument(props: SpsWorkflowDocumentProps): JSX.Element;
-export declare function SpsWfDoc(props: SpsWorkflowDocumentProps): JSX.Element;
-export {};
+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 SpsWorkflowDocumentProps = PropTypes.InferTS<typeof propTypes, HTMLSpanElement>;
+export declare function SpsWorkflowDocument(props: SpsWorkflowDocumentProps): JSX.Element;
+export declare function SpsWfDoc(props: SpsWorkflowDocumentProps): JSX.Element;
+export {};

package/lib/workflow/SpsWorkflowDocumentStatus.d.ts

@@ -1,13 +1,13 @@
-import { SpsIcon } from '@spscommerce/ds-shared';
-import * as PropTypes from '../prop-types';
-declare const propTypes: {
-    icon: PropTypes.Requireable<SpsIcon>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    'data-testid': PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsWorkflowDocumentStatusProps = PropTypes.InferTS<typeof propTypes, HTMLSpanElement>;
-export declare function SpsWorkflowDocumentStatus(props: SpsWorkflowDocumentStatusProps): JSX.Element;
-export declare function SpsWfDs(props: SpsWorkflowDocumentStatusProps): JSX.Element;
-export {};
+import { SpsIcon } from "@spscommerce/ds-shared";
+import * as PropTypes from "../prop-types";
+declare const propTypes: {
+    icon: PropTypes.Requireable<SpsIcon>;
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsWorkflowDocumentStatusProps = PropTypes.InferTS<typeof propTypes, HTMLSpanElement>;
+export declare function SpsWorkflowDocumentStatus(props: SpsWorkflowDocumentStatusProps): JSX.Element;
+export declare function SpsWfDs(props: SpsWorkflowDocumentStatusProps): JSX.Element;
+export {};

package/lib/workflow/SpsWorkflowStep.d.ts

@@ -1,14 +1,14 @@
-import { SpsIcon } from '@spscommerce/ds-shared';
-import * as PropTypes from '../prop-types';
-declare const propTypes: {
-    icon: PropTypes.Validator<SpsIcon>;
-    title: PropTypes.Validator<string>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    'data-testid': PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsWorkflowStepProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
-export declare function SpsWorkflowStep(props: SpsWorkflowStepProps): JSX.Element;
-export declare function SpsWfStep(props: SpsWorkflowStepProps): JSX.Element;
-export {};
+import { SpsIcon } from "@spscommerce/ds-shared";
+import * as PropTypes from "../prop-types";
+declare const propTypes: {
+    icon: PropTypes.Validator<SpsIcon>;
+    title: PropTypes.Validator<string>;
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsWorkflowStepProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+export declare function SpsWorkflowStep(props: SpsWorkflowStepProps): JSX.Element;
+export declare function SpsWfStep(props: SpsWorkflowStepProps): JSX.Element;
+export {};

package/lib/workflow/index.d.ts

@@ -1,5 +1,5 @@
-export * from './SpsWorkflow';
-export * from './SpsWorkflowStep';
-export * from './SpsWorkflowDocumentStatus';
-export * from './SpsWorkflowDocument';
-export * from './SpsWorkflow.examples';
+export * from "./SpsWorkflow";
+export * from "./SpsWorkflowStep";
+export * from "./SpsWorkflowDocumentStatus";
+export * from "./SpsWorkflowDocument";
+export * from "./SpsWorkflow.examples";

package/lib/zero-state/SpsMicroZeroState.d.ts

@@ -1,14 +1,14 @@
-import { SpsIcon } from '@spscommerce/ds-shared';
-import * as PropTypes from '../prop-types';
-declare const propTypes: {
-    icon: PropTypes.Validator<SpsIcon>;
-    heading: PropTypes.Requireable<PropTypes.ReactNodeOrRenderFn>;
-    subHeading: PropTypes.Requireable<PropTypes.ReactNodeOrRenderFn>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    'data-testid': PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsMicroZeroStateProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
-export declare function SpsMicroZeroState(props: SpsMicroZeroStateProps): JSX.Element;
-export {};
+import { SpsIcon } from "@spscommerce/ds-shared";
+import * as PropTypes from "../prop-types";
+declare const propTypes: {
+    icon: PropTypes.Validator<SpsIcon>;
+    heading: PropTypes.Requireable<PropTypes.ReactNodeOrRenderFn>;
+    subHeading: PropTypes.Requireable<PropTypes.ReactNodeOrRenderFn>;
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsMicroZeroStateProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+export declare function SpsMicroZeroState(props: SpsMicroZeroStateProps): JSX.Element;
+export {};

package/lib/zero-state/SpsZeroState.d.ts

@@ -1,13 +1,13 @@
-import * as PropTypes from '../prop-types';
-declare const propTypes: {
-    artwork: PropTypes.Validator<string>;
-    heading: PropTypes.Validator<string>;
-    subHeading: PropTypes.Requireable<string>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    'data-testid': PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsZeroStateProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
-export declare function SpsZeroState(props: SpsZeroStateProps): JSX.Element;
-export {};
+import * as PropTypes from "../prop-types";
+declare const propTypes: {
+    artwork: PropTypes.Validator<string>;
+    heading: PropTypes.Validator<string>;
+    subHeading: PropTypes.Requireable<string>;
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsZeroStateProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+export declare function SpsZeroState(props: SpsZeroStateProps): JSX.Element;
+export {};

package/lib/zero-state/SpsZeroState.examples.d.ts

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

package/lib/zero-state/index.d.ts

@@ -1,3 +1,3 @@
-export * from './SpsMicroZeroState';
-export * from './SpsZeroState';
-export * from './SpsZeroState.examples';
+export * from "./SpsMicroZeroState";
+export * from "./SpsZeroState";
+export * from "./SpsZeroState.examples";

package/package.json

@@ -1,19 +1,13 @@
 {
   "name": "@spscommerce/ds-react",
   "description": "SPS Design System React components",
-  "version": "4.10.0",
+  "version": "4.14.0",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/ds-react",
   "homepage": "https://github.com/spscommerce/design-system/tree/master/packages/@spscommerce/ds-react#readme",
-  "scripts": {
-    "build": "yarn run build:rollup",
-    "build:rollup": "npx rollup -c rollup.config.js",
-    "clean": "git clean -fdX",
-    "pub": "node ../../../scripts/publish-package.js"
-  },
   "main": "./lib/index.cjs.js",
-  "module": "./lib/index.esm.js",
+  "module": "./lib/index.es.js",
   "types": "./lib/index.d.ts",
   "publishConfig": {
     "access": "public"
@@ -24,51 +18,50 @@
     "@react-types/shared": "^3.8.0",
     "@react-types/tabs": "^3.0.1",
     "axe-prop-types": "^1.0.9",
+    "clsx": "^1.0.3",
+    "lodash.isplainobject": "^4.0.6",
+    "nanoid": "^2.1.0",
+    "prop-types": "^15.7.2",
+    "react-beautiful-dnd": "^11.0.4",
+    "scroll-into-view-if-needed": "^2.2.20",
     "tiny-invariant": "^1.0.4"
   },
   "peerDependencies": {
     "@react-stately/collections": "^3.3.3",
-    "@spscommerce/ds-colors": "^4.10.0",
-    "@spscommerce/ds-shared": "^4.10.0",
-    "@spscommerce/positioning": "^4.10.0",
-    "@spscommerce/utils": "^4.10.0",
-    "clsx": "^1.0.3",
+    "@spscommerce/ds-colors": "4.14.0",
+    "@spscommerce/ds-shared": "4.14.0",
+    "@spscommerce/positioning": "4.14.0",
+    "@spscommerce/utils": "4.14.0",
     "moment": "^2.25.3",
     "moment-timezone": "^0.5.28",
-    "lodash.isplainobject": "^4.0.6",
-    "nanoid": "^2.1.6",
-    "prop-types": "^15.7.2",
     "react": "^16.9.0",
-    "react-beautiful-dnd": "^11.0.4",
-    "react-dom": "^16.9.0",
-    "scroll-into-view-if-needed": "^2.2.20"
+    "react-dom": "^16.9.0"
   },
   "devDependencies": {
-    "@spscommerce/ds-colors": "^4.10.0",
-    "@spscommerce/ds-shared": "^4.10.0",
-    "@spscommerce/positioning": "^4.10.0",
-    "@spscommerce/utils": "^4.10.0",
+    "@react-stately/collections": "^3.3.3",
+    "@spscommerce/ds-colors": "4.14.0",
+    "@spscommerce/ds-shared": "4.14.0",
+    "@spscommerce/positioning": "4.14.0",
+    "@spscommerce/utils": "4.14.0",
+    "@testing-library/jest-dom": "^4.2.4",
+    "@testing-library/react": "^9.3.2",
     "@types/prop-types": "^15.7.1",
-    "@types/react": "^16.8.8",
-    "clsx": "^1.0.3",
-    "d3": "^5.16.0",
-    "eventemitter3": "^3.1.0",
+    "@types/react": "^16.9.0",
     "expect": "^24.1.0",
-    "intersection-observer": "^0.5.1",
-    "jest-dom": "^3.1.1",
-    "lodash.isempty": "^4.4.0",
-    "lodash.isnil": "^4.0.0",
-    "lodash.padstart": "^4.6.1",
     "lz-string": "^1.4.4",
     "moment": "^2.25.3",
     "moment-timezone": "^0.5.28",
-    "nanoid": "^2.1.6",
-    "prop-types": "^15.7.2",
     "raf-stub": "^2.0.2",
-    "react-beautiful-dnd": "^11.0.4",
-    "react-testing-library": "^5.4.4",
-    "recharts": "^1.8.5",
-    "scroll-into-view-if-needed": "^2.2.20",
-    "typescript": "^3.5.3"
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
+    "typescript": "^4.4.4"
+  },
+  "scripts": {
+    "build": "pnpm run build:js && pnpm run build:types",
+    "build:js": "vite build",
+    "build:types": "tsc --emitDeclarationOnly --declaration --declarationDir lib",
+    "watch": "vite build --watch",
+    "clean": "git clean -fdX",
+    "pub": "pnpm pack && node ../../scripts/publish-package.js"
   }
 }

package/vite.config.js

@@ -0,0 +1,20 @@
+import path from 'path';
+
+import { defineConfig } from 'vite';
+
+import pkg from './package.json';
+
+export default defineConfig({
+  build: {
+    lib: {
+      entry: path.resolve(__dirname, 'src/index.ts'),
+      formats: ['es', 'cjs'],
+      fileName: (format) => `index.${format}.js`,
+    },
+    outDir: path.resolve(__dirname, './lib'),
+    emptyOutDir: false,
+    rollupOptions: {
+      external: pkg.peerDependencies ? Object.keys(pkg.peerDependencies) : [],
+    },
+  },
+});