@movable/ui 1.17.0-alpha.2 → 1.17.0

package/lib/components/Chip/InkChip.d.ts

@@ -0,0 +1,8 @@
+import { ChipProps } from '@mui/material';
+type InkChipPropType = {
+    maxWidth?: number;
+    chipProps: ChipProps;
+    size?: 'small' | 'medium';
+};
+export declare function InkChip({ maxWidth, chipProps, size, }: InkChipPropType): import("react/jsx-runtime").JSX.Element;
+export {};

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

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

package/lib/components/ChipGroup/InkChipGroup.d.ts

@@ -0,0 +1,9 @@
+import { ChipProps } from '@mui/material';
+type InkChipGroupProps = {
+    chipList: ChipProps[];
+    numTagsToDisplay?: number;
+    size?: 'small' | 'medium';
+    maxChipWidth?: number;
+};
+export declare function InkChipGroup({ chipList, numTagsToDisplay, size, maxChipWidth, }: InkChipGroupProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

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

package/lib/components/DemoComponent.d.ts

@@ -0,0 +1,5 @@
+type DemoComponentProps = {
+    stringToDisplay: string;
+};
+export declare function DemoComponent({ stringToDisplay }: DemoComponentProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/Dialog/ActionButtonHelper.d.ts

@@ -0,0 +1,4 @@
+import { ButtonProps } from '@mui/material';
+import { ReactNode } from 'react';
+export declare const getButtonElements: (element: ReactNode) => ReactNode[];
+export declare const addContainedVariantToPrimaryButton: <T extends React.ReactNode>(element: T, primaryButton: React.ReactElement<ButtonProps> | null) => React.ReactNode;

package/lib/components/Dialog/DialogIcons.d.ts

@@ -0,0 +1,5 @@
+type DialogIconType = {
+    variant: 'primary' | 'warning' | 'destructive';
+};
+export declare function DialogIcons({ variant }: DialogIconType): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/lib/components/Dialog/InkDialog.d.ts

@@ -0,0 +1,23 @@
+import { ButtonProps } from '@mui/material';
+import type { DialogProps } from '@mui/material/Dialog';
+import React from 'react';
+export type ActionPropType = Omit<ButtonProps, 'variant'> & {
+    label: string;
+    variant?: 'primary' | 'warning' | 'destructive';
+    loading?: boolean;
+};
+type ActionsPropType = {
+    primary?: ActionPropType;
+    secondary?: ActionPropType;
+    cancel?: ActionPropType;
+};
+export type InkDialogProps = DialogProps & {
+    Title?: string | JSX.Element;
+    Content?: JSX.Element;
+    Actions?: JSX.Element;
+    hideCloseButton?: boolean;
+    onClose: (e?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    ActionsProp?: ActionsPropType;
+};
+export declare function InkDialog({ Title, Content, Actions, onClose, hideCloseButton, ActionsProp, ...props }: InkDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

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

package/lib/components/Header/HeaderMetadata.d.ts

@@ -0,0 +1,10 @@
+type HeaderMetadataType = {
+    icon: string | JSX.Element;
+    label: string;
+    value: string | JSX.Element;
+};
+type MetaDataProps = {
+    metadata: HeaderMetadataType[];
+};
+export declare function HeaderMetadata({ metadata }: MetaDataProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/Header/HeaderSubtitle.d.ts

@@ -0,0 +1,5 @@
+type HeaderSubtitleType = {
+    subtitle: string;
+};
+export declare function HeaderSubtitle({ subtitle }: HeaderSubtitleType): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/Header/InkPageHeader.d.ts

@@ -0,0 +1,12 @@
+import { SxProps, Theme } from '@mui/material';
+type InkPageHeaderProps = {
+    Breadcrumbs?: JSX.Element;
+    Subtitle?: JSX.Element;
+    Metadata?: JSX.Element;
+    ButtonGroup?: JSX.Element;
+    Chips?: JSX.Element;
+    Tabs?: JSX.Element;
+    sx?: SxProps<Theme>;
+};
+export declare function InkPageHeader({ Breadcrumbs, Subtitle, Metadata, Chips, ButtonGroup, Tabs, sx, }: InkPageHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/Header/InkWorkflowHeader.d.ts

@@ -0,0 +1,7 @@
+type InkWorkflowHeaderProps = {
+    label: string;
+    Stepper?: JSX.Element;
+    ButtonGroup: JSX.Element;
+};
+export declare function InkWorkflowHeader({ label, Stepper, ButtonGroup, }: InkWorkflowHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/Header/InternalUseOnlyLabel.d.ts

@@ -0,0 +1,6 @@
+import { SxProps } from '@mui/material';
+type InternalUseOnlyProp = {
+    sx?: SxProps;
+};
+declare const InternalUseOnlyLabel: ({ sx }: InternalUseOnlyProp) => import("react/jsx-runtime").JSX.Element;
+export default InternalUseOnlyLabel;

package/lib/components/Header/LinkBreadcrumbs.d.ts

@@ -0,0 +1,14 @@
+import { LinkProps } from '@mui/material';
+type HeaderLink = {
+    label: string;
+    path?: string;
+    onClick?: () => void;
+    LinkProps?: {
+        to: string;
+    } & LinkProps;
+};
+type BreadcrumbProps = {
+    breadcrumbs: HeaderLink[];
+};
+export declare function LinkBreadcrumbs({ breadcrumbs }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/Header/PageHeaderActionButtons.d.ts

@@ -0,0 +1,23 @@
+import { ButtonProps, MenuProps, MenuItemProps } from '@mui/material';
+import { ReactNode } from 'react';
+type ButtonPropsType = ButtonProps & {
+    label: ReactNode;
+};
+type MenuOptionType = {
+    label: ReactNode;
+    onClick: () => void;
+    menuItemProps?: Partial<MenuItemProps>;
+};
+type DropdownActionType = {
+    label: ReactNode;
+    menuOptions: MenuOptionType[];
+    menuProps?: Partial<MenuProps>;
+    internalUseOnlyItems?: ReactNode[];
+};
+type PageHeaderActionButtonsProps = {
+    primaryAction?: ButtonPropsType;
+    secondaryAction?: ButtonPropsType;
+    dropdownAction?: DropdownActionType;
+};
+export declare function PageHeaderActionButtons({ primaryAction, secondaryAction, dropdownAction, }: PageHeaderActionButtonsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/Header/StickyHeader.d.ts

@@ -0,0 +1,9 @@
+import { AppBarProps } from '@mui/material';
+export type Position = 'sticky' | 'static';
+type StickyHeaderProps = Omit<AppBarProps, 'children'> & {
+    children: (props: {
+        position: Position;
+    }) => React.ReactNode;
+};
+declare const StickyHeader: React.FC<StickyHeaderProps>;
+export default StickyHeader;

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

@@ -0,0 +1,6 @@
+export { HeaderMetadata } from './HeaderMetadata';
+export { InkPageHeader } from './InkPageHeader';
+export { LinkBreadcrumbs } from './LinkBreadcrumbs';
+export { PageHeaderActionButtons } from './PageHeaderActionButtons';
+export { HeaderSubtitle } from './HeaderSubtitle';
+export { InkWorkflowHeader } from './InkWorkflowHeader';

package/lib/components/InkEmptyState/EmptyStateIcon.d.ts

@@ -0,0 +1,8 @@
+import { OverridableComponent } from '@mui/material/OverridableComponent';
+import { SvgIconTypeMap } from '@mui/material';
+type EmptyStateIconType = {
+    variant: 'page' | 'paper' | 'search' | 'data';
+    icon?: JSX.Element | OverridableComponent<SvgIconTypeMap<object, 'svg'>>;
+};
+export declare function EmptyStateIcon({ icon }: EmptyStateIconType): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/lib/components/InkEmptyState/InkEmptyState.d.ts

@@ -0,0 +1,17 @@
+import { SxProps, Theme, SvgIconTypeMap } from '@mui/material';
+import { OverridableComponent } from '@mui/material/OverridableComponent';
+import { VariantType } from './VariantStyles';
+type ActionType = {
+    title: string;
+    onClick: () => void;
+};
+type InkEmptyStateProps = {
+    title?: string;
+    description?: string;
+    action?: ActionType;
+    variant: VariantType;
+    icon?: JSX.Element | OverridableComponent<SvgIconTypeMap<object, 'svg'>>;
+    sx?: SxProps<Theme>;
+};
+export declare function InkEmptyState({ title, description, action, variant, icon, sx, }: InkEmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/InkEmptyState/VariantStyles.d.ts

@@ -0,0 +1,10 @@
+import { TypographyVariant } from '@mui/material';
+type StyleObjType = {
+    fontSize: number;
+    fontSizeDescription: number;
+    titleVariant: TypographyVariant;
+    descriptionVariant: TypographyVariant;
+};
+export type VariantType = 'page' | 'paper' | 'search' | 'data';
+export declare const styleMap: Readonly<Record<VariantType, StyleObjType>>;
+export {};

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

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

package/lib/components/InkEmptyTableMessage/InkEmptyTableMessage.d.ts

@@ -0,0 +1,7 @@
+type InkEmptyTableProps = {
+    icon?: JSX.Element;
+    title?: string;
+    description?: string;
+};
+export declare function InkEmptyTableMessage({ icon, title, description, }: InkEmptyTableProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

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

package/lib/components/InkRadioTiles/InkRadioTiles.d.ts

@@ -0,0 +1,23 @@
+import React, { Ref } from 'react';
+import { SxProps, Theme } from '@mui/material';
+interface Option {
+    value: string;
+    icon?: JSX.Element;
+    title: string;
+    description?: string;
+    subDescription?: string;
+}
+export type InkRadioTilesProps = {
+    name: string;
+    options: Option[];
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: () => void;
+    value: string | number;
+    ref?: Ref<HTMLDivElement>;
+    direction?: 'row' | 'column';
+    cardSx?: SxProps<Theme>;
+    fullWidth?: boolean;
+    disabled?: boolean;
+};
+export declare const InkRadioTiles: ({ name, options, value, ref, direction, cardSx, fullWidth, disabled, onChange, onBlur, }: InkRadioTilesProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

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

package/lib/components/InkSelect/InkSelect.d.ts

@@ -0,0 +1,16 @@
+import { SelectProps, SxProps, Theme } from '@mui/material';
+import { UseControllerProps, FieldPath, FieldValues } from 'react-hook-form';
+import { MenuOption } from './useMenuHelper';
+type MuiSelectProps = SelectProps<string>;
+type InkSelectProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = {
+    id: string;
+    label?: string;
+    menuOptions?: MenuOption[];
+    variant?: 'filled' | 'outlined';
+    placeholder?: string;
+    helperText?: string;
+    required?: boolean;
+    sx?: SxProps<Theme>;
+} & UseControllerProps<TFieldValues, TName> & MuiSelectProps;
+export declare function InkSelect<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ id, label, menuOptions, name, control, inputProps, rules, helperText, sx, variant, required, placeholder, onChange, onBlur, children, ...rest }: InkSelectProps<TFieldValues, TName> & MuiSelectProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/InkSelect/InkSelectTest.d.ts

@@ -0,0 +1,12 @@
+import { RegisterOptions } from 'react-hook-form';
+import { SelectProps } from '@mui/material';
+type InkSelectTest = {
+    label?: string;
+    variant?: 'filled' | 'outlined';
+    placeholder?: string;
+    helperText?: string;
+    rules?: RegisterOptions;
+    onSubmit?: (data: unknown) => void;
+} & SelectProps<string>;
+export declare const InkSelectTest: ({ label, placeholder, helperText, rules, onSubmit, ...rest }: InkSelectTest) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/InkSelect/MenuOptionsTest.d.ts

@@ -0,0 +1,4 @@
+export declare const MENU_OPTIONS: {
+    label: string;
+    value: string;
+}[];

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

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

package/lib/components/InkSelect/useMenuHelper.d.ts

@@ -0,0 +1,17 @@
+import { MenuItemProps } from '@mui/material';
+export type MenuOption = MenuItemProps & {
+    label: string;
+    group?: string;
+};
+type MenuPositionType = {
+    maxHeight: number;
+    placement: 'top' | 'bottom';
+};
+type UseMenuHelperParams = {
+    menuMaxHeight: number;
+    menuPlacement: MenuPositionType['placement'];
+    handleMenuOpen: (anchorRef: React.MutableRefObject<HTMLElement | null>) => void;
+    renderMenuItems: (children: React.ReactNode, menuOptions?: MenuOption[]) => JSX.Element[] | React.ReactNode;
+};
+declare const useMenuHelper: () => UseMenuHelperParams;
+export default useMenuHelper;

package/lib/components/InkToggleIcon/InkToggleIcon.d.ts

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

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

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

package/lib/components/InkToggleIconGroup/InkToggleIconGroup.d.ts

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

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

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

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,15 @@
+export { DemoComponent } from './DemoComponent';
+export { InkChip } from './Chip';
+export { InkChipGroup } from './ChipGroup';
+export { InkDialog } from './Dialog';
+export { InkPersistentFilterDrawer } from './PersistentFilterDrawer';
+export { HeaderMetadata, LinkBreadcrumbs, InkPageHeader, InkWorkflowHeader, PageHeaderActionButtons, HeaderSubtitle, } from './Header';
+export { InkPaper } from './surfaces';
+export { InkRadioTiles } from './InkRadioTiles';
+export { InkSwitch } from './Switch';
+export { InkToggleText } from './InkToggleText';
+export { InkToggleTextGroup } from './InkToggleTextGroup';
+export { InkToggleIcon } from './InkToggleIcon';
+export { InkToggleIconGroup } from './InkToggleIconGroup';
+export { InkEmptyState } from './InkEmptyState';
+export { InkSelect } from './InkSelect';

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

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

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

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