@campxdev/react-blueprint 2.0.10 → 2.1.0

package/dist/cjs/types/src/components/Assets/Icons/IconComponents/UpArrow.d.ts

@@ -0,0 +1,5 @@
+export declare const UpArrow: ({ size, disabled, onClick, }: {
+    size?: number;
+    disabled?: boolean;
+    onClick?: (e: React.MouseEvent<SVGSVGElement>) => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Assets/Icons/Icons.d.ts

@@ -64,6 +64,7 @@ export type IconsType = {
     DocumentIcon: IconComponent;
     DoneSquare: IconComponent;
     DownArrow: IconComponent;
+    UpArrow: IconComponent;
     DownloadIcon: IconComponent;
     DFormsIcon: IconComponent;
     EditIcon: IconComponent;

package/dist/cjs/types/src/components/DataDisplay/Accordion/Accordion.d.ts

@@ -1,4 +1,4 @@
-import { AccordionProps as MuiAccordionProps } from '@mui/material';
+import { AccordionProps as MuiAccordionProps, SxProps } from '@mui/material';
 import { ReactNode } from 'react';
 export type AccordionProps = {
     title: ReactNode;
@@ -6,6 +6,7 @@ export type AccordionProps = {
     actions?: ReactNode;
     index?: number;
     errorKeys?: string[];
+    contentSx?: SxProps;
     expanded?: boolean | number;
 } & Omit<MuiAccordionProps, 'children' | 'content' | 'title' | 'index' | 'expanded' | 'actions'>;
 export declare const Accordion: (props: AccordionProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,47 @@
+import { AutocompleteProps } from '@mui/material';
+import { AxiosInstance } from 'axios';
+import { ReactNode } from 'react';
+declare module '@mui/material/Autocomplete' {
+    interface AutocompletePaperSlotPropsOverrides {
+        loadingOptions: boolean;
+        isSearch: boolean;
+    }
+}
+export type MultiSelectProps = {
+    options?: {
+        label: string;
+        subLabel?: string;
+        value: any;
+        icon?: ReactNode;
+    }[] | 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 MultiSelect: ({ options, optionsApiEndPoint, optionsApiEndpointParams, externalAxios, getValue, value, onChange, dbValueProps, dbLabelProps, onOpen, onClose, type, ...restProps }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
+export default MultiSelect;

package/dist/cjs/types/src/components/Input/MultiSelect/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/MultiSelect/components/MultiFilter.d.ts

@@ -0,0 +1,19 @@
+import { AutocompleteCloseReason } from '@mui/material';
+import { SyntheticEvent } from 'react';
+import { MultiSelectProps } from '../../../export';
+import { MultiSelectState } from '../multiSelectReducer';
+declare module '@mui/material/Autocomplete' {
+    interface AutocompletePaperSlotPropsOverrides {
+        loadingOptions: boolean;
+        isSearch: boolean;
+    }
+}
+export type MultiFilterProps = {
+    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: MultiSelectState;
+} & MultiSelectProps;
+export declare const MultiFilter: ({ options, optionsApiEndPoint, optionsApiEndpointParams, externalAxios, required, label, name, getValue, value, onChange, error, helperText, dbValueProps, dbLabelProps, onOpen, onClose, searchDb, handleOpen, handleClose, handleScroll, state, disableClear, ...restProps }: MultiFilterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Input/MultiSelect/components/MultiInput.d.ts

@@ -0,0 +1,19 @@
+import { AutocompleteCloseReason } from '@mui/material';
+import { SyntheticEvent } from 'react';
+import { MultiSelectProps } from '../../../export';
+import { MultiSelectState } from '../multiSelectReducer';
+declare module '@mui/material/Autocomplete' {
+    interface AutocompletePaperSlotPropsOverrides {
+        loadingOptions: boolean;
+        isSearch: boolean;
+    }
+}
+export type MultiInputProps = {
+    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: MultiSelectState;
+} & MultiSelectProps;
+export declare const MultiInput: ({ required, optionsApiEndPoint, label, name, getValue, value, onChange, error, helperText, dbLabelProps, searchDb, handleOpen, handleClose, handleScroll, state, disableClear, ...restProps }: MultiInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Input/MultiSelect/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/MultiSelect/multiSelectReducer.d.ts

@@ -0,0 +1,42 @@
+import { Reducer } from 'react';
+export declare enum MultiSelectActionsTypes {
+    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 MultiSelectState = {
+    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 MultiSelectAction = {
+    actionType: MultiSelectActionsTypes;
+    stateChanges?: Partial<MultiSelectState> & {
+        persistOffset?: boolean;
+        newOptions?: Option[];
+    };
+};
+export declare const multiSelectReducer: Reducer<MultiSelectState, MultiSelectAction>;

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

@@ -14,6 +14,7 @@ export * from './SearchBar/SearchBar';
 export * from './Select/Select';
 export * from './SingleCheckBox/SingleCheckBox';
 export * from './SingleSelect/SingleSelect';
+export * from './MultiSelect/MultiSelect';
 export * from './Switch/Switch';
 export * from './TextField/TextField';
 export * from './TimePicker/TimePicker';

package/dist/cjs/types/src/stories/Input/MultiSelect.stories.d.ts

@@ -0,0 +1,16 @@
+import { Meta } from '@storybook/react';
+import { MultiSelect, MultiSelectProps } from '../../components/Input/MultiSelect/MultiSelect';
+declare const _default: Meta<typeof MultiSelect>;
+export default _default;
+export declare const Default: {
+    render: (args: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        label: string;
+        required: boolean;
+        options: {
+            label: string;
+            value: number;
+        }[];
+        onChange: () => void;
+    };
+};