@movable/ui 1.18.0 → 2.0.0-alpha.0

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.
Files changed (73) hide show
  1. package/lib/index.d.ts +646 -4
  2. package/lib/index.mjs +5605 -3744
  3. package/lib/index.mjs.map +1 -1
  4. package/package.json +7 -4
  5. package/lib/components/Chip/InkChip.d.ts +0 -8
  6. package/lib/components/Chip/index.d.ts +0 -1
  7. package/lib/components/ChipGroup/InkChipGroup.d.ts +0 -9
  8. package/lib/components/ChipGroup/index.d.ts +0 -1
  9. package/lib/components/DemoComponent.d.ts +0 -5
  10. package/lib/components/Dialog/ActionButtonHelper.d.ts +0 -4
  11. package/lib/components/Dialog/DialogIcons.d.ts +0 -5
  12. package/lib/components/Dialog/InkDialog.d.ts +0 -23
  13. package/lib/components/Dialog/index.d.ts +0 -1
  14. package/lib/components/Header/HeaderMetadata.d.ts +0 -10
  15. package/lib/components/Header/HeaderSubtitle.d.ts +0 -5
  16. package/lib/components/Header/InkPageHeader.d.ts +0 -12
  17. package/lib/components/Header/InkWorkflowHeader.d.ts +0 -7
  18. package/lib/components/Header/InternalUseOnlyLabel.d.ts +0 -6
  19. package/lib/components/Header/LinkBreadcrumbs.d.ts +0 -14
  20. package/lib/components/Header/PageHeaderActionButtons.d.ts +0 -23
  21. package/lib/components/Header/StickyHeader.d.ts +0 -9
  22. package/lib/components/Header/index.d.ts +0 -6
  23. package/lib/components/InkEmptyState/EmptyStateIcon.d.ts +0 -8
  24. package/lib/components/InkEmptyState/InkEmptyState.d.ts +0 -17
  25. package/lib/components/InkEmptyState/VariantStyles.d.ts +0 -10
  26. package/lib/components/InkEmptyState/index.d.ts +0 -1
  27. package/lib/components/InkEmptyTableMessage/InkEmptyTableMessage.d.ts +0 -7
  28. package/lib/components/InkEmptyTableMessage/index.d.ts +0 -1
  29. package/lib/components/InkRadioTiles/InkRadioTiles.d.ts +0 -24
  30. package/lib/components/InkRadioTiles/index.d.ts +0 -1
  31. package/lib/components/InkSelect/InkSelect.d.ts +0 -16
  32. package/lib/components/InkSelect/InkSelectTest.d.ts +0 -12
  33. package/lib/components/InkSelect/MenuOptionsTest.d.ts +0 -4
  34. package/lib/components/InkSelect/index.d.ts +0 -1
  35. package/lib/components/InkSelect/useMenuHelper.d.ts +0 -17
  36. package/lib/components/InkToggleIcon/InkToggleIcon.d.ts +0 -9
  37. package/lib/components/InkToggleIcon/index.d.ts +0 -1
  38. package/lib/components/InkToggleIconGroup/InkToggleIconGroup.d.ts +0 -14
  39. package/lib/components/InkToggleIconGroup/index.d.ts +0 -1
  40. package/lib/components/InkToggleText/InkToggleText.d.ts +0 -9
  41. package/lib/components/InkToggleText/index.d.ts +0 -1
  42. package/lib/components/InkToggleTextGroup/InkToggleTextGroup.d.ts +0 -15
  43. package/lib/components/InkToggleTextGroup/index.d.ts +0 -1
  44. package/lib/components/PersistentFilterDrawer/InkPersistentFilterDrawer.d.ts +0 -18
  45. package/lib/components/PersistentFilterDrawer/index.d.ts +0 -1
  46. package/lib/components/Switch/InkSwitch.d.ts +0 -8
  47. package/lib/components/Switch/index.d.ts +0 -1
  48. package/lib/components/index.d.ts +0 -15
  49. package/lib/components/surfaces/InkPaper.d.ts +0 -8
  50. package/lib/components/surfaces/index.d.ts +0 -1
  51. package/lib/layouts/DetailsLayout.d.ts +0 -7
  52. package/lib/layouts/index.d.ts +0 -1
  53. package/lib/layouts/mocks/MockDetailsBody.d.ts +0 -1
  54. package/lib/layouts/mocks/MockInkPageHeader.d.ts +0 -2
  55. package/lib/layouts/mocks/index.d.ts +0 -2
  56. package/lib/page-objects/index.d.ts +0 -2
  57. package/lib/page-objects/ink-dialog.d.ts +0 -21
  58. package/lib/page-objects/ink-select.d.ts +0 -22
  59. package/lib/theme/components/Alert.d.ts +0 -60
  60. package/lib/theme/components/DataGrid.d.ts +0 -45
  61. package/lib/theme/components/autocomplete.d.ts +0 -62
  62. package/lib/theme/components/chip.d.ts +0 -296
  63. package/lib/theme/components/dialog.d.ts +0 -32
  64. package/lib/theme/components/drawer.d.ts +0 -10
  65. package/lib/theme/components/form.d.ts +0 -248
  66. package/lib/theme/components/snackbar.d.ts +0 -13
  67. package/lib/theme/components/stepper.d.ts +0 -894
  68. package/lib/theme/components/surfaces/card.d.ts +0 -61
  69. package/lib/theme/components/surfaces/index.d.ts +0 -3
  70. package/lib/theme/components/surfaces/paper.d.ts +0 -26
  71. package/lib/theme/components/typography.d.ts +0 -18
  72. package/lib/theme/palette.d.ts +0 -237
  73. package/lib/theme.d.ts +0 -244
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@movable/ui",
3
- "version": "1.18.0",
3
+ "version": "2.0.0-alpha.0",
4
4
  "description": "Movable Ink's shared MUI components and MUI theme for our vite applications",
