@spscommerce/ds-react 5.25.0 → 6.0.0-rc1

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 (16) hide show
  1. package/lib/dateRangePicker/SpsDateRangePicker.d.ts +13 -15
  2. package/lib/datepicker/SpsDateRangePicker.d.ts +21 -0
  3. package/lib/datepicker/SpsDatepicker.d.ts +10 -11
  4. package/lib/datepicker/SpsDatepickerCalendar.d.ts +18 -0
  5. package/lib/datepicker/SpsDatepickerPopup.d.ts +13 -0
  6. package/lib/datepicker/index.d.ts +2 -0
  7. package/lib/datepicker/useCalendar.d.ts +2 -0
  8. package/lib/datepicker/useMoment.d.ts +3 -0
  9. package/lib/datepicker/utils.d.ts +23 -0
  10. package/lib/datepicker/validation.d.ts +10 -0
  11. package/lib/index.cjs.js +401 -401
  12. package/lib/index.d.ts +0 -2
  13. package/lib/index.es.js +1363 -2854
  14. package/lib/modal/SpsModal.d.ts +9 -16
  15. package/lib/toggle/SpsToggle.d.ts +0 -4
  16. package/package.json +12 -13
package/lib/modal/SpsModal.d.ts CHANGED
@@ -1,25 +1,18 @@
1
+ import { ModalKind, ModalSize } from "@spscommerce/ds-shared";
1
2
  import * as React from "react";
2
3
  import * as PropTypes from "../prop-types";
3
- import { SpsModalHeader } from "./SpsModalHeader";
4
- import { SpsModalOverlay } from "./SpsModalOverlay";
5
- import { SpsModalBody } from "./SpsModalBody";
6
- import { SpsModalFooter } from "./SpsModalFooter";
7
- import { SpsModalAction } from "./SpsModalAction";
8
4
  declare const propTypes: {
9
- kind: PropTypes.Requireable<string>;
10
- id: PropTypes.Requireable<string>;
11
- isOpen: PropTypes.Requireable<boolean>;
12
- header: PropTypes.Requireable<string | (() => string)>;
13
- onClose: PropTypes.Requireable<(...args: any[]) => any>;
14
- onOpen: PropTypes.Requireable<(...args: any[]) => any>;
15
- size: PropTypes.Requireable<string>;
16
- backdrop: PropTypes.Requireable<string>;
17
- actionRequired: PropTypes.Requireable<boolean>;
5
+ kind: PropTypes.Requireable<ModalKind>;
6
+ size: PropTypes.Requireable<ModalSize>;
7
+ title: PropTypes.Requireable<string>;
8
+ onClose: PropTypes.Requireable<() => void>;
9
+ focusElementOnOpen: PropTypes.Requireable<React.MutableRefObject<HTMLElement>>;
18
10
  children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
19
11
  className: PropTypes.Requireable<string>;
20
12
  "data-testid": PropTypes.Requireable<string>;
21
13
  unsafelyReplaceClassName: PropTypes.Requireable<string>;
22
14
  };
23
15
  export declare type SpsModalProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
24
- declare function SpsModal(modalProps: SpsModalProps): React.ReactPortal;
25
- export { SpsModal, SpsModalHeader, SpsModalOverlay, SpsModalBody, SpsModalFooter, SpsModalAction, };
16
+ export declare function SpsModalFooter({ children }: SpsModalProps): JSX.Element;
17
+ export declare function SpsModal({ children, className, id: idProp, kind, size, onClose, focusElementOnOpen, title, ...rest }: SpsModalProps): JSX.Element;
18
+ export {};
package/lib/toggle/SpsToggle.d.ts CHANGED
@@ -4,15 +4,11 @@ import type { SpsFormFieldMeta } from "../form/hooks/useSpsForm";
4
4
  import * as PropTypes from "../prop-types";
5
5
  declare const propTypes: {
6
6
  active: PropTypes.Requireable<boolean>;
7
- activeDescription: PropTypes.Deprecated<string>;
8
- activeLabel: PropTypes.Deprecated<string>;
9
7
  description: PropTypes.Requireable<string>;
10
8
  disabled: PropTypes.Requireable<boolean>;
11
9
  formControl: PropTypes.Requireable<SpsFormControl<boolean>>;
12
10
  formMeta: PropTypes.Requireable<SpsFormFieldMeta<boolean>>;
13
11
  id: PropTypes.Requireable<string>;
14
- inactiveDescription: PropTypes.Deprecated<string>;
15
- inactiveLabel: PropTypes.Deprecated<string>;
16
12
  label: PropTypes.Requireable<string>;
17
13
  large: PropTypes.Requireable<boolean>;
18
14
  onChange: PropTypes.Requireable<(isActive: boolean) => void>;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@spscommerce/ds-react",
3
3
  "description": "SPS Design System React components",
4
- "version": "5.25.0",
4
+ "version": "6.0.0-rc1",
5
5
  "author": "SPS Commerce",
6
6
  "license": "UNLICENSED",
7
7
  "repository": "https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/ds-react",
@@ -28,11 +28,11 @@
28
28
  },
29
29
  "peerDependencies": {
30
30
  "@react-stately/collections": "^3.3.3",
31
- "@spscommerce/ds-colors": "5.25.0",
32
- "@spscommerce/ds-illustrations": "5.25.0",
33
- "@spscommerce/ds-shared": "5.25.0",
34
- "@spscommerce/positioning": "5.25.0",
35
- "@spscommerce/utils": "5.25.0",
31
+ "@spscommerce/ds-colors": "6.0.0-rc1",
32
+ "@spscommerce/ds-illustrations": "6.0.0-rc1",
33
+ "@spscommerce/ds-shared": "6.0.0-rc1",
34
+ "@spscommerce/positioning": "6.0.0-rc1",
35
+ "@spscommerce/utils": "6.0.0-rc1",
36
36
  "moment": "^2.25.3",
37
37
  "moment-timezone": "^0.5.28",
38
38
  "react": "^16.9.0",
@@ -40,11 +40,11 @@
40
40
  },
41
41
  "devDependencies": {
42
42
  "@react-stately/collections": "^3.3.3",
43
- "@spscommerce/ds-colors": "5.25.0",
44
- "@spscommerce/ds-illustrations": "5.25.0",
45
- "@spscommerce/ds-shared": "5.25.0",
46
- "@spscommerce/positioning": "5.25.0",
47
- "@spscommerce/utils": "5.25.0",
43
+ "@spscommerce/ds-colors": "6.0.0-rc1",
44
+ "@spscommerce/ds-illustrations": "6.0.0-rc1",
45
+ "@spscommerce/ds-shared": "6.0.0-rc1",
46
+ "@spscommerce/positioning": "6.0.0-rc1",
47
+ "@spscommerce/utils": "6.0.0-rc1",
48
48
  "@testing-library/react": "^9.3.2",
49
49
  "@types/prop-types": "^15.7.1",
50
50
  "@types/react": "^16.9.0",
@@ -64,6 +64,5 @@
64
64
  "watch": "vite build --watch",
65
65
  "clean": "git clean -fdX",
66
66
  "pub": "pnpm pack && node ../../scripts/publish-package.js"
67
- },
68
- "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=\"ai/nanoid\">nanoid</a></td><td class=\"sps-table__cell text-right\">^2.1.6</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"
67
+ }
69
68
  }