@algorithm-shift/design-system 1.2.954 → 1.2.956

package/dist/index.d.mts

@@ -1,6 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React$1 from 'react';
-import React__default from 'react';
+import React$1 from 'react';
 import axios from 'axios';
 import { ToasterProps } from 'sonner';
 import { ClassValue } from 'clsx';
@@ -9,11 +8,11 @@ interface ModalProps {
     isOpen: boolean | string;
     onModalClose?: () => void;
     title: string;
-    children: React__default.ReactNode;
+    children: React$1.ReactNode;
     size?: 'sm' | 'md' | 'lg' | 'xl';
     showCloseButton?: boolean;
     className?: string;
-    style?: React__default.CSSProperties;
+    style?: React$1.CSSProperties;
 }
 declare function Modal({ isOpen, onModalClose, title, children, size, showCloseButton, className, style }: ModalProps): react_jsx_runtime.JSX.Element | null;
 
@@ -258,9 +257,9 @@ declare function TabGroupComponent({ children, style, className, list, activeTab
 interface RepeaterProps<T> {
     data: T[];
     count?: number;
-    render: (item: T, index: number, array: T[]) => React__default.ReactNode;
-    emptyFallback?: React__default.ReactNode;
-    wrapper?: (children: React__default.ReactNode) => React__default.ReactNode;
+    render: (item: T, index: number, array: T[]) => React$1.ReactNode;
+    emptyFallback?: React$1.ReactNode;
+    wrapper?: (children: React$1.ReactNode) => React$1.ReactNode;
     className?: string;
     loading?: boolean;
     loadingText?: string;
@@ -274,8 +273,8 @@ declare const ImageControl: ({ className, style, imageUrl, imageUrlExternal, alt
 
 declare const Shape: ({ children, className, style }: ElementProps) => react_jsx_runtime.JSX.Element;
 
-declare const Typography: ({ className, style, tagName, textContent, }: TypographyProps) => React__default.DetailedReactHTMLElement<{
-    style: React__default.CSSProperties | undefined;
+declare const Typography: ({ className, style, tagName, textContent, }: TypographyProps) => React$1.DetailedReactHTMLElement<{
+    style: React$1.CSSProperties | undefined;
     className: string;
 }, HTMLElement>;
 
@@ -322,23 +321,26 @@ declare const DateRange: ({ className, style, ...props }: DateRangeInputProps) =
 declare const TextInputGroup: ({ className, style, prepend, append, ...props }: TextInputGroupProps) => react_jsx_runtime.JSX.Element;
 
 interface Option {
-    label: string;
-    value: string;
+    id: string;
+    name: string;
 }
-interface MultiSelectProps {
-    value: string[] | undefined;
-    onChange: (value: string[], name: string) => void;
-    data: Option[];
-    placeholder?: string;
+interface LazyMultiSelectDropdownProps extends Omit<any, 'lazyLoad'> {
+    options?: Option[];
     disabled?: boolean;
-    searchable?: boolean;
-    className?: string;
-    errorMessage?: string;
+    readOnly?: boolean;
+    id?: string;
+    source?: string;
+    apiUrl?: string;
+    pageSize?: number;
     dataKey?: string;
     dataLabel?: string;
-    name: string;
+    value: string[] | string;
+    onChange: (val: string[] | string, id?: string) => void;
+    errorMessage?: string;
+    axiosInstance?: any;
+    outputFormat?: 'array' | 'comma' | 'semicolon';
 }
-declare const MultiSelect: React$1.FC<MultiSelectProps>;
+declare function LazyMultiSelectDropdown({ options, value, onChange, placeholder, className, id, disabled, readOnly, source, apiUrl, pageSize, dataKey, dataLabel, errorMessage, axiosInstance, outputFormat }: LazyMultiSelectDropdownProps): react_jsx_runtime.JSX.Element;
 
 interface PageChangeProps {
   page: number;
@@ -388,9 +390,9 @@ declare const Spacer: ({ className, style }: ElementProps) => react_jsx_runtime.
 
 declare function Navbar({ style, badgeType, badgeCount, hideBadgeWhenZero, profileType, showName, imageUrl, altText, canvasMode, list, profileMenu, userName, isBuilder, source, navList }: NavbarProps): react_jsx_runtime.JSX.Element;
 
-declare const _default$1: React__default.MemoExoticComponent<({ className, style, loading, ...props }: BarChartProps) => react_jsx_runtime.JSX.Element>;
+declare const _default$1: React$1.MemoExoticComponent<({ className, style, loading, ...props }: BarChartProps) => react_jsx_runtime.JSX.Element>;
 
-declare const _default: React__default.MemoExoticComponent<({ className, style, loading, ...props }: PieChartProps) => react_jsx_runtime.JSX.Element | null>;
+declare const _default: React$1.MemoExoticComponent<({ className, style, loading, ...props }: PieChartProps) => react_jsx_runtime.JSX.Element | null>;
 
 declare function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc, setShowBcc, cc, setCc, bcc, setBcc, subject, setSubject, body, setBody }: EmailComposerProps): react_jsx_runtime.JSX.Element;
 
@@ -410,4 +412,4 @@ declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Ele
 declare function cn(...inputs: ClassValue[]): string;
 declare function getInitials(name: string): string;
 
-export { Accordion, AccordionGroup, _default$1 as BarChart, Breadcrumb, ButtonWrapper as Button, SplitButton as ButtonGroup, CheckboxInput as Checkbox, Container, DatePicker, DateRange, Dropdown, EmailInput as Email, EmailComposer, FileInput, Flex as FlexLayout, Grid as GridLayout, Icon, ImageControl as Image, Modal, MultiCheckbox, MultiSelect, Navbar, NumberInput, CustomPagination as Pagination, PasswordInput as Password, PhoneInput as Phone, _default as PieChart, RadioInput as RadioGroup, _default$2 as Repeater, RichText, SearchInput as Search, Shape, Slot, Spacer, StagesComponent as Stages, SwitchToggle, TabGroupComponent as TabGroup, TabList, Table, Tabs, TextInput as Text, TextInputGroup, Textarea, Toaster, Typography, UrlInput as URL, cn, getInitials, showSonnerToast };
+export { Accordion, AccordionGroup, _default$1 as BarChart, Breadcrumb, ButtonWrapper as Button, SplitButton as ButtonGroup, CheckboxInput as Checkbox, Container, DatePicker, DateRange, Dropdown, EmailInput as Email, EmailComposer, FileInput, Flex as FlexLayout, Grid as GridLayout, Icon, ImageControl as Image, Modal, MultiCheckbox, LazyMultiSelectDropdown as MultiSelect, Navbar, NumberInput, CustomPagination as Pagination, PasswordInput as Password, PhoneInput as Phone, _default as PieChart, RadioInput as RadioGroup, _default$2 as Repeater, RichText, SearchInput as Search, Shape, Slot, Spacer, StagesComponent as Stages, SwitchToggle, TabGroupComponent as TabGroup, TabList, Table, Tabs, TextInput as Text, TextInputGroup, Textarea, Toaster, Typography, UrlInput as URL, cn, getInitials, showSonnerToast };

package/dist/index.d.ts

@@ -1,6 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React$1 from 'react';
-import React__default from 'react';
+import React$1 from 'react';
 import axios from 'axios';
 import { ToasterProps } from 'sonner';
 import { ClassValue } from 'clsx';
@@ -9,11 +8,11 @@ interface ModalProps {
     isOpen: boolean | string;
     onModalClose?: () => void;
     title: string;
-    children: React__default.ReactNode;
+    children: React$1.ReactNode;
     size?: 'sm' | 'md' | 'lg' | 'xl';
     showCloseButton?: boolean;
     className?: string;
-    style?: React__default.CSSProperties;
+    style?: React$1.CSSProperties;
 }
 declare function Modal({ isOpen, onModalClose, title, children, size, showCloseButton, className, style }: ModalProps): react_jsx_runtime.JSX.Element | null;
 
@@ -258,9 +257,9 @@ declare function TabGroupComponent({ children, style, className, list, activeTab
 interface RepeaterProps<T> {
     data: T[];
     count?: number;
-    render: (item: T, index: number, array: T[]) => React__default.ReactNode;
-    emptyFallback?: React__default.ReactNode;
-    wrapper?: (children: React__default.ReactNode) => React__default.ReactNode;
+    render: (item: T, index: number, array: T[]) => React$1.ReactNode;
+    emptyFallback?: React$1.ReactNode;
+    wrapper?: (children: React$1.ReactNode) => React$1.ReactNode;
     className?: string;
     loading?: boolean;
     loadingText?: string;
@@ -274,8 +273,8 @@ declare const ImageControl: ({ className, style, imageUrl, imageUrlExternal, alt
 
 declare const Shape: ({ children, className, style }: ElementProps) => react_jsx_runtime.JSX.Element;
 
-declare const Typography: ({ className, style, tagName, textContent, }: TypographyProps) => React__default.DetailedReactHTMLElement<{
-    style: React__default.CSSProperties | undefined;
+declare const Typography: ({ className, style, tagName, textContent, }: TypographyProps) => React$1.DetailedReactHTMLElement<{
+    style: React$1.CSSProperties | undefined;
     className: string;
 }, HTMLElement>;
 
@@ -322,23 +321,26 @@ declare const DateRange: ({ className, style, ...props }: DateRangeInputProps) =
 declare const TextInputGroup: ({ className, style, prepend, append, ...props }: TextInputGroupProps) => react_jsx_runtime.JSX.Element;
 
 interface Option {
-    label: string;
-    value: string;
+    id: string;
+    name: string;
 }
-interface MultiSelectProps {
-    value: string[] | undefined;
-    onChange: (value: string[], name: string) => void;
-    data: Option[];
-    placeholder?: string;
+interface LazyMultiSelectDropdownProps extends Omit<any, 'lazyLoad'> {
+    options?: Option[];
     disabled?: boolean;
-    searchable?: boolean;
-    className?: string;
-    errorMessage?: string;
+    readOnly?: boolean;
+    id?: string;
+    source?: string;
+    apiUrl?: string;
+    pageSize?: number;
     dataKey?: string;
     dataLabel?: string;
-    name: string;
+    value: string[] | string;
+    onChange: (val: string[] | string, id?: string) => void;
+    errorMessage?: string;
+    axiosInstance?: any;
+    outputFormat?: 'array' | 'comma' | 'semicolon';
 }
-declare const MultiSelect: React$1.FC<MultiSelectProps>;
+declare function LazyMultiSelectDropdown({ options, value, onChange, placeholder, className, id, disabled, readOnly, source, apiUrl, pageSize, dataKey, dataLabel, errorMessage, axiosInstance, outputFormat }: LazyMultiSelectDropdownProps): react_jsx_runtime.JSX.Element;
 
 interface PageChangeProps {
   page: number;
@@ -388,9 +390,9 @@ declare const Spacer: ({ className, style }: ElementProps) => react_jsx_runtime.
 
 declare function Navbar({ style, badgeType, badgeCount, hideBadgeWhenZero, profileType, showName, imageUrl, altText, canvasMode, list, profileMenu, userName, isBuilder, source, navList }: NavbarProps): react_jsx_runtime.JSX.Element;
 
-declare const _default$1: React__default.MemoExoticComponent<({ className, style, loading, ...props }: BarChartProps) => react_jsx_runtime.JSX.Element>;
+declare const _default$1: React$1.MemoExoticComponent<({ className, style, loading, ...props }: BarChartProps) => react_jsx_runtime.JSX.Element>;
 
-declare const _default: React__default.MemoExoticComponent<({ className, style, loading, ...props }: PieChartProps) => react_jsx_runtime.JSX.Element | null>;
+declare const _default: React$1.MemoExoticComponent<({ className, style, loading, ...props }: PieChartProps) => react_jsx_runtime.JSX.Element | null>;
 
 declare function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc, setShowBcc, cc, setCc, bcc, setBcc, subject, setSubject, body, setBody }: EmailComposerProps): react_jsx_runtime.JSX.Element;
 
@@ -410,4 +412,4 @@ declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Ele
 declare function cn(...inputs: ClassValue[]): string;
 declare function getInitials(name: string): string;
 
-export { Accordion, AccordionGroup, _default$1 as BarChart, Breadcrumb, ButtonWrapper as Button, SplitButton as ButtonGroup, CheckboxInput as Checkbox, Container, DatePicker, DateRange, Dropdown, EmailInput as Email, EmailComposer, FileInput, Flex as FlexLayout, Grid as GridLayout, Icon, ImageControl as Image, Modal, MultiCheckbox, MultiSelect, Navbar, NumberInput, CustomPagination as Pagination, PasswordInput as Password, PhoneInput as Phone, _default as PieChart, RadioInput as RadioGroup, _default$2 as Repeater, RichText, SearchInput as Search, Shape, Slot, Spacer, StagesComponent as Stages, SwitchToggle, TabGroupComponent as TabGroup, TabList, Table, Tabs, TextInput as Text, TextInputGroup, Textarea, Toaster, Typography, UrlInput as URL, cn, getInitials, showSonnerToast };
+export { Accordion, AccordionGroup, _default$1 as BarChart, Breadcrumb, ButtonWrapper as Button, SplitButton as ButtonGroup, CheckboxInput as Checkbox, Container, DatePicker, DateRange, Dropdown, EmailInput as Email, EmailComposer, FileInput, Flex as FlexLayout, Grid as GridLayout, Icon, ImageControl as Image, Modal, MultiCheckbox, LazyMultiSelectDropdown as MultiSelect, Navbar, NumberInput, CustomPagination as Pagination, PasswordInput as Password, PhoneInput as Phone, _default as PieChart, RadioInput as RadioGroup, _default$2 as Repeater, RichText, SearchInput as Search, Shape, Slot, Spacer, StagesComponent as Stages, SwitchToggle, TabGroupComponent as TabGroup, TabList, Table, Tabs, TextInput as Text, TextInputGroup, Textarea, Toaster, Typography, UrlInput as URL, cn, getInitials, showSonnerToast };