@spteck/fluentui-react-charts 0.1.8 → 1.0.0

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 (39) hide show
  1. package/dist/components/RenderLabel/RenderLabel.d.ts +8 -0
  2. package/dist/components/RenderLabel/index.d.ts +2 -0
  3. package/dist/components/RenderLabel/useRenderLabelStylesStyles.d.ts +1 -0
  4. package/dist/components/dashboard/DashBoard.d.ts +4 -0
  5. package/dist/components/dashboard/ExampleDashboardUsage.d.ts +6 -0
  6. package/dist/components/dashboard/ICardChartContainer.d.ts +16 -0
  7. package/dist/components/dashboard/IDashboardProps.d.ts +9 -0
  8. package/dist/components/dashboard/NoDashboards.d.ts +5 -0
  9. package/dist/components/dashboard/index.d.ts +3 -0
  10. package/dist/components/dashboard/selectZoom/SelectZoom.d.ts +15 -0
  11. package/dist/components/dashboard/useDashboardStyles.d.ts +7 -0
  12. package/dist/components/index.d.ts +1 -1
  13. package/dist/components/svgImages/BusinessReportIcon.d.ts +9 -0
  14. package/dist/fluentui-react-charts.cjs.development.js +2 -0
  15. package/dist/fluentui-react-charts.cjs.development.js.map +1 -1
  16. package/dist/fluentui-react-charts.cjs.production.min.js +1 -1
  17. package/dist/fluentui-react-charts.cjs.production.min.js.map +1 -1
  18. package/dist/fluentui-react-charts.esm.js +2 -0
  19. package/dist/fluentui-react-charts.esm.js.map +1 -1
  20. package/dist/models/ChartDatum.d.ts +4 -0
  21. package/dist/models/index.d.ts +1 -0
  22. package/package.json +2 -3
  23. package/src/components/RenderLabel/RenderLabel.tsx +39 -0
  24. package/src/components/RenderLabel/index.ts +2 -0
  25. package/src/components/RenderLabel/useRenderLabelStylesStyles.ts +25 -0
  26. package/src/components/dashboard/DashBoard.tsx +220 -0
  27. package/src/components/dashboard/ExampleDashboardUsage.tsx +114 -0
  28. package/src/components/dashboard/ICardChartContainer.tsx +13 -0
  29. package/src/components/dashboard/IDashboardProps.tsx +13 -0
  30. package/src/components/dashboard/NoDashboards.tsx +26 -0
  31. package/src/components/dashboard/index.ts +4 -0
  32. package/src/components/dashboard/selectZoom/SelectZoom.tsx +189 -0
  33. package/src/components/dashboard/useDashboardStyles.ts +76 -0
  34. package/src/components/index.ts +3 -1
  35. package/src/components/svgImages/BusinessReportIcon.tsx +218 -0
  36. package/src/models/ChartDatum.ts +4 -0
  37. package/src/models/index.ts +1 -0
  38. package/dist/components/DashBoard.d.ts +0 -3
  39. package/src/components/DashBoard.tsx +0 -409
@@ -0,0 +1,8 @@
1
+ import * as React from 'react';
2
+ export interface IRenderLabelProps {
3
+ label: string;
4
+ icon?: string | JSX.Element;
5
+ isRequired?: boolean;
6
+ }
7
+ export declare const RenderLabel: React.FunctionComponent<IRenderLabelProps>;
8
+ export default RenderLabel;
@@ -0,0 +1,2 @@
1
+ export * from './RenderLabel';
2
+ export { default as RenderLabel } from './RenderLabel';
@@ -0,0 +1 @@
1
+ export declare const useRenderLabelStyles: () => Record<"labelContainer" | "iconStyles" | "item", string>;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { IDashboardProps } from './IDashboardProps';
3
+ declare const Dashboard: React.FC<IDashboardProps>;
4
+ export default Dashboard;
@@ -0,0 +1,6 @@
1
+ import { Theme } from '@fluentui/react-components';
2
+ import React from 'react';
3
+ declare const ExampleDashboardUsage: React.FC<{
4
+ theme: Theme;
5
+ }>;
6
+ export default ExampleDashboardUsage;
@@ -0,0 +1,16 @@
1
+ import { ChartDatum } from '../../models/ChartDatum';
2
+ import { IChart } from '../../models';
3
+ export interface ICardChartContainer {
4
+ chart: IChart;
5
+ cardTitle: string;
6
+ showZoom?: boolean;
7
+ id: string;
8
+ data?: {
9
+ label: string;
10
+ data: ChartDatum[];
11
+ }[];
12
+ defaultSpan?: {
13
+ spanCols: number;
14
+ spanRows: number;
15
+ };
16
+ }
@@ -0,0 +1,9 @@
1
+ import { ICardChartContainer } from './ICardChartContainer';
2
+ import { Theme } from '@fluentui/react-components';
3
+ export interface IDashboardProps {
4
+ cardCharts: ICardChartContainer[];
5
+ theme: Theme;
6
+ containerWidth: number;
7
+ containerHeight?: number;
8
+ maxSpanRows?: number;
9
+ }
@@ -0,0 +1,5 @@
1
+ import * as React from 'react';
2
+ export interface INoDashboardsProps {
3
+ height?: string;
4
+ }
5
+ export declare const NoDashboards: React.FunctionComponent<INoDashboardsProps>;
@@ -0,0 +1,3 @@
1
+ export * from './DashBoard';
2
+ export * from './ICardChartContainer';
3
+ export * from './IDashboardProps';
@@ -0,0 +1,15 @@
1
+ import * as React from "react";
2
+ export interface ISelectZoomProps {
3
+ IsOpen: boolean;
4
+ onChange?: (value: {
5
+ spanCols: number;
6
+ spanRows: number;
7
+ }) => void;
8
+ values: {
9
+ spanCols: number;
10
+ spanRows: number;
11
+ };
12
+ maxCols: number;
13
+ maxRows: number;
14
+ }
15
+ export declare const SelectZoom: React.FunctionComponent<ISelectZoomProps>;
@@ -0,0 +1,7 @@
1
+ export declare const useDashboardStyles: () => {
2
+ dashboardContainer: string;
3
+ cardBody: string;
4
+ chartContainer: string;
5
+ cardDescription: string;
6
+ cardWrapper: string;
7
+ };
@@ -1,6 +1,6 @@
1
1
  export * from '../charts/BarChart';
2
2
  export * from '../charts/ComboChart';
3
- export * from './DashBoard';
3
+ export * from './dashboard/DashBoard';
4
4
  export * from '../charts/Doughnut';
5
5
  export * from '../charts/PieChart';
6
6
  export * from '../charts/areaChart';
@@ -0,0 +1,9 @@
1
+ import React from "react";
2
+ interface BusinessReportIconProps {
3
+ width?: number;
4
+ height?: number;
5
+ className?: string;
6
+ style?: React.CSSProperties;
7
+ }
8
+ export declare const BusinessReportIcon: React.FC<BusinessReportIconProps>;
9
+ export default BusinessReportIcon;
@@ -12,6 +12,8 @@ var ChartDataLabels = _interopDefault(require('chartjs-plugin-datalabels'));
12
12
  var reactChartjs2 = require('react-chartjs-2');
13
13
  var css = require('@emotion/css');
14
14
  var resizeObserver = require('@juggle/resize-observer');
15
+ require('@fluentui/react-icons');
16
+ require('@iconify/react');
15
17
 
16
18
  function _extends() {
17
19
  return _extends = Object.assign ? Object.assign.bind() : function (n) {