@campxdev/react-blueprint 1.9.6 → 2.0.1

package/dist/cjs/types/src/components/Input/DateTimePicker/DateTimePicker.d.ts

@@ -0,0 +1,15 @@
+import { StackProps } from '@mui/material';
+import { DateTimePickerProps as MuiDateTimePickerProps, PickersShortcutsItem, PickerValidDate } from '@mui/x-date-pickers';
+type DateTimePickerProps<TDate extends PickerValidDate, TEnableAccessibleFieldDOMStructure extends boolean = false> = {
+    format?: 'yyyy' | 'MMMM yyyy' | 'MMM yyyy' | 'dd MMMM yyyy' | 'dd/MM/yyyy' | 'MM/dd/yyyy' | 'yyyy-MM-dd' | 'yyyy-MM-dd hh:mm a' | 'yyyy-MM-dd HH:mm' | 'dd MMM yyyy HH:mm' | 'dd MMM yyyy hh:mm a' | 'dd/MM/yyyy hh:mm a' | 'dd/MM/yyyy HH:mm' | 'hh:mm a' | 'HH:mm' | 'hh:mm:ss a' | 'HH:mm:ss' | 'MMM dd, yyyy hh:mm a' | 'MMMM dd, yyyy HH:mm' | 'EEE, MMM dd yyyy' | 'EEEE, MMMM dd, yyyy';
+    views?: ('year' | 'month' | 'day' | 'hours' | 'minutes' | 'seconds')[];
+    helperText?: string;
+    placeholder?: string;
+    shortcutsItems?: PickersShortcutsItem<any>[];
+    required?: boolean;
+    containerProps?: StackProps;
+    openPickerIcon?: React.ElementType;
+    error?: any;
+} & MuiDateTimePickerProps<TEnableAccessibleFieldDOMStructure>;
+export declare const DateTimePicker: <TDate extends PickerValidDate, TEnableAccessibleFieldDOMStructure extends boolean = false>({ label, name, required, format, views, helperText, placeholder, shortcutsItems, openPickerIcon: Icon, containerProps, value, error, ...rest }: DateTimePickerProps<TDate, TEnableAccessibleFieldDOMStructure>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/src/components/Input/FileUpload/FileUpload.d.ts

@@ -0,0 +1,21 @@
+import { SxProps } from '@mui/material';
+export type FileUploadProps = {
+    label: string;
+    name: string;
+    disabled?: boolean;
+    files?: File[];
+    onChange?: (files: File[]) => void;
+    handleRemove?: (index: number) => void;
+    accept?: 'image/*' | '.pdf' | '.docx' | '.txt' | '*';
+    onInvalidFile?: (file: File) => void;
+    inputText?: string;
+    multiple?: boolean;
+    hideDeleteButton?: boolean;
+    hideInput?: boolean;
+    errorText?: string;
+    sx?: SxProps;
+    showImage?: boolean;
+    previewSx?: SxProps;
+    required?: boolean;
+};
+export declare const FileUpload: ({ label, name, disabled, onChange, handleRemove, files, accept, inputText, onInvalidFile, hideDeleteButton, hideInput, multiple, errorText, showImage, previewSx, sx, required, }: FileUploadProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Input/FormActions/FormActions.d.ts

@@ -0,0 +1,15 @@
+import { StackProps } from '@mui/material';
+import { ButtonProps } from '../export';
+export interface ButtonConfig extends ButtonProps {
+    show?: boolean;
+    title?: string;
+    onClick?: () => void;
+}
+export interface FormActionsProps {
+    submitButtonProps?: ButtonConfig;
+    cancelButtonProps?: ButtonConfig;
+    stackProps?: StackProps;
+    showTopBorder?: boolean;
+}
+declare function FormActions({ submitButtonProps, cancelButtonProps, stackProps, showTopBorder, }: FormActionsProps): import("react/jsx-runtime").JSX.Element;
+export default FormActions;

package/dist/cjs/types/src/components/Input/FormControlWrapper/FormControlWrapper.d.ts

@@ -0,0 +1,13 @@
+import { SxProps } from '@mui/material';
+import { ReactNode } from 'react';
+import { Control, FieldValues } from 'react-hook-form';
+import { FormActionsProps } from '../FormActions/FormActions';
+interface FormControlWrapperProps<T extends FieldValues = FieldValues> {
+    control: Control<T>;
+    children: ReactNode;
+    containerSx?: SxProps;
+    formActionProps?: FormActionsProps;
+    disabled?: boolean;
+}
+export declare function FormControlWrapper<T extends FieldValues = FieldValues>({ control, children, containerSx, formActionProps, disabled, }: FormControlWrapperProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/src/components/Input/FormWrapper/FormWrapper.d.ts

@@ -0,0 +1,8 @@
+import { SxProps } from '@mui/material';
+import { ReactNode } from 'react';
+type FormWrapperProps = {
+    children: ReactNode;
+    containerSx?: SxProps;
+};
+export declare const FormWrapper: ({ children, containerSx }: FormWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/src/components/Input/HelpButton/HelpButton.d.ts

@@ -0,0 +1,2 @@
+declare const HelpButton: () => import("react/jsx-runtime").JSX.Element;
+export default HelpButton;

package/dist/cjs/types/src/components/Input/HelpButton/HelpButton.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta } from '@storybook/react';
+import HelpButton from './HelpButton';
+declare const _default: Meta<typeof HelpButton>;
+export default _default;
+export declare const Default: {
+    (args: any): import("react/jsx-runtime").JSX.Element;
+    args: {
+        href: string;
+    };
+};

package/dist/cjs/types/src/components/Input/IconButtons/IconButtons/DeleteButton.d.ts

@@ -0,0 +1,2 @@
+import { ButtonProps } from '@mui/material';
+export declare function DeleteButton({ disabled, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Input/IconButtons/IconButtons/EditButton.d.ts

@@ -0,0 +1,2 @@
+import { ButtonProps } from '@mui/material';
+export declare function EditButton({ disabled, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Input/IconButtons/IconButtons/RedirectButton.d.ts

@@ -0,0 +1,2 @@
+import { ButtonProps } from '@mui/material';
+export declare function RedirectButton({ disabled, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Input/IconButtons/IconButtons/ViewButton.d.ts

@@ -0,0 +1,2 @@
+import { ButtonProps } from '@mui/material';
+export declare function ViewButton({ disabled, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Input/IconButtons/IconButtons.d.ts

@@ -0,0 +1,10 @@
+import { DeleteButton } from './IconButtons/DeleteButton';
+import { EditButton } from './IconButtons/EditButton';
+import { RedirectButton } from './IconButtons/RedirectButton';
+import { ViewButton } from './IconButtons/ViewButton';
+export declare const IconButtons: {
+    DeleteButton: typeof DeleteButton;
+    EditButton: typeof EditButton;
+    ViewButton: typeof ViewButton;
+    RedirectButton: typeof RedirectButton;
+};

package/dist/cjs/types/src/components/Input/LabelWrapper/LabelWrapper.d.ts

@@ -0,0 +1,9 @@
+import { StackProps } from '@mui/material';
+import { ReactNode } from 'react';
+export declare const LabelWrapper: ({ required, name, children, containerProps, label, }: {
+    required: boolean;
+    name?: string;
+    label?: ReactNode | string;
+    children: ReactNode;
+    containerProps?: StackProps;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Input/MultiCheckBox/MultiCheckBox.d.ts

@@ -0,0 +1,17 @@
+import { StackProps } from '@mui/material';
+import { ResponsiveStyleValue } from '@mui/system';
+import { ReactNode } from 'react';
+export type MultiCheckboxProps = {
+    containerProps?: StackProps;
+    options: Array<{
+        label: ReactNode;
+        value: any;
+    }>;
+    label: string;
+    direction?: ResponsiveStyleValue<'row' | 'row-reverse' | 'column' | 'column-reverse'>;
+    values: any[];
+    onChange: (values: any[]) => void;
+    required: boolean;
+    name: string;
+};
+export declare const MultiCheckBox: ({ name, options, required, containerProps, label, direction, values, onChange, ...rest }: MultiCheckboxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Input/OtpInput/OtpInput.d.ts

@@ -0,0 +1,7 @@
+interface OtpInputProps {
+    length: number;
+    onChangeOtp: (otp: string) => void;
+}
+declare const OtpInput: ({ length, onChangeOtp }: OtpInputProps) => import("react/jsx-runtime").JSX.Element;
+export default OtpInput;
+export type { OtpInputProps };

package/dist/cjs/types/src/components/Input/PasswordField/PasswordField.d.ts

@@ -0,0 +1,6 @@
+import { TextFieldProps as MuiTextFieldProps, StackProps } from '@mui/material';
+export type PasswordFieldProps = {
+    containerProps?: StackProps;
+    description?: string;
+} & MuiTextFieldProps;
+export declare const PasswordField: ({ name, label, value, onChange, required, containerProps, description, type, ...rest }: PasswordFieldProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Input/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,15 @@
+import { RadioGroupProps as MuiRadioGroupProps, StackProps } from '@mui/material';
+import { ReactNode } from 'react';
+export type RadioGroupProps = {
+    containerProps?: StackProps;
+    options: Array<{
+        label: ReactNode;
+        value: any;
+        disabled?: boolean;
+    }>;
+    label: string;
+    required: boolean;
+    name: string;
+    disabled: boolean;
+} & MuiRadioGroupProps;
+export declare const RadioGroup: ({ label, required, options, name, containerProps, disabled, onChange, ...rest }: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Input/SearchBar/SearchBar.d.ts

@@ -0,0 +1,9 @@
+import { TextFieldProps } from '@mui/material';
+import { ReactNode } from 'react';
+export type SearchBarProps = {
+    placeholder?: string;
+    label?: string | ReactNode;
+    value?: string;
+    onSearch: (value: string) => void;
+} & TextFieldProps;
+export declare const SearchBar: ({ placeholder, label, value, onSearch, ...rest }: SearchBarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Input/Select/Select.d.ts

@@ -0,0 +1,16 @@
+import { SxProps } from '@mui/material';
+import { BaseSelectProps } from '@mui/material/Select';
+import * as React from 'react';
+export type SelectProps = {
+    options: Array<{
+        label: React.ReactNode;
+        value: string | number;
+        color?: 'red' | 'green' | 'blue' | 'pink' | 'yellow' | 'orange';
+    }>;
+    onChange?: (event: React.ChangeEvent<{
+        value: any;
+    }>) => void;
+    value: string | number;
+    containerSx?: SxProps;
+} & BaseSelectProps;
+export declare const Select: ({ options, onChange, value, containerSx, }: SelectProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Input/Select/styles.d.ts

@@ -0,0 +1,7 @@
+export declare const StyledFormControl: import("@mui/styled-engine").StyledComponent<import("@mui/material").FormControlOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("@types/react").DetailedHTMLProps<import("@types/react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import("@types/react").Ref<HTMLDivElement>;
+}, "className" | "style" | "classes" | "color" | "margin" | "children" | "sx" | "variant" | "disabled" | "required" | "size" | "error" | "fullWidth" | "focused" | "hiddenLabel"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    bgcolor?: string;
+    textColor?: string;
+}, {}, {}>;
+export declare const StyledSelect: import("@mui/styled-engine").StyledComponent<(import("@mui/material").FilledSelectProps & import("@mui/material").BaseSelectProps<unknown> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>) | (import("@mui/material").StandardSelectProps & import("@mui/material").BaseSelectProps<unknown> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>) | (import("@mui/material").OutlinedSelectProps & import("@mui/material").BaseSelectProps<unknown> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>), {}, {}>;

package/dist/cjs/types/src/components/Input/SingleCheckBox/SingleCheckBox.d.ts

@@ -0,0 +1,11 @@
+import { FormControlLabelProps, CheckboxProps as MuiCheckboxProps } from '@mui/material';
+import { ReactNode } from 'react';
+import { TypographyProps } from '../../DataDisplay/Typography/Typography';
+export type CheckboxProps = {
+    checkedIcon?: ReactNode;
+    icon?: ReactNode;
+    label: ReactNode;
+    formControlLabelProps?: Omit<FormControlLabelProps, 'control' | 'label'>;
+    typographyProps?: TypographyProps;
+} & MuiCheckboxProps;
+export declare const SingleCheckBox: ({ checked, label, onChange, required, checkedIcon, icon, formControlLabelProps, typographyProps, ...rest }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Input/SingleSelect/SingleSelect.d.ts

@@ -0,0 +1,45 @@
+import { AutocompleteProps } from '@mui/material';
+import { AxiosInstance } from 'axios';
+declare module '@mui/material/Autocomplete' {
+    interface AutocompletePaperSlotPropsOverrides {
+        loadingOptions: boolean;
+        isSearch: boolean;
+    }
+}
+export type SingleSelectProps = {
+    options?: {
+        label: string;
+        subLabel?: string;
+        value: any;
+    }[] | any[];
+    optionsApiEndPoint?: string;
+    optionsApiEndpointParams?: any;
+    externalAxios?: AxiosInstance;
+    required?: boolean;
+    label?: string;
+    name?: string;
+    getValue?: (option: any) => any;
+    dbValueProps?: {
+        valueKey: string;
+        isObjectId?: boolean;
+        isInt?: boolean;
+        isFloat?: boolean;
+    };
+    dbLabelProps?: {
+        labelKey: string;
+        subLabelKey?: string;
+        useLabelStartCase?: boolean;
+        useSubLabelStartCase?: boolean;
+    };
+    onChange?: (value: any) => void;
+    error?: any;
+    helperText?: string;
+    type?: 'input' | 'filter';
+    disableClear?: boolean;
+} & Omit<AutocompleteProps<{
+    label: string;
+    subLabel?: string;
+    value: any;
+} | any, false, true, false>, 'options' | 'open' | 'onChange' | 'autoFocus' | 'PaperComponent' | 'renderOption' | 'options' | 'renderInput'>;
+export declare const SingleSelect: ({ options, optionsApiEndPoint, optionsApiEndpointParams, externalAxios, getValue, value, onChange, dbValueProps, dbLabelProps, onOpen, onClose, type, ...restProps }: SingleSelectProps) => import("react/jsx-runtime").JSX.Element;
+export default SingleSelect;

package/dist/cjs/types/src/components/Input/SingleSelect/components/MenuFooter.d.ts

@@ -0,0 +1,3 @@
+export declare const MenuFooter: ({ onClick }: {
+    onClick: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Input/SingleSelect/components/OptionsLoader.d.ts

@@ -0,0 +1,3 @@
+export declare const OptionsLoader: ({ isSearch }: {
+    isSearch: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Input/SingleSelect/components/SingleFilter.d.ts

@@ -0,0 +1,19 @@
+import { AutocompleteCloseReason } from '@mui/material';
+import { SyntheticEvent } from 'react';
+import { SingleSelectProps } from '../../../export';
+import { SingleSelectState } from '../singleSelectReducer';
+declare module '@mui/material/Autocomplete' {
+    interface AutocompletePaperSlotPropsOverrides {
+        loadingOptions: boolean;
+        isSearch: boolean;
+    }
+}
+export type SingleFilterProps = {
+    onChange: (value: any) => void;
+    searchDb: (searchValue: string) => Promise<void>;
+    handleOpen: (event: SyntheticEvent) => Promise<void>;
+    handleClose: (event: SyntheticEvent, reason: AutocompleteCloseReason) => void;
+    handleScroll: (event: any) => Promise<void>;
+    state: SingleSelectState;
+} & SingleSelectProps;
+export declare const SingleFilter: ({ options, optionsApiEndPoint, optionsApiEndpointParams, externalAxios, required, label, name, getValue, value, onChange, error, helperText, dbValueProps, dbLabelProps, onOpen, onClose, searchDb, handleOpen, handleClose, handleScroll, state, disableClear, ...restProps }: SingleFilterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Input/SingleSelect/components/SingleInput.d.ts

@@ -0,0 +1,19 @@
+import { AutocompleteCloseReason } from '@mui/material';
+import { SyntheticEvent } from 'react';
+import { SingleSelectProps } from '../../../export';
+import { SingleSelectState } from '../singleSelectReducer';
+declare module '@mui/material/Autocomplete' {
+    interface AutocompletePaperSlotPropsOverrides {
+        loadingOptions: boolean;
+        isSearch: boolean;
+    }
+}
+export type SingleInputProps = {
+    onChange: (value: any) => void;
+    searchDb: (searchValue: string) => Promise<void>;
+    handleOpen: (event: SyntheticEvent) => Promise<void>;
+    handleClose: (event: SyntheticEvent, reason: AutocompleteCloseReason) => void;
+    handleScroll: (event: any) => Promise<void>;
+    state: SingleSelectState;
+} & SingleSelectProps;
+export declare const SingleInput: ({ required, optionsApiEndPoint, label, name, getValue, value, onChange, error, helperText, dbLabelProps, searchDb, handleOpen, handleClose, handleScroll, state, disableClear, ...restProps }: SingleInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Input/SingleSelect/singleSelectReducer.d.ts

@@ -0,0 +1,42 @@
+import { Reducer } from 'react';
+export declare enum SingleSelectActionsTypes {
+    OPEN = "open",
+    CLOSE = "close",
+    LOAD_INTERNAL_OPTIONS_START = "load_internal_options_start",
+    LOAD_INTERNAL_OPTIONS_END = "load_internal_options_end",
+    LOAD_SELECTED_OPTIONS_START = "load_selected_options_start",
+    LOAD_SELECTED_OPTIONS_END = "load_selected_options_end",
+    SET_NETWORK_ERROR = "set_network_error",
+    SET_INTERNAL_OPTIONS = "set_internal_options",
+    APPEND_INTERNAL_OPTIONS = "append_internal_options",
+    CHANGE_HAS_MORE_FLAG = "change_has_more_flag",
+    SET_SEARCH = "set_search",
+    CLEAR_SEARCH = "clear_search"
+}
+export type Option = {
+    label: string;
+    subLabel?: string;
+    value: any;
+};
+export type SingleSelectState = {
+    open: boolean;
+    loadingInternalOptions: boolean;
+    loadingInitialInternalOptions: boolean;
+    internalOptions: Option[];
+    internalOptionsMap: {
+        [x: string]: Option;
+    };
+    limit: number;
+    offset: number;
+    hasMore: boolean;
+    search: string | null;
+    error?: any;
+};
+export type SingleSelectAction = {
+    actionType: SingleSelectActionsTypes;
+    stateChanges?: Partial<SingleSelectState> & {
+        persistOffset?: boolean;
+        newOptions?: Option[];
+    };
+};
+export declare const singleSelectReducer: Reducer<SingleSelectState, SingleSelectAction>;

package/dist/cjs/types/src/components/Input/Switch/Switch.d.ts

@@ -0,0 +1,3 @@
+import { SwitchProps as MuiSwitchProps } from '@mui/material';
+export type SwitchProps = {} & MuiSwitchProps;
+export declare const Switch: (props: SwitchProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Input/Tags/Tags.d.ts

@@ -0,0 +1,8 @@
+export type TagsProps = {
+    tags: {
+        label: string;
+        value: any;
+    }[];
+    onDelete?: (deletedChip: any) => void;
+};
+export declare const Tags: ({ tags, onDelete }: TagsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Input/TextField/TextField.d.ts

@@ -0,0 +1,6 @@
+import { TextFieldProps as MuiTextFieldProps, StackProps } from '@mui/material';
+export type TextFieldProps = {
+    containerProps?: StackProps;
+    description?: string;
+} & MuiTextFieldProps;
+export declare const TextField: ({ name, label, value, onChange, required, containerProps, description, ...rest }: TextFieldProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Input/TimePicker/TimePicker.d.ts

@@ -0,0 +1,12 @@
+import { PickerValidDate } from '@mui/x-date-pickers';
+import { TimePickerProps as MuiTimePickerProps } from '@mui/x-date-pickers/TimePicker';
+type TimePickerProps<TDate extends PickerValidDate, TEnableAccessibleFieldDOMStructure extends boolean = false> = {
+    format?: 'hh:mm a' | 'HH:mm' | 'HH:mm:ss a' | 'HH:mm:ss';
+    views?: ('hours' | 'minutes' | 'seconds')[];
+    helperText?: string;
+    placeholder?: string;
+    required?: boolean;
+    containerProps?: any;
+} & MuiTimePickerProps<TEnableAccessibleFieldDOMStructure>;
+export declare const TimePicker: <TDate extends PickerValidDate, TEnableAccessibleFieldDOMStructure extends boolean = false>({ label, name, value, format, views, helperText, placeholder, required, containerProps, ...rest }: TimePickerProps<TDate, TEnableAccessibleFieldDOMStructure>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/src/components/Input/styles.d.ts

@@ -0,0 +1,6 @@
+export declare const FilterOptionContainer: import("@mui/styled-engine").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("@types/react").DetailedHTMLProps<import("@types/react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import("@types/react").Ref<HTMLDivElement>;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const FooterContainer: import("@mui/styled-engine").StyledComponent<import("@mui/material").StackOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("@types/react").DetailedHTMLProps<import("@types/react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import("@types/react").Ref<HTMLDivElement>;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/material").StackOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/cjs/types/src/components/Layout/AppHeader/AppHeader.d.ts

@@ -0,0 +1,18 @@
+import { SxProps } from '@mui/material';
+import { ReactNode } from 'react';
+export type AppHeaderProps = {
+    actions?: ReactNode[];
+    profileActions?: ReactNode[];
+    appsMenu?: ReactNode;
+    clientLogoUrl?: string;
+    clientName?: string;
+    userFullName: string;
+    designation?: string;
+    collapsed: boolean;
+    institutionsData?: any[];
+    profileSx?: any;
+    onLogoutClick?: any;
+    showActiveDevices?: boolean;
+    headerSx?: SxProps;
+};
+export declare const AppHeader: ({ actions, profileActions, profileSx, clientLogoUrl, onLogoutClick, designation, clientName, userFullName, collapsed, institutionsData, showActiveDevices, headerSx, }: AppHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Layout/AppHeader/AppHeaderActions/CogWheelMenu.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+declare const CogWheelMenu: ({ menu }: {
+    menu: ReactNode[];
+}) => import("react/jsx-runtime").JSX.Element;
+export default CogWheelMenu;

package/dist/cjs/types/src/components/Layout/AppHeader/AppHeaderActions/SwitchInstitution.d.ts

@@ -0,0 +1,5 @@
+declare const SwitchInstitution: ({ close, institutions }: any) => import("react/jsx-runtime").JSX.Element;
+export declare const StyledInstitutionContainer: import("@mui/styled-engine").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export default SwitchInstitution;

package/dist/cjs/types/src/components/Layout/AppHeader/AppHeaderActions/UserBox.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+export default function UserBox({ fullName, onLogoutClick, designation, actions, profileUrl, profileSx, institutionsData, changePassword, avatar, // Make avatar optional, default to true
+navigationIcon, // Make navigationIcon optional, default to true
+showActiveDevices, }: {
+    fullName: string;
+    designation?: string;
+    institutionsData?: any[];
+    actions: ReactNode[];
+    onLogoutClick?: any;
+    profileUrl?: string;
+    changePassword?: ReactNode;
+    profileSx?: any;
+    avatar?: boolean;
+    navigationIcon?: boolean;
+    showActiveDevices?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Layout/AppHeader/styles/styles.d.ts

@@ -0,0 +1,15 @@
+export declare const StyledHeader: import("@mui/styled-engine").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    theme?: any;
+    collapsed: boolean;
+    headerSx?: any;
+}, import("@types/react").DetailedHTMLProps<import("@types/react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const StyledDivider: import("@mui/styled-engine").StyledComponent<import("@mui/material").DividerOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("@types/react").DetailedHTMLProps<import("@types/react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref"> & {
+    ref?: import("@types/react").Ref<HTMLHRElement>;
+}, "className" | "style" | "classes" | "textAlign" | "children" | "sx" | "variant" | "orientation" | "absolute" | "light" | "flexItem"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const StyledActionBox: import("@mui/styled-engine").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("@types/react").DetailedHTMLProps<import("@types/react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import("@types/react").Ref<HTMLDivElement>;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const StyledRouterLink: import("@mui/styled-engine").StyledComponent<import("react-router-dom").LinkProps & import("@types/react").RefAttributes<HTMLAnchorElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const StyledImageWrapper: import("@mui/styled-engine").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("@types/react").DetailedHTMLProps<import("@types/react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import("@types/react").Ref<HTMLDivElement>;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/cjs/types/src/components/Layout/FloatingContainer/FloatingContainer.d.ts

@@ -0,0 +1,9 @@
+import { BoxProps } from '@mui/material';
+import { ReactNode } from 'react';
+export type FloatingContainerProps = {
+    title?: string;
+    content: ReactNode;
+    contentProps?: BoxProps;
+    titleProps?: BoxProps;
+};
+export declare const FloatingContent: (props: FloatingContainerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Layout/PageContent/PageContent.d.ts

@@ -0,0 +1,5 @@
+import { BoxProps } from '@mui/material';
+export type PageContentProps = {
+    variant?: 'stepper' | 'standard' | 'side-panel';
+} & BoxProps;
+export declare const PageContent: ({ variant, ...props }: PageContentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Layout/PageHeader/PageHeader.d.ts

@@ -0,0 +1,15 @@
+import { GridColDef } from '@mui/x-data-grid';
+import { ReactElement, ReactNode } from 'react';
+import { ViewsProps } from './components/Views/Views';
+interface PageHeaderProps {
+    uniqueId?: string;
+    viewsSlot?: ReactNode;
+    filterComponents?: ReactElement[];
+    viewsProps?: Omit<ViewsProps, 'uniqueId'>;
+    actions?: ReactNode[];
+    columns?: GridColDef[];
+    searchText?: string;
+    defaultShowLabels?: string[];
+}
+export declare const PageHeader: ({ uniqueId, actions, filterComponents, defaultShowLabels, columns, viewsSlot, searchText, viewsProps, }: PageHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/src/components/Layout/PageHeader/components/Anchors.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+export declare const DensityAnchor: ({ handleClick, icon, }: {
+    handleClick: (e: any) => void;
+    icon: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ColumnsAnchor: ({ handleClick, showDot, }: {
+    handleClick: (e: any) => void;
+    showDot: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const FiltersAnchor: ({ handleClick, showDot, }: {
+    handleClick: (e: any) => void;
+    showDot: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const SearchAnchor: ({ handleClick, showDot, }: {
+    handleClick: (e: any) => void;
+    showDot: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Layout/PageHeader/components/DensitySelector/DensitySelector.d.ts

@@ -0,0 +1,7 @@
+import { MenuListProps, MenuProps } from '@mui/material';
+export type DensitySelectorProps = {
+    menuProps?: Omit<MenuProps, 'open'>;
+    menuListProps?: MenuListProps;
+    uniqueId: string;
+};
+export declare const DensitySelector: ({ uniqueId, ...props }: DensitySelectorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Layout/PageHeader/components/ManageFilters/ManageFilters.d.ts

@@ -0,0 +1,13 @@
+import { MenuListProps, MenuProps } from '@mui/material';
+export type ManageFiltersProps = {
+    filterLabels: string[];
+    selectedFilterLabels: string[];
+    handleCheckboxChange: (label: string, checked: boolean) => void;
+    handleReset: () => void;
+    menuProps?: Omit<MenuProps, 'open'>;
+    menuListProps?: MenuListProps;
+};
+export declare const ManageFiltersMenuFooter: ({ onClick, }: {
+    onClick: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ManageFilters: ({ filterLabels, selectedFilterLabels, handleCheckboxChange, handleReset, ...props }: ManageFiltersProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Layout/PageHeader/components/SearchBar.d.ts

@@ -0,0 +1,4 @@
+export declare const SearchBar: ({ uniqueId, searchText, }: {
+    uniqueId: string;
+    searchText: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Layout/PageHeader/components/TableColumnsSelector/TableColumnsSelector.d.ts

@@ -0,0 +1,15 @@
+import { MenuListProps, MenuProps } from '@mui/material';
+import { GridColDef } from '@mui/x-data-grid';
+export type TableColumnsSelectorProps = {
+    columns: GridColDef[];
+    menuProps?: Omit<MenuProps, 'open'>;
+    menuListProps?: MenuListProps;
+    uniqueId: string;
+};
+export declare const FooterContainerContainer: import("@mui/styled-engine").StyledComponent<import("@mui/material").StackOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/material").StackOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const TableColumnsSelectorMenuFooter: ({ onClick, }: {
+    onClick: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const TableColumnsSelector: ({ columns, uniqueId, ...props }: TableColumnsSelectorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Layout/PageHeader/components/Views/CreateViewForm.d.ts

@@ -0,0 +1,5 @@
+import { ViewsProps } from './Views';
+export type CreateViewFormProps = {
+    close: () => void;
+} & ViewsProps;
+export declare const CreateViewForm: ({ axios, type, close, uniqueId, }: CreateViewFormProps) => import("react/jsx-runtime").JSX.Element;