@movable/ui 2.14.4-alpha.1 → 2.15.0

package/lib/components/InkChart/InkChart.d.ts

@@ -0,0 +1,15 @@
+type ChartTypes = 'line' | 'bar' | 'pie';
+import type { ChartOptions, ChartData } from 'chart.js';
+export type ChartProps<T extends ChartTypes> = {
+    type: T;
+    data?: ChartData<T>;
+    chartOptions?: ChartOptions<T>;
+    legend?: boolean;
+    customColors?: string[];
+    height?: number;
+    isLoading?: boolean;
+    stacked?: boolean;
+    title?: string;
+};
+export default function InkChart<T extends ChartTypes>({ chartOptions, type, data, customColors, height, isLoading, stacked, legend, title, }: ChartProps<T>): import("react/jsx-runtime").JSX.Element | undefined;
+export {};

package/lib/components/InkChart/index.d.ts

@@ -0,0 +1 @@
+export { default as InkChart } from './InkChart';

package/lib/components/index.d.ts

@@ -21,3 +21,4 @@ export * from './InkSwitch';
 export * from './InkTextField';
 export * from './InkSelect';
 export { InternalUseOnlyLabel, InternalUseOnlyAlert, } from './InternalUseOnlyIndicators';
+export { InkChart } from './InkChart';

package/lib/index.d.ts

@@ -3,6 +3,8 @@ import { BoxProps } from '@mui/material';
 import { BoxProps as BoxProps_2 } from '@mui/material/Box';
 import { ButtonProps } from '@mui/material';
 import { ButtonProps as ButtonProps_2 } from '@mui/material/Button';
+import type { ChartData } from 'chart.js';
+import type { ChartOptions } from 'chart.js';
 import { CheckboxProps } from '@mui/material/Checkbox';
 import { ChipProps } from '@mui/material';
 import { CustomContentProps } from 'notistack';
@@ -17,6 +19,7 @@ import { FormGroupProps } from '@mui/material/FormGroup';
 import { FormLabelProps } from '@mui/material/FormLabel';
 import { ForwardRefExoticComponent } from 'react';
 import { GridProps } from '@mui/material/Grid';
+import { GridProps as GridProps_2 } from '@mui/material';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { LinkProps } from '@mui/material';
 import { ListItemIconProps } from '@mui/material/ListItemIcon';
@@ -80,6 +83,20 @@ declare type ButtonPropsType = ButtonProps & {
     label: ReactNode;
 };
 
