@mittwald/flow-react-components 0.2.0-alpha.797 → 0.2.0-alpha.799

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 (77) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/assets/doc-properties.json +8039 -7906
  3. package/dist/css/all.css +1 -1
  4. package/dist/js/_virtual/_.locale.json@774f50b2495c87d6d13911bcd596e720.mjs +2 -2
  5. package/dist/js/default.mjs +9 -5
  6. package/dist/js/default.mjs.map +1 -1
  7. package/dist/js/flr-universal.mjs +1 -1
  8. package/dist/js/packages/components/src/components/CartesianChart/CartesianChart.mjs +18 -1
  9. package/dist/js/packages/components/src/components/CartesianChart/CartesianChart.mjs.map +1 -1
  10. package/dist/js/packages/components/src/components/CartesianChart/components/Area/Area.mjs +2 -1
  11. package/dist/js/packages/components/src/components/CartesianChart/components/Area/Area.mjs.map +1 -1
  12. package/dist/js/packages/components/src/components/CartesianChart/components/AreaDot/AreaDot.mjs +1 -5
  13. package/dist/js/packages/components/src/components/CartesianChart/components/AreaDot/AreaDot.mjs.map +1 -1
  14. package/dist/js/packages/components/src/components/CartesianChart/components/CartesianGrid/CartesianGrid.mjs +21 -15
  15. package/dist/js/packages/components/src/components/CartesianChart/components/CartesianGrid/CartesianGrid.mjs.map +1 -1
  16. package/dist/js/packages/components/src/components/CartesianChart/components/ChartGrid/ChartGrid.mjs +22 -0
  17. package/dist/js/packages/components/src/components/CartesianChart/components/ChartGrid/ChartGrid.mjs.map +1 -0
  18. package/dist/js/packages/components/src/components/CartesianChart/components/ChartLegend/ChartLegend.mjs +2 -1
  19. package/dist/js/packages/components/src/components/CartesianChart/components/ChartLegend/ChartLegend.mjs.map +1 -1
  20. package/dist/js/packages/components/src/components/CartesianChart/components/ChartTooltip/ChartTooltip.mjs +2 -1
  21. package/dist/js/packages/components/src/components/CartesianChart/components/ChartTooltip/ChartTooltip.mjs.map +1 -1
  22. package/dist/js/packages/components/src/components/CartesianChart/components/ChartTooltip/TooltipContent.mjs +15 -2
  23. package/dist/js/packages/components/src/components/CartesianChart/components/ChartTooltip/TooltipContent.mjs.map +1 -1
  24. package/dist/js/packages/components/src/components/CartesianChart/components/ChartTooltip/TooltipLegendItem.mjs.map +1 -1
  25. package/dist/js/packages/components/src/components/CartesianChart/components/ChartTooltip/TooltipProgressBar.mjs +19 -5
  26. package/dist/js/packages/components/src/components/CartesianChart/components/ChartTooltip/TooltipProgressBar.mjs.map +1 -1
  27. package/dist/js/packages/components/src/components/CartesianChart/components/Line/Line.mjs +2 -1
  28. package/dist/js/packages/components/src/components/CartesianChart/components/Line/Line.mjs.map +1 -1
  29. package/dist/js/packages/components/src/components/CartesianChart/components/XAxis/XAxis.mjs +17 -0
  30. package/dist/js/packages/components/src/components/CartesianChart/components/XAxis/XAxis.mjs.map +1 -1
  31. package/dist/js/packages/components/src/components/CartesianChart/components/XAxis/types.mjs +27 -0
  32. package/dist/js/packages/components/src/components/CartesianChart/components/XAxis/types.mjs.map +1 -0
  33. package/dist/js/packages/components/src/components/CartesianChart/components/YAxis/YAxis.mjs +17 -0
  34. package/dist/js/packages/components/src/components/CartesianChart/components/YAxis/YAxis.mjs.map +1 -1
  35. package/dist/js/packages/components/src/components/CartesianChart/components/YAxis/types.mjs +27 -0
  36. package/dist/js/packages/components/src/components/CartesianChart/components/YAxis/types.mjs.map +1 -0
  37. package/dist/types/components/CartesianChart/CartesianChart.d.ts +16 -2
  38. package/dist/types/components/CartesianChart/CartesianChart.d.ts.map +1 -1
  39. package/dist/types/components/CartesianChart/components/Area/Area.d.ts +5 -2
  40. package/dist/types/components/CartesianChart/components/Area/Area.d.ts.map +1 -1
  41. package/dist/types/components/CartesianChart/components/AreaDot/AreaDot.d.ts +4 -2
  42. package/dist/types/components/CartesianChart/components/AreaDot/AreaDot.d.ts.map +1 -1
  43. package/dist/types/components/CartesianChart/components/CartesianGrid/CartesianGrid.d.ts +8 -6
  44. package/dist/types/components/CartesianChart/components/CartesianGrid/CartesianGrid.d.ts.map +1 -1
  45. package/dist/types/components/CartesianChart/components/CartesianGrid/index.d.ts +1 -0
  46. package/dist/types/components/CartesianChart/components/CartesianGrid/index.d.ts.map +1 -1
  47. package/dist/types/components/CartesianChart/components/ChartGrid/ChartGrid.d.ts +8 -0
  48. package/dist/types/components/CartesianChart/components/ChartGrid/ChartGrid.d.ts.map +1 -0
  49. package/dist/types/components/CartesianChart/components/ChartGrid/index.d.ts +2 -0
  50. package/dist/types/components/CartesianChart/components/ChartGrid/index.d.ts.map +1 -0
  51. package/dist/types/components/CartesianChart/components/ChartGrid/view.d.ts +8 -0
  52. package/dist/types/components/CartesianChart/components/ChartGrid/view.d.ts.map +1 -0
  53. package/dist/types/components/CartesianChart/components/ChartLegend/ChartLegend.d.ts +2 -1
  54. package/dist/types/components/CartesianChart/components/ChartLegend/ChartLegend.d.ts.map +1 -1
  55. package/dist/types/components/CartesianChart/components/ChartTooltip/ChartTooltip.d.ts +15 -7
  56. package/dist/types/components/CartesianChart/components/ChartTooltip/ChartTooltip.d.ts.map +1 -1
  57. package/dist/types/components/CartesianChart/components/ChartTooltip/TooltipContent.d.ts +7 -1
  58. package/dist/types/components/CartesianChart/components/ChartTooltip/TooltipContent.d.ts.map +1 -1
  59. package/dist/types/components/CartesianChart/components/ChartTooltip/TooltipProgressBar.d.ts +3 -1
  60. package/dist/types/components/CartesianChart/components/ChartTooltip/TooltipProgressBar.d.ts.map +1 -1
  61. package/dist/types/components/CartesianChart/components/Line/Line.d.ts +5 -2
  62. package/dist/types/components/CartesianChart/components/Line/Line.d.ts.map +1 -1
  63. package/dist/types/components/CartesianChart/components/XAxis/XAxis.d.ts +6 -1
  64. package/dist/types/components/CartesianChart/components/XAxis/XAxis.d.ts.map +1 -1
  65. package/dist/types/components/CartesianChart/components/XAxis/types.d.ts +5 -0
  66. package/dist/types/components/CartesianChart/components/XAxis/types.d.ts.map +1 -0
  67. package/dist/types/components/CartesianChart/components/YAxis/YAxis.d.ts +6 -1
  68. package/dist/types/components/CartesianChart/components/YAxis/YAxis.d.ts.map +1 -1
  69. package/dist/types/components/CartesianChart/components/YAxis/types.d.ts +5 -0
  70. package/dist/types/components/CartesianChart/components/YAxis/types.d.ts.map +1 -0
  71. package/dist/types/components/CartesianChart/index.d.ts +4 -1
  72. package/dist/types/components/CartesianChart/index.d.ts.map +1 -1
  73. package/dist/types/components/CartesianChart/stories/Default.stories.d.ts +1 -0
  74. package/dist/types/components/CartesianChart/stories/Default.stories.d.ts.map +1 -1
  75. package/dist/types/views/ChartGridView.d.ts +5 -0
  76. package/dist/types/views/ChartGridView.d.ts.map +1 -0
  77. package/package.json +6 -6
