@spteck/fluentui-react-charts 0.1.8

package/dist/charts/radarChart/index.d.ts

@@ -0,0 +1 @@
+export * from './RadarChart';

package/dist/charts/scatterChart/ScatterChart.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Theme } from '@fluentui/react-components';
+export interface ScatterChartProps<T> {
+    data: {
+        label: string;
+        data: T[];
+    }[];
+    getX: (datum: T) => number;
+    getY: (datum: T) => number;
+    title?: string;
+    showDataLabels?: boolean;
+    theme?: Theme;
+}
+export default function ScatterChart<T extends object>({ data, getX, getY, title, showDataLabels, theme, }: ScatterChartProps<T>): React.JSX.Element;

package/dist/charts/scatterChart/index.d.ts

@@ -0,0 +1 @@
+export * from './ScatterChart';

package/dist/charts/stackedLineChart/StackedLineChart.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Theme } from '@fluentui/react-components';
+export interface StackedLineChartProps<T> {
+    data: {
+        label: string;
+        data: T[];
+    }[];
+    getPrimary: (datum: T) => string | number;
+    getSecondary: (datum: T) => number;
+    title?: string;
+    showDataLabels?: boolean;
+    theme?: Theme;
+}
+export default function StackedLineChart<T extends object>({ data, getPrimary, getSecondary, title, showDataLabels, theme, }: StackedLineChartProps<T>): React.JSX.Element;

package/dist/charts/stackedLineChart/index.d.ts

@@ -0,0 +1 @@
+export * from './StackedLineChart';

package/dist/charts/steamChart/SteamChart.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Theme } from '@fluentui/react-components';
+export interface SteamChartProps<T> {
+    data: {
+        label: string;
+        data: T[];
+    }[];
+    getPrimary: (datum: T) => string | number;
+    getSecondary: (datum: T) => number;
+    title?: string;
+    showDataLabels?: boolean;
+    theme?: Theme;
+}
+export default function SteamChart<T extends object>({ data, getPrimary, getSecondary, title, showDataLabels, theme, }: SteamChartProps<T>): React.JSX.Element;

package/dist/charts/steamChart/index.d.ts

@@ -0,0 +1 @@
+export * from './SteamChart';

package/dist/components/DashBoard.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const DashboardWithGridDnD: React.FC;
+export default DashboardWithGridDnD;

package/dist/components/RenderLegend/RenderLegend.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface LegendControlProps {
+    data: {
+        label: string;
+    }[];
+    visibleSeries: string[];
+    seriesColors: Record<string, string>;
+    toggleSeries: (label: string) => void;
+}
+declare const RenderLegend: React.FC<LegendControlProps>;
+export default RenderLegend;

package/dist/components/RenderTooltip/RenderTooltip.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface TooltipItem {
+    dataset: {
+        label: string;
+        backgroundColor: string;
+    };
+    raw: number | null;
+}
+interface IRenderTooltipProps {
+    title: string[];
+    body: TooltipItem[];
+}
+export declare function RenderTooltip({ title, body }: IRenderTooltipProps): React.JSX.Element;
+export {};

package/dist/components/buttonMenu/ButtonMenu.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IButtonMenuProps } from './IButtonMenuProps';
+export declare const ButtonMenu: React.FunctionComponent<IButtonMenuProps>;

package/dist/components/buttonMenu/IButtonMenuOption.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export interface IButtonMenuOption {
+    key: string;
+    text: string;
+    icon?: React.ReactElement;
+    selected: boolean;
+    disabled?: boolean;
+    description?: string;
+    color?: string;
+}

package/dist/components/buttonMenu/IButtonMenuProps.d.ts

