@movable/ui 2.14.4 → 2.15.1

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.
@@ -0,0 +1,8 @@
1
+ import { CardProps } from '@mui/material';
2
+ import { InkCardHeaderProps } from './InkCardHeader';
3
+ import { InkCardMediaProps } from './InkCardMedia';
4
+ export interface InkCardProps extends CardProps {
5
+ cardHeader?: InkCardHeaderProps;
6
+ cardMedia?: InkCardMediaProps;
7
+ }
8
+ export declare function InkCard({ cardMedia, cardHeader, children, ...rest }: InkCardProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,11 @@
1
+ import { CheckboxProps, TypographyProps } from '@mui/material';
2
+ export interface InkCardHeaderProps {
3
+ checkboxProps?: CheckboxProps;
4
+ title?: string;
5
+ size?: 'small' | 'medium';
6
+ subheader?: string;
7
+ adornment?: JSX.Element;
8
+ titleProps?: TypographyProps;
9
+ onClose?: () => void;
10
+ }
11
+ export declare function InkCardHeader({ checkboxProps, title, size, subheader, adornment, titleProps, onClose, }: InkCardHeaderProps): import("react/jsx-runtime").JSX.Element | null;
@@ -0,0 +1,5 @@
1
+ import { CardMediaProps } from '@mui/material';
2
+ export interface InkCardMediaProps extends CardMediaProps {
3
+ mediaContent?: JSX.Element;
4
+ }
5
+ export declare function InkCardMedia({ mediaContent, ...rest }: InkCardMediaProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export { InkCard } from './InkCard';
@@ -0,0 +1,15 @@
1
+ type ChartTypes = 'line' | 'bar' | 'pie';
2
+ import type { ChartOptions, ChartData } from 'chart.js';
3
+ export type ChartProps<T extends ChartTypes> = {
4
+ type: T;
5
+ data?: ChartData<T>;
6
+ chartOptions?: ChartOptions<T>;
7
+ legend?: boolean;
8
+ customColors?: string[];
9
+ height?: number;
10
+ isLoading?: boolean;
11
+ stacked?: boolean;
12
+ title?: string;
13
+ };
14
+ 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;
15
+ export {};
@@ -0,0 +1 @@
1
+ export { default as InkChart } from './InkChart';
@@ -21,3 +21,5 @@ export * from './InkSwitch';
21
21
  export * from './InkTextField';
22
22
  export * from './InkSelect';
23
23
  export { InternalUseOnlyLabel, InternalUseOnlyAlert, } from './InternalUseOnlyIndicators';
24
+ export { InkChart } from './InkChart';
25
+ export { InkCard } from './InkCard';
package/lib/index.d.ts CHANGED
@@ -3,7 +3,12 @@ import { BoxProps } from '@mui/material';
3
3
  import { BoxProps as BoxProps_2 } from '@mui/material/Box';
4
4
  import { ButtonProps } from '@mui/material';
5
5
  import { ButtonProps as ButtonProps_2 } from '@mui/material/Button';
6
- import { CheckboxProps } from '@mui/material/Checkbox';
6
+ import { CardMediaProps } from '@mui/material';
7
+ import { CardProps } from '@mui/material';
8
+ import type { ChartData } from 'chart.js';
9
+ import type { ChartOptions } from 'chart.js';
10
+ import { CheckboxProps } from '@mui/material';
11
+ import { CheckboxProps as CheckboxProps_2 } from '@mui/material/Checkbox';
7
12
  import { ChipProps } from '@mui/material';
8
13
  import { CustomContentProps } from 'notistack';
9
14
  import type { DialogProps } from '@mui/material/Dialog';
@@ -81,6 +86,20 @@ declare type ButtonPropsType = ButtonProps & {
81
86
  label: ReactNode;
82
87
  };
83
88
 
89
+ declare type ChartProps<T extends ChartTypes> = {
90
+ type: T;
91
+ data?: ChartData<T>;
92
+ chartOptions?: ChartOptions<T>;
93
+ legend?: boolean;
94
+ customColors?: string[];
95
+ height?: number;
96
+ isLoading?: boolean;
97
+ stacked?: boolean;
98
+ title?: string;
99
+ };
100
+
101
+ declare type ChartTypes = 'line' | 'bar' | 'pie';
102
+
84
103
  declare type closeButtonType = {
85
104
  onClick: (e?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
86
105
  };
@@ -207,6 +226,29 @@ declare type InkAttributeProps = ListItemTextProps & {
207
226
  };
208
227
  };
209
228
 
229
+ export declare function InkCard({ cardMedia, cardHeader, children, ...rest }: InkCardProps): JSX_2.Element;
230
+
231
+ declare interface InkCardHeaderProps {
232
+ checkboxProps?: CheckboxProps;
233
+ title?: string;
234
+ size?: 'small' | 'medium';
235
+ subheader?: string;
236
+ adornment?: JSX.Element;
237
+ titleProps?: TypographyProps;
238
+ onClose?: () => void;
239
+ }
240
+
241
+ declare interface InkCardMediaProps extends CardMediaProps {
242
+ mediaContent?: JSX.Element;
243
+ }
244
+
245
+ declare interface InkCardProps extends CardProps {
246
+ cardHeader?: InkCardHeaderProps;
247
+ cardMedia?: InkCardMediaProps;
248
+ }
249
+
250
+ export declare function InkChart<T extends ChartTypes>({ chartOptions, type, data, customColors, height, isLoading, stacked, legend, title, }: ChartProps<T>): JSX_2.Element | undefined;
251
+
210
252
  export declare const InkCheckboxGroup: ForwardRefExoticComponent<InkCheckboxGroupProps & RefAttributes<HTMLDivElement>>;
211
253
 
212
254
  export declare class inkCheckboxGroup {
@@ -232,7 +274,7 @@ export declare type InkCheckboxGroupProps = {
232
274
  options: {
233
275
  value: string;
234
276
  label: string;
235
- checkboxProps?: CheckboxProps;
277
+ checkboxProps?: CheckboxProps_2;
236
278
  }[];
237
279
  formGroupProps?: FormGroupProps;
238
280
  formLabel: string;