@@ -0,0 +1,27 @@
1
+ "use client"
2
+ /* */
3
+ import 'react/jsx-runtime';
4
+ import 'recharts';
5
+ import 'react';
6
+ import 'clsx';
7
+ import 'use-callback-ref';
8
+ import '../../../../views/DivView.mjs';
9
+ import '../../../../lib/tokens/CategoricalColors.mjs';
10
+ import { YAxis } from './YAxis.mjs';
11
+ import '../../../Text/Text.mjs';
12
+ import '@mittwald/react-use-promise';
13
+ import '../../../Heading/Heading.mjs';
14
+ import '../../../../views/SkeletonTextView.mjs';
15
+ import '../../../ProgressBar/ProgressBar.mjs';
16
+ import '../../../Label/Label.mjs';
17
+ import '../../../TranslationProvider/TranslationProvider.mjs';
18
+ import 'remeda';
19
+ import 'intl-messageformat';
20
+ import '@react-aria/i18n';
21
+ import 'react-aria';
22
+ import '../../../../views/LoadingSpinnerView.mjs';
23
+
24
+ const TypedYAxis = () => YAxis;
25
+
26
+ export { TypedYAxis };
27
+ //# sourceMappingURL=types.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.mjs","sources":["../../../../../../../../../src/components/CartesianChart/components/YAxis/types.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type {\n DataKey,\n DataKeyValue,\n} from \"@/components/CartesianChart/CartesianChart\";\n\nimport { YAxis, type YAxisProps } from \"@/components/CartesianChart\";\n\nexport const TypedYAxis = <TData>() =>\n YAxis as <\n const TProp extends DataKey<TData>,\n TMatcherValue = DataKeyValue<TData, TProp>,\n >(\n props: YAxisProps<TData, TProp, TMatcherValue>,\n ) => ReactNode;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAQO,MAAM,aAAa,MACxB;;;;"}
@@ -1,10 +1,14 @@
1
1
  import { ComposedChart } from 'recharts';
2
- import { ComponentProps, FC, PropsWithChildren, ReactNode } from 'react';
2
+ import { default as React, ComponentProps, ComponentType, FC, PropsWithChildren, ReactNode } from 'react';
3
3
  /** @deprecated Use a ReactNode instead */
4
4
  export interface CartesianChartEmptyViewProps {
5
5
  data?: ComponentProps<typeof ComposedChart>["data"];
6
6
  }
