@spscommerce/ds-react 5.20.2 → 5.20.3-ie

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

@@ -1,7 +1,6 @@
 import { SpsIcon } from "@spscommerce/ds-shared";
 import * as PropTypes from "../prop-types";
 declare const propTypes: {
-    illustration: PropTypes.Requireable<string>;
     icon: PropTypes.Requireable<SpsIcon>;
     heading: PropTypes.Requireable<PropTypes.ReactNodeOrRenderFn>;
     subHeading: PropTypes.Requireable<PropTypes.ReactNodeOrRenderFn>;

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

@@ -1,7 +1,6 @@
 import * as PropTypes from "../prop-types";
 declare const propTypes: {
-    illustration: PropTypes.Requireable<string>;
-    artwork: PropTypes.Requireable<string>;
+    artwork: PropTypes.Validator<string>;
     heading: PropTypes.Validator<string>;
     subHeading: PropTypes.Requireable<string>;
     children: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spscommerce/ds-react",
   "description": "SPS Design System React components",
-  "version": "5.20.2",
+  "version": "5.20.3-ie",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/ds-react",
@@ -13,10 +13,6 @@
     "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",
@@ -27,24 +23,20 @@
     "tiny-invariant": "^1.0.4"
   },
   "peerDependencies": {
-    "@react-stately/collections": "^3.3.3",
-    "@spscommerce/ds-colors": "5.20.2",
-    "@spscommerce/ds-illustrations": "5.20.2",
-    "@spscommerce/ds-shared": "5.20.2",
-    "@spscommerce/positioning": "5.20.2",
-    "@spscommerce/utils": "5.20.2",
+    "@spscommerce/ds-colors": "5.20.3-ie",
+    "@spscommerce/ds-shared": "5.20.3-ie",
+    "@spscommerce/positioning": "5.20.3-ie",
+    "@spscommerce/utils": "5.20.3-ie",
     "moment": "^2.25.3",
     "moment-timezone": "^0.5.28",
     "react": "^16.9.0",
     "react-dom": "^16.9.0"
   },
   "devDependencies": {
-    "@react-stately/collections": "^3.3.3",
-    "@spscommerce/ds-colors": "5.20.2",
-    "@spscommerce/ds-illustrations": "5.20.2",
-    "@spscommerce/ds-shared": "5.20.2",
-    "@spscommerce/positioning": "5.20.2",
-    "@spscommerce/utils": "5.20.2",
+    "@spscommerce/ds-colors": "5.20.3-ie",
+    "@spscommerce/ds-shared": "5.20.3-ie",
+    "@spscommerce/positioning": "5.20.3-ie",
+    "@spscommerce/utils": "5.20.3-ie",
     "@testing-library/react": "^9.3.2",
     "@types/prop-types": "^15.7.1",
     "@types/react": "^16.9.0",
@@ -58,12 +50,12 @@
     "typescript": "^4.4.4"
   },
   "scripts": {
-    "build": "pnpm run build:js && pnpm run build:types",
-    "build:js": "vite build",
+    "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: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/rollup.config.js

@@ -0,0 +1,22 @@
+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(),
+  ],
+};

package/vite.config.js

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

package/lib/card-v2/SpsCardV2.d.ts

@@ -1,2 +0,0 @@
-import * as React from "react";
-export default function SpsCardV2({ children, className, ...rest }: React.HTMLProps<HTMLDivElement>): JSX.Element;

package/lib/card-v2/SpsCardV2Footer.d.ts

@@ -1,2 +0,0 @@
-import * as React from "react";
-export default function SpsCardV2Footer({ children, className, ...rest }: React.HTMLProps<HTMLDivElement>): JSX.Element;

package/lib/card-v2/SpsCardV2Header.d.ts

@@ -1,2 +0,0 @@
-import * as React from "react";
-export default function SpsCardV2Header({ children, className, ...rest }: React.HTMLProps<HTMLDivElement>): JSX.Element;

package/lib/card-v2/SpsCardV2Title.d.ts

@@ -1,2 +0,0 @@
-import * as React from "react";
-export default function SpsCardV2Title({ children, className, ...rest }: React.HTMLProps<HTMLDivElement>): JSX.Element;

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

@@ -1,5 +0,0 @@
-import SpsCardV2 from "./SpsCardV2";
-import SpsCardV2Footer from "./SpsCardV2Footer";
-import SpsCardV2Header from "./SpsCardV2Header";
-import SpsCardV2Title from "./SpsCardV2Title";
-export { SpsCardV2, SpsCardV2Footer, SpsCardV2Header, SpsCardV2Title, };

package/lib/tabs-v2/SpsTab.d.ts

@@ -1,6 +0,0 @@
-import type { TabListState } from "@react-stately/tabs";
-import type { Node } from "@react-types/shared";
-export default function SpsTab<T>({ item, state, }: {
-    item: Node<T>;
-    state: TabListState<T>;
-}): JSX.Element;

package/lib/tabs-v2/SpsTabPanel.d.ts

@@ -1,5 +0,0 @@
-import type { TabListState } from "@react-stately/tabs";
-import type { AriaTabPanelProps } from "@react-types/tabs";
-export default function SpsTabPanel<T>({ state, ...props }: {
-    state: TabListState<T>;
-} & AriaTabPanelProps): JSX.Element;

package/lib/tabs-v2/SpsTabsV2.d.ts

@@ -1,2 +0,0 @@
-import type { TabListProps } from "@react-types/tabs";
-export default function SpsTabsV2(props: TabListProps<Record<string, unknown>>): JSX.Element;

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

@@ -1,4 +0,0 @@
-import SpsTab from "./SpsTab";
-import SpsTabPanel from "./SpsTabPanel";
-import SpsTabsV2 from "./SpsTabsV2";
-export { SpsTab, SpsTabPanel, SpsTabsV2, };