@@ -0,0 +1,37 @@
+import * as React from "react";
+import { IButtonMenuOption } from "./IButtonMenuOption";
+import { Theme } from "@fluentui/react-components";
+/**
+ * Props for the ButtonMenu component.
+ *
+ * @property onSelected - Callback invoked when an option is selected.
+ * @property value - The currently selected option.
+ * @property label - Optional label for the button menu.
+ * @property styles - Custom CSS styles for the component.
+ * @property theme - Theme object to style the component.
+ * @property options - Array of selectable options for the menu.
+ * @property apparence - Visual appearance of the button menu. Can be "primary", "subtle", "outline", or "transparent".
+ * @property shape - Shape of the button. Can be "circular" or "square".
+ * @property defaultButtonIcon - Icon to display on the default button.
+ * @property showItemLabel - Whether to show the label for each item.
+ * @property showOnlyIcon - Whether to display only the icon without the label.
+ * @property DefaultButtonLabel - Label to display on the default button.
+ * @property as - Determines the button type, either "Radiobutton" or "MenuButton".
+ * @property buttonTooltip - Tooltip text for the button.
+ */
+export interface IButtonMenuProps {
+    onSelected: (option: IButtonMenuOption) => void;
+    value?: IButtonMenuOption;
+    label?: string;
+    styles?: React.CSSProperties;
+    theme?: Theme;
+    options: IButtonMenuOption[];
+    apparence?: "primary" | "subtle" | "outline" | "transparent";
+    shape?: "circular" | "square";
+    defaultButtonIcon?: JSX.Element;
+    showItemLabel?: boolean;
+    showOnlyIcon?: boolean;
+    DefaultButtonLabel?: string;
+    as?: "Radiobutton" | "MenuButton";
+    buttonTooltip?: string;
+}

package/dist/components/index.d.ts

@@ -0,0 +1,15 @@
+export * from '../charts/BarChart';
+export * from '../charts/ComboChart';
+export * from './DashBoard';
+export * from '../charts/Doughnut';
+export * from '../charts/PieChart';
+export * from '../charts/areaChart';
+export * from '../charts/barHorizontalChart';
+export * from '../charts/bubbleChart';
+export * from '../charts/floatBarChart';
+export * from '../charts/lineChart';
+export * from '../charts/polarChart';
+export * from '../charts/radarChart';
+export * from '../charts/scatterChart';
+export * from '../charts/stackedLineChart';
+export * from '../charts/steamChart';

package/dist/components/legendContainer/LegendContainer.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+interface LegendContainerProps<T> {
+    items: T[];
+    visibleLabels: string[];
+    toggleLabel: (label: string) => void;
+    renderLabel: (item: T) => string;
+    getColor: (item: T) => string;
+}
+export declare function LegendContainer<T extends {
+    label: string;
+}>(props: LegendContainerProps<T> & {
+    containerRef: React.RefObject<HTMLDivElement>;
+    visibleItems: T[];
+    overflowItems: T[];
+}): React.JSX.Element;
+export {};

package/dist/components/legendeButton/LegendButton.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface LegendButtonProps {
+    label: string;
+    isVisible: boolean;
+    color: string;
+    onClick: () => void;
+    style?: React.CSSProperties;
+    buttonRef?: React.Ref<HTMLButtonElement>;
+}
+export declare const LegendButton: React.FC<LegendButtonProps>;
+export {};

package/dist/components/renderSliceLegend/RenderSliceLegend.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface SliceLegendProps {
+    labels: string[];
+    colors: string[];
+    visibleLabels: string[];
+    toggleLabel: (label: string) => void;
+}
+declare const RenderSliceLegend: React.FC<SliceLegendProps>;
+export default RenderSliceLegend;

package/dist/components/renderValueLegend/RenderValueLegend.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface LegendEntry {
+    label: string;
+    value: number;
+    color: string;
+}
+export interface ValueLegendProps {
+    entries: LegendEntry[];
+    visibleLabels: string[];
+    toggleLabel: (label: string) => void;
+}
+declare const RenderValueLegend: React.FC<ValueLegendProps>;
+export default RenderValueLegend;

package/dist/components/stack/IStackProps.d.ts

