@algorithm-shift/design-system 1.2.59 → 1.2.61

package/dist/index.d.mts

@@ -36,6 +36,7 @@ type InputProperties = {
 };
 
 type InputSourceProperties = {
+  dataLoading?: boolean;
   data?: Record<string, any>[];
   dataKey?: string;
   dataLabel?: string;
@@ -119,6 +120,8 @@ interface StagesProps extends ElementProps {
 
 type ButtonProps = ElementProps & React.ComponentProps<"button"> & {
   textContent?: string;
+  loading?: boolean;
+  loadingText?: string;
   type?: 'button' | 'submit' | 'reset';
 }
 
@@ -139,7 +142,8 @@ interface BarChartProps extends ElementProps {
 
 interface ModalProps extends ElementProps {
   label?: string;
-  onClose?: () => void;
+  showModal: boolean;
+  onModalClose?: (show: boolean) => void;
 }
 
 interface EmailComposerProps extends ElementProps {
@@ -170,6 +174,7 @@ interface NavbarProps extends ElementProps {
   altText?: string;
   canvasMode?: 'desktop' | 'tablet' | 'mobile';
   list?: Record<string, any>;
+  profileMenu?: Record<string, any>;
   userName?: string;
 }
 
@@ -189,9 +194,20 @@ interface IconProps extends ElementProps {
 }
 interface AccordionProps extends ElementProps {
   name?: string;
+}
+
+interface TabListProps extends ElementProps {
+  activeTab?: string;
+  tabId?: string;
+}
+
+interface TabGroupProps extends ElementProps {
+  list?: Record<string, any>;
+  activeTab?: string;
+  onTabChange?: (tabId: string) => void;
 }
 
-declare const Modal: ({ children, onClose, label, className, style }: ModalProps) => react_jsx_runtime.JSX.Element;
+declare const Modal: ({ children, className, style, showModal, onModalClose, label }: ModalProps) => react_jsx_runtime.JSX.Element | null;
 
 declare const Flex: ({ children, className, style, ...props }: ElementProps) => react_jsx_runtime.JSX.Element;
 
@@ -205,7 +221,11 @@ declare const Slot: ({ children }: ElementProps) => react_jsx_runtime.JSX.Elemen
 
 declare const AccordionGroup: ({ children, style, className }: ElementProps) => react_jsx_runtime.JSX.Element;
 
-declare const ButtonWrapper: ({ className, style, textContent, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
+declare function TabList({ children, style, className, activeTab, tabId }: TabListProps): react_jsx_runtime.JSX.Element;
+
+declare function TabGroupComponent({ children, style, className, list, activeTab, onTabChange, }: TabGroupProps): react_jsx_runtime.JSX.Element;
+
+declare const ButtonWrapper: ({ className, style, textContent, loadingText, loading, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
 
 declare const ImageControl: ({ className, style, imageUrl, imageUrlExternal, altText, }: ImageProps) => react_jsx_runtime.JSX.Element;
 
@@ -290,7 +310,7 @@ declare const StagesComponent: ({ stages, isShowBtn, buttonText, className, styl
 
 declare const Spacer: ({ className, style }: ElementProps) => react_jsx_runtime.JSX.Element;
 
-declare function Navbar({ style, badgeType, badgeCount, hideBadgeWhenZero, profileType, showName, imageUrl, altText, canvasMode, list, userName }: NavbarProps): react_jsx_runtime.JSX.Element;
+declare function Navbar({ style, badgeType, badgeCount, hideBadgeWhenZero, profileType, showName, imageUrl, altText, canvasMode, list, profileMenu, userName }: NavbarProps): react_jsx_runtime.JSX.Element;
 
 declare const ChartComponent: ({ className, style, ...props }: BarChartProps) => react_jsx_runtime.JSX.Element;
 
@@ -312,4 +332,4 @@ declare function showSonnerToast({ title, description, variant, duration, action
 declare function cn(...inputs: ClassValue[]): string;
 declare function getInitials(name: string): string;
 
-export { Accordion, AccordionGroup, ChartComponent 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, Navbar, NumberInput, CustomPagination as Pagination, PasswordInput as Password, PhoneInput as Phone, DonutChart as PieChart, RadioInput as RadioGroup, RichText, SearchInput as Search, Shape, Slot, Spacer, StagesComponent as Stages, SwitchToggle, Table, Tabs, TextInput as Text, TextInputGroup, Textarea, Typography, UrlInput as URL, cn, getInitials, showSonnerToast };
+export { Accordion, AccordionGroup, ChartComponent 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, Navbar, NumberInput, CustomPagination as Pagination, PasswordInput as Password, PhoneInput as Phone, DonutChart as PieChart, RadioInput as RadioGroup, RichText, SearchInput as Search, Shape, Slot, Spacer, StagesComponent as Stages, SwitchToggle, TabGroupComponent as TabGroup, TabList, Table, Tabs, TextInput as Text, TextInputGroup, Textarea, Typography, UrlInput as URL, cn, getInitials, showSonnerToast };

package/dist/index.d.ts

@@ -36,6 +36,7 @@ type InputProperties = {
 };
 
 type InputSourceProperties = {
+  dataLoading?: boolean;
   data?: Record<string, any>[];
   dataKey?: string;
   dataLabel?: string;
@@ -119,6 +120,8 @@ interface StagesProps extends ElementProps {
 
 type ButtonProps = ElementProps & React.ComponentProps<"button"> & {
   textContent?: string;
+  loading?: boolean;
+  loadingText?: string;
   type?: 'button' | 'submit' | 'reset';
 }
 
@@ -139,7 +142,8 @@ interface BarChartProps extends ElementProps {
 
 interface ModalProps extends ElementProps {
   label?: string;
-  onClose?: () => void;
+  showModal: boolean;
+  onModalClose?: (show: boolean) => void;
 }
 
 interface EmailComposerProps extends ElementProps {
@@ -170,6 +174,7 @@ interface NavbarProps extends ElementProps {
   altText?: string;
   canvasMode?: 'desktop' | 'tablet' | 'mobile';
   list?: Record<string, any>;
+  profileMenu?: Record<string, any>;
   userName?: string;
 }
 
@@ -189,9 +194,20 @@ interface IconProps extends ElementProps {
 }
 interface AccordionProps extends ElementProps {
   name?: string;
+}
+
+interface TabListProps extends ElementProps {
+  activeTab?: string;
+  tabId?: string;
+}
+
+interface TabGroupProps extends ElementProps {
+  list?: Record<string, any>;
+  activeTab?: string;
+  onTabChange?: (tabId: string) => void;
 }
 
-declare const Modal: ({ children, onClose, label, className, style }: ModalProps) => react_jsx_runtime.JSX.Element;
+declare const Modal: ({ children, className, style, showModal, onModalClose, label }: ModalProps) => react_jsx_runtime.JSX.Element | null;
 
 declare const Flex: ({ children, className, style, ...props }: ElementProps) => react_jsx_runtime.JSX.Element;
 
@@ -205,7 +221,11 @@ declare const Slot: ({ children }: ElementProps) => react_jsx_runtime.JSX.Elemen
 
 declare const AccordionGroup: ({ children, style, className }: ElementProps) => react_jsx_runtime.JSX.Element;
 
-declare const ButtonWrapper: ({ className, style, textContent, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
+declare function TabList({ children, style, className, activeTab, tabId }: TabListProps): react_jsx_runtime.JSX.Element;
+
+declare function TabGroupComponent({ children, style, className, list, activeTab, onTabChange, }: TabGroupProps): react_jsx_runtime.JSX.Element;
+
+declare const ButtonWrapper: ({ className, style, textContent, loadingText, loading, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
 
 declare const ImageControl: ({ className, style, imageUrl, imageUrlExternal, altText, }: ImageProps) => react_jsx_runtime.JSX.Element;
 
@@ -290,7 +310,7 @@ declare const StagesComponent: ({ stages, isShowBtn, buttonText, className, styl
 
 declare const Spacer: ({ className, style }: ElementProps) => react_jsx_runtime.JSX.Element;
 
-declare function Navbar({ style, badgeType, badgeCount, hideBadgeWhenZero, profileType, showName, imageUrl, altText, canvasMode, list, userName }: NavbarProps): react_jsx_runtime.JSX.Element;
+declare function Navbar({ style, badgeType, badgeCount, hideBadgeWhenZero, profileType, showName, imageUrl, altText, canvasMode, list, profileMenu, userName }: NavbarProps): react_jsx_runtime.JSX.Element;
 
 declare const ChartComponent: ({ className, style, ...props }: BarChartProps) => react_jsx_runtime.JSX.Element;
 
@@ -312,4 +332,4 @@ declare function showSonnerToast({ title, description, variant, duration, action
 declare function cn(...inputs: ClassValue[]): string;
 declare function getInitials(name: string): string;
 
-export { Accordion, AccordionGroup, ChartComponent 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, Navbar, NumberInput, CustomPagination as Pagination, PasswordInput as Password, PhoneInput as Phone, DonutChart as PieChart, RadioInput as RadioGroup, RichText, SearchInput as Search, Shape, Slot, Spacer, StagesComponent as Stages, SwitchToggle, Table, Tabs, TextInput as Text, TextInputGroup, Textarea, Typography, UrlInput as URL, cn, getInitials, showSonnerToast };
+export { Accordion, AccordionGroup, ChartComponent 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, Navbar, NumberInput, CustomPagination as Pagination, PasswordInput as Password, PhoneInput as Phone, DonutChart as PieChart, RadioInput as RadioGroup, RichText, SearchInput as Search, Shape, Slot, Spacer, StagesComponent as Stages, SwitchToggle, TabGroupComponent as TabGroup, TabList, Table, Tabs, TextInput as Text, TextInputGroup, Textarea, Typography, UrlInput as URL, cn, getInitials, showSonnerToast };