asma-core-ui 2.6.5 → 2.6.6

package/dist/src/components/data-grid/StyledDataGrid.stories.d.ts

@@ -0,0 +1,73 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: {
+        (props: import("./types").IBaseStyledDataGrid): JSX.Element;
+        defaultProps: {
+            disableHeaderPin: boolean;
+            disableRowActions: boolean;
+        };
+    };
+    tags: string[];
+    argTypes: {
+        disableHeaderPin: {
+            control: string;
+            defaultValue: boolean;
+        };
+        disableRowActions: {
+            control: string;
+            defaultValue: boolean;
+        };
+    };
+    args: {
+        rows: {
+            id: number;
+            title: string;
+            description: string;
+            context: string;
+            deadline: string;
+        }[];
+        columns: ({
+            field: string;
+            headerName: string;
+            renderCell: () => JSX.Element;
+            width: number;
+            sortable: false;
+            flex?: undefined;
+            renderHeader?: undefined;
+        } | {
+            field: string;
+            headerName: string;
+            flex: number;
+            renderCell?: undefined;
+            width?: undefined;
+            sortable?: undefined;
+            renderHeader?: undefined;
+        } | {
+            field: string;
+            headerName: string;
+            renderHeader: () => JSX.Element;
+            renderCell: () => JSX.Element;
+            sortable: false;
+            width?: undefined;
+            flex?: undefined;
+        })[];
+        fixedColumns: string[];
+        checkboxSelection: true;
+        disableColumnMenu: true;
+        disableColumnSelector: true;
+        disableColumnFilter: true;
+        disableDensitySelector: true;
+        rowActions: () => JSX.Element[];
+        slots: {
+            columnSortedAscendingIcon: () => JSX.Element;
+            columnSortedDescendingIcon: () => JSX.Element;
+        };
+        disableHeaderPin: false;
+        disableRowActions: false;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const DataGrid: Story;

package/dist/src/components/data-grid/StyledGridActionsCellItem.d.ts

@@ -0,0 +1,3 @@
+import { type GridActionsCellItemProps } from '@mui/x-data-grid';
+import type { RefAttributes } from 'react';
+export declare const StyledGridActionsCellItem: (props: GridActionsCellItemProps & RefAttributes<HTMLButtonElement>) => JSX.Element;

package/dist/src/components/data-grid/components/ColumnFormControlItem.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { GridApiCommunity } from '@mui/x-data-grid/internals';
+export declare const ColumnFormControlItem: React.FC<{
+    apiRef: React.MutableRefObject<GridApiCommunity>;
+    columnField: string;
+}>;

package/dist/src/components/data-grid/components/ColumnsMenu.d.ts

@@ -0,0 +1,7 @@
+import type { GridApiCommunity } from '@mui/x-data-grid/internals';
+import type { ReactNode } from 'react';
+export declare const ColumnsMenu: React.FC<{
+    columnsMenuTitle: ReactNode;
+    apiRef: React.MutableRefObject<GridApiCommunity>;
+    fixedColumns?: string[];
+}>;

package/dist/src/components/data-grid/components/columnActions.d.ts

@@ -0,0 +1,13 @@
+import { type JSXElementConstructor, type ReactElement, type ReactNode } from 'react';
+import { type GridActionsCellItemProps, type GridRowParams } from '@mui/x-data-grid';
+import type { GridApiCommunity } from '@mui/x-data-grid/internals';
+export declare const columnActions: (apiRef: React.MutableRefObject<GridApiCommunity>, rowActions: (params: GridRowParams<any>) => ReactElement<GridActionsCellItemProps, string | JSXElementConstructor<any>>[], columnsMenuTitle: ReactNode, fixedColumns?: string[]) => {
+    field: string;
+    headerName: string;
+    width: number;
+    disableColumnMenu: boolean;
+    sortable: boolean;
+    type: string;
+    renderHeader: () => JSX.Element;
+    getActions: (params: GridRowParams<any>) => ReactElement<GridActionsCellItemProps, string | JSXElementConstructor<any>>[];
+};

package/dist/src/components/data-grid/index.d.ts

@@ -0,0 +1,3 @@
+export * from './StyledDataGrid';
+export * from './StyledGridActionsCellItem';
+export * from './x-data-grid-types';

package/dist/src/components/data-grid/types.d.ts

@@ -0,0 +1,9 @@
+import type { DataGridProps, GridActionsCellItemProps, GridRowParams } from '@mui/x-data-grid';
+import type { JSXElementConstructor, ReactElement, ReactNode } from 'react';
+export interface IBaseStyledDataGrid extends DataGridProps {
+    columnsMenuTitle?: ReactNode;
+    disableRowActions?: boolean;
+    disableHeaderPin?: boolean;
+    fixedColumns?: string[];
+    rowActions?: (params: GridRowParams<any>) => ReactElement<GridActionsCellItemProps, string | JSXElementConstructor<any>>[];
+}

package/dist/src/components/data-grid/x-data-grid-types.d.ts

@@ -0,0 +1 @@
+export * from '@mui/x-data-grid';

package/dist/src/components/feedback/alert/StyledAlert.d.ts

@@ -0,0 +1,2 @@
+import { type AlertProps } from '@mui/material';
+export declare const StyledAlert: (props: AlertProps) => JSX.Element;

package/dist/src/components/feedback/alert/StyledAlert.stories.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: (props: import("@mui/material").AlertProps) => JSX.Element;
+    tags: string[];
+    argTypes: {};
+    args: {
+        severity: "success";
+        variant: "standard";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/src/components/feedback/alert/StyledAlertTitle.d.ts

@@ -0,0 +1,2 @@
+import { type AlertTitleProps } from '@mui/material';
+export declare const StyledAlertTitle: (props: AlertTitleProps) => JSX.Element;

package/dist/src/components/feedback/alert/index.d.ts

@@ -0,0 +1,2 @@
+export * from './StyledAlert';
+export * from './StyledAlertTitle';

package/dist/src/components/feedback/dialog/StyledDialog.d.ts

@@ -0,0 +1,6 @@
+import type { DialogProps } from '@mui/material/Dialog';
+export interface IStyledDialogProps extends DialogProps {
+    onCloseText?: string;
+    showCloseIcon?: boolean;
+}
+export declare const StyledDialog: ({ onCloseText, children, onClose, showCloseIcon, ...rest }: IStyledDialogProps) => JSX.Element;

package/dist/src/components/feedback/dialog/StyledDialog.stories.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ onCloseText, children, onClose, showCloseIcon, ...rest }: import("./StyledDialog").IStyledDialogProps) => JSX.Element;
+    tags: string[];
+    argTypes: {};
+    args: {
+        title: string;
+        open: true;
+        fullScreen: false;
+        onClose: () => void;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Dialog: Story;
+export declare const DialogExample: () => JSX.Element;

package/dist/src/components/feedback/dialog/StyledDialogActions.d.ts

@@ -0,0 +1,2 @@
+import { type DialogActionsProps } from '@mui/material';
+export declare const StyledDialogActions: (props: DialogActionsProps) => JSX.Element;

package/dist/src/components/feedback/dialog/StyledDialogContent.d.ts

@@ -0,0 +1,2 @@
+import { type DialogContentProps } from '@mui/material';
+export declare const StyledDialogContent: ({ children, classes, className, ...rest }: DialogContentProps) => JSX.Element;

package/dist/src/components/feedback/dialog/StyledDialogTitle.d.ts

@@ -0,0 +1,2 @@
+import type { DialogTitleProps } from '@mui/material/DialogTitle/DialogTitle';
+export declare const StyledDialogTitle: ({ children, ...rest }: DialogTitleProps) => JSX.Element | null;

package/dist/src/components/feedback/dialog/index.d.ts

@@ -0,0 +1,4 @@
+export * from './StyledDialog';
+export * from './StyledDialogActions';
+export * from './StyledDialogContent';
+export * from './StyledDialogTitle';

package/dist/src/components/feedback/snack-bar/StyledSnackbar.d.ts

@@ -0,0 +1,2 @@
+import { type SnackbarProps } from '@mui/material';
+export declare const StyledSnackbar: ({ children, ...props }: SnackbarProps) => JSX.Element;

package/dist/src/components/feedback/snack-bar/StyledSnackbar.stories.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ children, ...props }: import("@mui/material").SnackbarProps) => JSX.Element;
+    tags: string[];
+    argTypes: {};
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const SnackBar: Story;
+export declare const SnackbarExample: () => JSX.Element;