5
5
  "module": "lib/index.mjs",
6
6
  "types": "lib/index.d.ts",
@@ -45,9 +45,9 @@
45
45
  "@emotion/react": "^11.11.1",
46
46
  "@emotion/styled": "^11.11.0",
47
47
  "@movable/prettier-config": "^2.0.0",
48
- "@mui/x-data-grid-premium": "^6.19.5",
49
48
  "@mui/icons-material": "^5.16.7",
50
49
  "@mui/material": "^5.16.7",
50
+ "@mui/x-data-grid-premium": "^6.19.5",
51
51
  "@percy/cli": "^1.28.2",
52
52
  "@percy/cypress": "^3.1.2",
53
53
  "@percy/storybook": "^6.0.0",
@@ -79,6 +79,7 @@
79
79
  "eslint-plugin-storybook": "^0.8.0",
80
80
  "husky": "^8.0.0",
81
81
  "lint-staged": "^13.2.3",
82
+ "notistack": "^3.0.1",
82
83
  "npm-run-all": "^4.1.5",
83
84
  "postcss": "^8.4.27",
84
85
  "prettier": "3.1.1",
@@ -89,14 +90,16 @@
89
90
  "release-it": "^16.1.3",
90
91
  "storybook": "^8.1.0",
91
92
  "typescript": "^5.6.2",
92
- "vite": "^5.4.3"
93
+ "vite": "^5.4.3",
94
+ "vite-plugin-dts": "^4.3.0"
93
95
  },
94
96
  "peerDependencies": {
95
97
  "@emotion/react": "^11.11.1",
96
98
  "@emotion/styled": "^11.11.0",
97
- "@mui/x-data-grid-premium": "^6.19.5",
98
99
  "@mui/icons-material": "^5.16.7",
99
100
  "@mui/material": "^5.16.7",
101
+ "@mui/x-data-grid-premium": "^6.19.5",
102
+ "notistack": "^3.0.1",
100
103
  "react": "^18.2.0",
101
104
  "react-dom": "^18.2.0"
102
105
  },
