@movable/ui 2.10.0 → 2.11.0

package/lib/layouts/DetailsLayout.d.ts

@@ -0,0 +1,7 @@
+import { GridProps } from '@mui/material/Grid';
+type LayoutDetailsProps = GridProps & {
+    Header: JSX.Element;
+    children: React.ReactNode;
+};
+export default function DetailsLayout({ Header, children, ...rest }: LayoutDetailsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/layouts/IndexLayout.d.ts

@@ -0,0 +1,7 @@
+import { GridProps } from '@mui/material/Grid';
+type IndexLayoutProps = GridProps & {
+    Header: JSX.Element;
+    children: React.ReactNode;
+};
+export default function IndexLayout({ Header, children, ...containerProps }: IndexLayoutProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/layouts/WorkflowLayout.d.ts

@@ -0,0 +1,7 @@
+import { GridProps } from '@mui/material/Grid';
+type WorkflowLayoutProps = GridProps & {
+    Header: JSX.Element;
+    children: React.ReactNode;
+};
+export default function WorkflowLayout({ Header, children, sx, ...rest }: WorkflowLayoutProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/layouts/index.d.ts

@@ -0,0 +1,3 @@
+export { default as DetailsLayout } from './DetailsLayout';
+export { default as IndexLayout } from './IndexLayout';
+export { default as WorkflowLayout } from './WorkflowLayout';

package/lib/layouts/mocks/MockDetailsBody.d.ts

@@ -0,0 +1 @@
+export default function MockDetailsBody(): import("react/jsx-runtime").JSX.Element;

package/lib/layouts/mocks/MockIndexBody.d.ts

@@ -0,0 +1 @@
+export default function MockIndexBody(): import("react/jsx-runtime").JSX.Element;

package/lib/layouts/mocks/MockInkPageHeader.d.ts

@@ -0,0 +1,4 @@
+declare const MockInkPageHeader: () => import("react/jsx-runtime").JSX.Element;
+declare const MockInkPageIndexHeader: () => import("react/jsx-runtime").JSX.Element;
+export default MockInkPageHeader;
+export { MockInkPageIndexHeader };

package/lib/layouts/mocks/MockWorkflowBody.d.ts

@@ -0,0 +1 @@
+export default function MockWorkflowBody(): import("react/jsx-runtime").JSX.Element;

package/lib/layouts/mocks/MockWorkflowHeader.d.ts

@@ -0,0 +1 @@
+export default function MockWorkflowHeader(): import("react/jsx-runtime").JSX.Element;

package/lib/layouts/mocks/index.d.ts

@@ -0,0 +1,5 @@
+export { default as MockInkPageHeader, MockInkPageIndexHeader, } from './MockInkPageHeader';
+export { default as MockDetailBody } from './MockDetailsBody';
+export { default as MockIndexBody } from './MockIndexBody';
+export { default as MockWorkflowHeader } from './MockWorkflowHeader';
+export { default as MockWorkflowBody } from './MockWorkflowBody';

package/lib/page-objects/index.d.ts

@@ -0,0 +1,5 @@
+export { default as inkDialog, InkDialogPageObject } from './ink-dialog';
+export { default as inkSelect } from './ink-select';
+export { default as inkSnackbarAlert } from './ink-snackbar-alert';
+export { default as InkTextFieldPageObject } from './ink-text-field';
+export { default as inkCheckboxGroup } from './ink-checkbox-group';

package/lib/page-objects/ink-checkbox-group.d.ts

@@ -0,0 +1,19 @@
+declare class InkCheckboxGroupPageObject {
+    baseAttr: string;
+    name: string;
+    static create(name: string): InkCheckboxGroupPageObject;
+    constructor(name: string);
+    get element(): Cypress.Chainable<JQuery<HTMLElement>>;
+    get label(): Cypress.Chainable<JQuery<HTMLElement>>;
+    get required(): Cypress.Chainable<JQuery<HTMLElement>>;
+    get error(): Cypress.Chainable<JQuery<HTMLElement>>;
+    get stack(): Cypress.Chainable<JQuery<HTMLElement>>;
+    isHorizontal(): Cypress.Chainable<JQuery<HTMLElement>>;
+    isVertical(): Cypress.Chainable<JQuery<HTMLElement>>;
+    get options(): Cypress.Chainable<JQuery<HTMLElement>>;
+    getCheckbox(value: string): Cypress.Chainable<JQuery<HTMLElement>>;
+    isCheckboxChecked(value: string): Cypress.Chainable<JQuery<HTMLInputElement>>;
+    notCheckboxChecked(value: string): Cypress.Chainable<JQuery<HTMLInputElement>>;
+    get helperText(): Cypress.Chainable<JQuery<HTMLElement>>;
+}
+export default InkCheckboxGroupPageObject;

package/lib/page-objects/ink-dialog.d.ts

@@ -0,0 +1,21 @@
+export declare class InkDialogPageObject {
+    BASE_ATTRIBUTE: string;
+    get element(): Cypress.Chainable<JQuery<HTMLElement>>;
+    get paper(): Cypress.Chainable<JQuery<HTMLElement>>;
+    get primaryAction(): Cypress.Chainable<JQuery<HTMLElement>>;
+    get secondaryAction(): Cypress.Chainable<JQuery<HTMLElement>>;
+    get cancelAction(): Cypress.Chainable<JQuery<HTMLElement>>;
+    get dialogTrigger(): Cypress.Chainable<JQuery<HTMLElement>>;
+    get closeTrigger(): Cypress.Chainable<JQuery<HTMLElement>>;
+    get title(): Cypress.Chainable<JQuery<HTMLElement>>;
+    isOpen(): void;
+    isClosed(): void;
+    openDialog(): void;
+    closeDialog(): void;
+    hasPrimaryAction(label: string): void;
+    hasSecondaryAction(label: string): void;
+    hasCancelAction(label: string): void;
+    hasTitle(title: string): void;
+}
+declare const _default: InkDialogPageObject;
+export default _default;

package/lib/page-objects/ink-image.d.ts

@@ -0,0 +1,12 @@
+declare class InkImagePageObject {
+    baseSelector: string;
+    name: string;
+    static create(name: string): InkImagePageObject;
+    constructor(name: string);
+    get element(): Cypress.Chainable<JQuery<HTMLElement>>;
+    get successImage(): Cypress.Chainable<JQuery<HTMLElement>>;
+    get errorImage(): Cypress.Chainable<JQuery<HTMLElement>>;
+    hasSrc(src: string): Cypress.Chainable<JQuery<HTMLElement>>;
+    isSuccessHidden(): Cypress.Chainable<JQuery<HTMLElement>>;
+}
+export default InkImagePageObject;

package/lib/page-objects/ink-select.d.ts

@@ -0,0 +1,22 @@
+declare class InkSelectPageObject {
+    baseAttribute: string;
+    name: string;
+    static create(name: string): InkSelectPageObject;
+    constructor(name: string);
+    get element(): Cypress.Chainable<JQuery<HTMLElement>>;
+    get menuElement(): Cypress.Chainable<JQuery<HTMLElement>>;
+    get label(): Cypress.Chainable<JQuery<HTMLElement>>;
+    get select(): Cypress.Chainable<JQuery<HTMLElement>>;
+    get input(): Cypress.Chainable<JQuery<HTMLElement>>;
+    get options(): Cypress.Chainable<JQuery<HTMLElement>>;
+    option(value: string): Cypress.Chainable<JQuery<HTMLElement>>;
+    get helperText(): Cypress.Chainable<JQuery<HTMLElement>>;
+    hasHelperText(value: string): Cypress.Chainable<JQuery<HTMLElement>>;
+    hasLabel(value: string): Cypress.Chainable<JQuery<HTMLElement>>;
+    hasDisplayValue(value: string): Cypress.Chainable<JQuery<HTMLElement>>;
+    hasValue(value: string): Cypress.Chainable<JQuery<HTMLElement>>;
+    hasOption(label: string, value: string, index?: number): void;
+    closeMenu(): void;
+    openMenu(): void;
+}
+export default InkSelectPageObject;

package/lib/page-objects/ink-snackbar-alert.d.ts

@@ -0,0 +1,12 @@
+import { InkSnackbarAlertProps } from '../components/InkSnackbar';
+declare class InkSnackbarAlertPageObject {
+    get title(): Cypress.Chainable<JQuery<HTMLElement>>;
+    get message(): Cypress.Chainable<JQuery<HTMLElement>>;
+    get action(): Cypress.Chainable<JQuery<HTMLElement>>;
+    actionButton(label: string): Cypress.Chainable<JQuery<HTMLElement>>;
+    get actionClose(): Cypress.Chainable<JQuery<HTMLElement>>;
+    get snackbarAlerts(): Cypress.Chainable<JQuery<HTMLElement>>;
+    snackbarAlertType(type: InkSnackbarAlertProps['severity']): Cypress.Chainable<JQuery<HTMLElement>>;
+}
+declare const _default: InkSnackbarAlertPageObject;
+export default _default;

package/lib/page-objects/ink-text-field.d.ts

@@ -0,0 +1,24 @@
+declare class InkTextFieldPageObject {
+    baseAttribute: string;
+    helperTextSelector: string;
+    errorTextSelector: string;
+    errorClass: string;
+    name: string;
+    static create(name: string): InkTextFieldPageObject;
+    constructor(name: string);
+    get element(): Cypress.Chainable<JQuery<HTMLElement>>;
+    get label(): Cypress.Chainable<JQuery<HTMLLabelElement>>;
+    get input(): Cypress.Chainable<JQuery<HTMLInputElement>>;
+    get helperText(): Cypress.Chainable<JQuery<HTMLElement>>;
+    get error(): Cypress.Chainable<JQuery<HTMLElement>>;
+    get errorMessage(): Cypress.Chainable<JQuery<HTMLElement>>;
+    get multiline(): Cypress.Chainable<JQuery<HTMLTextAreaElement>>;
+    hasLabel(label: string): Cypress.Chainable<JQuery<HTMLLabelElement>>;
+    hasValue(value: string): Cypress.Chainable<JQuery<HTMLInputElement>>;
+    hasHelperText(text: string): Cypress.Chainable<JQuery<HTMLElement>>;
+    hasError(text: string): Cypress.Chainable<JQuery<HTMLElement>>;
+    type(value: string): Cypress.Chainable<JQuery<HTMLInputElement>>;
+    clear(): Cypress.Chainable<JQuery<HTMLInputElement>>;
+    blur(): Cypress.Chainable<JQuery<HTMLInputElement>>;
+}
+export default InkTextFieldPageObject;

package/lib/theme/components/Alert.d.ts

@@ -0,0 +1,60 @@
+import { Theme } from '@mui/material/styles';
+import { AlertProps } from '@mui/material/Alert';
+declare const alert: {
+    MuiAlert: {
+        defaultProps: {
+            iconMapping: {
+                success: import("react/jsx-runtime").JSX.Element;
+                error: import("react/jsx-runtime").JSX.Element;
+                info: import("react/jsx-runtime").JSX.Element;
+                warning: import("react/jsx-runtime").JSX.Element;
+            };
+        };
+        variants: {
+            props: {
+                variant: string;
+            };
+            style: {
+                width: string;
+            };
+        }[];
+        styleOverrides: {
+            root: {
+                '& .MuiAlert-action': {
+                    gap: string;
+                    '> .MuiIconButton-root, > .MuiButton-root': {
+                        padding: string;
+                        color: string;
+                    };
+                    '> .MuiButton-root': {
+                        fontSize: string;
+                        textTransform: string;
+                    };
+                };
+                '& .MuiAlert-message': {
+                    color: string;
+                };
+                border: string;
+            };
+            snackbar: ({ theme, ownerState, }: {
+                theme: Theme;
+                ownerState: AlertProps;
+            }) => {
+                color: string;
+                backgroundColor: string;
+                '& .MuiAlert-message': {
+                    color: string;
+                };
+                '& .MuiAlert-icon': {
+                    color?: string | undefined;
+                };
+                '& .MuiAlert-action': {
+                    '> .MuiButton-root': {
+                        color: string;
+                    };
+                };
+            };
+        };
+    };
+};
+export default alert;

package/lib/theme/components/DataGrid.d.ts

@@ -0,0 +1,45 @@
+import { Theme } from '@mui/material/styles';
+declare const datagrid: {
+    MuiDataGrid: {
+        styleOverrides: {
+            root: {
+                border: string;
+                '.MuiDataGrid-toolbarContainer .MuiTextField-root': {
+                    backgroundColor: "#f5f5f5";
+                    padding: string;
+                    borderRadius: string;
+                };
+                '.MuiInput-underline:before': {
+                    borderBottom: string;
+                    color: string;
+                };
+                '.MuiDataGrid-toolbarContainer button': {
+                    backgroundColor: "#f5f5f5";
+                    color: "#212121";
+                    padding: string;
+                };
+                '.MuiDataGrid-toolbarContainer svg': {
+                    color: "#616161";
+                };
+                '.MuiDataGrid-cell:focus': {
+                    outline: string;
+                };
+                '.MuiDataGrid-overlayWrapper': {
+                    height: string;
+                };
+            };
+            menu: {
+                '.MuiPaper-root': {
+                    padding: string;
+                };
+            };
+            columnHeaderTitle: ({ theme }: {
+                theme: Theme;
+            }) => {
+                fontWeight: number;
+                fontSize: import("csstype").Property.FontSize<string | number> | undefined;
+            };
+        };
+    };
+};
+export default datagrid;

package/lib/theme/components/autocomplete.d.ts

@@ -0,0 +1,62 @@
+import { Theme } from '@mui/material/styles';
+declare const autocomplete: {
+    MuiAutocomplete: {
+        defaultProps: {
+            ChipProps: {
+                size: string;
+                color: string;
+            };
+        };
+        styleOverrides: {
+            root: ({ theme }: {
+                theme: Theme;
+            }) => {
+                '.MuiChip-root': {
+                    margin: number;
+                };
+                '& .MuiAutocomplete-inputRoot[class*="Mui-disabled"]': {
+                    backgroundColor: string;
+                    cursor: string;
+                };
+            };
+            option: ({ theme }: {
+                theme: Theme;
+            }) => {
+                '&.MuiAutocomplete-option.MuiAutocomplete-option': {
+                    '&.Mui-focused': {
+                        backgroundColor: string | undefined;
+                    };
+                    '&[aria-selected="true"]': {
+                        backgroundColor: string | undefined;
+                    };
+                };
+            };
+            inputRoot: ({ theme }: {
+                theme: Theme;
+            }) => {
+                '&.MuiInputBase-hiddenLabel': {
+                    padding: string;
+                    '& .MuiAutocomplete-input': {
+                        padding: string;
+                    };
+                };
+                '&.MuiInputBase-hiddenLabel.MuiInputBase-sizeSmall': {
+                    paddingTop: string;
+                    paddingBottom: string;
+                    paddingLeft: string;
+                    '& .MuiAutocomplete-input': {
+                        padding: string;
+                    };
+                };
+                gap: string;
+            };
+            paper: {
+                padding: number;
+            };
+            listbox: {
+                maxHeight: number;
+            };
+        };
+    };
+};
+export default autocomplete;

package/lib/theme/components/chip.d.ts

@@ -0,0 +1,296 @@
+declare const chip: {
+    MuiChip: {
+        styleOverrides: {
+            filledDefault: {
+                backgroundColor: "#eeeeee";
+                color: "#212121";
+                '&.MuiChip-clickable': {
+                    '&:hover, &:focus, &:active': {
+                        color: "#212121";
+                        backgroundColor: "#e0e0e0";
+                    };
+                };
+                '.MuiChip-deleteIcon': {
+                    color: "#616161";
+                    opacity: number;
+                    '&:hover, &:focus, &:active': {
+                        color: "#616161";
+                    };
+                };
+            };
+            filledPrimary: {
+                backgroundColor: "#e3f2fd";
+                color: string;
+                '&.MuiChip-clickable': {
+                    '&:hover, &:focus, &:active': {
+                        color: string;
+                        backgroundColor: "#bbdefb";
+                    };
+                };
+                '.MuiChip-deleteIcon': {
+                    color: string;
+                    opacity: number;
+                    '&:hover, &:focus, &:active': {
+                        color: string;
+                    };
+                };
+            };
+            filledSecondary: {
+                backgroundColor: "#f3e5f5";
+                color: string;
+                '&.MuiChip-clickable': {
+                    '&:hover, &:focus, &:active': {
+                        color: string;
+                        backgroundColor: "#e1bee7";
+                    };
+                };
+                '.MuiChip-deleteIcon': {
+                    color: "#7b1fa2";
+                    opacity: number;
+                    '&:hover, &:focus, &:active': {
+                        color: "#7b1fa2";
+                    };
+                };
+            };
+            filledError: {
+                backgroundColor: "#ffebee";
+                color: string;
+                '&.MuiChip-clickable': {
+                    '&:hover, &:focus, &:active': {
+                        color: string;
+                        backgroundColor: "#ffcdd2";
+                    };
+                };
+                '.MuiChip-deleteIcon': {
+                    color: "#c62828";
+                    opacity: number;
+                    '&:hover, &:focus, &:active': {
+                        color: "#c62828";
+                    };
+                };
+            };
+            filledWarning: {
+                backgroundColor: "#fff3e0";
+                color: string;
+                '&.MuiChip-clickable': {
+                    '&:hover, &:focus, &:active': {
+                        color: string;
+                        backgroundColor: "#ffe0b2";
+                    };
+                };
+                '.MuiChip-deleteIcon': {
+                    color: string;
+                    opacity: number;
+                    '&:hover, &:focus, &:active': {
+                        color: string;
+                    };
+                };
+            };
+            filledInfo: {
+                backgroundColor: "#e0f7fa";
+                color: "#006064";
+                '&.MuiChip-clickable': {
+                    '&:hover, &:focus, &:active': {
+                        color: "#006064";
+                        backgroundColor: "#b2ebf2";
+                    };
+                };
+                '.MuiChip-deleteIcon': {
+                    color: "#01579b";
+                    opacity: number;
+                    '&:hover, &:focus, &:active': {
+                        color: "#01579b";
+                    };
+                };
+            };
+            filledSuccess: {
+                backgroundColor: string;
+                color: string;
+                '&.MuiChip-clickable': {
+                    '&:hover, &:focus, &:active': {
+                        color: string;
+                        backgroundColor: string;
+                    };
+                };
+                '.MuiChip-deleteIcon': {
+                    color: "#388e3c";
+                    opacity: number;
+                    '&:hover, &:focus, &:active': {
+                        color: "#388e3c";
+                    };
+                };
+            };
+            filledAi: {
+                backgroundColor: "#ede7f6";
+                color: "#311b92";
+                '&.MuiChip-clickable': {
+                    '&:hover, &:focus, &:active': {
+                        color: "#311b92";
+                        backgroundColor: "#d1c4e9";
+                    };
+                };
+                '.MuiChip-deleteIcon': {
+                    color: "#311b92";
+                    opacity: number;
+                    '&:hover, &:focus, &:active': {
+                        color: "#311b92";
+                    };
+                };
+            };
+            contrastFilledDefault: {
+                color: string;
+                backgroundColor: "#616161";
+                '&.MuiChip-clickable': {
+                    '&:hover, &:focus, &:active': {
+                        color: string;
+                        backgroundColor: "#424242";
+                    };
+                };
+                '.MuiChip-deleteIcon': {
+                    color: string;
+                    opacity: number;
+                    '&:hover, &:focus, &:active': {
+                        color: string;
+                    };
+                };
+            };
+            contrastFilledPrimary: {
+                color: string;
+                backgroundColor: "#0091ea";
+                '&.MuiChip-clickable': {
+                    '&:hover, &:focus, &:active': {
+                        color: string;
+                        backgroundColor: "#01579b";
+                    };
+                };
+                '.MuiChip-deleteIcon': {
+                    color: string;
+                    opacity: number;
+                    '&:hover, &:focus, &:active': {
+                        color: string;
+                    };
+                };
+            };
+            contrastFilledSecondary: {
+                color: string;
+                backgroundColor: "#aa00ff";
+                '&.MuiChip-clickable': {
+                    '&:hover, &:focus, &:active': {
+                        color: string;
+                        backgroundColor: "#7b1fa2";
+                    };
+                };
+                '.MuiChip-deleteIcon': {
+                    color: string;
+                    opacity: number;
+                    '&:hover, &:focus, &:active': {
+                        color: string;
+                    };
+                };
+            };
+            contrastFilledError: {
+                color: string;
+                backgroundColor: "#d50000";
+                '&.MuiChip-clickable': {
+                    '&:hover, &:focus, &:active': {
+                        color: string;
+                        backgroundColor: "#c62828";
+                    };
+                };
+                '.MuiChip-deleteIcon': {
+                    color: string;
+                    opacity: number;
+                    '&:hover,&:focus, &:active': {
+                        color: string;
+                    };
+                };
+            };
+            contrastFilledWarning: {
+                color: string;
+                backgroundColor: "#f9a825";
+                '&.MuiChip-clickable': {
+                    '&:hover, &:focus, &:active': {
+                        color: string;
+                        backgroundColor: "#f57f17";
+                    };
+                };
+                '.MuiChip-deleteIcon': {
+                    color: string;
+                    opacity: number;
+                    '&:hover,&:focus, &:active': {
+                        color: string;
+                    };
+                };
+            };
+            contrastFilledInfo: {
+                color: string;
+                backgroundColor: "#00b8d4";
+                '&.MuiChip-clickable': {
+                    '&:hover, &:focus, &:active': {
+                        color: string;
+                        backgroundColor: "#0097a7";
+                    };
+                };
+                '.MuiChip-deleteIcon': {
+                    color: string;
+                    opacity: number;
+                    '&:hover,&:focus, &:active': {
+                        color: string;
+                    };
+                };
+            };
+            contrastFilledSuccess: {
+                color: string;
+                backgroundColor: string;
+                '&.MuiChip-clickable': {
+                    '&:hover, &:focus, &:active': {
+                        color: string;
+                        backgroundColor: "#388e3c";
+                    };
+                };
+                '.MuiChip-deleteIcon': {
+                    color: string;
+                    opacity: number;
+                    '&:hover,&:focus, &:active': {
+                        color: string;
+                    };
+                };
+            };
+            contrastFilledAi: {
+                color: string;
+                backgroundColor: "#6200ea";
+                '&.MuiChip-clickable': {
+                    '&:hover, &:focus, &:active': {
+                        color: string;
+                        backgroundColor: "#6200ea";
+                    };
+                };
+                '.MuiChip-deleteIcon': {
+                    color: string;
+                    opacity: number;
+                    '&:hover,&:focus, &:active': {
+                        color: string;
+                    };
+                };
+            };
+            contrastFilledInProgress: {
+                color: string;
+                backgroundColor: string;
+                '&.MuiChip-clickable': {
+                    '&:hover, &:focus, &:active': {
+                        color: string;
+                        backgroundColor: string;
+                    };
+                };
+                '.MuiChip-deleteIcon': {
+                    color: string;
+                    opacity: number;
+                    '&:hover,&:focus, &:active': {
+                        color: string;
+                    };
+                };
+            };
+        };
+    };
+};
+export default chip;