@spscommerce/ds-react-charts 6.37.3 → 7.0.1

package/lib/lineChart/SpsLineChart.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
+import * as React from "react";
 import type { ScaleConfig } from "@visx/scale";
 import type { CommonProps, AxisScale } from "@visx/axis/lib/types";
 import type { AxisScaleOutput } from "@visx/axis";
 import type { GridProps } from "@visx/xychart/lib/components/grid/Grid";
 import type { LineChartColors } from "@spscommerce/ds-shared";
-import * as PropTypes from "../prop-types";
 export interface LinesChartProps {
     data: LineChartData[];
     name: string;
@@ -15,21 +14,19 @@ export interface LineChartData {
     x: number;
     y: number;
 }
-declare const propTypes: {
-    barTooltip: PropTypes.Requireable<(props: LineTooltipProps) => JSX.Element>;
-    grid: PropTypes.Requireable<GridProps>;
-    labels: PropTypes.Validator<string[]>;
-    lines: PropTypes.Requireable<LinesChartProps[]>;
-    xAxis: PropTypes.Requireable<CommonProps<AxisScale<AxisScaleOutput>>>;
-    xScale: PropTypes.Validator<ScaleConfig<AxisScaleOutput, any, any>>;
-    yAxis: PropTypes.Requireable<CommonProps<AxisScale<AxisScaleOutput>>>;
-    yScale: PropTypes.Validator<ScaleConfig<AxisScaleOutput, any, any>>;
-};
 export interface LineTooltipProps {
     yAxisName?: string;
     xLineName?: string;
     value?: number;
 }
-export declare type SpsLineChartProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+export declare type SpsLineChartProps = React.PropsWithChildren<{
+    barTooltip?: (props: LineTooltipProps) => JSX.Element;
+    grid?: GridProps;
+    labels: string[];
+    lines?: LinesChartProps[];
+    xAxis?: CommonProps<AxisScale>;
+    xScale: ScaleConfig<AxisScaleOutput, any, any>;
+    yAxis?: CommonProps<AxisScale>;
+    yScale: ScaleConfig<AxisScaleOutput, any, any>;
+}> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsLineChart(props: SpsLineChartProps): JSX.Element;
-export {};

package/lib/prop-types.d.ts

@@ -7,7 +7,7 @@ export declare function fun<T extends (...args: any[]) => any>(): PropTypes.Requ
 export declare function impl<T>(): PropTypes.Requireable<T>;
 export declare function ref<T>(): PropTypes.Requireable<MutableRefObject<T>>;
 export declare type ReactNodeOrRenderFn = PropTypes.ReactNodeLike | (() => PropTypes.ReactNodeLike);
-export declare const nodeOrRenderFn: PropTypes.Requireable<ReactNodeOrRenderFn>;
+export declare const nodeOrRenderFn: PropTypes.Requireable<NonNullable<ReactNodeOrRenderFn>>;
 export declare type TypeDoc = Record<string, string | {
     type: string;
     required?: boolean;
@@ -15,7 +15,7 @@ export declare type TypeDoc = Record<string, string | {
 }>;
 export declare type InferTS<T, K extends HTMLElement> = PropTypes.InferProps<T> & Omit<React.HTMLProps<K>, keyof T>;
 export declare const spsGlobalPropTypes: {
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
     className: PropTypes.Requireable<string>;
     "data-testid": PropTypes.Requireable<string>;
     unsafelyReplaceClassName: PropTypes.Requireable<string>;

package/lib/stackedHorizontalBarChart/SpsStackedHorizontalBarChart.d.ts

@@ -1,14 +1,5 @@
-/// <reference types="react" />
+import * as React from "react";
 import type { StackedBarChartMilestone } from "@spscommerce/ds-shared";
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    chartData: PropTypes.Requireable<ChartDataProps[]>;
-    chartHeight: PropTypes.Requireable<number>;
-    chartWidth: PropTypes.Requireable<number>;
-    milestones: PropTypes.Requireable<MilestonesType[]>;
-    useAbsoluteLegend: PropTypes.Requireable<boolean>;
-    barTooltip: PropTypes.Requireable<(props: BarTooltipProps) => JSX.Element>;
-};
 export interface ChartDataProps {
     label: string;
     value: number;
@@ -24,6 +15,12 @@ export interface BarTooltipProps {
     absoluteValue: number;
     relativeValue: number;
 }
-export declare type SpsStackedHorizontalBarChartProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+export declare type SpsStackedHorizontalBarChartProps = React.PropsWithChildren<{
+    chartData?: ChartDataProps[];
+    chartHeight?: number;
+    chartWidth?: number;
+    milestones?: MilestonesType[];
+    useAbsoluteLegend?: boolean;
+    barTooltip?: (props: BarTooltipProps) => JSX.Element;
+}> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsStackedHorizontalBarChart(props: SpsStackedHorizontalBarChartProps): JSX.Element;
-export {};

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@spscommerce/ds-react-charts",
   "description": "SPS Design System React Chart components",
-  "version": "6.37.3",
+  "version": "7.0.1",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
-  "repository": "https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/ds-react-charts",
-  "homepage": "https://github.com/spscommerce/design-system/tree/master/packages/@spscommerce/ds-react-charts#readme",
-  "main": "./lib/index.cjs.js",
+  "repository": "https://github.com/spscommerce/woodland/tree/main/packages/@spscommerce/ds-react-charts",
+  "homepage": "https://github.com/spscommerce/woodland/tree/master/packages/@spscommerce/ds-react-charts#readme",
+  "main": "./lib/index.es.js",
   "module": "./lib/index.es.js",
   "types": "./lib/index.d.ts",
   "publishConfig": {
@@ -27,27 +27,26 @@
     "react-spring": "^8.0.27"
   },
   "peerDependencies": {
-    "@spscommerce/ds-colors": "6.37.3",
-    "@spscommerce/ds-react": "6.37.3",
-    "@spscommerce/ds-shared": "6.37.3",
+    "@spscommerce/ds-colors": "7.0.1",
+    "@spscommerce/ds-react": "7.0.1",
+    "@spscommerce/ds-shared": "7.0.1",
     "@spscommerce/utils": "^6.11.3",
-    "react": "^16.9.0"
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0"
   },
   "devDependencies": {
-    "@spscommerce/ds-colors": "6.37.3",
-    "@spscommerce/ds-react": "6.37.3",
-    "@spscommerce/ds-shared": "6.37.3",
-    "@spscommerce/utils": "^6.11.3",
-    "@testing-library/jest-dom": "^4.2.4",
-    "@testing-library/react": "^9.3.2",
+    "@spscommerce/ds-colors": "7.0.1",
+    "@spscommerce/ds-react": "7.0.1",
+    "@spscommerce/ds-shared": "7.0.1",
+    "@spscommerce/utils": "^6.12.1",
+    "@testing-library/react": "^10.0.0",
     "@types/prop-types": "^15.7.1",
-    "@types/react": "^16.9.0",
     "axe-prop-types": "^1.0.9",
     "clsx": "^1.0.3",
-    "expect": "^24.1.0",
     "prop-types": "^15.7.2",
     "react": "^16.9.0",
-    "typescript": "^4.4.4"
+    "react-dom": "^16.9.0",
+    "test": "7.0.1"
   },
   "scripts": {
     "build": "pnpm run build:js && pnpm run build:types",
@@ -55,7 +54,6 @@
     "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-charts](https://github.com/spscommerce/ui-angular/tree/master/packages/@spscommerce/ds-react-charts#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-charts\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-colors#readme\">@spscommerce/ds-colors</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=\"https://reactjs.org/\">react</a></td><td class=\"sps-table__cell text-right\">^16.9.0</td></tr>\n        </tbody>\n    </table>\n    </div>\n    <div class=\"col-7\">\n        &nbsp;\n    </div>\n</div>\n\n[//]: # \"END_AUTOGENERATED\"\n"
+    "pub": "node ../../scripts/publish-package.js"
+  }
 }

package/vite.config.js

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

package/lib/setup-jest.d.ts

@@ -1 +0,0 @@
-export {};