@@ -1,8 +0,0 @@
1
- import { ChipProps } from '@mui/material';
2
- type InkChipPropType = {
3
- maxWidth?: number;
4
- chipProps: ChipProps;
5
- size?: 'small' | 'medium';
6
- };
7
- export declare function InkChip({ maxWidth, chipProps, size, }: InkChipPropType): import("react/jsx-runtime").JSX.Element;
8
- export {};
@@ -1 +0,0 @@
1
- export { InkChip } from './InkChip';
@@ -1,9 +0,0 @@
1
- import { ChipProps } from '@mui/material';
2
- type InkChipGroupProps = {
3
- chipList: ChipProps[];
4
- numTagsToDisplay?: number;
5
- size?: 'small' | 'medium';
6
- maxChipWidth?: number;
7
- };
8
- export declare function InkChipGroup({ chipList, numTagsToDisplay, size, maxChipWidth, }: InkChipGroupProps): import("react/jsx-runtime").JSX.Element;
9
- export {};
@@ -1 +0,0 @@
1
- export { InkChipGroup } from './InkChipGroup';
@@ -1,5 +0,0 @@
1
- type DemoComponentProps = {
2
- stringToDisplay: string;
3
- };
4
- export declare function DemoComponent({ stringToDisplay }: DemoComponentProps): import("react/jsx-runtime").JSX.Element;
5
- export {};
@@ -1,4 +0,0 @@
1
- import { ButtonProps } from '@mui/material';
2
- import { ReactNode } from 'react';
3
- export declare const getButtonElements: (element: ReactNode) => ReactNode[];
4
- export declare const addContainedVariantToPrimaryButton: <T extends React.ReactNode>(element: T, primaryButton: React.ReactElement<ButtonProps> | null) => React.ReactNode;
@@ -1,5 +0,0 @@
1
- type DialogIconType = {
2
- variant: 'primary' | 'warning' | 'destructive';
3
- };
4
- export declare function DialogIcons({ variant }: DialogIconType): import("react/jsx-runtime").JSX.Element | null;
5
- export {};
@@ -1,23 +0,0 @@
1
- import { ButtonProps } from '@mui/material';
2
- import type { DialogProps } from '@mui/material/Dialog';
3
- import React from 'react';
4
- export type ActionPropType = Omit<ButtonProps, 'variant'> & {
5
- label: string;
6
- variant?: 'primary' | 'warning' | 'destructive';
7
- loading?: boolean;
8
- };
9
- type ActionsPropType = {
10
- primary?: ActionPropType;
11
- secondary?: ActionPropType;
12
- cancel?: ActionPropType;
13
- };
14
- export type InkDialogProps = DialogProps & {
15
- Title?: string | JSX.Element;
16
- Content?: JSX.Element;
17
- Actions?: JSX.Element;
18
- hideCloseButton?: boolean;
19
- onClose: (e?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
20
- ActionsProp?: ActionsPropType;
21
- };
22
- export declare function InkDialog({ Title, Content, Actions, onClose, hideCloseButton, ActionsProp, ...props }: InkDialogProps): import("react/jsx-runtime").JSX.Element;
23
- export {};
@@ -1 +0,0 @@
1
- export { InkDialog } from './InkDialog';
@@ -1,10 +0,0 @@
1
- type HeaderMetadataType = {
2
- icon: string | JSX.Element;
3
- label: string;
4
- value: string | JSX.Element;
5
- };
6
- type MetaDataProps = {
7
- metadata: HeaderMetadataType[];
8
- };
9
- export declare function HeaderMetadata({ metadata }: MetaDataProps): import("react/jsx-runtime").JSX.Element;
10
- export {};
@@ -1,5 +0,0 @@
1
- type HeaderSubtitleType = {
2
- subtitle: string;
3
- };
4
- export declare function HeaderSubtitle({ subtitle }: HeaderSubtitleType): import("react/jsx-runtime").JSX.Element;
5
- export {};
@@ -1,12 +0,0 @@
1
- import { SxProps, Theme } from '@mui/material';
2
- type InkPageHeaderProps = {
3
- Breadcrumbs?: JSX.Element;
4
- Subtitle?: JSX.Element;
5
- Metadata?: JSX.Element;
6
- ButtonGroup?: JSX.Element;
7
- Chips?: JSX.Element;
8
- Tabs?: JSX.Element;
9
- sx?: SxProps<Theme>;
10
- };
11
- export declare function InkPageHeader({ Breadcrumbs, Subtitle, Metadata, Chips, ButtonGroup, Tabs, sx, }: InkPageHeaderProps): import("react/jsx-runtime").JSX.Element;
12
- export {};
@@ -1,7 +0,0 @@
1
- type InkWorkflowHeaderProps = {
2
- label: string;
3
- Stepper?: JSX.Element;
4
- ButtonGroup: JSX.Element;
5
- };
6
- export declare function InkWorkflowHeader({ label, Stepper, ButtonGroup, }: InkWorkflowHeaderProps): import("react/jsx-runtime").JSX.Element;
7
- export {};
@@ -1,6 +0,0 @@
1
- import { SxProps } from '@mui/material';
2
- type InternalUseOnlyProp = {
3
- sx?: SxProps;
4
- };
5
- declare const InternalUseOnlyLabel: ({ sx }: InternalUseOnlyProp) => import("react/jsx-runtime").JSX.Element;
6
- export default InternalUseOnlyLabel;
@@ -1,14 +0,0 @@
1
- import { LinkProps } from '@mui/material';
2
- type HeaderLink = {
3
- label: string;
4
- path?: string;
5
- onClick?: () => void;
6
- LinkProps?: {
7
- to: string;
8
- } & LinkProps;
9
- };
10
- type BreadcrumbProps = {
11
- breadcrumbs: HeaderLink[];
12
- };
13
- export declare function LinkBreadcrumbs({ breadcrumbs }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
14
- export {};
@@ -1,23 +0,0 @@
1
- import { ButtonProps, MenuProps, MenuItemProps } from '@mui/material';
2
- import { ReactNode } from 'react';
3
- type ButtonPropsType = ButtonProps & {
4
- label: ReactNode;
5
- };
6
- type MenuOptionType = {
7
- label: ReactNode;
8
- onClick: () => void;
9
- menuItemProps?: Partial<MenuItemProps>;
10
- };
11
- type DropdownActionType = {
12
- label: ReactNode;
13
- menuOptions: MenuOptionType[];
14
- menuProps?: Partial<MenuProps>;
15
- internalUseOnlyItems?: ReactNode[];
16
- };
17
- type PageHeaderActionButtonsProps = {
18
- primaryAction?: ButtonPropsType;
19
- secondaryAction?: ButtonPropsType;
20
- dropdownAction?: DropdownActionType;
21
- };
22
- export declare function PageHeaderActionButtons({ primaryAction, secondaryAction, dropdownAction, }: PageHeaderActionButtonsProps): import("react/jsx-runtime").JSX.Element;
23
- export {};
@@ -1,9 +0,0 @@
1
- import { AppBarProps } from '@mui/material';
2
- export type Position = 'sticky' | 'static';
3
- type StickyHeaderProps = Omit<AppBarProps, 'children'> & {
4
- children: (props: {
5
- position: Position;
6
- }) => React.ReactNode;
7
- };
8
- declare const StickyHeader: React.FC<StickyHeaderProps>;
9
- export default StickyHeader;
@@ -1,6 +0,0 @@
1
- export { HeaderMetadata } from './HeaderMetadata';
2
- export { InkPageHeader } from './InkPageHeader';
3
- export { LinkBreadcrumbs } from './LinkBreadcrumbs';
4
- export { PageHeaderActionButtons } from './PageHeaderActionButtons';
5
- export { HeaderSubtitle } from './HeaderSubtitle';
6
- export { InkWorkflowHeader } from './InkWorkflowHeader';
@@ -1,8 +0,0 @@
1
- import { OverridableComponent } from '@mui/material/OverridableComponent';
2
- import { SvgIconTypeMap } from '@mui/material';
3
- type EmptyStateIconType = {
4
- variant: 'page' | 'paper' | 'search' | 'data';
5
- icon?: JSX.Element | OverridableComponent<SvgIconTypeMap<object, 'svg'>>;
6
- };
7
- export declare function EmptyStateIcon({ icon }: EmptyStateIconType): import("react/jsx-runtime").JSX.Element | null;
8
- export {};
@@ -1,17 +0,0 @@
1
- import { SxProps, Theme, SvgIconTypeMap } from '@mui/material';
2
- import { OverridableComponent } from '@mui/material/OverridableComponent';
3
- import { VariantType } from './VariantStyles';
4
- type ActionType = {
5
- title: string;
6
- onClick: () => void;
7
- };
8
- type InkEmptyStateProps = {
9
- title?: string;
10
- description?: string;
11
- action?: ActionType;
12
- variant: VariantType;
13
- icon?: JSX.Element | OverridableComponent<SvgIconTypeMap<object, 'svg'>>;
14
- sx?: SxProps<Theme>;
15
- };
16
- export declare function InkEmptyState({ title, description, action, variant, icon, sx, }: InkEmptyStateProps): import("react/jsx-runtime").JSX.Element;
17
- export {};
@@ -1,10 +0,0 @@
1
- import { TypographyVariant } from '@mui/material';
2
- type StyleObjType = {
3
- fontSize: number;
4
- fontSizeDescription: number;
5
- titleVariant: TypographyVariant;
6
- descriptionVariant: TypographyVariant;
7
- };
8
- export type VariantType = 'page' | 'paper' | 'search' | 'data';
9
- export declare const styleMap: Readonly<Record<VariantType, StyleObjType>>;
10
- export {};
@@ -1 +0,0 @@
1
- export { InkEmptyState } from './InkEmptyState';
@@ -1,7 +0,0 @@
1
- type InkEmptyTableProps = {
2
- icon?: JSX.Element;
3
- title?: string;
4
- description?: string;
5
- };
6
- export declare function InkEmptyTableMessage({ icon, title, description, }: InkEmptyTableProps): import("react/jsx-runtime").JSX.Element;
7
- export {};
@@ -1 +0,0 @@
1
- export { InkEmptyTableMessage } from './InkEmptyTableMessage';
@@ -1,24 +0,0 @@
1
- import React, { Ref } from 'react';
2
- import { SxProps, Theme } from '@mui/material';
3
- interface Option {
4
- value: string;
5
- icon?: JSX.Element;
6
- title: string;
7
- description?: string;
8
- subDescription?: string;
9
- disabled?: boolean;
10
- }
11
- export type InkRadioTilesProps = {
12
- name: string;
13
- options: Option[];
14
- onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
15
- onBlur?: () => void;
16
- value: string | number;
17
- ref?: Ref<HTMLDivElement>;
18
- direction?: 'row' | 'column';
19
- cardSx?: SxProps<Theme>;
20
- fullWidth?: boolean;
21
- disabled?: boolean;
22
- };
23
- export declare const InkRadioTiles: ({ name, options, value, ref, direction, cardSx, fullWidth, disabled, onChange, onBlur, }: InkRadioTilesProps) => import("react/jsx-runtime").JSX.Element;
24
- export {};
@@ -1 +0,0 @@
1
- export { InkRadioTiles } from './InkRadioTiles';
@@ -1,16 +0,0 @@
1
- import { SelectProps, SxProps, Theme } from '@mui/material';
2
- import { UseControllerProps, FieldPath, FieldValues } from 'react-hook-form';
3
- import { MenuOption } from './useMenuHelper';
4
- type MuiSelectProps = SelectProps<string>;
5
- type InkSelectProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = {
6
- id: string;
7
- label?: string;
8
- menuOptions?: MenuOption[];
9
- variant?: 'filled' | 'outlined';
10
- placeholder?: string;
11
- helperText?: string;
12
- required?: boolean;
13
- sx?: SxProps<Theme>;
14
- } & UseControllerProps<TFieldValues, TName> & MuiSelectProps;
15
- 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;
16
- export {};
@@ -1,12 +0,0 @@
1
- import { RegisterOptions } from 'react-hook-form';
2
- import { SelectProps } from '@mui/material';
3
- type InkSelectTest = {
4
- label?: string;
5
- variant?: 'filled' | 'outlined';
6
- placeholder?: string;
7
- helperText?: string;
8
- rules?: RegisterOptions;
9
- onSubmit?: (data: unknown) => void;
10
- } & SelectProps<string>;
11
- export declare const InkSelectTest: ({ label, placeholder, helperText, rules, onSubmit, ...rest }: InkSelectTest) => import("react/jsx-runtime").JSX.Element;
12
- export {};
@@ -1,4 +0,0 @@
1
- export declare const MENU_OPTIONS: {
2
- label: string;
3
- value: string;
4
- }[];
@@ -1 +0,0 @@
1
- export { InkSelect } from './InkSelect';
@@ -1,17 +0,0 @@
1
- import { MenuItemProps } from '@mui/material';
2
- export type MenuOption = MenuItemProps & {
3
- label: string;
4
- group?: string;
5
- };
6
- type MenuPositionType = {
7
- maxHeight: number;
8
- placement: 'top' | 'bottom';
9
- };
10
- type UseMenuHelperParams = {
11
- menuMaxHeight: number;
12
- menuPlacement: MenuPositionType['placement'];
13
- handleMenuOpen: (anchorRef: React.MutableRefObject<HTMLElement | null>) => void;
14
- renderMenuItems: (children: React.ReactNode, menuOptions?: MenuOption[]) => JSX.Element[] | React.ReactNode;
15
- };
16
- declare const useMenuHelper: () => UseMenuHelperParams;
17
- export default useMenuHelper;
@@ -1,9 +0,0 @@
1
- import { ToggleButtonProps } from '@mui/material';
2
- type InkToggleIconProps = ToggleButtonProps & {
3
- ariaLabel?: string;
4
- size?: 'x-small' | 'small' | 'medium' | 'large';
5
- icon: JSX.Element;
6
- value: string | number;
7
- };
8
- export declare function InkToggleIcon({ value, size, ariaLabel, icon, ...rest }: InkToggleIconProps): import("react/jsx-runtime").JSX.Element;
9
- export {};
@@ -1 +0,0 @@
1
- export { InkToggleIcon } from './InkToggleIcon';
@@ -1,14 +0,0 @@
1
- import { ToggleButtonGroupProps } from '@mui/material';
2
- export type InkToggleIconGroupProps = ToggleButtonGroupProps & {
3
- id: string;
4
- toggleButtons: {
5
- value: string | number;
6
- icon: JSX.Element;
7
- disabled?: boolean;
8
- }[];
9
- ariaLabel?: string;
10
- size?: 'x-small' | 'small' | 'medium' | 'large';
11
- single?: boolean;
12
- enforceValueSet?: boolean;
13
- };
14
- export declare function InkToggleIconGroup({ id, toggleButtons, ariaLabel, size, single, value, enforceValueSet, onChange, sx, ...rest }: InkToggleIconGroupProps): import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export { InkToggleIconGroup } from './InkToggleIconGroup';
@@ -1,9 +0,0 @@
1
- import { ToggleButtonProps } from '@mui/material';
2
- type InkToggleTextProps = ToggleButtonProps & {
3
- ariaLabel?: string;
4
- size?: 'x-small' | 'small' | 'medium' | 'large';
5
- label?: string;
6
- value: string | number;
7
- };
8
- export declare function InkToggleText({ value, label, size, ariaLabel, ...rest }: InkToggleTextProps): import("react/jsx-runtime").JSX.Element;
9
- export {};
@@ -1 +0,0 @@
1
- export { InkToggleText } from './InkToggleText';
@@ -1,15 +0,0 @@
1
- import { ToggleButtonGroupProps } from '@mui/material';
2
- type InkToggleTextGroupProps = ToggleButtonGroupProps & {
3
- id: string;
4
- toggleButtons: {
5
- value: string | number;
6
- label?: string;
7
- disabled?: boolean;
8
- }[];
9
- ariaLabel?: string;
10
- size?: 'x-small' | 'small' | 'medium' | 'large';
11
- single?: boolean;
12
- enforceValueSet?: boolean;
13
- };
14
- export declare function InkToggleTextGroup({ id, toggleButtons, ariaLabel, value, size, single, enforceValueSet, sx, onChange, ...rest }: InkToggleTextGroupProps): import("react/jsx-runtime").JSX.Element;
15
- export {};
@@ -1 +0,0 @@
1
- export { InkToggleTextGroup } from './InkToggleTextGroup';
@@ -1,18 +0,0 @@
1
- import { BoxProps } from '@mui/material';
2
- import { DrawerProps } from '@mui/material/Drawer';
3
- import { PropsWithChildren } from 'react';
4
- type IFilterDrawer = DrawerProps & {
5
- isOpen: boolean;
6
- handleDrawerClose: () => void;
7
- drawerWidth?: number;
8
- leftOffset?: string;
9
- filterContent: JSX.Element;
10
- bottomFilter?: JSX.Element;
11
- headerLabel?: string;
12
- isComponentLevelDrawer?: boolean;
13
- mainProps?: BoxProps;
14
- };
15
- export declare const defaultFilterDrawerWidth = 280;
16
- export declare function InkPersistentFilterDrawer({ isOpen, handleDrawerClose, children, drawerWidth, leftOffset, //primary nav width when closed and when open
17
- filterContent, bottomFilter, headerLabel, sx, isComponentLevelDrawer, mainProps, }: PropsWithChildren<IFilterDrawer>): import("react/jsx-runtime").JSX.Element;
18
- export {};
@@ -1 +0,0 @@
1
- export { InkPersistentFilterDrawer } from './InkPersistentFilterDrawer';
@@ -1,8 +0,0 @@
1
- import { SwitchProps } from '@mui/material';
2
- type InkSwitchProps = {
3
- id: string;
4
- label?: string;
5
- labelPlacement?: 'start' | 'end' | 'top' | 'bottom';
6
- } & SwitchProps;
7
- export declare function InkSwitch({ id, label, labelPlacement, sx, ...rest }: InkSwitchProps): import("react/jsx-runtime").JSX.Element;
8
- export {};
@@ -1 +0,0 @@
1
- export { InkSwitch } from './InkSwitch';
@@ -1,15 +0,0 @@
1
- export { DemoComponent } from './DemoComponent';
2
- export { InkChip } from './Chip';
3
- export { InkChipGroup } from './ChipGroup';
4
- export { InkDialog } from './Dialog';
5
- export { InkPersistentFilterDrawer } from './PersistentFilterDrawer';
6
- export { HeaderMetadata, LinkBreadcrumbs, InkPageHeader, InkWorkflowHeader, PageHeaderActionButtons, HeaderSubtitle, } from './Header';
7
- export { InkPaper } from './surfaces';
8
- export { InkRadioTiles } from './InkRadioTiles';
9
- export { InkSwitch } from './Switch';
10
- export { InkToggleText } from './InkToggleText';
11
- export { InkToggleTextGroup } from './InkToggleTextGroup';
12
- export { InkToggleIcon } from './InkToggleIcon';
13
- export { InkToggleIconGroup } from './InkToggleIconGroup';
14
- export { InkEmptyState } from './InkEmptyState';
15
- export { InkSelect } from './InkSelect';
@@ -1,8 +0,0 @@
1
- import { PaperProps } from '@mui/material/Paper';
2
- export type InkPaperProps = PaperProps & {
3
- Header: string | JSX.Element;
4
- Description?: string;
5
- Icon?: JSX.Element;
6
- CTA?: JSX.Element;
7
- };
8
- export declare function InkPaper({ Header, Description, Icon, CTA, children, ...props }: InkPaperProps): import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export { InkPaper } from './InkPaper';
@@ -1,7 +0,0 @@
1
- import { GridProps } from '@mui/material/Grid';
2
- type LayoutDetailsProps = GridProps & {
3
- Header: JSX.Element;
4
- children: React.ReactNode;
5
- };
6
- export default function DetailsLayout({ Header, children, ...rest }: LayoutDetailsProps): import("react/jsx-runtime").JSX.Element;
7
- export {};
@@ -1 +0,0 @@
1
- export { default as DetailsLayout } from './DetailsLayout';
@@ -1 +0,0 @@
1
- export default function MockDetailsBody(): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- declare const MockInkPageHeader: () => import("react/jsx-runtime").JSX.Element;
2
- export default MockInkPageHeader;
@@ -1,2 +0,0 @@
1
- export { default as MockInkPageHeader } from './MockInkPageHeader';
2
- export { default as MockDetailBody } from './MockDetailsBody';
@@ -1,2 +0,0 @@
1
- export { default as inkDialog, InkDialogPageObject } from './ink-dialog';
2
- export { default as inkSelect } from './ink-select';
@@ -1,21 +0,0 @@
1
- export declare class InkDialogPageObject {
2
- BASE_ATTRIBUTE: string;
3
- get element(): Cypress.Chainable<JQuery<HTMLElement>>;
4
- get paper(): Cypress.Chainable<JQuery<HTMLElement>>;
5
- get primaryAction(): Cypress.Chainable<JQuery<HTMLElement>>;
6
- get secondaryAction(): Cypress.Chainable<JQuery<HTMLElement>>;
7
- get cancelAction(): Cypress.Chainable<JQuery<HTMLElement>>;
8
- get dialogTrigger(): Cypress.Chainable<JQuery<HTMLElement>>;
9
- get closeTrigger(): Cypress.Chainable<JQuery<HTMLElement>>;
10
- get title(): Cypress.Chainable<JQuery<HTMLElement>>;
11
- isOpen(): void;
12
- isClosed(): void;
13
- openDialog(): void;
14
- closeDialog(): void;
15
- hasPrimaryAction(label: string): void;
16
- hasSecondaryAction(label: string): void;
17
- hasCancelAction(label: string): void;
18
- hasTitle(title: string): void;
19
- }
20
- declare const _default: InkDialogPageObject;
21
- export default _default;
@@ -1,22 +0,0 @@
1
- declare class InkSelectPageObject {
2
- baseAttribute: string;
3
- name: string;
4
- static create(name: string): InkSelectPageObject;
5
- constructor(name: string);
6
- get element(): Cypress.Chainable<JQuery<HTMLElement>>;
7
- get menuElement(): Cypress.Chainable<JQuery<HTMLElement>>;
8
- get label(): Cypress.Chainable<JQuery<HTMLElement>>;
9
- get select(): Cypress.Chainable<JQuery<HTMLElement>>;
10
- get input(): Cypress.Chainable<JQuery<HTMLElement>>;
11
- get options(): Cypress.Chainable<JQuery<HTMLElement>>;
12
- option(value: string): Cypress.Chainable<JQuery<HTMLElement>>;
13
- get helperText(): Cypress.Chainable<JQuery<HTMLElement>>;
14
- hasHelperText(value: string): Cypress.Chainable<JQuery<HTMLElement>>;
15
- hasLabel(value: string): Cypress.Chainable<JQuery<HTMLElement>>;
16
- hasDisplayValue(value: string): Cypress.Chainable<JQuery<HTMLElement>>;
17
- hasValue(value: string): Cypress.Chainable<JQuery<HTMLElement>>;
18
- hasOption(label: string, value: string, index?: number): void;
19
- closeMenu(): void;
20
- openMenu(): void;
21
- }
22
- export default InkSelectPageObject;