@spscommerce/ds-react 5.10.5-ie → 5.11.0

package/lib/workflow/SpsWorkflowStep.d.ts

@@ -0,0 +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 {};

package/lib/workflow/index.d.ts

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

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

@@ -0,0 +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 {};

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

@@ -0,0 +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 {};

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

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

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

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spscommerce/ds-react",
   "description": "SPS Design System React components",
-  "version": "5.10.5-ie",
+  "version": "5.11.0",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/ds-react",
@@ -13,6 +13,10 @@
     "access": "public"
   },
   "dependencies": {
+    "@react-aria/tabs": "^3.0.1",
+    "@react-stately/tabs": "^3.0.1",
+    "@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",
@@ -23,20 +27,22 @@
     "tiny-invariant": "^1.0.4"
   },
   "peerDependencies": {
-    "@spscommerce/ds-colors": "5.10.5-ie",
-    "@spscommerce/ds-shared": "5.10.5-ie",
-    "@spscommerce/positioning": "5.10.5-ie",
-    "@spscommerce/utils": "5.10.5-ie",
+    "@react-stately/collections": "^3.3.3",
+    "@spscommerce/ds-colors": "5.11.0",
+    "@spscommerce/ds-shared": "5.11.0",
+    "@spscommerce/positioning": "5.11.0",
+    "@spscommerce/utils": "5.11.0",
     "moment": "^2.25.3",
     "moment-timezone": "^0.5.28",
     "react": "^16.9.0",
     "react-dom": "^16.9.0"
   },
   "devDependencies": {
-    "@spscommerce/ds-colors": "5.10.5-ie",
-    "@spscommerce/ds-shared": "5.10.5-ie",
-    "@spscommerce/positioning": "5.10.5-ie",
-    "@spscommerce/utils": "5.10.5-ie",
+    "@react-stately/collections": "^3.3.3",
+    "@spscommerce/ds-colors": "5.11.0",
+    "@spscommerce/ds-shared": "5.11.0",
+    "@spscommerce/positioning": "5.11.0",
+    "@spscommerce/utils": "5.11.0",
     "@testing-library/react": "^9.3.2",
     "@types/prop-types": "^15.7.1",
     "@types/react": "^16.9.0",
@@ -50,12 +56,12 @@
     "typescript": "^4.4.4"
   },
   "scripts": {
-    "build": "pnpm run build:es5 && pnpm run build:js && pnpm run build:types",
-    "build:es5": "tsc -p tsconfig.json",
-    "build:js": "rollup -c rollup.config.js",
+    "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"
-  }
+  },
+  "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"
 }

package/vite.config.js

@@ -7,7 +7,7 @@ import pkg from './package.json';
 export default defineConfig({
   build: {
     lib: {
-      entry: path.resolve(__dirname, 'dist/out-tsc/index.js'),
+      entry: path.resolve(__dirname, 'src/index.ts'),
       formats: ['es', 'cjs'],
       fileName: (format) => `index.${format}.js`,
     },

package/rollup.config.js

@@ -1,22 +0,0 @@
-import commonjs from "@rollup/plugin-commonjs";
-import resolve from "@rollup/plugin-node-resolve";
-import pkg from "./package.json";
-
-export default {
-  input: "dist/out-tsc/index.js",
-  output: [
-    {
-      file: pkg.main,
-      format: "cjs",
-    },
-    {
-      file: pkg.module,
-      format: "es",
-    },
-  ],
-  external: Object.keys(pkg.peerDependencies || {}),
-  plugins: [
-    resolve(),
-    commonjs(),
-  ],
-};