@movable/ui 2.10.0 → 2.12.0

package/lib/components/InkToggleText/InkToggleText.d.ts

@@ -0,0 +1,9 @@
+import { ToggleButtonProps } from '@mui/material';
+type InkToggleTextProps = ToggleButtonProps & {
+    ariaLabel?: string;
+    size?: 'x-small' | 'small' | 'medium' | 'large';
+    label?: string;
+    value: string | number;
+};
+export declare function InkToggleText({ value, label, size, ariaLabel, ...rest }: InkToggleTextProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+export { InkToggleText } from './InkToggleText';

package/lib/components/InkToggleTextGroup/InkToggleTextGroup.d.ts

@@ -0,0 +1,15 @@
+import { ToggleButtonGroupProps } from '@mui/material';
+type InkToggleTextGroupProps = ToggleButtonGroupProps & {
+    id: string;
+    toggleButtons: {
+        value: string | number;
+        label?: string;
+        disabled?: boolean;
+    }[];
+    ariaLabel?: string;
+    size?: 'x-small' | 'small' | 'medium' | 'large';
+    single?: boolean;
+    enforceValueSet?: boolean;
+};
+export declare function InkToggleTextGroup({ id, toggleButtons, ariaLabel, value, size, single, enforceValueSet, sx, onChange, ...rest }: InkToggleTextGroupProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+export { InkToggleTextGroup } from './InkToggleTextGroup';

package/lib/components/PersistentFilterDrawer/InkPersistentFilterDrawer.d.ts

@@ -0,0 +1,18 @@
+import { BoxProps } from '@mui/material';
+import { DrawerProps } from '@mui/material/Drawer';
+import { PropsWithChildren } from 'react';
+type IFilterDrawer = DrawerProps & {
+    isOpen: boolean;
+    handleDrawerClose: () => void;
+    drawerWidth?: number;
+    leftOffset?: string;
+    filterContent: JSX.Element;
+    bottomFilter?: JSX.Element;
+    headerLabel?: string;
+    isComponentLevelDrawer?: boolean;
+    mainProps?: BoxProps;
+};
+export declare const defaultFilterDrawerWidth = 280;
+export declare function InkPersistentFilterDrawer({ isOpen, handleDrawerClose, children, drawerWidth, leftOffset, //primary nav width when closed and when open
+filterContent, bottomFilter, headerLabel, sx, isComponentLevelDrawer, mainProps, }: PropsWithChildren<IFilterDrawer>): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+export { InkPersistentFilterDrawer } from './InkPersistentFilterDrawer';

package/lib/components/Switch/InkSwitch.d.ts

@@ -0,0 +1,8 @@
+import { SwitchProps } from '@mui/material';
+type InkSwitchProps = {
+    id: string;
+    label?: string;
+    labelPlacement?: 'start' | 'end' | 'top' | 'bottom';
+} & SwitchProps;
+export declare function InkSwitch({ id, label, labelPlacement, sx, ...rest }: InkSwitchProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+export { InkSwitch } from './InkSwitch';

package/lib/components/index.d.ts

@@ -0,0 +1,23 @@
+export { DemoComponent } from './DemoComponent';
+export { InkChip } from './Chip';
+export { InkChipGroup } from './ChipGroup';
+export { InkDialog, type InkDialogProps } from './Dialog';
+export { InkPersistentFilterDrawer } from './PersistentFilterDrawer';
+export { HeaderMetadata, LinkBreadcrumbs, InkPageHeader, InkWorkflowHeader, PageHeaderActionButtons, HeaderSubtitle, } from './Header';
+export { InkPaper, type InkPaperProps } from './surfaces';
+export { InkRadioTiles, type InkRadioTilesProps } from './InkRadioTiles';
+export { InkSwitch } from './Switch';
+export { InkToggleText } from './InkToggleText';
+export { InkToggleTextGroup } from './InkToggleTextGroup';
+export { InkToggleIcon } from './InkToggleIcon';
+export { InkToggleIconGroup, type InkToggleIconGroupProps, } from './InkToggleIconGroup';
+export { InkEmptyState } from './InkEmptyState';
+export { InkSelect, type MenuOption } from './InkSelect';
+export { InkFormSelect } from './InkFormSelect';
+export * from './InkSnackbar';
+export { InkAttributeList } from './InkAttributeList';
+export { InkImage } from './InkImage';
+export { InkDrawer } from './InkDrawer';
+export * from './InkCheckboxGroup';
+export * from './InkRadioGroup';
+export * from './InkTextField';

package/lib/components/surfaces/InkPaper.d.ts

@@ -0,0 +1,9 @@
+import { PaperProps } from '@mui/material/Paper';
+export type InkPaperProps = PaperProps & {
+    Header: string | JSX.Element;
+    Description?: string | JSX.Element;
+    Icon?: JSX.Element;
+    CTA?: JSX.Element;
+    shouldShowFullDescription?: boolean;
+};
+export declare function InkPaper({ Header, Description, Icon, CTA, children, shouldShowFullDescription, ...props }: InkPaperProps): import("react/jsx-runtime").JSX.Element;

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

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

package/lib/hooks/index.d.ts

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

package/lib/hooks/useCopyToClipboard.d.ts

@@ -0,0 +1,4 @@
+type CopiedValue = string | null;
+type CopyFn = (text: string) => Promise<boolean>;
+export default function useCopyToClipboard(): [CopiedValue, CopyFn];
+export {};

package/lib/index.d.ts

@@ -3,14 +3,16 @@ 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 { CheckboxProps } from '@mui/material/Checkbox';
 import { ChipProps } from '@mui/material';
 import { CustomContentProps } from 'notistack';
-import { default as default_2 } from 'react';
-import { DialogProps } from '@mui/material/Dialog';
+import type { DialogProps } from '@mui/material/Dialog';
 import { DrawerProps } from '@mui/material/Drawer';
 import { DrawerProps as DrawerProps_2 } from '@mui/material';
 import { FieldPath } from 'react-hook-form';
 import { FieldValues } from 'react-hook-form';
+import { FormGroupProps } from '@mui/material/FormGroup';
+import { FormLabelProps } from '@mui/material/FormLabel';
 import { ForwardRefExoticComponent } from 'react';
 import { GridProps } from '@mui/material/Grid';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
@@ -24,14 +26,19 @@ import { MenuProps } from '@mui/material';
 import { OverridableComponent } from '@mui/material/OverridableComponent';
 import { PaperProps } from '@mui/material/Paper';
 import { PropsWithChildren } from 'react';
+import { RadioGroupProps } from '@mui/material/RadioGroup';
+import { RadioProps } from '@mui/material/Radio';
+import { default as React_2 } from 'react';
 import { ReactNode } from 'react';
 import { Ref } from 'react';
 import { RefAttributes } from 'react';
 import { SelectProps } from '@mui/material';
 import { SnackbarProviderProps } from 'notistack';
+import { StackProps } from '@mui/material/Stack';
 import { SvgIconTypeMap } from '@mui/material';
 import { SwitchProps } from '@mui/material';
 import { SxProps } from '@mui/material';
+import { TextFieldProps } from '@mui/material/TextField';
 import { Theme } from '@mui/material';
 import { ToggleButtonGroupProps } from '@mui/material';
 import { ToggleButtonProps } from '@mui/material';
@@ -167,6 +174,25 @@ declare type InkAttributeProps = ListItemTextProps & {
     };
 };
 
+export declare const InkCheckboxGroup: ForwardRefExoticComponent<InkCheckboxGroupProps & RefAttributes<HTMLDivElement>>;
+
+export declare type InkCheckboxGroupProps = {
+    options: {
+        value: string;
+        label: string;
+        checkboxProps?: CheckboxProps;
+    }[];
+    formGroupProps?: FormGroupProps;
+    formLabel: string;
+    formLabelProps?: FormLabelProps;
+    stackProps?: StackProps;
+    currentValue: string[];
+    onChange: (values: string[]) => void;
+    required?: boolean;
+    error?: boolean;
+    helperText?: string;
+};
+
 export declare function InkChip({ maxWidth, chipProps, size, expandOnHover, }: InkChipPropType): JSX_2.Element;
 
 export declare function InkChipGroup({ chipList, numTagsToDisplay, size, maxChipWidth, }: InkChipGroupProps): JSX_2.Element;
@@ -214,7 +240,7 @@ export declare type InkDialogProps = DialogProps & {
     Content?: JSX.Element;
     Actions?: JSX.Element;
     hideCloseButton?: boolean;
-    onClose: (e?: default_2.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    onClose: (e?: React_2.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     ActionsProp?: ActionsPropType;
 };
 
@@ -233,10 +259,24 @@ declare type InkEmptyStateProps = {
     sx?: SxProps<Theme>;
 };
 
+export declare function InkFormCheckboxGroup<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ control, name, rules, onChange, ...rest }: InkFormCheckboxGroupProps<TFieldValues, TName>): JSX_2.Element;
+
+declare type InkFormCheckboxGroupProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = InkCheckboxGroupProps & UseControllerProps<TFieldValues, TName>;
+
+export declare function InkFormRadioGroup<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ control, name, rules, onChange, ...rest }: InkFormRadioGroupProps<TFieldValues, TName>): JSX_2.Element;
+
+declare type InkFormRadioGroupProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = InkRadioGroupProps & UseControllerProps<TFieldValues, TName>;
+
 export declare function InkFormSelect<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ control, name, rules, helperText, onChange, onBlur, ...rest }: InkFormSelectProps<TFieldValues, TName>): JSX_2.Element;
 
 declare type InkFormSelectProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = InkSelectProps & UseControllerProps<TFieldValues, TName>;
 
