@spscommerce/ds-react-charts 0.0.0-20260319-8230915ce

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 (15) hide show
  1. package/README.md +48 -0
  2. package/lib/bar/SpsBarChart.d.ts +16 -0
  3. package/lib/bar/SpsBarChart.examples.d.ts +2 -0
  4. package/lib/bar/SpsHorizontalBarChart.d.ts +17 -0
  5. package/lib/index.d.ts +8 -0
  6. package/lib/index.js +16235 -0
  7. package/lib/index.umd.cjs +239 -0
  8. package/lib/lineChart/SpsLineChart.d.ts +32 -0
  9. package/lib/lineChart/SpsLineChart.examples.d.ts +2 -0
  10. package/lib/manifest.d.ts +2 -0
  11. package/lib/prop-types.d.ts +22 -0
  12. package/lib/stackedHorizontalBarChart/SpsStackedHorizontalBarChart.d.ts +26 -0
  13. package/lib/stackedHorizontalBarChart/SpsStackedHorizontalBarChart.examples.d.ts +2 -0
  14. package/package.json +66 -0
  15. package/vite.config.mjs +20 -0
package/README.md ADDED
@@ -0,0 +1,48 @@
1
+ [//]: # "START_AUTOGENERATED"
2
+
3
+ ## [@spscommerce/ds-react-charts](https://github.com/spscommerce/ui-angular/tree/master/packages/@spscommerce/ds-react-charts#readme)
4
+
5
+ ![release: 1.1.0](https://img.shields.io/badge/release-1.1.0-blue.svg?style=flat-square)
6
+ ![build: passing](https://img.shields.io/badge/build-passing-green.svg?style=flat-square)
7
+ ![tests: failing](https://img.shields.io/badge/tests-failing-red.svg?style=flat-square)
8
+
9
+ SPS Design System React components
10
+
11
+ ### Installation
12
+
13
+ ```shell
14
+ npm install --save @spscommerce/ds-react-charts
15
+ ```
16
+
17
+ #### Peer Dependencies
18
+
19
+ <div class="row">
20
+ <div class="col-5">
21
+ <table class="sps-table">
22
+ <thead class="sps-table__head">
23
+ <tr class="sps-table__row">
24
+ <th class="sps-table__header">
25
+ <span class="sps-table__header-cell-body">
26
+ Package
27
+ </span>
28
+ </th>
29
+ <th class="sps-table__header text-right">
30
+ <span class="sps-table__header-cell-body">
31
+ Version
32
+ </span>
33
+ </th>
34
+ </tr>
35
+ </thead>
36
+ <tbody class="sps-table__body">
37
+ <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>
38
+ <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>
39
+ <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>
40
+ </tbody>
41
+ </table>
42
+ </div>
43
+ <div class="col-7">
44
+ &nbsp;
45
+ </div>
46
+ </div>
47
+
48
+ [//]: # "END_AUTOGENERATED"
package/lib/bar/SpsBarChart.d.ts ADDED
@@ -0,0 +1,16 @@
1
+ import * as React from "react";
2
+ import type { ChartDataObject, ChartAxis } from "@spscommerce/ds-shared";
3
+ export type SpsBarChartProps = React.PropsWithChildren<{
4
+ barFillColor1?: string;
5
+ barFillColor2?: string;
6
+ barFillColorHover?: string;
7
+ chartData?: ChartDataObject[];
8
+ chartHeight?: number;
9
+ chartWidth?: number;
10
+ barSize?: number;
11
+ yAxis?: ChartAxis;
12
+ xAxis?: ChartAxis;
13
+ yMaxValue?: number;
14
+ yTickFormat?: (i: number) => string;
15
+ }> & React.HTMLAttributes<HTMLDivElement>;
16
+ export declare function SpsBarChart(props: SpsBarChartProps): React.JSX.Element;
package/lib/bar/SpsBarChart.examples.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import type { DSReactExamples } from "@spscommerce/ds-shared";
2
+ export declare const SpsBarChartExamples: DSReactExamples;
package/lib/bar/SpsHorizontalBarChart.d.ts ADDED
@@ -0,0 +1,17 @@
1
+ import * as React from "react";
2
+ import type { ChartDataObject, ChartAxis } from "@spscommerce/ds-shared";
3
+ export type SpsHorizontalBarChartProps = React.PropsWithChildren<{
4
+ barFillColor1?: string;
5
+ barFillColor2?: string;
6
+ barFillColorHover?: string;
7
+ chartData?: ChartDataObject[];
8
+ chartHeight?: number;
9
+ chartWidth?: number;
10
+ barSize?: number;
11
+ yAxis?: ChartAxis;
12
+ xAxis?: ChartAxis;
13
+ marginLeft?: number;
14
+ xMaxValue?: number;
15
+ xTickFormat?: (i: number) => string;
16
+ }> & React.HTMLAttributes<HTMLDivElement>;
17
+ export declare function SpsHorizontalBarChart(props: SpsHorizontalBarChartProps): React.JSX.Element;
package/lib/index.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ export * from "./manifest";
2
+ export * from "./bar/SpsBarChart";
3
+ export * from "./bar/SpsHorizontalBarChart";
4
+ export * from "./bar/SpsBarChart.examples";
5
+ export * from "./lineChart/SpsLineChart";
6
+ export * from "./lineChart/SpsLineChart.examples";
7
+ export * from "./stackedHorizontalBarChart/SpsStackedHorizontalBarChart";
8
+ export * from "./stackedHorizontalBarChart/SpsStackedHorizontalBarChart.examples";