@movable/ui 2.10.0 → 2.11.0

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,21 @@
+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 './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

@@ -5,8 +5,7 @@ import { ButtonProps } from '@mui/material';
 import { ButtonProps as ButtonProps_2 } from '@mui/material/Button';
 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';
@@ -24,6 +23,7 @@ import { MenuProps } from '@mui/material';
 import { OverridableComponent } from '@mui/material/OverridableComponent';
 import { PaperProps } from '@mui/material/Paper';
 import { PropsWithChildren } from 'react';
+import { default as React_2 } from 'react';
 import { ReactNode } from 'react';
 import { Ref } from 'react';
 import { RefAttributes } from 'react';
@@ -32,6 +32,7 @@ import { SnackbarProviderProps } from 'notistack';
 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';
@@ -214,7 +215,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;
 };
 
@@ -237,6 +238,12 @@ export declare function InkFormSelect<TFieldValues extends FieldValues, TName ex
 
 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 & {
@@ -276,7 +283,7 @@ export declare const InkRadioTiles: ({ name, options, value, ref, direction, car
 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 +357,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;