@campxdev/react-blueprint 2.0.10 → 2.1.0

package/dist/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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;
+    };
+};

package/dist/index.d.ts

@@ -127,6 +127,7 @@ type IconsType = {
     DocumentIcon: IconComponent;
     DoneSquare: IconComponent;
     DownArrow: IconComponent;
+    UpArrow: IconComponent;
     DownloadIcon: IconComponent;
     DFormsIcon: IconComponent;
     EditIcon: IconComponent;
@@ -454,6 +455,7 @@ type AccordionProps = {
     actions?: ReactNode;
     index?: number;
     errorKeys?: string[];
+    contentSx?: SxProps;
     expanded?: boolean | number;
 } & Omit<AccordionProps$1, 'children' | 'content' | 'title' | 'index' | 'expanded' | 'actions'>;
 declare const Accordion: (props: AccordionProps) => react_jsx_runtime.JSX.Element;
@@ -867,6 +869,50 @@ type SingleSelectProps = {
 } | any, false, true, false>, 'options' | 'open' | 'onChange' | 'autoFocus' | 'PaperComponent' | 'renderOption' | 'options' | 'renderInput'>;
 declare const SingleSelect: ({ options, optionsApiEndPoint, optionsApiEndpointParams, externalAxios, getValue, value, onChange, dbValueProps, dbLabelProps, onOpen, onClose, type, ...restProps }: SingleSelectProps) => react_jsx_runtime.JSX.Element;
 
+declare module '@mui/material/Autocomplete' {
+    interface AutocompletePaperSlotPropsOverrides {
+        loadingOptions: boolean;
+        isSearch: boolean;
+    }
+}
+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'>;
+declare const MultiSelect: ({ options, optionsApiEndPoint, optionsApiEndpointParams, externalAxios, getValue, value, onChange, dbValueProps, dbLabelProps, onOpen, onClose, type, ...restProps }: MultiSelectProps) => react_jsx_runtime.JSX.Element;
+
 type SwitchProps = {} & SwitchProps$1;
 declare const Switch: (props: SwitchProps) => react_jsx_runtime.JSX.Element;
 
@@ -1198,5 +1244,5 @@ declare const splitBreadcrumbIdSlug: (param: string) => {
 declare const isLocal: boolean;
 declare const isDevelopment: boolean;
 
-export { Accordion, AccordionGroup, ActivityLogView, Alert, AnimatedGIFs, AppHeader, BarChart, Breadcrumbs, Button, Card, CellContainer, CenterBox, Chips, CircularAvatar, ComingSoon, ConfirmDialog, DataTable, DatePicker, DateTimePicker, DensitySelector, Dialog, DialogButton, DropDownButton, DropDownIcon, DropdownMenu, DropdownMenuItem, EditableDataTable, EditableTableCore, EmptyIllustration, FileUpload, FloatingContent, FooterContainerContainer, FormActions, FormControlWrapper, FormWrapper, IconButtons, Icons, InternalServerError, LabelWrapper, LineChart, MuiThemeProvider, MultiCheckBox, NoInterneConnection, NoItemFound, OtpInput, PageContent, PageHeader, PageNotFound, PasswordField, PieChart, PreviewFiles, ProgressCard, RadioGroup, SearchBar, Select, SidePanel, SidePanelVariables, Sidebar, SingleCheckBox, SingleSelect, Snackbar, Spinner, SquareAvatar, StatusCard, Stepper, StyledContainer, Svgs, Switch, TableColumnsSelector, TableColumnsSelectorMenuFooter, TabsContainer, TabsLayout, TextField, TimePicker, Timeline, ToolTipContent, Tooltip, Tutorial, Typography, UnAuthorized, UploadDialog, createBreadcrumbIdSlug, darkTheme, getBreadcrumbsCharacter, isDevelopment, isLocal, lightTheme, reactBlueprintReducers, splitBreadcrumbIdSlug, usePageHeader, useParams, useUrlParams };
-export type { AccordionProps, Activity, ActivityAction, AlertProps, AppHeaderProps, BarChartProps, BreadcrumbsProps, ButtonConfig, ButtonProps, CardProps, CheckboxProps, CircularAvatarProps, ConfirmDialogProps, ConfirmDialogType, DataTableProps, DensitySelectorProps, DialogButtonProps, DialogProps, DropdownMenuItemProps, DropdownMenuProps, EditableDataTableProps, FileUploadProps, FloatingContainerProps, FormActionsProps, IconComponent, IconProps, IconsType, LineChartProps, MultiCheckboxProps, OtpInputProps, PageContentProps, PasswordFieldProps, PieChartProps, PreviewFilesProps, ProgressCardProps, RadioGroupProps, SearchBarProps, SelectProps, Severity, SideMenuItemProps, SidePanelProps, SingleSelectProps, SnackbarProps, SquareAvatarProps, StatusCardProps, SubMenuItemProps, SwitchProps, TableColumnsSelectorProps, TabsContainerProps, TextFieldProps, TimelineItems, TimelineProps, TooltipContentProps, TooltipProps, TypographyProps, UploadDialogProps };
+export { Accordion, AccordionGroup, ActivityLogView, Alert, AnimatedGIFs, AppHeader, BarChart, Breadcrumbs, Button, Card, CellContainer, CenterBox, Chips, CircularAvatar, ComingSoon, ConfirmDialog, DataTable, DatePicker, DateTimePicker, DensitySelector, Dialog, DialogButton, DropDownButton, DropDownIcon, DropdownMenu, DropdownMenuItem, EditableDataTable, EditableTableCore, EmptyIllustration, FileUpload, FloatingContent, FooterContainerContainer, FormActions, FormControlWrapper, FormWrapper, IconButtons, Icons, InternalServerError, LabelWrapper, LineChart, MuiThemeProvider, MultiCheckBox, MultiSelect, NoInterneConnection, NoItemFound, OtpInput, PageContent, PageHeader, PageNotFound, PasswordField, PieChart, PreviewFiles, ProgressCard, RadioGroup, SearchBar, Select, SidePanel, SidePanelVariables, Sidebar, SingleCheckBox, SingleSelect, Snackbar, Spinner, SquareAvatar, StatusCard, Stepper, StyledContainer, Svgs, Switch, TableColumnsSelector, TableColumnsSelectorMenuFooter, TabsContainer, TabsLayout, TextField, TimePicker, Timeline, ToolTipContent, Tooltip, Tutorial, Typography, UnAuthorized, UploadDialog, createBreadcrumbIdSlug, darkTheme, getBreadcrumbsCharacter, isDevelopment, isLocal, lightTheme, reactBlueprintReducers, splitBreadcrumbIdSlug, usePageHeader, useParams, useUrlParams };
+export type { AccordionProps, Activity, ActivityAction, AlertProps, AppHeaderProps, BarChartProps, BreadcrumbsProps, ButtonConfig, ButtonProps, CardProps, CheckboxProps, CircularAvatarProps, ConfirmDialogProps, ConfirmDialogType, DataTableProps, DensitySelectorProps, DialogButtonProps, DialogProps, DropdownMenuItemProps, DropdownMenuProps, EditableDataTableProps, FileUploadProps, FloatingContainerProps, FormActionsProps, IconComponent, IconProps, IconsType, LineChartProps, MultiCheckboxProps, MultiSelectProps, OtpInputProps, PageContentProps, PasswordFieldProps, PieChartProps, PreviewFilesProps, ProgressCardProps, RadioGroupProps, SearchBarProps, SelectProps, Severity, SideMenuItemProps, SidePanelProps, SingleSelectProps, SnackbarProps, SquareAvatarProps, StatusCardProps, SubMenuItemProps, SwitchProps, TableColumnsSelectorProps, TabsContainerProps, TextFieldProps, TimelineItems, TimelineProps, TooltipContentProps, TooltipProps, TypographyProps, UploadDialogProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@campxdev/react-blueprint",
-  "version": "2.0.10",
+  "version": "2.1.0",
   "description": "React UI component library for CampX applications",
   "author": "CampX",
   "license": "MIT",