@connectif/ui-components 0.0.3 → 0.0.5

package/dist/components/progress/CircularProgress.d.ts

@@ -1,9 +1,14 @@
+import * as React from 'react';
+import { CircularProgressProps as MuiCircularProgressProps } from '@mui/material/CircularProgress';
+import { TypographyVariant } from '../../theme/Typography';
 declare const circularSizes: {
     readonly XS: "20px";
     readonly SM: "24px";
     readonly MD: "40px";
+    readonly LG: "48px";
+    readonly XL: "64px";
 };
-export type CircularProgressProps = {
+export type CircularProgressProps = Pick<MuiCircularProgressProps, 'thickness'> & {
     /**
      * The value to fill the circular progress bar. Only applied with determinate variant
      */
@@ -11,7 +16,7 @@ export type CircularProgressProps = {
     /**
      * The label to set on the circular progress. Only applied with determinate variant
      */
-    label?: string;
+    label?: string | React.ReactNode;
     /**
      * The size of the circle.
      */
@@ -29,6 +34,22 @@ export type CircularProgressProps = {
      * Show the circular background not filled in circular progress.
      */
     showCircularBackground?: boolean;
+    /**
+     * Whether the stroke of the circular progress should be rounded.
+     */
+    roundedStroke?: boolean;
+    /**
+     * The rotation degrees of the circular progress.
+     */
+    rotationDegrees?: number;
+    /**
+     * The typography variant to use for the label.
+     */
+    typographyVariant?: TypographyVariant;
+    /**
+     * The color of the typography.
+     */
+    typographyColor?: string;
 };
-declare const CircularProgress: ({ value, label, variant, color, size, showCircularBackground }: CircularProgressProps) => import("react/jsx-runtime").JSX.Element;
+declare const CircularProgress: ({ value, label, variant, color, size, showCircularBackground, thickness, roundedStroke, rotationDegrees, typographyVariant, typographyColor }: CircularProgressProps) => import("react/jsx-runtime").JSX.Element;
 export default CircularProgress;

package/dist/components/progress/DonutProgress.d.ts

@@ -0,0 +1,48 @@
+import { CircularProgressProps } from './CircularProgress';
+declare const variants: {
+    readonly empty: {
+        readonly emptyColor: "#EEEEEE";
+        readonly filledColor: "transparent";
+        readonly labelChipBackgroundColor: "transparent";
+        readonly labelChipColor: "transparent";
+    };
+    readonly success: {
+        readonly emptyColor: "#C3F6C5";
+        readonly filledColor: "#00CA20";
+        readonly labelChipBackgroundColor: "#E6FCE8";
+        readonly labelChipColor: "#008400";
+    };
+    readonly warning: {
+        readonly emptyColor: "#F5E0B9";
+        readonly filledColor: "#E29029";
+        readonly labelChipBackgroundColor: "#FBF3E3";
+        readonly labelChipColor: "#CC5D14";
+    };
+    readonly error: {
+        readonly emptyColor: "#FFCDD2";
+        readonly filledColor: "#E53935";
+        readonly labelChipBackgroundColor: "#FFEBEE";
+        readonly labelChipColor: "#B71C1C";
+    };
+};
+export type DonutProgressProps = Pick<CircularProgressProps, 'size'> & {
+    /**
+     * The percentage to fill the donut progress bar. Value is from 0 to 100.
+     */
+    percentage: number;
+    /**
+     *  The variant of the donut progress.
+     */
+    variant: keyof typeof variants;
+    /**
+     * The label to set on the donut progress.
+     */
+    label?: string;
+    /**
+     * Show percentage in label.
+     */
+    showPercentageSymbol?: boolean;
+    labelChip?: string;
+};
+declare const DonutProgress: ({ label, variant, size, percentage, labelChip, showPercentageSymbol }: DonutProgressProps) => import("react/jsx-runtime").JSX.Element;
+export default DonutProgress;

package/dist/components/progress/index.d.ts

@@ -1,2 +1,6 @@
-export { default as LinearProgress, LinearProgressProps } from './LinearProgress';
-export { default as CircularProgress, CircularProgressProps } from './CircularProgress';
+export { default as LinearProgress } from './LinearProgress';
+export type { LinearProgressProps } from './LinearProgress';
+export { default as CircularProgress } from './CircularProgress';
+export type { CircularProgressProps } from './CircularProgress';
+export { default as DonutProgress } from './DonutProgress';
+export type { DonutProgressProps } from './DonutProgress';

package/dist/components/scrollable/index.d.ts

@@ -1 +1,2 @@
-export { default as HorizontalScrollable, HorizontalScrollableProps } from './HorizontalScrollable';
+export { default as HorizontalScrollable } from './HorizontalScrollable';
+export type { HorizontalScrollableProps } from './HorizontalScrollable';

package/dist/components/skeleton/index.d.ts

@@ -1 +1,2 @@
-export { default as Skeleton, SkeletonProps } from '../skeleton/Skeleton';
+export { default as Skeleton } from '../skeleton/Skeleton';
+export type { SkeletonProps } from '../skeleton/Skeleton';

package/dist/components/snackbar/index.d.ts

@@ -1,3 +1,4 @@
 export { default as SnackbarProvider } from './SnackbarProvider';
-export { default as Snackbar, SnackbarProps } from './Snackbar';
 export * from './enqueueSnackbar';
+export { default as Snackbar } from './Snackbar';
+export type { SnackbarProps } from './Snackbar';

package/dist/components/tab/index.d.ts

@@ -1,3 +1,6 @@
-export { default as TabButton, TabButtonProps } from './TabButton';
-export { default as Tabs, TabsProps } from './Tabs';
-export { default as TabContent, TabContentProps } from './TabContent';
+export { default as TabButton } from './TabButton';
+export { default as Tabs } from './Tabs';
+export { default as TabContent } from './TabContent';
+export type { TabButtonProps } from './TabButton';
+export type { TabsProps } from './Tabs';
+export type { TabContentProps } from './TabContent';

package/dist/components/table/index.d.ts

@@ -1,9 +1,17 @@
-export { default as Table, TableProps } from './Table';
-export { default as TableBody, TableBodyProps } from './TableBody';
-export { default as TableCell, TableCellProps } from './TableCell';
-export { default as TableCellCopy, TableCellCopyProps } from './TableCellCopy';
 export { default as TableDivider } from './TableDivider';
-export { default as TableHead, TableHeadProps } from './TableHead';
-export { default as TableRow, TableRowProps } from './TableRow';
-export { default as TableSortLabel, TableSortLabelProps } from './TableSortLabel';
-export { default as NestedTable, NestedTableProps } from './NestedTable';
+export { default as TableSortLabel } from './TableSortLabel';
+export type { TableSortLabelProps } from './TableSortLabel';
+export { default as Table } from './Table';
+export { default as TableBody } from './TableBody';
+export { default as TableCell } from './TableCell';
+export { default as TableCellCopy } from './TableCellCopy';
+export { default as TableHead } from './TableHead';
+export { default as TableRow } from './TableRow';
+export { default as NestedTable } from './NestedTable';
+export type { TableProps } from './Table';
+export type { TableBodyProps } from './TableBody';
+export type { TableCellProps } from './TableCell';
+export type { TableCellCopyProps } from './TableCellCopy';
+export type { TableHeadProps } from './TableHead';
+export type { TableRowProps } from './TableRow';
+export type { NestedTableProps } from './NestedTable';

package/dist/components/toolbar/index.d.ts

@@ -1,4 +1,8 @@
-export { default as Toolbar, ToolbarProps } from './Toolbar';
-export { default as ToolbarTitle, ToolbarTitleProps } from './ToolbarTitle';
-export { default as ToolbarBreadcrumb, ToolbarBreadcrumbProps } from './ToolbarBreadcrumb';
-export { default as ToolbarBreadcrumbButton, ToolbarBreadcrumbButtonProps } from './ToolbarBreadcrumbButton';
+export { default as ToolbarBreadcrumb } from './ToolbarBreadcrumb';
+export type { ToolbarBreadcrumbProps } from './ToolbarBreadcrumb';
+export { default as ToolbarBreadcrumbButton } from './ToolbarBreadcrumbButton';
+export type { ToolbarBreadcrumbButtonProps } from './ToolbarBreadcrumbButton';
+export { default as Toolbar } from './Toolbar';
+export { default as ToolbarTitle } from './ToolbarTitle';
+export type { ToolbarProps } from './Toolbar';
+export type { ToolbarTitleProps } from './ToolbarTitle';

package/dist/components/tooltip/Tooltip.d.ts

@@ -55,5 +55,5 @@ export type TooltipProps = Pick<MuiTooltipProps, 'children' | 'disableHoverListe
  * - https://mui.com/material-ui/guides/composition/#caveat-with-refs
  * - https://reactjs.org/docs/forwarding-refs.html#forwarding-refs-to-dom-components
  */
-declare const Tooltip: ({ children, title, placement, interactive, allowDisabled, variant, textVariant, enableArrow, borderRadius, popperClass, zIndex, ...rest }: TooltipProps) => React.ReactElement<any, any>;
+declare const Tooltip: ({ children, title, placement, interactive, allowDisabled, variant, textVariant, enableArrow, borderRadius, popperClass, zIndex, ...rest }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
 export default Tooltip;

package/dist/components/tooltip/index.d.ts

@@ -1,4 +1,8 @@
-export { default as Tooltip, TooltipProps } from './Tooltip';
-export { default as TooltipMenu, TooltipMenuProps } from './TooltipMenu';
-export { default as TextEllipsisTooltip, TextEllipsisTooltipProps } from './TextEllipsisTooltip';
-export { default as TextEllipsis, TextEllipsisProps } from './TextEllipsis';
+export { default as TextEllipsisTooltip } from './TextEllipsisTooltip';
+export type { TextEllipsisTooltipProps } from './TextEllipsisTooltip';
+export { default as Tooltip } from './Tooltip';
+export { default as TooltipMenu } from './TooltipMenu';
+export { default as TextEllipsis } from './TextEllipsis';
+export type { TooltipProps } from './Tooltip';
+export type { TooltipMenuProps } from './TooltipMenu';
+export type { TextEllipsisProps } from './TextEllipsis';

package/dist/components/transition/index.d.ts

@@ -1 +1,2 @@
-export { default as Slide, SlideProps } from './Slide';
+export { default as Slide } from './Slide';
+export type { SlideProps } from './Slide';

package/dist/components/typography/Typography.d.ts

@@ -20,7 +20,7 @@ export type TypographyProps = Pick<MuiTypographyProps, 'noWrap' | 'sx' | 'childr
 /**
  * A component that displays text.
  */
-declare const Typography: React.ForwardRefExoticComponent<Pick<MuiTypographyProps, "id" | "className" | "children" | "sx" | "onMouseEnter" | "onMouseLeave" | "noWrap"> & {
+declare const Typography: React.ForwardRefExoticComponent<Pick<MuiTypographyProps, "className" | "children" | "sx" | "id" | "onMouseEnter" | "onMouseLeave" | "noWrap"> & {
     variant?: TypographyVariant;
     /**
      * Color of the text.

package/dist/components/typography/index.d.ts

@@ -1,2 +1,4 @@
-export { default as Typography, TypographyProps } from './Typography';
-export { default as TextMarker, TextMarkerProps } from './TextMarker';
+export { default as Typography } from './Typography';
+export { default as TextMarker } from './TextMarker';
+export type { TypographyProps } from './Typography';
+export type { TextMarkerProps } from './TextMarker';

package/dist/components/widget/index.d.ts

@@ -1,4 +1,8 @@
-export { default as Widget, WidgetProps } from './Widget';
-export { default as WidgetActions, WidgetActionsProps } from './WidgetActions';
-export { default as WidgetLegendItem, WidgetLegendItemProps } from './WidgetLegendItem';
-export { default as WidgetTitle, WidgetTitleProps } from './WidgetTitle';
+export { default as WidgetLegendItem } from './WidgetLegendItem';
+export type { WidgetLegendItemProps } from './WidgetLegendItem';
+export { default as Widget } from './Widget';
+export { default as WidgetActions } from './WidgetActions';
+export { default as WidgetTitle } from './WidgetTitle';
+export type { WidgetProps } from './Widget';
+export type { WidgetActionsProps } from './WidgetActions';
+export type { WidgetTitleProps } from './WidgetTitle';

package/dist/components/window/index.d.ts

@@ -1 +1,2 @@
-export { default as MinimizableWindow, MinimizableWindowProps } from './MinimizableWindow';
+export { default as MinimizableWindow } from './MinimizableWindow';
+export type { MinimizableWindowProps } from './MinimizableWindow';