@@ -0,0 +1,76 @@
+import React from "react";
+/**
+ * StackProps interface defines the properties for the Stack component.
+ */
+export interface IStackProps {
+    /**
+     * Direction of stacking: horizontal (row) or vertical (column).
+     */
+    direction?: "horizontal" | "vertical";
+    /**
+     * Flexbox justify-content property.
+     */
+    justifyContent?: React.CSSProperties["justifyContent"];
+    /**
+     * Flexbox align-items property.
+     */
+    alignItems?: React.CSSProperties["alignItems"];
+    /**
+     * Gap between items (can be predefined or custom value like '20px').
+     */
+    gap?: "xs" | "s" | "m" | "l" | "xl" | "xxl" | string;
+    /**
+     * Column gap between items (custom value or predefined).
+     */
+    columnGap?: string;
+    /**
+     * Row gap between items (custom value or predefined).
+     */
+    rowGap?: string;
+    /**
+     * Predefined margin sizes (shorthand) or custom value.
+     */
+    margin?: "xs" | "s" | "m" | "l" | "xl" | "xxl" | string;
+    /**
+     * Predefined padding sizes (shorthand) or custom value.
+     */
+    padding?: "xs" | "s" | "m" | "l" | "xl" | "xxl" | string;
+    /**
+     * Individual margin properties (predefined or custom value).
+     */
+    marginTop?: "xs" | "s" | "m" | "l" | "xl" | "xxl" | string;
+    marginBottom?: "xs" | "s" | "m" | "l" | "xl" | "xxl" | string;
+    marginLeft?: "xs" | "s" | "m" | "l" | "xl" | "xxl" | string;
+    marginRight?: "xs" | "s" | "m" | "l" | "xl" | "xxl" | string;
+    /**
+     * Individual padding properties (predefined or custom value).
+     */
+    paddingTop?: "xs" | "s" | "m" | "l" | "xl" | "xxl" | string;
+    paddingBottom?: "xs" | "s" | "m" | "l" | "xl" | "xxl" | string;
+    paddingLeft?: "xs" | "s" | "m" | "l" | "xl" | "xxl" | string;
+    paddingRight?: "xs" | "s" | "m" | "l" | "xl" | "xxl" | string;
+    /**
+     * Width of the stack.
+     */
+    width?: React.CSSProperties["width"];
+    height?: React.CSSProperties["height"];
+    /**
+     * Enable or disable wrapping of items.
+     */
+    wrap?: boolean;
+    /**
+     * Child components to be rendered inside the stack.
+     */
+    children: React.ReactNode;
+    /**
+     * Additional inline styles.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Additional class names for the stack.
+     */
+    className?: string;
+    overflow?: React.CSSProperties["overflow"];
+    /** background Color */
+    background?: React.CSSProperties["backgroundColor"];
+}

package/dist/components/stack/Stack.d.ts

@@ -0,0 +1,8 @@
+import { IStackProps } from "./IStackProps";
+import React from "react";
+/**
+ * Stack component provides a flexible layout using Flexbox.
+ * It allows stacking child components either horizontally or vertically with predefined spacing options.
+ */
+export declare const Stack: React.FC<IStackProps>;
+export default Stack;

package/dist/components/themeProvider/ThemeProvider.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactNode } from 'react';
+import { Theme } from '@fluentui/react-components';
+export declare type SupportedTheme = 'light' | 'dark';
+interface ThemeContextValue {
+    themeName: SupportedTheme;
+    theme: Theme;
+    toggleTheme: () => void;
+}
+interface ThemeProviderProps {
+    children: ReactNode;
+    defaultTheme?: SupportedTheme;
+}
+export declare const ThemeProvider: React.FC<ThemeProviderProps>;
+export declare const useThemeContext: () => ThemeContextValue;
+export {};

package/dist/constants/Constants.d.ts

@@ -0,0 +1 @@
+export declare function getFluentPalette(): string[];