+declare type ChartProps<T extends ChartTypes> = {
+    type: T;
+    data?: ChartData<T>;
+    chartOptions?: ChartOptions<T>;
+    legend?: boolean;
+    customColors?: string[];
+    height?: number;
+    isLoading?: boolean;
+    stacked?: boolean;
+    title?: string;
+};
+
+declare type ChartTypes = 'line' | 'bar' | 'pie';
+
 declare type closeButtonType = {
     onClick: (e?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
 };
@@ -113,7 +130,7 @@ declare type DemoComponentProps = {
     stringToDisplay: string;
 };
 
-export declare function DetailsLayout({ Header, children, sx, ...rest }: LayoutDetailsProps): JSX_2.Element;
+export declare function DetailsLayout({ Header, children, sx, itemProps, ...rest }: LayoutDetailsProps): JSX_2.Element;
 
 declare type DrawerType = 'basic' | 'panel' | 'filter';
 
@@ -124,6 +141,24 @@ declare type DropdownActionType = {
     internalUseOnlyItems?: ReactNode[];
 };
 
+export declare function EightColumnFullContentLayout({ children, itemProps, containerProps, }: EightColumnFullContentLayoutProps): JSX_2.Element;
+
+declare type EightColumnFullContentLayoutProps = {
+    children: React.ReactNode;
+    containerProps?: GridProps_2;
+    itemProps?: GridProps_2;
+};
+
+export declare function FiveThreeSplitContentLayout({ leftContent, rightContent, containerProps, leftProps, rightProps, }: FiveThreeSplitContentLayoutProps): JSX_2.Element;
+
+declare type FiveThreeSplitContentLayoutProps = {
+    leftContent: React.ReactNode;
+    rightContent: React.ReactNode;
+    containerProps?: GridProps_2;
+    leftProps?: GridProps_2;
+    rightProps?: GridProps_2;
+};
+
 export declare const FormSkeletonGrid: ({ skeletonRows, skeletonColumns, }: SkeletonGridType) => JSX_2.Element;
 
 declare type HeaderLink = {
@@ -188,6 +223,8 @@ declare type InkAttributeProps = ListItemTextProps & {
     };
 };
 
+export declare function InkChart<T extends ChartTypes>({ chartOptions, type, data, customColors, height, isLoading, stacked, legend, title, }: ChartProps<T>): JSX_2.Element | undefined;
+
 export declare const InkCheckboxGroup: ForwardRefExoticComponent<InkCheckboxGroupProps & RefAttributes<HTMLDivElement>>;
 
 export declare class inkCheckboxGroup {
@@ -641,6 +678,7 @@ declare type IPageWrapperProps = {
 declare type LayoutDetailsProps = GridProps & {
     Header: JSX.Element;
     children: React.ReactNode;
+    itemProps?: GridProps;
 };
 
 export declare function LinkBreadcrumbs({ breadcrumbs }: BreadcrumbProps): JSX_2.Element;
@@ -707,11 +745,32 @@ declare interface PanelDrawerProps extends CommonDrawerProps {
     drawerType: 'panel';
 }
 
+export declare function PanelWithPaperContentLayout({ children, panelContent, wrapperProps, panelProps, containerProps, itemProps, }: PanelWithPaperContentLayoutProps): JSX_2.Element;
+
+declare type PanelWithPaperContentLayoutProps = React.PropsWithChildren<{
+    panelContent: React.ReactNode;
+    children: React.ReactNode;
+    wrapperProps?: BoxProps;
+    panelProps?: BoxProps;
+    containerProps?: GridProps_2;
+    itemProps?: GridProps_2;
+}>;
+
 declare type PrimaryButtonType = ButtonProps & {
     label: string;
     loading?: boolean;
 };
 
+export declare function SevenThreeSplitContentLayout({ leftContent, rightContent, containerProps, leftProps, rightProps, }: SevenThreeSplitContentLayoutProps): JSX_2.Element;
+
+declare type SevenThreeSplitContentLayoutProps = {
+    leftContent: React.ReactNode;
+    rightContent: React.ReactNode;
+    containerProps?: GridProps_2;
+    leftProps?: GridProps_2;
+    rightProps?: GridProps_2;
+};
+
 declare type SkeletonGridType = {
     skeletonRows: number;
     skeletonColumns: number;
@@ -719,15 +778,24 @@ declare type SkeletonGridType = {
 
 export declare function SnackbarActionButton({ closeSnackbar, label, ...buttonProps }: InkSnackbarActionButtonProps): JSX_2.Element;
 
+export declare function TenColumnFullContentLayout({ children, itemProps, containerProps, }: TenColumnFullContentLayoutProps): JSX_2.Element;
+
+declare type TenColumnFullContentLayoutProps = {
+    children: React.ReactNode;
+    containerProps?: GridProps_2;
+    itemProps?: GridProps_2;
+};
+
 export declare function useCopyToClipboard(): [CopiedValue, CopyFn];
 
 declare type VariantType = 'page' | 'paper' | 'search' | 'data';
 
-export declare function WorkflowLayout({ Header, children, sx, ...rest }: WorkflowLayoutProps): JSX_2.Element;
+export declare function WorkflowLayout({ Header, children, sx, itemProps, ...rest }: WorkflowLayoutProps): JSX_2.Element;
 
 declare type WorkflowLayoutProps = GridProps & {
     Header: JSX.Element;
     children: React.ReactNode;
+    itemProps?: GridProps;
 };
 
 export { }