7
- export interface CartesianChartProps extends Pick<ComponentProps<typeof ComposedChart>, "data" | "className" | "syncId" | "syncMethod">, PropsWithChildren {
7
+ export type ChartDataValue = Record<string, unknown>;
8
+ export type DataKey<TData> = keyof TData | (() => keyof TData) | number;
9
+ export type DataKeyValue<TData, TDataKey extends DataKey<TData>> = TDataKey extends keyof TData ? TData[TDataKey] : TDataKey extends () => infer K ? K extends keyof TData ? TData[K] : TData[keyof TData] : TData[keyof TData];
10
+ export interface CartesianChartProps<TData = ChartDataValue> extends Pick<ComponentProps<typeof ComposedChart>, "className" | "syncId" | "syncMethod">, PropsWithChildren {
11
+ data?: TData[];
8
12
  height?: string;
9
13
  /** View that is provided when data is empty/undefined */
10
14
  emptyView?: ReactNode;
@@ -16,5 +20,15 @@ export interface CartesianChartProps extends Pick<ComponentProps<typeof Composed
16
20
  }
17
21
  /** @flr-generate all */
18
22
  export declare const CartesianChart: FC<CartesianChartProps>;
23
+ export declare const typedCartesianChart: <TData = ChartDataValue>() => {
24
+ Chart: ComponentType<CartesianChartProps<TData>>;
25
+ Area: React.ComponentType<import('./components/Area').AreaProps<TData>>;
26
+ XAxis: <const TProp extends DataKey<TData>, TMatcherValue = DataKeyValue<TData, TProp>>(props: import('./components/XAxis').XAxisProps<TData, TProp, TMatcherValue>) => ReactNode;
27
+ YAxis: <const TProp extends DataKey<TData>, TMatcherValue_1 = DataKeyValue<TData, TProp>>(props: import('./components/YAxis').YAxisProps<TData, TProp, TMatcherValue_1>) => ReactNode;
28
+ Grid: React.ComponentType<import('./components/ChartGrid').ChartGridProps>;
29
+ Legend: React.ComponentType<import('./components/ChartLegend').ChartLegendProps>;
30
+ Tooltip: React.ComponentType<import('./components/ChartTooltip').ChartTooltipProps<TData>>;
31
+ Line: React.ComponentType<import('./components/Line').LineProps<TData>>;
32
+ };
19
33
  export default CartesianChart;
20
34
  //# sourceMappingURL=CartesianChart.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CartesianChart.d.ts","sourceRoot":"","sources":["../../../../src/components/CartesianChart/CartesianChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAuB,MAAM,UAAU,CAAC;AAC9D,OAAc,EACZ,KAAK,cAAc,EACnB,KAAK,EAAE,EAEP,KAAK,iBAAiB,EACtB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAOf,0CAA0C;AAC1C,MAAM,WAAW,4BAA4B;IAC3C,IAAI,CAAC,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;CACrD;AAED,MAAM,WAAW,mBACf,SACE,IAAI,CACF,cAAc,CAAC,OAAO,aAAa,CAAC,EACpC,MAAM,GAAG,WAAW,GAAG,QAAQ,GAAG,YAAY,CAC/C,EACD,iBAAiB;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,yDAAyD;IACzD,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAwB;AACxB,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAuDlD,CAAC;AAEF,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"CartesianChart.d.ts","sourceRoot":"","sources":["../../../../src/components/CartesianChart/CartesianChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAuB,MAAM,UAAU,CAAC;AAC9D,OAAO,KAAK,EAAE,EACZ,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,KAAK,EAAE,EAEP,KAAK,iBAAiB,EACtB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAef,0CAA0C;AAC1C,MAAM,WAAW,4BAA4B;IAC3C,IAAI,CAAC,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;CACrD;AAED,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AACrD,MAAM,MAAM,OAAO,CAAC,KAAK,IAAI,MAAM,KAAK,GAAG,CAAC,MAAM,MAAM,KAAK,CAAC,GAAG,MAAM,CAAC;AACxE,MAAM,MAAM,YAAY,CACtB,KAAK,EACL,QAAQ,SAAS,OAAO,CAAC,KAAK,CAAC,IAC7B,QAAQ,SAAS,MAAM,KAAK,GAC5B,KAAK,CAAC,QAAQ,CAAC,GACf,QAAQ,SAAS,MAAM,MAAM,CAAC,GAC5B,CAAC,SAAS,MAAM,KAAK,GACnB,KAAK,CAAC,CAAC,CAAC,GACR,KAAK,CAAC,MAAM,KAAK,CAAC,GACpB,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC;AAEzB,MAAM,WAAW,mBAAmB,CAAC,KAAK,GAAG,cAAc,CACzD,SACE,IAAI,CACF,cAAc,CAAC,OAAO,aAAa,CAAC,EACpC,WAAW,GAAG,QAAQ,GAAG,YAAY,CACtC,EACD,iBAAiB;IACnB,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC;IAEf,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,yDAAyD;IACzD,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAwB;AACxB,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAuDlD,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,KAAK,GAAG,cAAc;WAC/B,aAAa,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC;;;;;;;;CAQlE,CAAC;AAEH,eAAe,cAAc,CAAC"}
@@ -1,11 +1,14 @@
1
- import { FC } from 'react';
1
+ import { ComponentType, FC } from 'react';
2
2
  import { CategoricalWithCustomColor } from '../../../../lib/tokens/CategoricalColors';
3
+ import { ChartDataValue, DataKey } from '../../CartesianChart';
3
4
  import * as Recharts from "recharts";
4
- export interface AreaProps extends Pick<Recharts.AreaProps, "className" | "dataKey" | "stackId" | "fillOpacity" | "key" | "xAxisId" | "yAxisId" | "type" | "unit"> {
5
+ export interface AreaProps<TData = ChartDataValue> extends Pick<Recharts.AreaProps, "className" | "stackId" | "fillOpacity" | "key" | "xAxisId" | "yAxisId" | "type" | "unit"> {
6
+ dataKey: DataKey<TData>;
5
7
  /** The color of the area. @default "sea-green" */
6
8
  color?: CategoricalWithCustomColor;
7
9
  }
8
10
  /** @flr-generate all */
9
11
  export declare const Area: FC<AreaProps>;
12
+ export declare const TypedArea: <T = ChartDataValue>() => ComponentType<AreaProps<T>>;
10
13
  export default Area;
11
14
  //# sourceMappingURL=Area.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Area.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CartesianChart/components/Area/Area.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AAGrC,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAGjF,MAAM,WAAW,SAAU,SAAQ,IAAI,CACrC,QAAQ,CAAC,SAAS,EAChB,WAAW,GACX,SAAS,GACT,SAAS,GACT,aAAa,GACb,KAAK,GACL,SAAS,GACT,SAAS,GACT,MAAM,GACN,MAAM,CACT;IACC,kDAAkD;IAClD,KAAK,CAAC,EAAE,0BAA0B,CAAC;CACpC;AAED,wBAAwB;AACxB,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAuB9B,CAAC;AAEF,eAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"Area.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CartesianChart/components/Area/Area.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AAGrC,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAEjF,OAAO,KAAK,EACV,cAAc,EACd,OAAO,EACR,MAAM,4CAA4C,CAAC;AAEpD,MAAM,WAAW,SAAS,CAAC,KAAK,GAAG,cAAc,CAAE,SAAQ,IAAI,CAC7D,QAAQ,CAAC,SAAS,EAChB,WAAW,GACX,SAAS,GACT,aAAa,GACb,KAAK,GACL,SAAS,GACT,SAAS,GACT,MAAM,GACN,MAAM,CACT;IACC,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACxB,kDAAkD;IAClD,KAAK,CAAC,EAAE,0BAA0B,CAAC;CACpC;AAED,wBAAwB;AACxB,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAuB9B,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,CAAC,GAAG,cAAc,OAClC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;AAEtC,eAAe,IAAI,CAAC"}
@@ -1,6 +1,8 @@
1
1
  import { FC } from 'react';
2
2
  import type * as Recharts from "recharts";
3
- export declare const AreaDot: FC<Recharts.DotProps & {
3
+ export interface AreaDotProps extends Recharts.DotProps {
4
4
  color: string;
5
- }>;
5
+ }
6
+ export declare const AreaDot: FC<AreaDotProps>;
7
+ export default AreaDot;
6
8
  //# sourceMappingURL=AreaDot.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"AreaDot.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CartesianChart/components/AreaDot/AreaDot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,KAAK,QAAQ,MAAM,UAAU,CAAC;AAE1C,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,QAAQ,CAAC,QAAQ,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAqB7D,CAAC"}
1
+ {"version":3,"file":"AreaDot.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CartesianChart/components/AreaDot/AreaDot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,KAAK,QAAQ,MAAM,UAAU,CAAC;AAE1C,MAAM,WAAW,YAAa,SAAQ,QAAQ,CAAC,QAAQ;IACrD,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAiBpC,CAAC;AAEF,eAAe,OAAO,CAAC"}
@@ -1,7 +1,9 @@
1
- import { FC } from 'react';
2
- import * as Recharts from "recharts";
3
- export type CartesianGridProps = Pick<Recharts.CartesianGridProps, "className" | "vertical" | "horizontal" | "strokeDasharray">;
4
- /** @flr-generate all */
5
- export declare const CartesianGrid: FC<CartesianGridProps>;
6
- export default CartesianGrid;
1
+ import { ChartGridProps } from '../..';
2
+ /** @deprecated Use ChartGridProps */
3
+ export type CartesianGridProps = ChartGridProps;
4
+ /**
5
+ * @deprecated Use ChartGrid
6
+ * @flr-generate all
7
+ */
8
+ export declare const CartesianGrid: import('react').FC<ChartGridProps>;
7
9
  //# sourceMappingURL=CartesianGrid.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CartesianGrid.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CartesianChart/components/CartesianGrid/CartesianGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AAGrC,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,QAAQ,CAAC,kBAAkB,EAC3B,WAAW,GAAG,UAAU,GAAG,YAAY,GAAG,iBAAiB,CAC5D,CAAC;AAEF,wBAAwB;AACxB,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAWhD,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"CartesianGrid.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CartesianChart/components/CartesianGrid/CartesianGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAE7E,qCAAqC;AACrC,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC;AAEhD;;;GAGG;AACH,eAAO,MAAM,aAAa,oCAAY,CAAC"}
@@ -1,2 +1,3 @@
1
1
  export * from './CartesianGrid';
2
+ export * from './view';
2
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CartesianChart/components/CartesianGrid/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CartesianChart/components/CartesianGrid/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC"}
@@ -0,0 +1,8 @@
1
+ import { ComponentType, FC } from 'react';
2
+ import * as Recharts from "recharts";
3
+ export type ChartGridProps = Pick<Recharts.CartesianGridProps, "className" | "vertical" | "horizontal" | "strokeDasharray">;
4
+ /** @flr-generate all */
5
+ export declare const ChartGrid: FC<ChartGridProps>;
6
+ export declare const TypedChartGrid: () => ComponentType<ChartGridProps>;
7
+ export default ChartGrid;
8
+ //# sourceMappingURL=ChartGrid.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ChartGrid.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CartesianChart/components/ChartGrid/ChartGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AAGrC,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,QAAQ,CAAC,kBAAkB,EAC3B,WAAW,GAAG,UAAU,GAAG,YAAY,GAAG,iBAAiB,CAC5D,CAAC;AAEF,wBAAwB;AACxB,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAWxC,CAAC;AAEF,eAAO,MAAM,cAAc,QAAsB,aAAa,CAAC,cAAc,CAAC,CAAC;AAE/E,eAAe,SAAS,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './ChartGrid';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CartesianChart/components/ChartGrid/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
@@ -0,0 +1,8 @@
1
+ import { ChartGrid } from './ChartGrid';
2
+ import { ViewComponent } from '../../../../lib/viewComponentContext';
3
+ declare global {
4
+ interface FlowViewComponents {
5
+ ChartGrid: ViewComponent<typeof ChartGrid>;
6
+ }
7
+ }
8
+ //# sourceMappingURL=view.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CartesianChart/components/ChartGrid/view.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAEhE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,kBAAkB;QAC1B,SAAS,EAAE,aAAa,CAAC,OAAO,SAAS,CAAC,CAAC;KAC5C;CACF"}
@@ -1,4 +1,4 @@
1
- import { FC } from 'react';
1
+ import { ComponentType, FC } from 'react';
2
2
  import * as Recharts from "recharts";
3
3
  export type ChartLegendFormatter = (text: string) => string;
4
4
  export interface WithChartLegendFormatters {
@@ -11,5 +11,6 @@ export interface WithChartLegendFormatters {
11
11
  export type ChartLegendProps = Pick<Recharts.LegendProps, "className" | "verticalAlign"> & WithChartLegendFormatters;
12
12
  /** @flr-generate all */
13
13
  export declare const ChartLegend: FC<ChartLegendProps>;
14
+ export declare const TypedChartLegend: () => ComponentType<ChartLegendProps>;
14
15
  export default ChartLegend;
15
16
  //# sourceMappingURL=ChartLegend.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ChartLegend.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CartesianChart/components/ChartLegend/ChartLegend.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AAGrC,MAAM,MAAM,oBAAoB,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;AAE5D,MAAM,WAAW,yBAAyB;IACxC;;;OAGG;IACH,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAClC;AAED,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,QAAQ,CAAC,WAAW,EACpB,WAAW,GAAG,eAAe,CAC9B,GACC,yBAAyB,CAAC;AAE5B,wBAAwB;AACxB,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAS5C,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"ChartLegend.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CartesianChart/components/ChartLegend/ChartLegend.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AAGrC,MAAM,MAAM,oBAAoB,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;AAE5D,MAAM,WAAW,yBAAyB;IACxC;;;OAGG;IACH,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAClC;AAED,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,QAAQ,CAAC,WAAW,EACpB,WAAW,GAAG,eAAe,CAC9B,GACC,yBAAyB,CAAC;AAE5B,wBAAwB;AACxB,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAS5C,CAAC;AAEF,eAAO,MAAM,gBAAgB,QACZ,aAAa,CAAC,gBAAgB,CAAC,CAAC;AAEjD,eAAe,WAAW,CAAC"}
@@ -1,26 +1,34 @@
1
- import { FC } from 'react';
1
+ import { ComponentType, FC } from 'react';
2
2
  import { TooltipProps } from 'recharts';
3
3
  import { NameType, ValueType } from 'recharts/types/component/DefaultTooltipContent';
4
4
  import { TooltipPayloadItem } from './TooltipLegendItem';
5
- export type TooltipLineFormatter = (value: TooltipPayloadItem["value"], name: TooltipPayloadItem["dataKey"], index: number, unit?: TooltipPayloadItem["unit"]) => Promise<string> | string;
6
- export type TooltipHeadingFormatter = (title: string | number | undefined) => Promise<string> | string;
7
- export interface WithTooltipFormatters {
5
+ import { ChartDataValue } from '../../CartesianChart';
6
+ export type TooltipLineFormatter<TData> = (value: TData[keyof TData], name: keyof TData, index: number, unit?: TooltipPayloadItem["unit"]) => Promise<string> | string;
7
+ export type TooltipHeadingFormatter<TData> = (title: TData[keyof TData]) => Promise<string> | string;
8
+ export type TooltipLProgressBarFormatter<TData> = (value: TData[keyof TData], unit?: TooltipPayloadItem["unit"]) => Promise<string> | string;
9
+ export interface WithTooltipFormatters<TData> {
8
10
  /**
9
11
  * A formatter function for the lines in the tooltip. Can be used for purposes
10
12
  * like translations.
11
13
  */
12
- formatter?: TooltipLineFormatter;
14
+ formatter?: TooltipLineFormatter<TData>;
13
15
  /**
14
16
  * A formatter function for the heading of the tooltip. Can be used for
15
17
  * purposes like translations.
16
18
  */
17
- headingFormatter?: TooltipHeadingFormatter;
19
+ headingFormatter?: TooltipHeadingFormatter<TData>;
20
+ /**
21
+ * A formatter function for the progressBar of the tooltip. Can be used for
22
+ * purposes like translations.
23
+ */
24
+ progressBarFormatter?: TooltipLProgressBarFormatter<TData>;
18
25
  }
19
- export interface ChartTooltipProps extends Pick<TooltipProps<ValueType, NameType>, "wrapperClassName" | "allowEscapeViewBox">, WithTooltipFormatters {
26
+ export interface ChartTooltipProps<TData = ChartDataValue> extends Pick<TooltipProps<ValueType, NameType>, "wrapperClassName" | "allowEscapeViewBox">, WithTooltipFormatters<TData> {
20
27
  /** Show progress bar for stacked areas @default "true" */
21
28
  showProgressBar?: boolean;
22
29
  }
23
30
  /** @flr-generate all */
24
31
  export declare const ChartTooltip: FC<ChartTooltipProps>;
32
+ export declare const TypedChartTooltip: <T = ChartDataValue>() => ComponentType<ChartTooltipProps<T>>;
25
33
  export default ChartTooltip;
26
34
  //# sourceMappingURL=ChartTooltip.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ChartTooltip.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CartesianChart/components/ChartTooltip/ChartTooltip.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAY,MAAM,OAAO,CAAC;AACjD,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AACtD,OAAO,KAAK,EACV,QAAQ,EACR,SAAS,EACV,MAAM,gDAAgD,CAAC;AACxD,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,uEAAuE,CAAC;AAMhH,MAAM,MAAM,oBAAoB,GAAG,CACjC,KAAK,EAAE,kBAAkB,CAAC,OAAO,CAAC,EAClC,IAAI,EAAE,kBAAkB,CAAC,SAAS,CAAC,EACnC,KAAK,EAAE,MAAM,EACb,IAAI,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,KAC9B,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC;AAE9B,MAAM,MAAM,uBAAuB,GAAG,CACpC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,KAC/B,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC;AAE9B,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,uBAAuB,CAAC;CAC5C;AAED,MAAM,WAAW,iBACf,SACE,IAAI,CACF,YAAY,CAAC,SAAS,EAAE,QAAQ,CAAC,EACjC,kBAAkB,GAAG,oBAAoB,CAC1C,EACD,qBAAqB;IACvB,0DAA0D;IAC1D,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,wBAAwB;AACxB,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAiC9C,CAAC;AAEF,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"ChartTooltip.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CartesianChart/components/ChartTooltip/ChartTooltip.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,aAAa,EAAE,KAAK,EAAE,EAAY,MAAM,OAAO,CAAC;AACrE,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AACtD,OAAO,KAAK,EACV,QAAQ,EACR,SAAS,EACV,MAAM,gDAAgD,CAAC;AACxD,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,uEAAuE,CAAC;AAKhH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAEjF,MAAM,MAAM,oBAAoB,CAAC,KAAK,IAAI,CACxC,KAAK,EAAE,KAAK,CAAC,MAAM,KAAK,CAAC,EACzB,IAAI,EAAE,MAAM,KAAK,EACjB,KAAK,EAAE,MAAM,EACb,IAAI,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,KAC9B,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC;AAE9B,MAAM,MAAM,uBAAuB,CAAC,KAAK,IAAI,CAC3C,KAAK,EAAE,KAAK,CAAC,MAAM,KAAK,CAAC,KACtB,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC;AAE9B,MAAM,MAAM,4BAA4B,CAAC,KAAK,IAAI,CAChD,KAAK,EAAE,KAAK,CAAC,MAAM,KAAK,CAAC,EACzB,IAAI,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,KAC9B,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC;AAE9B,MAAM,WAAW,qBAAqB,CAAC,KAAK;IAC1C;;;OAGG;IACH,SAAS,CAAC,EAAE,oBAAoB,CAAC,KAAK,CAAC,CAAC;IACxC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC;IAClD;;;OAGG;IACH,oBAAoB,CAAC,EAAE,4BAA4B,CAAC,KAAK,CAAC,CAAC;CAC5D;AAED,MAAM,WAAW,iBAAiB,CAAC,KAAK,GAAG,cAAc,CACvD,SACE,IAAI,CACF,YAAY,CAAC,SAAS,EAAE,QAAQ,CAAC,EACjC,kBAAkB,GAAG,oBAAoB,CAC1C,EACD,qBAAqB,CAAC,KAAK,CAAC;IAC9B,0DAA0D;IAC1D,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,wBAAwB;AACxB,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAiC9C,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,CAAC,GAAG,cAAc,OAClC,aAAa,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAEtD,eAAe,YAAY,CAAC"}
@@ -1,2 +1,8 @@
1
- export {};
1
+ import { TooltipContentProps as RechartTooltipContentProps } from 'recharts';
2
+ import { NameType, ValueType } from 'recharts/types/component/DefaultTooltipContent';
3
+ import { WithTooltipFormatters } from '../..';
4
+ import { ChartDataValue } from '../../CartesianChart';
5
+ export interface TooltipContentProps<TData = ChartDataValue> extends WithTooltipFormatters<TData>, Omit<RechartTooltipContentProps<ValueType, NameType>, "formatter"> {
6
+ showProgressBar?: boolean;
7
+ }
2
8
  //# sourceMappingURL=TooltipContent.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TooltipContent.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CartesianChart/components/ChartTooltip/TooltipContent.tsx"],"names":[],"mappings":""}
1
+ {"version":3,"file":"TooltipContent.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CartesianChart/components/ChartTooltip/TooltipContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,IAAI,0BAA0B,EAAE,MAAM,UAAU,CAAC;AAClF,OAAO,KAAK,EACV,QAAQ,EACR,SAAS,EACV,MAAM,gDAAgD,CAAC;AAGxD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAKzE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAEjF,MAAM,WAAW,mBAAmB,CAAC,KAAK,GAAG,cAAc,CACzD,SACE,qBAAqB,CAAC,KAAK,CAAC,EAC5B,IAAI,CAAC,0BAA0B,CAAC,SAAS,EAAE,QAAQ,CAAC,EAAE,WAAW,CAAC;IACpE,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B"}
@@ -1,6 +1,8 @@
1
1
  import { FC } from 'react';
2
2
  import { TooltipPayloadItem } from './TooltipLegendItem';
3
- interface TooltipProgressBarProps {
3
+ import { WithTooltipFormatters } from '../..';
4
+ import { ChartDataValue } from '../../CartesianChart';
5
+ interface TooltipProgressBarProps<TData = ChartDataValue> extends Pick<WithTooltipFormatters<TData>, "progressBarFormatter"> {
4
6
  items: TooltipPayloadItem[];
5
7
  }
6
8
  export declare const TooltipProgressBar: FC<TooltipProgressBarProps>;
@@ -1 +1 @@
1
- {"version":3,"file":"TooltipProgressBar.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CartesianChart/components/ChartTooltip/TooltipProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uEAAuE,CAAC;AAKhH,UAAU,uBAAuB;IAC/B,KAAK,EAAE,kBAAkB,EAAE,CAAC;CAC7B;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAkC1D,CAAC"}
1
+ {"version":3,"file":"TooltipProgressBar.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CartesianChart/components/ChartTooltip/TooltipProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uEAAuE,CAAC;AAGhH,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEzE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAGjF,UAAU,uBAAuB,CAAC,KAAK,GAAG,cAAc,CAAE,SAAQ,IAAI,CACpE,qBAAqB,CAAC,KAAK,CAAC,EAC5B,sBAAsB,CACvB;IACC,KAAK,EAAE,kBAAkB,EAAE,CAAC;CAC7B;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAgD1D,CAAC"}
@@ -1,11 +1,14 @@
1
- import { FC } from 'react';
1
+ import { ComponentType, FC } from 'react';
2
2
  import { CategoricalWithCustomColor } from '../../../../lib/tokens/CategoricalColors';
3
+ import { ChartDataValue, DataKey } from '../../CartesianChart';
3
4
  import * as Recharts from "recharts";
4
- export interface LineProps extends Pick<Recharts.LineProps, "className" | "dataKey" | "key" | "xAxisId" | "yAxisId" | "type" | "unit"> {
5
+ export interface LineProps<TData = ChartDataValue> extends Pick<Recharts.LineProps, "className" | "key" | "xAxisId" | "yAxisId" | "type" | "unit"> {
6
+ dataKey?: DataKey<TData>;
5
7
  /** The color of the line. @default "sea-green" */
6
8
  color?: CategoricalWithCustomColor;
7
9
  }
8
10
  /** @flr-generate all */
9
11
  export declare const Line: FC<LineProps>;
12
+ export declare const TypedLine: <T = ChartDataValue>() => ComponentType<LineProps<T>>;
10
13
  export default Line;
11
14
  //# sourceMappingURL=Line.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Line.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CartesianChart/components/Line/Line.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AAGrC,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAGjF,MAAM,WAAW,SAAU,SAAQ,IAAI,CACrC,QAAQ,CAAC,SAAS,EAClB,WAAW,GAAG,SAAS,GAAG,KAAK,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAC1E;IACC,kDAAkD;IAClD,KAAK,CAAC,EAAE,0BAA0B,CAAC;CACpC;AAED,wBAAwB;AACxB,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAiB9B,CAAC;AAEF,eAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"Line.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CartesianChart/components/Line/Line.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AAGrC,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAEjF,OAAO,KAAK,EACV,cAAc,EACd,OAAO,EACR,MAAM,4CAA4C,CAAC;AAEpD,MAAM,WAAW,SAAS,CAAC,KAAK,GAAG,cAAc,CAAE,SAAQ,IAAI,CAC7D,QAAQ,CAAC,SAAS,EAClB,WAAW,GAAG,KAAK,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAC9D;IACC,OAAO,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACzB,kDAAkD;IAClD,KAAK,CAAC,EAAE,0BAA0B,CAAC;CACpC;AAED,wBAAwB;AACxB,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAiB9B,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,CAAC,GAAG,cAAc,OAClC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;AAEtC,eAAe,IAAI,CAAC"}
@@ -1,7 +1,12 @@
1
1
  import { FC } from 'react';
2
+ import { ChartDataValue, DataKey, DataKeyValue } from '../../CartesianChart';
2
3
  import * as Recharts from "recharts";
3
- export type XAxisProps = Pick<Recharts.XAxisProps, "className" | "dataKey" | "orientation" | "allowDecimals" | "allowDataOverflow" | "interval" | "minTickGap" | "scale" | "type" | "domain" | "hide" | "unit" | "tickFormatter">;
4
+ export type XAxisProps<TData = ChartDataValue, TDataKey extends DataKey<TData> = DataKey<TData>, TDataMatch = DataKeyValue<TData, TDataKey>> = Pick<Recharts.XAxisProps, "className" | "orientation" | "allowDecimals" | "allowDataOverflow" | "interval" | "minTickGap" | "scale" | "type" | "domain" | "hide" | "unit"> & {
5
+ dataKey?: TDataKey;
6
+ tickFormatter?: (value: TDataMatch, index: number) => string;
7
+ };
4
8
  /** @flr-generate all */
5
9
  export declare const XAxis: FC<XAxisProps>;
10
+ export { TypedXAxis } from './types';
6
11
  export default XAxis;
7
12
  //# sourceMappingURL=XAxis.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"XAxis.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CartesianChart/components/XAxis/XAxis.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AAGrC,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,QAAQ,CAAC,UAAU,EACjB,WAAW,GACX,SAAS,GACT,aAAa,GACb,eAAe,GACf,mBAAmB,GACnB,UAAU,GACV,YAAY,GACZ,OAAO,GACP,MAAM,GACN,QAAQ,GACR,MAAM,GACN,MAAM,GACN,eAAe,CAClB,CAAC;AAEF,wBAAwB;AACxB,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAYhC,CAAC;AAEF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"XAxis.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CartesianChart/components/XAxis/XAxis.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AAErC,OAAO,KAAK,EACV,cAAc,EACd,OAAO,EACP,YAAY,EACb,MAAM,4CAA4C,CAAC;AAEpD,MAAM,MAAM,UAAU,CACpB,KAAK,GAAG,cAAc,EACtB,QAAQ,SAAS,OAAO,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,EAChD,UAAU,GAAG,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,IACxC,IAAI,CACN,QAAQ,CAAC,UAAU,EACjB,WAAW,GACX,aAAa,GACb,eAAe,GACf,mBAAmB,GACnB,UAAU,GACV,YAAY,GACZ,OAAO,GACP,MAAM,GACN,QAAQ,GACR,MAAM,GACN,MAAM,CACT,GAAG;IACF,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAC9D,CAAC;AAEF,wBAAwB;AACxB,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAYhC,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,eAAe,KAAK,CAAC"}
@@ -0,0 +1,5 @@
1
+ import { ReactNode } from 'react';
2
+ import { DataKey, DataKeyValue } from '../../CartesianChart';
3
+ import { XAxisProps } from '../..';
4
+ export declare const TypedXAxis: <TData>() => <const TProp extends DataKey<TData>, TMatcherValue = DataKeyValue<TData, TProp>>(props: XAxisProps<TData, TProp, TMatcherValue>) => ReactNode;
5
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CartesianChart/components/XAxis/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EACV,OAAO,EACP,YAAY,EACb,MAAM,4CAA4C,CAAC;AAEpD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAErE,eAAO,MAAM,UAAU,GAAI,KAAK,OACrB,CACP,KAAK,CAAC,KAAK,SAAS,OAAO,CAAC,KAAK,CAAC,EAClC,aAAa,GAAG,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,EAE1C,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,aAAa,CAAC,KAC3C,SAAS,CAAC"}
@@ -1,7 +1,12 @@
1
1
  import { FC } from 'react';
2
+ import { ChartDataValue, DataKey, DataKeyValue } from '../../CartesianChart';
2
3
  import * as Recharts from "recharts";
3
- export type YAxisProps = Pick<Recharts.YAxisProps, "className" | "dataKey" | "orientation" | "allowDecimals" | "interval" | "minTickGap" | "scale" | "type" | "domain" | "hide" | "unit" | "tickFormatter">;
4
+ export type YAxisProps<TData = ChartDataValue, TDataKey extends DataKey<TData> = DataKey<TData>, TDataMatch = DataKeyValue<TData, TDataKey>> = Pick<Recharts.YAxisProps, "className" | "orientation" | "allowDecimals" | "interval" | "minTickGap" | "scale" | "type" | "domain" | "hide" | "unit"> & {
5
+ dataKey?: TDataKey;
6
+ tickFormatter?: (value: TDataMatch, index: number) => string;
7
+ };
4
8
  /** @flr-generate all */
5
9
  export declare const YAxis: FC<YAxisProps>;
10
+ export { TypedYAxis } from './types';
6
11
  export default YAxis;
7
12
  //# sourceMappingURL=YAxis.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"YAxis.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CartesianChart/components/YAxis/YAxis.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AAGrC,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,QAAQ,CAAC,UAAU,EACjB,WAAW,GACX,SAAS,GACT,aAAa,GACb,eAAe,GACf,UAAU,GACV,YAAY,GACZ,OAAO,GACP,MAAM,GACN,QAAQ,GACR,MAAM,GACN,MAAM,GACN,eAAe,CAClB,CAAC;AAEF,wBAAwB;AACxB,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAgBhC,CAAC;AAEF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"YAxis.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CartesianChart/components/YAxis/YAxis.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AAErC,OAAO,KAAK,EACV,cAAc,EACd,OAAO,EACP,YAAY,EACb,MAAM,4CAA4C,CAAC;AAEpD,MAAM,MAAM,UAAU,CACpB,KAAK,GAAG,cAAc,EACtB,QAAQ,SAAS,OAAO,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,EAChD,UAAU,GAAG,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,IACxC,IAAI,CACN,QAAQ,CAAC,UAAU,EACjB,WAAW,GACX,aAAa,GACb,eAAe,GACf,UAAU,GACV,YAAY,GACZ,OAAO,GACP,MAAM,GACN,QAAQ,GACR,MAAM,GACN,MAAM,CACT,GAAG;IACF,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAC9D,CAAC;AAEF,wBAAwB;AACxB,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAgBhC,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,eAAe,KAAK,CAAC"}
@@ -0,0 +1,5 @@
1
+ import { ReactNode } from 'react';
2
+ import { DataKey, DataKeyValue } from '../../CartesianChart';
3
+ import { YAxisProps } from '../..';
4
+ export declare const TypedYAxis: <TData>() => <const TProp extends DataKey<TData>, TMatcherValue = DataKeyValue<TData, TProp>>(props: YAxisProps<TData, TProp, TMatcherValue>) => ReactNode;
5
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CartesianChart/components/YAxis/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EACV,OAAO,EACP,YAAY,EACb,MAAM,4CAA4C,CAAC;AAEpD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAErE,eAAO,MAAM,UAAU,GAAI,KAAK,OACrB,CACP,KAAK,CAAC,KAAK,SAAS,OAAO,CAAC,KAAK,CAAC,EAClC,aAAa,GAAG,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,EAE1C,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,aAAa,CAAC,KAC3C,SAAS,CAAC"}
@@ -1,8 +1,11 @@
1
1
  export { default } from './CartesianChart';
2
- export { type CartesianChartProps, CartesianChart, type CartesianChartEmptyViewProps, } from './CartesianChart';
2
+ export { type CartesianChartProps, CartesianChart, type CartesianChartEmptyViewProps, typedCartesianChart, } from './CartesianChart';
3
+ export * from './view';
3
4
  export * from './components/Area';
5
+ export * from './components/AreaDot';
4
6
  export * from './components/Line';
5
7
  export * from './components/ChartTooltip';
8
+ export * from './components/ChartGrid';
6
9
  export * from './components/CartesianGrid';
7
10
  export * from './components/ChartLegend';
8
11
  export * from './components/YAxis';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/CartesianChart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,OAAO,EACL,KAAK,mBAAmB,EACxB,cAAc,EACd,KAAK,4BAA4B,GAClC,MAAM,kBAAkB,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/CartesianChart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,OAAO,EACL,KAAK,mBAAmB,EACxB,cAAc,EACd,KAAK,4BAA4B,EACjC,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC"}
@@ -7,4 +7,5 @@ export declare const Default: Story;
7
7
  export declare const MultipleSynced: Story;
8
8
  export declare const WithEmptyView: Story;
9
9
  export declare const WithLine: Story;
10
+ export declare const WithIntlNumberFormat: Story;
10
11
  //# sourceMappingURL=Default.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/CartesianChart/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAyD/C,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAE7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAUrC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,KAarB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAyB5B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAsB3B,CAAC;AA8BF,eAAO,MAAM,QAAQ,EAAE,KAuBtB,CAAC"}
1
+ {"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/CartesianChart/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,cAAuC,MAAM,mBAAmB,CAAC;AAuDxE,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAE7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAUrC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,KAarB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAyB5B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAsB3B,CAAC;AA8BF,eAAO,MAAM,QAAQ,EAAE,KAuEtB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAyClC,CAAC"}
@@ -0,0 +1,5 @@
1
+ import { FC } from 'react';
2
+ import { ChartGridProps } from '../components/CartesianChart/components/ChartGrid/ChartGrid';
3
+ declare const ChartGridView: FC<ChartGridProps>;
4
+ export default ChartGridView;
5
+ //# sourceMappingURL=ChartGridView.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ChartGridView.d.ts","sourceRoot":"","sources":["../../../src/views/ChartGridView.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAQ,KAAK,EAAE,EAAc,MAAM,OAAO,CAAC;AACzD,OAAO,EAEL,KAAK,cAAc,EACpB,MAAM,4DAA4D,CAAC;AAGpE,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,cAAc,CAGpC,CAAC;AAGH,eAAe,aAAa,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mittwald/flow-react-components",
3
- "version": "0.2.0-alpha.797",
3
+ "version": "0.2.0-alpha.799",
4
4
  "type": "module",
5
5
  "description": "A React implementation of Flow, mittwald’s design system",
6
6
  "homepage": "https://mittwald.github.io/flow",
@@ -60,9 +60,9 @@
60
60
  "@codemirror/lint": "^6.9.5",
61
61
  "@internationalized/string": "^3.2.7",
62
62
  "@lezer/highlight": "^1.2.3",
63
- "@mittwald/flow-icons": "0.2.0-alpha.797",
63
+ "@mittwald/flow-icons": "0.2.0-alpha.799",
64
64
  "@mittwald/password-tools-js": "3.0.0-alpha.18",
65
- "@mittwald/react-tunnel": "0.2.0-alpha.797",
65
+ "@mittwald/react-tunnel": "0.2.0-alpha.799",
66
66
  "@mittwald/react-use-promise": "^4.2.2",
67
67
  "@react-aria/form": "^3.1.3",
68
68
  "@react-aria/i18n": "^3.12.16",
@@ -116,7 +116,7 @@
116
116
  "@lezer/generator": "^1.8.0",
117
117
  "@lezer/lr": "^1.4.8",
118
118
  "@mittwald/flow-core": "",
119
- "@mittwald/flow-design-tokens": "0.2.0-alpha.797",
119
+ "@mittwald/flow-design-tokens": "0.2.0-alpha.799",
120
120
  "@mittwald/flow-icons-base": "",
121
121
  "@mittwald/react-use-promise": "^4.2.2",
122
122
  "@mittwald/remote-dom-react": "1.2.2-mittwald.10",
@@ -169,7 +169,7 @@
169
169
  },
170
170
  "peerDependencies": {
171
171
  "@internationalized/date": "^3.10.0",
172
- "@mittwald/flow-icons-pro": "0.2.0-alpha.796",
172
+ "@mittwald/flow-icons-pro": "0.2.0-alpha.798",
173
173
  "@mittwald/react-use-promise": "^4.2.2",
174
174
  "next": "*",
175
175
  "react": "^19.2.0",
@@ -190,5 +190,5 @@
190
190
  "optional": true
191
191
  }
192
192
  },
193
- "gitHead": "6187e25f7a3ae5f20478a3ed45a53acab9dea763"
193
+ "gitHead": "f9d635e9cc3a674748e740c221c290be49bd269d"
194
194
  }