@spscommerce/ds-react 6.37.2 → 7.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (140) hide show
  1. package/lib/advanced-search/SpsAdvancedSearch.d.ts +8 -20
  2. package/lib/autocomplete/SpsAutocomplete.d.ts +19 -25
  3. package/lib/button/SpsButton.d.ts +13 -17
  4. package/lib/button/SpsButtonGroup.d.ts +3 -9
  5. package/lib/button/SpsIconButtonPanel.d.ts +3 -9
  6. package/lib/card/SpsCard.d.ts +9 -14
  7. package/lib/card/SpsCardHeader.d.ts +8 -13
  8. package/lib/card/SpsCardTabbedPane.d.ts +14 -18
  9. package/lib/card/index.d.ts +0 -1
  10. package/lib/checkbox/SpsCheckbox.d.ts +12 -17
  11. package/lib/checkbox-dropdown/SpsCheckboxDropdown.d.ts +6 -14
  12. package/lib/clickable-tag/SpsClickableTag.d.ts +9 -14
  13. package/lib/column-chooser/SpsColumnChooser.d.ts +8 -13
  14. package/lib/column-chooser/SpsColumnChooserColumn.d.ts +12 -16
  15. package/lib/conditional-field/SpsConditionalField.d.ts +6 -11
  16. package/lib/content-row/SpsContentRow.d.ts +14 -20
  17. package/lib/content-row/SpsContentRowCol.d.ts +9 -14
  18. package/lib/content-row/SpsContentRowExpansion.d.ts +3 -9
  19. package/lib/currency-input/SpsCurrencyInput.d.ts +9 -15
  20. package/lib/dateRangePicker/SpsDateRangePicker.d.ts +10 -16
  21. package/lib/datepicker/SpsDatepicker.d.ts +10 -15
  22. package/lib/datepicker/SpsDatepickerCalendar.d.ts +8 -15
  23. package/lib/datepicker/SpsDatepickerPopup.d.ts +10 -12
  24. package/lib/datepicker/useMoment.d.ts +1 -1
  25. package/lib/datepicker/utils.d.ts +7 -7
  26. package/lib/datetime/SpsDateTime.d.ts +10 -16
  27. package/lib/description-list/SpsDescriptionList.d.ts +8 -13
  28. package/lib/description-list/SpsDescriptionListDefinition.d.ts +4 -10
  29. package/lib/description-list/SpsDescriptionListTerm.d.ts +10 -15
  30. package/lib/dropdown/SpsDropdown.d.ts +20 -25
  31. package/lib/feedback-block/SpsFeedbackBlock.d.ts +5 -10
  32. package/lib/fieldset/SpsFieldset.d.ts +13 -18
  33. package/lib/filter-panel/SpsFilterPanel.d.ts +3 -9
  34. package/lib/filter-panel/SpsFilterPanelCap.d.ts +5 -10
  35. package/lib/filter-panel/SpsFilterPanelFilterBox.d.ts +7 -13
  36. package/lib/filter-panel/SpsFilterPanelSection.d.ts +10 -15
  37. package/lib/filter-tile-list/SpsFilterTile.d.ts +8 -13
  38. package/lib/filter-tile-list/SpsFilterTileList.d.ts +3 -9
  39. package/lib/focused-task/SpsFocusedTask.d.ts +7 -12
  40. package/lib/focused-task/SpsFocusedTaskActions.d.ts +3 -9
  41. package/lib/form/SpsForm.d.ts +6 -12
  42. package/lib/form/SpsFormComponentWrapper.d.ts +7 -12
  43. package/lib/form/hooks/useFormControlId.d.ts +2 -2
  44. package/lib/form/hooks/useServerSideValidation.d.ts +1 -1
  45. package/lib/form/hooks/useSpsForm.d.ts +9 -9
  46. package/lib/growler/SpsGrowler.d.ts +8 -14
  47. package/lib/growler/useGrowlers.d.ts +2 -2
  48. package/lib/icon/SpsIcon.d.ts +8 -12
  49. package/lib/incrementor/SpsIncrementor.d.ts +9 -14
  50. package/lib/index.cjs.js +1075 -1600
  51. package/lib/index.es.js +22208 -28832
  52. package/lib/input-group/SpsInputGroup.d.ts +8 -13
  53. package/lib/insight-tile/SpsInsightTile.d.ts +12 -17
  54. package/lib/insight-tile/SpsInsights.d.ts +3 -9
  55. package/lib/key-value-list/SpsKeyValueList.d.ts +5 -10
  56. package/lib/key-value-list/SpsKeyValueListItem.d.ts +6 -11
  57. package/lib/key-value-list/index.d.ts +0 -1
  58. package/lib/key-value-tag/SpsKeyValueTag.d.ts +9 -14
  59. package/lib/label/SpsLabel.d.ts +11 -16
  60. package/lib/list-action-bar/SpsListActionBar.d.ts +7 -12
  61. package/lib/list-toolbar/SpsListToolbar.d.ts +20 -25
  62. package/lib/list-toolbar/SpsListToolbarSearch.d.ts +4 -10
  63. package/lib/list-toolbar/SpsListToolbarSearchInfo.d.ts +3 -9
  64. package/lib/list-toolbar/SpsListToolbarSortBy.d.ts +8 -13
  65. package/lib/micro-block/SpsMicroBlock.d.ts +6 -11
  66. package/lib/modal/SpsModal.d.ts +9 -15
  67. package/lib/multi-select/SpsMultiSelect.d.ts +27 -34
  68. package/lib/multi-value-text-input/SpsMultiValueTextInput.d.ts +13 -19
  69. package/lib/option-list/SpsOptionListProps.d.ts +46 -69
  70. package/lib/option-list/useOptionListSearch.d.ts +1 -1
  71. package/lib/option-list-v2/SpsOptionListV2.d.ts +0 -0
  72. package/lib/option-list-v2/index.d.ts +0 -0
  73. package/lib/page-title/SpsPageSubtitle.d.ts +3 -9
  74. package/lib/page-title/SpsPageTitle.d.ts +3 -9
  75. package/lib/pagination/SpsPageSelector.d.ts +10 -15
  76. package/lib/pagination/SpsPagination.d.ts +13 -18
  77. package/lib/product-bar/SpsProductBar.d.ts +11 -17
  78. package/lib/progress-bar/SpsProgressBar.d.ts +9 -14
  79. package/lib/progress-ring/SpsProgressRing.d.ts +6 -11
  80. package/lib/prop-types.d.ts +4 -23
  81. package/lib/radio-button/SpsRadioButton.d.ts +14 -20
  82. package/lib/scrollable-container/SpsScrollableContainer.d.ts +5 -10
  83. package/lib/scrollable-container/index.d.ts +0 -1
  84. package/lib/search-results-bar/SpsSearchResultsBar.d.ts +7 -12
  85. package/lib/search-results-bar/SpsSearchResultsBarV2.d.ts +8 -13
  86. package/lib/select/SpsSelect.d.ts +57 -34
  87. package/lib/slack-link/SpsSlackLink.d.ts +5 -10
  88. package/lib/slide-in-panel/SpsSlideInPanel.d.ts +8 -14
  89. package/lib/sorting-header/SpsSortingHeader.d.ts +6 -11
  90. package/lib/sorting-header/SpsSortingHeaderCell.d.ts +10 -15
  91. package/lib/spinner/SpsSpinner.d.ts +7 -12
  92. package/lib/spinner/index.d.ts +0 -1
  93. package/lib/split-button/SpsSplitButton.d.ts +13 -17
  94. package/lib/stepped-progress-bar/SpsSteppedProgressBar.d.ts +11 -12
  95. package/lib/summary-list/SpsSummaryListColumn.d.ts +8 -13
  96. package/lib/summary-list/SpsSummaryListExpansion.d.ts +3 -9
  97. package/lib/summary-list/SpsSummaryListRow.d.ts +7 -12
  98. package/lib/table/SpsTable.d.ts +12 -17
  99. package/lib/table/SpsTableBody.d.ts +3 -9
  100. package/lib/table/SpsTableCell.d.ts +8 -13
  101. package/lib/table/SpsTableHead.d.ts +5 -10
  102. package/lib/table/SpsTableHeader.d.ts +8 -13
  103. package/lib/table/SpsTableRow.d.ts +3 -9
  104. package/lib/table/useColumnResizer.d.ts +2 -2
  105. package/lib/table/usePinnedStyles.d.ts +4 -4
  106. package/lib/tabs/SpsTabs.d.ts +7 -12
  107. package/lib/tag/SpsTag.d.ts +8 -12
  108. package/lib/task-queue/SpsTaskQueue.d.ts +14 -20
  109. package/lib/text-input/SpsTextInput.d.ts +26 -20
  110. package/lib/textarea/SpsTextarea.d.ts +13 -19
  111. package/lib/tile-list/SpsTile.d.ts +13 -18
  112. package/lib/tile-list/SpsTileList.d.ts +3 -9
  113. package/lib/toggle/SpsToggle.d.ts +13 -19
  114. package/lib/tooltip/SpsTooltip.d.ts +13 -19
  115. package/lib/tooltip/SpsTooltipTitle.d.ts +8 -12
  116. package/lib/utils/contentOf.d.ts +2 -2
  117. package/lib/utils/useCheckDeprecatedProps.d.ts +1 -2
  118. package/lib/utils/useElementId.d.ts +3 -2
  119. package/lib/utils/useInputPopup.d.ts +1 -1
  120. package/lib/utils/usePortal.d.ts +3 -3
  121. package/lib/vertical-rule/SpsVerticalRule.d.ts +3 -9
  122. package/lib/wizard/SpsWizardSidebar.d.ts +5 -10
  123. package/lib/wizard/SpsWizardSubstep.d.ts +7 -12
  124. package/lib/workflow/SpsWorkflow.d.ts +7 -12
  125. package/lib/workflow/SpsWorkflowDocument.d.ts +3 -9
  126. package/lib/workflow/SpsWorkflowDocumentStatus.d.ts +6 -11
  127. package/lib/workflow/SpsWorkflowStep.d.ts +7 -12
  128. package/lib/zero-state/SpsMicroZeroState.d.ts +9 -14
  129. package/lib/zero-state/SpsZeroState.d.ts +8 -13
  130. package/package.json +35 -22
  131. package/vite.config.js +6 -6
  132. package/lib/_template/SpsComponent.d.ts +0 -15
  133. package/lib/_template/SpsComponent.examples.d.ts +0 -2
  134. package/lib/_template/index.d.ts +0 -2
  135. package/lib/card/SpsCard.examples.d.ts +0 -2
  136. package/lib/insight-tile/SpsInsightTile.examples.d.ts +0 -2
  137. package/lib/key-value-list/SpsKeyValueList.examples.d.ts +0 -2
  138. package/lib/scrollable-container/SpsScrollableContainer.examples.d.ts +0 -14
  139. package/lib/spinner/SpsSpinner.examples.d.ts +0 -2
  140. package/lib/test-util.d.ts +0 -2