package/dist/src/components/feedback/snack-bar/index.d.ts

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

package/dist/src/components/inputs/button/StyledButton.d.ts

@@ -0,0 +1,2 @@
+import { type ButtonProps } from '@mui/material';
+export declare const StyledButton: (props: ButtonProps) => JSX.Element;

package/dist/src/components/inputs/button/StyledButton.stories.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: (props: import("@mui/material").ButtonProps) => JSX.Element;
+    tags: string[];
+    argTypes: {};
+    args: {
+        children: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const Secondary: Story;

package/dist/src/components/inputs/button/index.d.ts

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

package/dist/src/components/inputs/checkbox/StyledCheckbox.d.ts

@@ -0,0 +1,2 @@
+import { type CheckboxProps } from '@mui/material';
+export declare const StyledCheckbox: (props: CheckboxProps) => JSX.Element;

package/dist/src/components/inputs/checkbox/StyledCheckbox.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: (props: import("@mui/material").CheckboxProps) => JSX.Element;
+    tags: string[];
+    argTypes: {};
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Checkbox: Story;

package/dist/src/components/inputs/checkbox/index.d.ts

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

package/dist/src/components/inputs/input/StyledInput.d.ts

@@ -0,0 +1,2 @@
+import { type InputProps } from '@mui/material';
+export declare const StyledInput: (props: InputProps) => JSX.Element;

package/dist/src/components/inputs/input/index.d.ts

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

package/dist/src/components/inputs/rich-input/RichInput.d.ts

@@ -0,0 +1,12 @@
+import type { FC } from 'react';
+import ReactQuill from 'react-quill';
+export interface IRichInput extends ReactQuill.ReactQuillProps {
+    isRequired?: boolean;
+    disabled?: boolean;
+    label?: string;
+    error?: string;
+    is_error?: boolean;
+    is_warning?: boolean;
+}
+declare const RichInput: FC<IRichInput>;
+export { RichInput };

package/dist/src/components/inputs/rich-input/RichInput.stories.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { type IRichInput } from './RichInput';
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("react").FC<IRichInput>;
+    tags: string[];
+    argTypes: {};
+    args: {
+        placeholder: string;
+        value: string;
+        isRequired: false;
+        disabled: false;
+        label: string;
+        error: string;
+        is_error: false;
+        is_warning: false;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const RichInputExample: Story;

package/dist/src/components/inputs/rich-input/index.d.ts

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

package/dist/src/components/inputs/select/StyledSelect.d.ts

@@ -0,0 +1,2 @@
+import { type SelectProps } from '@mui/material';
+export declare const StyledSelect: (props: SelectProps) => JSX.Element;

package/dist/src/components/inputs/select/StyledSelect.stories.d.ts

@@ -0,0 +1,19 @@
+import type { StoryObj } from '@storybook/react';
+import { StyledSelect } from './StyledSelect';
+import type { SelectProps } from '@mui/material';
+declare const meta: {
+    title: string;
+    component: (props: SelectProps<unknown>) => JSX.Element;
+    tags: string[];
+    argTypes: {
+        children: {
+            description: string;
+        };
+    };
+    args: {
+        children: JSX.Element[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof StyledSelect>;
+export declare const Select: Story;

package/dist/src/components/inputs/select/StyledSelectItem.d.ts

@@ -0,0 +1,2 @@
+import { type MenuItemProps } from '@mui/material';
+export declare const StyledSelectItem: (item: MenuItemProps) => JSX.Element;

package/dist/src/components/inputs/select/index.d.ts

@@ -0,0 +1,2 @@
+export * from './StyledSelect';
+export * from './StyledSelectItem';

package/dist/src/components/inputs/slider/StyledSlider.d.ts

@@ -0,0 +1,2 @@
+import { type SliderProps } from '@mui/material';
+export declare const StyledSlider: (props: SliderProps) => JSX.Element;

package/dist/src/components/inputs/slider/StyledSlider.stories.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+declare const meta: {
+    title: string;
+    component: (props: import("@mui/material").SliderProps) => JSX.Element;
+    tags: string[];
+    argTypes: {};
+    args: {
+        size: "medium";
+        max: number;
+        min: number;
+        step: number;
+        marks: {
+            value: number;
+            label: string;
+        }[];
+    };
+};
+export default meta;
+export declare const Slider: () => JSX.Element;

package/dist/src/components/inputs/slider/index.d.ts

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

package/dist/src/components/inputs/switch/StyledSwitch.d.ts

@@ -0,0 +1,2 @@
+import { type SwitchProps } from '@mui/material';
+export declare const StyledSwitch: (props: SwitchProps) => JSX.Element;

package/dist/src/components/inputs/switch/StyledSwitch.stories.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+declare const meta: {
+    title: string;
+    component: (props: import("@mui/material").SwitchProps) => JSX.Element;
+    tags: string[];
+    argTypes: {};
+    args: {};
+};
+export default meta;
+export declare const Switch: () => JSX.Element;

package/dist/src/components/inputs/switch/index.d.ts

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

package/dist/src/components/inputs/text-field/StyledTextField.d.ts

@@ -0,0 +1,6 @@
+import { type FormControlProps, type TextFieldProps } from '@mui/material';
+type StyledTextFieldProps = TextFieldProps & {
+    FormControlProps?: FormControlProps;
+};
+export declare const StyledTextField: ({ FormControlProps, InputLabelProps, label, size, ...props }: StyledTextFieldProps) => JSX.Element;
+export {};

package/dist/src/components/inputs/text-field/StyledTextField.stories.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+declare const meta: {
+    title: string;
+    component: ({ FormControlProps, InputLabelProps, label, size, ...props }: import("@mui/material").TextFieldProps & {
+        FormControlProps?: import("@mui/material").FormControlProps | undefined;
+    }) => JSX.Element;
+    tags: string[];
+    argTypes: {};
+    args: {
+        label: string;
+    };
+};
+export default meta;
+export declare const TextField: () => JSX.Element;

package/dist/src/components/inputs/text-field/index.d.ts

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

package/dist/src/components/miscellaneous/StyledFormControl.d.ts

@@ -0,0 +1,2 @@
+import { type FormControlProps } from '@mui/material';
+export declare const StyledFormControl: (props: FormControlProps) => JSX.Element;

package/dist/src/components/miscellaneous/StyledFormControlLabel.d.ts

@@ -0,0 +1,2 @@
+import { type FormControlLabelProps } from '@mui/material';
+export declare const StyledFormControlLabel: (props: FormControlLabelProps) => JSX.Element;

package/dist/src/components/miscellaneous/StyledFormGroup.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { type FormGroupProps } from '@mui/material';
+export declare const StyledFormGroup: React.FC<FormGroupProps>;

package/dist/src/components/miscellaneous/StyledFormHelperText.d.ts

@@ -0,0 +1,2 @@
+import { type FormHelperTextProps } from '@mui/material';
+export declare const StyledFormHelperText: (props: FormHelperTextProps) => JSX.Element;

package/dist/src/components/miscellaneous/StyledFormLabel.d.ts

@@ -0,0 +1,2 @@
+import { type FormLabelProps } from '@mui/material';
+export declare const StyledFormLabel: (props: FormLabelProps) => JSX.Element;

package/dist/src/components/miscellaneous/StyledInputLabel.d.ts

@@ -0,0 +1,2 @@
+import { type InputLabelProps } from '@mui/material';
+export declare const StyledInputLabel: (props: InputLabelProps) => JSX.Element;

package/dist/src/components/miscellaneous/StyledStack.d.ts

@@ -0,0 +1,2 @@
+import { type StackProps } from '@mui/material';
+export declare const StyledStack: (props: StackProps) => JSX.Element;

package/dist/src/components/surfaces/accordion/StyledAccordion.d.ts

@@ -0,0 +1,2 @@
+import { type AccordionProps } from '@mui/material';
+export declare const StyledAccordion: (props: AccordionProps) => JSX.Element;

package/dist/src/components/surfaces/accordion/StyledAccordion.stories.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+import { StyledAccordion } from './StyledAccordion';
+declare const meta: {
+    title: string;
+    component: (props: import("@mui/material").AccordionProps) => JSX.Element;
+    tags: string[];
+    argTypes: {};
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof StyledAccordion>;
+export declare const Accordion: Story;

package/dist/src/components/surfaces/accordion/StyledAccordionDetails.d.ts

@@ -0,0 +1,2 @@
+import { type AccordionDetailsProps } from '@mui/material';
+export declare const StyledAccordionDetails: (props: AccordionDetailsProps) => JSX.Element;

package/dist/src/components/surfaces/accordion/StyledAccordionSummary.d.ts

@@ -0,0 +1,2 @@
+import { type AccordionSummaryProps } from '@mui/material';
+export declare const StyledAccordionSummary: (props: AccordionSummaryProps) => JSX.Element;

package/dist/src/components/surfaces/accordion/index.d.ts

@@ -0,0 +1,3 @@
+export * from './StyledAccordion';
+export * from './StyledAccordionSummary';
+export * from './StyledAccordionDetails';

package/dist/src/helpers/index.d.ts

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

package/dist/src/helpers/tokenOptimizer.helper.d.ts

@@ -0,0 +1 @@
+export declare function tokenOptimizer<T>(object: T): T;

package/dist/src/index.d.ts

@@ -0,0 +1,25 @@
+export * from './helpers';
+export * from './theme';
+export * from './providers';
+export * from './interfaces';
+export * from './components/data-display/badge';
+export * from './components/data-display/tooltip';
+export * from './components/data-display/icons';
+export * from './components/data-grid';
+export * from './components/feedback/dialog';
+export * from './components/feedback/alert';
+export * from './components/feedback/snack-bar';
+export * from './components/inputs/button';
+export * from './components/inputs/checkbox';
+export * from './components/inputs/input';
+export * from './components/inputs/select';
+export * from './components/inputs/slider';
+export * from './components/inputs/text-field';
+export * from './components/inputs/switch';
+export * from './components/miscellaneous/StyledFormControl';
+export * from './components/miscellaneous/StyledFormControlLabel';
+export * from './components/miscellaneous/StyledFormHelperText';
+export * from './components/miscellaneous/StyledFormLabel';
+export * from './components/miscellaneous/StyledInputLabel';
+export * from './components/miscellaneous/StyledStack';
+export * from './components/miscellaneous/StyledFormGroup';

package/dist/src/interfaces/index.d.ts

@@ -0,0 +1,5 @@
+import type { ThemeProviderProps } from '@mui/material/styles/ThemeProvider';
+import type { SnackbarProviderProps } from 'notistack';
+export interface IThemeProvider extends ThemeProviderProps {
+    SnackbarProviderProps?: SnackbarProviderProps;
+}

package/dist/src/providers/ThemeProvider.d.ts

@@ -0,0 +1,2 @@
+import type { IThemeProvider } from '../interfaces';
+export declare const ThemeProvider: (props: IThemeProvider) => JSX.Element;

package/dist/src/providers/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ThemeProvider';
+export { createTheme } from '@mui/material/styles';
+export { enqueueSnackbar, closeSnackbar, useSnackbar } from 'notistack';

package/dist/src/stories/Button.d.ts

@@ -0,0 +1,26 @@
+export interface ButtonProps {
+    /**
+     * Is this the principal call to action on the page?
+     */
+    primary?: boolean;
+    /**
+     * What background color to use
+     */
+    backgroundColor?: string;
+    /**
+     * How large should the button be?
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Button contents
+     */
+    label: string;
+    /**
+     * Optional click handler
+     */
+    onClick?: () => void;
+}
+/**
+ * Primary UI component for user interaction
+ */
+export declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => JSX.Element;

package/dist/src/stories/Button.stories.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ primary, size, backgroundColor, label, ...props }: import("./Button").ButtonProps) => JSX.Element;
+    tags: string[];
+    argTypes: {
+        backgroundColor: {
+            control: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Large: Story;
+export declare const Small: Story;

package/dist/src/stories/Header.d.ts

@@ -0,0 +1,10 @@
+export type User = {
+    name: string;
+};
+export interface HeaderProps {
+    user?: User;
+    onLogin: () => void;
+    onLogout: () => void;
+    onCreateAccount: () => void;
+}
+export declare const Header: ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps) => JSX.Element;

package/dist/src/stories/Header.stories.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ user, onLogin, onLogout, onCreateAccount }: import("./Header").HeaderProps) => JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const LoggedIn: Story;
+export declare const LoggedOut: Story;

package/dist/src/stories/Page.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Page: React.FC;