+export declare const InkFormTextField: <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ control, name, label, rules, helperText, onBlur, ...rest }: InkFormTextFieldProps<TFieldValues, TName>) => JSX_2.Element;
+
+declare type InkFormTextFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = {
+    label: string;
+} & UseControllerProps<TFieldValues, TName> & TextFieldProps;
+
 export declare function InkImage({ src, alt, sx, imageSx, fallbackText, ...rest }: InkImageProps): JSX_2.Element;
 
 declare type InkImageProps = BoxProps_2 & {
@@ -271,12 +311,32 @@ export declare type InkPaperProps = PaperProps & {
 export declare function InkPersistentFilterDrawer({ isOpen, handleDrawerClose, children, drawerWidth, leftOffset, //primary nav width when closed and when open
     filterContent, bottomFilter, headerLabel, sx, isComponentLevelDrawer, mainProps, }: PropsWithChildren<IFilterDrawer>): JSX_2.Element;
 
+export declare const InkRadioGroup: ForwardRefExoticComponent<InkRadioGroupProps & RefAttributes<HTMLDivElement>>;
+
+export declare type InkRadioGroupProps = {
+    formLabel: string;
+    currentValue: string;
+    options: {
+        value: string;
+        label: string;
+        radioProps?: RadioProps;
+    }[];
+    onChange: (value: string) => void;
+    radioGroupProps?: RadioGroupProps;
+    formLabelProps?: FormLabelProps;
+    stackProps?: StackProps;
+    required?: boolean;
+    error?: boolean;
+    helperText?: string;
+    defaultValue?: string;
+};
+
 export declare const InkRadioTiles: ({ name, options, value, ref, direction, cardSx, fullWidth, disabled, onChange, onBlur, }: InkRadioTilesProps) => JSX_2.Element;
 
 export declare type InkRadioTilesProps = {
     name: string;
     options: Option_2[];
-    onChange: (e: default_2.ChangeEvent<HTMLInputElement>) => void;
+    onChange: (e: React_2.ChangeEvent<HTMLInputElement>) => void;
     onBlur?: () => void;
     value: string | number;
     ref?: Ref<HTMLDivElement>;
@@ -350,6 +410,12 @@ declare type InkSwitchProps = {
     labelPlacement?: 'start' | 'end' | 'top' | 'bottom';
 } & SwitchProps;
 
+export declare function InkTextField({ name, minRows, sx, ...rest }: InkTextFieldProps): JSX_2.Element;
+
+export declare type InkTextFieldProps = TextFieldProps & {
+    name: string;
+};
+
 export declare function InkToggleIcon({ value, size, ariaLabel, icon, ...rest }: InkToggleIconProps): JSX_2.Element;
 
 export declare function InkToggleIconGroup({ id, toggleButtons, ariaLabel, size, single, value, enforceValueSet, onChange, sx, ...rest }: InkToggleIconGroupProps): JSX_2.Element;