@@ -1,2 +1,2 @@
1
- import type * as PropTypes from "../prop-types";
2
- export declare function contentOf(nodeOrRenderFn: PropTypes.ReactNodeOrRenderFn): PropTypes.ReactNodeLike;
1
+ import type { ReactNode } from "react";
2
+ export declare function contentOf(nodeOrRenderFn: ReactNode | (() => ReactNode)): ReactNode;
@@ -1,2 +1 @@
1
- import type * as PropTypes from "../prop-types";
2
- export declare function useCheckDeprecatedProps(componentName: string, propsDoc: PropTypes.TypeDoc, props: any): void;
1
+ export declare function useCheckDeprecatedProps(componentName: string, propsDoc: Record<string, any>, props: any): void;
@@ -1,2 +1,3 @@
1
- import type { RefObject } from "react";
2
- export declare function useElementId(id: string): RefObject<string>;
1
+ export declare function useElementId(id?: string): {
2
+ current: string;
3
+ };
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- export declare function useInputPopup(rootRef: React.MutableRefObject<HTMLElement>, popupRef: React.MutableRefObject<HTMLElement>, onHide?: () => void): {
2
+ export declare function useInputPopup(rootRef: React.MutableRefObject<HTMLElement | null>, popupRef: React.MutableRefObject<HTMLElement | null>, onHide?: () => void): {
3
3
  showPopup: boolean;
4
4
  doShowPopup: () => void;
5
5
  doHidePopup: (suppressNextShow?: any) => void;
@@ -1,6 +1,6 @@
1
1
  import type { ReactNode, ReactPortal, RefObject } from "react";
2
2
  export declare const PortalContext: import("react").Context<{
3
- parentElementRef?: RefObject<HTMLElement>;
4
- fixed?: boolean;
5
- }>;
3
+ parentElementRef?: RefObject<HTMLElement> | undefined;
4
+ fixed?: boolean | undefined;
5
+ } | null>;
6
6
  export declare function usePortal(id: string, classes?: string[]): (jsx: ReactNode) => ReactPortal;
@@ -1,11 +1,5 @@
1
- import * as PropTypes from "../prop-types";
2
- declare const propTypes: {
3
- children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
4
- className: PropTypes.Requireable<string>;
5
- "data-testid": PropTypes.Requireable<string>;
6
- unsafelyReplaceClassName: PropTypes.Requireable<string>;
7
- };
8
- export declare type SpsVerticalRuleProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
1
+ import * as React from "react";
2
+ import type { SpsGlobalPropTypes } from "../prop-types";
3
+ export declare type SpsVerticalRuleProps = React.PropsWithChildren<SpsGlobalPropTypes> & React.HTMLAttributes<HTMLDivElement>;
9
4
  export declare function SpsVerticalRule(props: SpsVerticalRuleProps): JSX.Element;
10
5
  export declare function SpsVr(props: SpsVerticalRuleProps): JSX.Element;
11
- export {};
@@ -1,4 +1,5 @@
1
- import * as PropTypes from "../prop-types";
1
+ import * as React from "react";
2
+ import type { SpsGlobalPropTypes } from "../prop-types";
2
3
  export interface WizardStep {
3
4
  title: string;
4
5
  percentComplete: number;
@@ -11,13 +12,7 @@ export interface WizardPhase {
11
12
  title: string;
12
13
  disabled: boolean;
13
14
  }
14
- declare const propTypes: {
15
- phases: PropTypes.Requireable<WizardPhase[]>;
16
- children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
17
- className: PropTypes.Requireable<string>;
18
- "data-testid": PropTypes.Requireable<string>;
19
- unsafelyReplaceClassName: PropTypes.Requireable<string>;
20
- };
21
- export declare type SpsWizardSidebarProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
15
+ export declare type SpsWizardSidebarProps = React.PropsWithChildren<SpsGlobalPropTypes & {
16
+ phases?: WizardPhase[];
17
+ }> & React.HTMLAttributes<HTMLDivElement>;
22
18
  export declare function SpsWizardSidebar({ className, phases, }: SpsWizardSidebarProps): JSX.Element;
23
- export {};
@@ -1,14 +1,9 @@
1
+ import * as React from "react";
1
2
  import { WizardSubstepConditions } from "@spscommerce/ds-shared";
2
- import * as PropTypes from "../prop-types";
3
- declare const propTypes: {
4
- condition: PropTypes.Validator<WizardSubstepConditions>;
5
- display: PropTypes.Validator<string>;
6
- orderPosition: PropTypes.Validator<string | number>;
7
- children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
8
- className: PropTypes.Requireable<string>;
9
- "data-testid": PropTypes.Requireable<string>;
10
- unsafelyReplaceClassName: PropTypes.Requireable<string>;
11
- };
12
- export declare type SpsWizardSubstepProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
3
+ import type { SpsGlobalPropTypes } from "../prop-types";
4
+ export declare type SpsWizardSubstepProps = React.PropsWithChildren<SpsGlobalPropTypes & {
5
+ condition: WizardSubstepConditions;
6
+ display: string;
7
+ orderPosition: string | number;
8
+ }> & React.HTMLAttributes<HTMLDivElement>;
13
9
  export declare function SpsWizardSubstep(props: SpsWizardSubstepProps): JSX.Element;
14
- export {};
@@ -1,14 +1,9 @@
1
- import { SpsIcon } from "@spscommerce/ds-shared";
2
- import * as PropTypes from "../prop-types";
3
- declare const propTypes: {
4
- heading: PropTypes.Requireable<string>;
5
- icon: PropTypes.Requireable<SpsIcon>;
6
- children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
7
- className: PropTypes.Requireable<string>;
8
- "data-testid": PropTypes.Requireable<string>;
9
- unsafelyReplaceClassName: PropTypes.Requireable<string>;
10
- };
11
- export declare type SpsWorkflowProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
1
+ import type { SpsIcon } from "@spscommerce/ds-shared";
2
+ import * as React from "react";
3
+ import type { SpsGlobalPropTypes } from "../prop-types";
4
+ export declare type SpsWorkflowProps = React.PropsWithChildren<SpsGlobalPropTypes & {
5
+ heading?: string;
6
+ icon?: SpsIcon;
7
+ }> & React.HTMLAttributes<HTMLDivElement>;
12
8
  export declare function SpsWorkflow(props: SpsWorkflowProps): JSX.Element;
13
9
  export declare function SpsWf(props: SpsWorkflowProps): JSX.Element;
14
- export {};
@@ -1,11 +1,5 @@
1
- import * as PropTypes from "../prop-types";
2
- declare const propTypes: {
3
- children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
4
- className: PropTypes.Requireable<string>;
5
- "data-testid": PropTypes.Requireable<string>;
6
- unsafelyReplaceClassName: PropTypes.Requireable<string>;
7
- };
8
- export declare type SpsWorkflowDocumentProps = PropTypes.InferTS<typeof propTypes, HTMLSpanElement>;
1
+ import * as React from "react";
2
+ import type { SpsGlobalPropTypes } from "../prop-types";
3
+ export declare type SpsWorkflowDocumentProps = React.PropsWithChildren<SpsGlobalPropTypes> & React.HTMLAttributes<HTMLSpanElement>;
9
4
  export declare function SpsWorkflowDocument(props: SpsWorkflowDocumentProps): JSX.Element;
10
5
  export declare function SpsWfDoc(props: SpsWorkflowDocumentProps): JSX.Element;
11
- export {};
@@ -1,13 +1,8 @@
1
- import { SpsIcon } from "@spscommerce/ds-shared";
2
- import * as PropTypes from "../prop-types";
3
- declare const propTypes: {
4
- icon: PropTypes.Requireable<SpsIcon>;
5
- children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
6
- className: PropTypes.Requireable<string>;
7
- "data-testid": PropTypes.Requireable<string>;
8
- unsafelyReplaceClassName: PropTypes.Requireable<string>;
9
- };
10
- export declare type SpsWorkflowDocumentStatusProps = PropTypes.InferTS<typeof propTypes, HTMLSpanElement>;
1
+ import type { SpsIcon } from "@spscommerce/ds-shared";
2
+ import * as React from "react";
3
+ import type { SpsGlobalPropTypes } from "../prop-types";
4
+ export declare type SpsWorkflowDocumentStatusProps = React.PropsWithChildren<SpsGlobalPropTypes & {
5
+ icon?: SpsIcon;
6
+ }> & React.HTMLAttributes<HTMLSpanElement>;
11
7
  export declare function SpsWorkflowDocumentStatus(props: SpsWorkflowDocumentStatusProps): JSX.Element;
12
8
  export declare function SpsWfDs(props: SpsWorkflowDocumentStatusProps): JSX.Element;
13
- export {};
@@ -1,14 +1,9 @@
1
- import { SpsIcon } from "@spscommerce/ds-shared";
2
- import * as PropTypes from "../prop-types";
3
- declare const propTypes: {
4
- icon: PropTypes.Validator<SpsIcon>;
5
- title: PropTypes.Validator<string>;
6
- children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
7
- className: PropTypes.Requireable<string>;
8
- "data-testid": PropTypes.Requireable<string>;
9
- unsafelyReplaceClassName: PropTypes.Requireable<string>;
10
- };
11
- export declare type SpsWorkflowStepProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
1
+ import type { SpsIcon } from "@spscommerce/ds-shared";
2
+ import * as React from "react";
3
+ import type { SpsGlobalPropTypes } from "../prop-types";
4
+ export declare type SpsWorkflowStepProps = React.PropsWithChildren<SpsGlobalPropTypes & {
5
+ icon: SpsIcon;
6
+ title: string;
7
+ }> & React.HTMLAttributes<HTMLDivElement>;
12
8
  export declare function SpsWorkflowStep(props: SpsWorkflowStepProps): JSX.Element;
13
9
  export declare function SpsWfStep(props: SpsWorkflowStepProps): JSX.Element;
14
- export {};
@@ -1,15 +1,10 @@
1
- import { SpsIcon } from "@spscommerce/ds-shared";
2
- import * as PropTypes from "../prop-types";
3
- declare const propTypes: {
4
- illustration: PropTypes.Requireable<string>;
5
- icon: PropTypes.Requireable<SpsIcon>;
6
- heading: PropTypes.Requireable<PropTypes.ReactNodeOrRenderFn>;
7
- subHeading: PropTypes.Requireable<PropTypes.ReactNodeOrRenderFn>;
8
- children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
9
- className: PropTypes.Requireable<string>;
10
- "data-testid": PropTypes.Requireable<string>;
11
- unsafelyReplaceClassName: PropTypes.Requireable<string>;
12
- };
13
- export declare type SpsMicroZeroStateProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
1
+ import type { SpsIcon } from "@spscommerce/ds-shared";
2
+ import * as React from "react";
3
+ import type { SpsGlobalPropTypes } from "../prop-types";
4
+ export declare type SpsMicroZeroStateProps = React.PropsWithChildren<SpsGlobalPropTypes & {
5
+ illustration?: string;
6
+ icon?: SpsIcon;
7
+ heading?: React.ReactNode | (() => React.ReactNode);
8
+ subHeading?: React.ReactNode | (() => React.ReactNode);
9
+ }> & React.HTMLAttributes<HTMLDivElement>;
14
10
  export declare function SpsMicroZeroState(props: SpsMicroZeroStateProps): JSX.Element;
15
- export {};
@@ -1,14 +1,9 @@
1
- import * as PropTypes from "../prop-types";
2
- declare const propTypes: {
3
- illustration: PropTypes.Requireable<string>;
4
- artwork: PropTypes.Requireable<string>;
5
- heading: PropTypes.Validator<string>;
6
- subHeading: PropTypes.Requireable<string>;
7
- children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
8
- className: PropTypes.Requireable<string>;
9
- "data-testid": PropTypes.Requireable<string>;
10
- unsafelyReplaceClassName: PropTypes.Requireable<string>;
11
- };
12
- export declare type SpsZeroStateProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
1
+ import * as React from "react";
2
+ import type { SpsGlobalPropTypes } from "../prop-types";
3
+ export declare type SpsZeroStateProps = React.PropsWithChildren<SpsGlobalPropTypes & {
4
+ illustration?: string;
5
+ artwork?: string;
6
+ heading: string;
7
+ subHeading?: string;
8
+ }> & React.HTMLAttributes<HTMLDivElement>;
13
9
  export declare function SpsZeroState(props: SpsZeroStateProps): JSX.Element;
14
- export {};
package/package.json CHANGED
@@ -1,22 +1,28 @@
1
1
  {
2
2
  "name": "@spscommerce/ds-react",
3
3
  "description": "SPS Design System React components",
4
- "version": "6.37.2",
4
+ "version": "7.0.0",
5
5
  "author": "SPS Commerce",
6
6
  "license": "UNLICENSED",
7
- "repository": "https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/ds-react",
8
- "homepage": "https://github.com/spscommerce/design-system/tree/master/packages/@spscommerce/ds-react#readme",
9
- "main": "./lib/index.cjs.js",
7
+ "repository": "https://github.com/spscommerce/woodland/tree/main/packages/@spscommerce/ds-react",
8
+ "homepage": "https://github.com/spscommerce/woodland/tree/master/packages/@spscommerce/ds-react#readme",
9
+ "main": "./lib/index.es.js",
10
10
  "module": "./lib/index.es.js",
11
11
  "types": "./lib/index.d.ts",
12
12
  "publishConfig": {
13
13
  "access": "public"
14
14
  },
15
15
  "dependencies": {
16
+ "@react-aria/button": "^3.4.1",
17
+ "@react-aria/focus": "^3.5.2",
18
+ "@react-aria/listbox": "^3.4.2",
19
+ "@react-aria/overlays": "^3.7.5",
20
+ "@react-aria/select": "^3.6.2",
16
21
  "@react-aria/tabs": "^3.0.1",
22
+ "@react-aria/utils": "^3.11.2",
23
+ "@react-stately/list": "^3.4.3",
24
+ "@react-stately/select": "^3.1.5",
17
25
  "@react-stately/tabs": "^3.0.1",
18
- "@react-types/shared": "^3.8.0",
19
- "@react-types/tabs": "^3.0.1",
20
26
  "axe-prop-types": "^1.0.9",
21
27
  "clsx": "^1.0.3",
22
28
  "lodash.isplainobject": "^4.0.6",
@@ -28,10 +34,11 @@
28
34
  },
29
35
  "peerDependencies": {
30
36
  "@react-stately/collections": "^3.3.3",
31
- "@spscommerce/ds-colors": "6.37.2",
32
- "@spscommerce/ds-illustrations": "6.37.2",
33
- "@spscommerce/ds-shared": "6.37.2",
34
- "@spscommerce/positioning": "6.37.2",
37
+ "@sps-woodland/illustrations": "7.0.0",
38
+ "@sps-woodland/tabs": "7.0.0",
39
+ "@spscommerce/ds-colors": "7.0.0",
40
+ "@spscommerce/ds-shared": "7.0.0",
41
+ "@spscommerce/positioning": "7.0.0",
35
42
  "@spscommerce/utils": "^6.11.3",
36
43
  "moment": "^2.25.3",
37
44
  "moment-timezone": "^0.5.28",
@@ -39,24 +46,31 @@
39
46
  "react-dom": "^16.9.0"
40
47
  },
41
48
  "devDependencies": {
49
+ "@react-spectrum/provider": "^3.4.1",
42
50
  "@react-stately/collections": "^3.3.3",
43
- "@spscommerce/ds-colors": "6.37.2",
44
- "@spscommerce/ds-illustrations": "6.37.2",
45
- "@spscommerce/ds-shared": "6.37.2",
46
- "@spscommerce/positioning": "6.37.2",
47
- "@spscommerce/utils": "^6.11.3",
48
- "@testing-library/react": "^10.4.0",
51
+ "@react-types/list": "^3.0.0-alpha.1",
52
+ "@react-types/select": "^3.6.1",
53
+ "@react-types/shared": "^3.8.0",
54
+ "@react-types/tabs": "^3.0.1",
55
+ "@sps-woodland/illustrations": "7.0.0",
56
+ "@sps-woodland/tabs": "7.0.0",
57
+ "@spscommerce/ds-colors": "7.0.0",
58
+ "@spscommerce/ds-shared": "7.0.0",
59
+ "@spscommerce/positioning": "7.0.0",
60
+ "@spscommerce/utils": "^6.12.1",
61
+ "@testing-library/dom": "^8.17.1",
62
+ "@testing-library/react": "^10.0.0",
63
+ "@testing-library/react-hooks": "^8.0.1",
64
+ "@testing-library/user-event": "^14.4.3",
49
65
  "@types/prop-types": "^15.7.1",
50
- "@types/react": "^16.9.0",
51
66
  "@types/react-beautiful-dnd": "^13.1.2",
52
- "expect": "^24.1.0",
53
67
  "lz-string": "^1.4.4",
54
68
  "moment": "^2.25.3",
55
69
  "moment-timezone": "^0.5.28",
56
70
  "raf-stub": "^2.0.2",
57
71
  "react": "^16.9.0",
58
72
  "react-dom": "^16.9.0",
59
- "typescript": "^4.4.4"
73
+ "test": "7.0.0"
60
74
  },
61
75
  "scripts": {
62
76
  "build": "pnpm run build:js && pnpm run build:types",
@@ -64,7 +78,6 @@
64
78
  "build:types": "tsc --emitDeclarationOnly --declaration --declarationDir lib",
65
79
  "watch": "vite build --watch",
66
80
  "clean": "git clean -fdX",
67
- "pub": "pnpm pack && node ../../scripts/publish-package.js"
68
- },
69
- "readme": "[//]: # \"START_AUTOGENERATED\"\n\n## [@spscommerce/ds-react](https://github.com/spscommerce/ui-angular/tree/master/packages/@spscommerce/ds-react#readme)\n\n![release: 1.1.0](https://img.shields.io/badge/release-1.1.0-blue.svg?style=flat-square)\n![build: passing](https://img.shields.io/badge/build-passing-green.svg?style=flat-square)\n![tests: failing](https://img.shields.io/badge/tests-failing-red.svg?style=flat-square)\n\nSPS Design System React components \n \n ### Installation \n \n ```shell\nnpm install --save @spscommerce/ds-react\n```\n\n#### Peer Dependencies\n\n<div class=\"row\">\n <div class=\"col-5\"> \n <table class=\"sps-table\">\n <thead class=\"sps-table__head\">\n <tr class=\"sps-table__row\">\n <th class=\"sps-table__header\">\n <span class=\"sps-table__header-cell-body\"> \n Package\n </span>\n </th>\n <th class=\"sps-table__header text-right\">\n <span class=\"sps-table__header-cell-body\"> \n Version\n </span>\n </th>\n </tr>\n </thead>\n <tbody class=\"sps-table__body\">\n <tr class=\"sps-table__row\"><td class=\"sps-table__cell\"><a href=\"https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/ds-shared#readme\">@spscommerce/ds-shared</a></td><td class=\"sps-table__cell text-right\">^1.1.0</td></tr>\n<tr class=\"sps-table__row\"><td class=\"sps-table__cell\"><a href=\"https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/positioning#readme\">@spscommerce/positioning</a></td><td class=\"sps-table__cell text-right\">^1.1.0</td></tr>\n<tr class=\"sps-table__row\"><td class=\"sps-table__cell\"><a href=\"https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/utils#readme\">@spscommerce/utils</a></td><td class=\"sps-table__cell text-right\">^1.1.0</td></tr>\n<tr class=\"sps-table__row\"><td class=\"sps-table__cell\"><a href=\"lukeed/clsx\">clsx</a></td><td class=\"sps-table__cell text-right\">^1.0.3</td></tr>\n<tr class=\"sps-table__row\"><td class=\"sps-table__cell\"><a href=\"https://momentjs.com\">moment</a></td><td class=\"sps-table__cell text-right\">^2.25.3</td></tr>\n<tr class=\"sps-table__row\"><td class=\"sps-table__cell\"><a href=\"http://momentjs.com/timezone/\">moment-timezone</a></td><td class=\"sps-table__cell text-right\">^0.5.28</td></tr>\n<tr class=\"sps-table__row\"><td class=\"sps-table__cell\"><a href=\"https://facebook.github.io/react/\">prop-types</a></td><td class=\"sps-table__cell text-right\">^15.7.2</td></tr>\n<tr class=\"sps-table__row\"><td class=\"sps-table__cell\"><a href=\"https://reactjs.org/\">react</a></td><td class=\"sps-table__cell text-right\">^16.9.0</td></tr>\n<tr class=\"sps-table__row\"><td class=\"sps-table__cell\"><a href=\"https://reactjs.org/\">react-dom</a></td><td class=\"sps-table__cell text-right\">^16.9.0</td></tr>\n<tr class=\"sps-table__row\"><td class=\"sps-table__cell\"><a href=\"https://scroll-into-view-if-needed.netlify.com\">scroll-into-view-if-needed</a></td><td class=\"sps-table__cell text-right\">^2.2.20</td></tr>\n </tbody>\n </table>\n </div>\n <div class=\"col-7\">\n &nbsp;\n </div>\n</div>\n\n[//]: # \"END_AUTOGENERATED\"\n"
81
+ "pub": "node ../../scripts/publish-package.js"
82
+ }
70
83
  }
package/vite.config.js CHANGED
@@ -1,17 +1,17 @@
1
- import path from 'path';
1
+ import path from "path";
2
2
 
3
- import { defineConfig } from 'vite';
3
+ import { defineConfig } from "vite";
4
4
 
5
- import pkg from './package.json';
5
+ import pkg from "./package.json";
6
6
 
7
7
  export default defineConfig({
8
8
  build: {
9
9
  lib: {
10
- entry: path.resolve(__dirname, 'src/index.ts'),
11
- formats: ['es', 'cjs'],
10
+ entry: path.resolve(__dirname, "src/index.ts"),
11
+ formats: ["es", "cjs"],
12
12
  fileName: (format) => `index.${format}.js`,
13
13
  },
14
- outDir: path.resolve(__dirname, './lib'),
14
+ outDir: path.resolve(__dirname, "./lib"),
15
15
  emptyOutDir: false,
16
16
  rollupOptions: {
17
17
  external: pkg.peerDependencies ? Object.keys(pkg.peerDependencies) : [],
@@ -1,15 +0,0 @@
1
- import * as PropTypes from "../prop-types";
2
- declare const propTypes: {
3
- someProp: PropTypes.Requireable<boolean>;
4
- children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
5
- className: PropTypes.Requireable<string>;
6
- "data-testid": PropTypes.Requireable<string>;
7
- unsafelyReplaceClassName: PropTypes.Requireable<string>;
8
- };
9
- /**
10
- * replace HTMLDivElement with appropriate specific type
11
- * e.g. HTMLButtonElement, or generic HTMLElement as applicable
12
- */
13
- export declare type SpsComponentProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
14
- export declare function SpsComponent({ children, className, someProp, ...rest }: SpsComponentProps): JSX.Element;
15
- export {};
@@ -1,2 +0,0 @@
1
- import type { DSReactExamples } from "@spscommerce/ds-shared";
2
- export declare const SpsComponentExamples: DSReactExamples;
@@ -1,2 +0,0 @@
1
- export * from "./SpsComponent";
2
- export * from "./SpsComponent.examples";
@@ -1,2 +0,0 @@
1
- import type { DSReactExamples } from '@spscommerce/ds-shared';
2
- export declare const SpsCardExamples: DSReactExamples;
@@ -1,2 +0,0 @@
1
- import type { DSReactExamples } from "@spscommerce/ds-shared";
2
- export declare const SpsInsightTileExamples: DSReactExamples;
@@ -1,2 +0,0 @@
1
- import type { DSReactExamples } from "@spscommerce/ds-shared";
2
- export declare const SpsKeyValueListExamples: DSReactExamples;
@@ -1,14 +0,0 @@
1
- export declare const SpsScrollableContainerExamples: {
2
- basic: {
3
- label: string;
4
- description: string;
5
- examples: {
6
- text: {
7
- jsx: string;
8
- };
9
- components: {
10
- react: string;
11
- };
12
- };
13
- };
14
- };
@@ -1,2 +0,0 @@
1
- import type { DSReactExamples } from "@spscommerce/ds-shared";
2
- export declare const SpsSpinnerExamples: DSReactExamples;
@@ -1,2 +0,0 @@
1
- export declare function waitATick(): void;
2
- export declare function wait(delay?: number): Promise<unknown>;