prometeo-design-system 4.0.0 → 4.1.1

package/dist/components/PyrionNavigationDrawer/PLContent.d.ts

@@ -1,9 +1,9 @@
-import { NavigationDrawerActionItemProps } from '../NavigationDrawer/NavigationDrawerActionItem';
-import { NavigationDrawerLinkItemProps } from '../NavigationDrawer/NavigationDrawerLinkItem';
+import { PyrionLayoutActionItemProps } from '../NavigationDrawer/NavigationDrawerActionItem';
+import { PyrionLayoutLinkItemProps } from '../NavigationDrawer/NavigationDrawerLinkItem';
 declare const DrawerContent: import('react').MemoExoticComponent<({ navlinks, handleNavigation, allActions, activeActionId, onActionClick }: {
-    navlinks?: NavigationDrawerLinkItemProps[];
+    navlinks?: PyrionLayoutLinkItemProps[];
     handleNavigation: (path: string) => void;
-    allActions: NavigationDrawerActionItemProps[];
+    allActions: PyrionLayoutActionItemProps[];
     activeActionId?: string;
     onActionClick?: (id: string, payload?: any) => void;
 }) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/PyrionNavigationDrawer/PLFooter.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { TicketCardHandlerProps } from '../TicketCard';
-import { AuthSession, PyrionNavigationDrawerOptions, PyrionNavigationDrawerProps } from './PyrionLayout';
+import { AuthSession, PyrionLayoutOptions, PyrionNavigationDrawerProps } from './PyrionLayout';
 export interface DrawerFooterProps<TAppMetadata> {
     state: PyrionNavigationDrawerProps<TAppMetadata>['state'];
     currentAppSessions: AuthSession<TAppMetadata>[];
@@ -8,7 +8,8 @@ export interface DrawerFooterProps<TAppMetadata> {
     resolveSessionSecondarySlot: (session: AuthSession<TAppMetadata>) => ReactNode | string | null;
     onSessionClick?: (session: AuthSession<TAppMetadata>) => void;
     onLogoutClick?: () => void;
-    options?: PyrionNavigationDrawerOptions<TAppMetadata>;
+    onProfileClick?: (collapsed: boolean) => void;
+    options?: PyrionLayoutOptions<TAppMetadata>;
     currentSystemId: string;
     userOptionsControls: React.RefObject<TicketCardHandlerProps | null>;
     mobileAppSwitcherControls: React.RefObject<TicketCardHandlerProps | null>;

package/dist/components/PyrionNavigationDrawer/PLSidebarContent.d.ts

@@ -1,12 +1,12 @@
 import { ReactElement, ReactNode, ForwardedRef } from 'react';
-import { PyrionNavigationDrawerOptions } from './PyrionLayout';
+import { PyrionLayoutOptions } from './PyrionLayout';
 import { NotificationsListControlsHandler } from './PLNotificationsList';
 export type PLSidebarContentHandle = {
     setActiveSection: (section: 'notifications' | 'help') => void;
 };
 export type PLSidebarContentProps<TNotificationMetadata = unknown> = {
     closeSidebar: () => void;
-    options?: PyrionNavigationDrawerOptions<any>;
+    options?: PyrionLayoutOptions<any>;
     helpSection?: ReactNode | (() => ReactNode);
     initialSection?: 'notifications' | 'help';
     notificationsListControls?: React.RefObject<NotificationsListControlsHandler<TNotificationMetadata> | null>;

package/dist/components/PyrionNavigationDrawer/PLayoutBase.d.ts

@@ -1,15 +1,15 @@
 import { ReactElement, ReactNode } from 'react';
-import { NavigationDrawerActionItemProps } from '../NavigationDrawer/NavigationDrawerActionItem';
-import { NavigationDrawerLinkItemProps } from '../NavigationDrawer/NavigationDrawerLinkItem';
+import { PyrionLayoutActionItemProps } from '../NavigationDrawer/NavigationDrawerActionItem';
+import { PyrionLayoutLinkItemProps } from '../NavigationDrawer/NavigationDrawerLinkItem';
 import { TabSwitchElement } from '../TabSwitch/TabSwitch';
 import { TicketCardHandlerProps } from '../TicketCard';
 import { NotificationsListControlsHandler } from './PLNotificationsList';
 import { PLSidebarContentHandle } from './PLSidebarContent';
-import { AuthSession, PyrionNavigationControls, PyrionNavigationDrawerOptions, PyrionNavigationDrawerProps } from './PyrionLayout';
+import { AuthSession, PyrionNavigationControls, PyrionLayoutOptions, PyrionNavigationDrawerProps } from './PyrionLayout';
 export type TLayoutBaseProps<TAppMetadata = unknown, TNotificationMetadata = unknown> = {
-    links?: NavigationDrawerLinkItemProps[];
+    links?: PyrionLayoutLinkItemProps[];
     handleNavigation: (path: string) => void;
-    allActions: NavigationDrawerActionItemProps[];
+    allActions: PyrionLayoutActionItemProps[];
     activeActionId?: string;
     onActionClick?: (id: string, payload?: any) => void;
     state: PyrionNavigationDrawerProps<TAppMetadata, TNotificationMetadata>['state'];
@@ -18,7 +18,7 @@ export type TLayoutBaseProps<TAppMetadata = unknown, TNotificationMetadata = unk
     resolveSessionSecondarySlot: (session: AuthSession<TAppMetadata>) => ReactNode | string | null;
     onSessionClick?: (session: AuthSession<TAppMetadata>) => void;
     onLogoutClick?: () => void;
-    options?: PyrionNavigationDrawerOptions<TAppMetadata>;
+    options?: PyrionLayoutOptions<TAppMetadata>;
     currentSystemId: string;
     userOptionsControls: React.RefObject<TicketCardHandlerProps | null>;
     mobileAppSwitcherControls: React.RefObject<TicketCardHandlerProps | null>;
@@ -30,6 +30,7 @@ export type TLayoutBaseProps<TAppMetadata = unknown, TNotificationMetadata = unk
     navigationControlsRef: React.RefObject<PyrionNavigationControls<TNotificationMetadata>>;
     notificationsListControls?: React.RefObject<NotificationsListControlsHandler<TNotificationMetadata> | null>;
     outletRef: React.RefObject<HTMLDivElement | null>;
+    onProfileClick?: (collapsed: boolean) => void;
 };
 type LayoutBaseComponent = <TAppMetadata = unknown, TNotificationMetadata = unknown>(props: TLayoutBaseProps<TAppMetadata, TNotificationMetadata> & {
     children?: ReactNode;

package/dist/components/PyrionNavigationDrawer/PyrionLayout.d.ts

@@ -1,11 +1,11 @@
 import { default as React, ReactNode } from 'react';
-import { NavigationDrawerActionItemProps } from '../NavigationDrawer/NavigationDrawerActionItem';
-import { NavigationDrawerLinkItemProps } from '../NavigationDrawer/NavigationDrawerLinkItem';
+import { PyrionLayoutActionItemProps } from '../NavigationDrawer/NavigationDrawerActionItem';
+import { PyrionLayoutLinkItemProps } from '../NavigationDrawer/NavigationDrawerLinkItem';
+import { NavigationDrawerSidebarProps } from '../NavigationDrawer/NavigationDrawerSidebar';
 import { NotificationCardProps } from '../NotificationCard/NotificationCard';
 import { AllOptionAccessor } from '../Shared/types';
 import { TabSwitchElement } from '../TabSwitch/TabSwitch';
 import { subImageUrlAccessor } from './PLSystemSessions';
-import { NavigationDrawerSidebarProps } from '../NavigationDrawer/NavigationDrawerSidebar';
 type TProduct = {
     name: string;
     domain: string;
@@ -43,7 +43,7 @@ export interface AuthSession<TAppMetadata> {
     auth_id: TAuthUser;
     metadata?: TAppMetadata;
 }
-export interface NavigationDrawerTabsProps {
+export interface PyrionLayoutTabsProps {
     currentTabName?: string;
     customTabs?: TabSwitchElement[];
     onTabClick?: (name: string) => void;
@@ -83,22 +83,23 @@ export interface ConfigurationActionOptions {
     hideActionButton?: boolean;
     onClick: VoidFunction;
 }
-export interface PyrionNavigationDrawerOptions<TAppMetadata> {
+export interface PyrionLayoutOptions<TAppMetadata> {
     userCardOptions?: UserCardOptions<TAppMetadata>;
     sessionCardOptions?: SessionCardOptions<TAppMetadata>;
     notificationsDrawerOptions?: NotificationsDrawerOptions;
     helpSectionDrawerOptions?: HelpSectionDrawerOptions;
     configurationActionOptions?: ConfigurationActionOptions;
-    sidebarOptions: Pick<NavigationDrawerSidebarProps, 'modal' | 'closeOnOverlayClick'>;
+    sidebarOptions?: Pick<NavigationDrawerSidebarProps, 'modal' | 'closeOnOverlayClick'>;
+    closeDrawerOnNavigate?: boolean;
     disableDragOpen?: {
         drawer?: boolean;
         sidebar?: boolean;
     };
 }
 export interface PyrionNavigationDrawerProps<TAppMetadata, TNotificationMetadata = unknown> {
-    links?: NavigationDrawerLinkItemProps[];
-    actions?: NavigationDrawerActionItemProps[];
-    tabsProps?: NavigationDrawerTabsProps;
+    links?: PyrionLayoutLinkItemProps[];
+    actions?: PyrionLayoutActionItemProps[];
+    tabsProps?: PyrionLayoutTabsProps;
     activeActionId?: string;
     currentSystemId: string;
     helpSection?: ReactNode | (() => ReactNode);
@@ -110,13 +111,14 @@ export interface PyrionNavigationDrawerProps<TAppMetadata, TNotificationMetadata
         sessions?: AuthSession<TAppMetadata>[];
         metadata?: TAppMetadata;
     };
-    options?: PyrionNavigationDrawerOptions<TAppMetadata>;
+    options?: PyrionLayoutOptions<TAppMetadata>;
     onActionClick?: (id: string, payload?: any) => void;
     onLinkClick?: (path: string) => void;
     onSessionClick?: (session: AuthSession<TAppMetadata>) => void;
     onNavigate?: (from: string, to: string) => void;
     onSystemLogoClick?: (collapsed?: boolean) => void;
     onLogoutClick?: () => void;
+    onProfileClick?: (collapsed: boolean) => void;
 }
 export type PyrionNavigationControls<TNotificationMetadata = unknown> = {
     toggleCollapse?: () => void;
@@ -131,7 +133,8 @@ export type PyrionNavigationControls<TNotificationMetadata = unknown> = {
     setSidebarDragEnabled?: (enabled: boolean) => void;
     openHelp?: () => void;
     openNotifications?: () => void;
-    showErrorModal?: (disableDrawer: boolean) => void;
+    showErrorModal?: (node: (ReactNode | (() => ReactNode)), disableDrawer: boolean, hideCloseButton?: boolean) => void;
+    closeErrorModal?: () => void;
     addNewNotification?: (notification: NotificationCardProps<TNotificationMetadata> | NotificationCardProps<TNotificationMetadata>[]) => void;
     subscribeToNotificationsUpdates?: (callback: (notifications: NotificationCardProps<TNotificationMetadata>[], count: number) => void) => () => void;
     setNotifications?: (notifications: NotificationCardProps<TNotificationMetadata>[]) => void;
@@ -139,5 +142,5 @@ export type PyrionNavigationControls<TNotificationMetadata = unknown> = {
     removeNotification?: (id: string | string[]) => void;
 };
 export declare const usePyrionNavigation: <TNotificationMetadata = unknown>() => PyrionNavigationControls<TNotificationMetadata>;
-declare const PyrionNavigationDrawer: <TAppMetadata = unknown, TNotificationMetadata = unknown>({ children, helpSection, state, links: navlinks, onLinkClick, onNavigate, onLogoutClick, actions, activeActionId, onActionClick, tabsProps, currentSystemId, onSessionClick, options, onSystemLogoClick }: PyrionNavigationDrawerProps<TAppMetadata, TNotificationMetadata>) => import("react/jsx-runtime").JSX.Element;
+declare const PyrionNavigationDrawer: <TAppMetadata = unknown, TNotificationMetadata = unknown>({ children, helpSection, state, links: navlinks, onLinkClick, onNavigate, onLogoutClick, actions, activeActionId, onActionClick, tabsProps, currentSystemId, onSessionClick, onSystemLogoClick, onProfileClick, ...props }: PyrionNavigationDrawerProps<TAppMetadata, TNotificationMetadata>) => import("react/jsx-runtime").JSX.Element;
 export default PyrionNavigationDrawer;

package/dist/components/PyrionNavigationDrawer/index.d.ts

@@ -1,4 +1,4 @@
-import { default as PyrionNavigationDrawer, PyrionNavigationDrawerProps, PyrionNavigationDrawerOptions, NavigationDrawerTabsProps, AuthSession } from './PyrionLayout';
+import { default as PyrionNavigationDrawer, PyrionNavigationDrawerProps, PyrionLayoutOptions, PyrionLayoutTabsProps, AuthSession } from './PyrionLayout';
 import { NotificationCardProps } from '../NotificationCard';
-export { type PyrionNavigationDrawerProps, type PyrionNavigationDrawerOptions, type NavigationDrawerTabsProps, type AuthSession, type NotificationCardProps };
+export { type PyrionNavigationDrawerProps, type PyrionLayoutOptions as PyrionNavigationDrawerOptions, type PyrionLayoutTabsProps as NavigationDrawerTabsProps, type AuthSession, type NotificationCardProps };
 export default PyrionNavigationDrawer;

package/dist/components/Select/Select.d.ts

@@ -67,6 +67,7 @@ export interface DropdownOptionsProps {
     footer?: React.ReactNode;
     loadingComponent?: React.ReactNode;
     enableGroupToggle?: boolean;
+    focusSearchInputOnOpen?: boolean;
 }
 export interface BaseSelectProps<T, TContext = unknown> {
     id?: string;

package/dist/components/TabLinks/TabLinks.d.ts

@@ -1,8 +1,17 @@
+import { IconComponent } from '../../Icons';
+import { PlainTooltipProps } from '../PlainTooltip/PlainTooltip';
 export interface TabItem {
     id: string | number;
     title: string;
     disabled?: boolean;
     description?: string;
+    icon?: IconComponent | React.ReactNode | (() => React.ReactNode);
+    iconPosition?: "left" | "right" | "top";
+    onIconClick?: () => void;
+    onIconHover?: () => void;
+    iconTooltipTitle?: string;
+    iconTooltipProps?: PlainTooltipProps;
+    iconSize?: number;
 }
 export interface TabLinksProps {
     readonly items: TabItem[];
@@ -13,7 +22,7 @@ export interface TabLinksProps {
     readonly activeTabClassName?: string;
     readonly indicatorClassName?: string;
     readonly animated?: boolean;
-    readonly renderTab?: (item: TabItem, isActive: boolean, onClick: () => void) => React.ReactNode;
+    readonly renderTab?: (item: TabItem, isActive: boolean, onClick: () => void, onIconClick?: () => void, onIconHover?: () => void, iconTooltipTitle?: string, iconTooltipProps?: PlainTooltipProps, iconSize?: number) => React.ReactNode;
 }
 declare function TabLinks({ items, activeTab, onTabChange, className, tabClassName, activeTabClassName, indicatorClassName, animated, renderTab, }: TabLinksProps): import("react/jsx-runtime").JSX.Element;
 declare namespace TabLinks {

package/dist/components/TabSwitch/TabSwitch.d.ts

@@ -5,11 +5,13 @@ export interface TabSwitchElement {
     className?: string;
     onClick?: (name: string) => void;
     disabled?: boolean;
+    id?: string;
 }
 export interface TabsSwitchProps {
     tabs: TabSwitchElement[];
     className?: string;
     currentTabName?: string;
+    currentSystemId?: string;
     activeColor?: string;
 }
 declare const TabsSwitch: import('react').ForwardRefExoticComponent<TabsSwitchProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/exports/PlainTooltip.d.ts

@@ -0,0 +1,2 @@
+export { default } from '../components/PlainTooltip/PlainTooltip';
+export type { PlainTooltipProps } from '../components/PlainTooltip/PlainTooltip';

package/dist/exports/TabLinks.d.ts

@@ -1 +1,2 @@
 export { default } from '../components/TabLinks/TabLinks';
+export type { TabLinksProps, TabItem } from '../components/TabLinks/TabLinks';

package/dist/hooks/useDevice.d.ts

@@ -1 +1,2 @@
 export declare const useIsMobile: () => boolean;
+export declare const getIsMobile: () => boolean;

package/dist/index.d.ts

@@ -19,7 +19,6 @@ export { default as Select } from './components/Select/Select';
 export { default as ChangueAccount } from './components/Sidebar/components/changue-account';
 export { default as Spinner } from './components/Spinner/Spinner';
 export { default as Steps } from './components/Steps/Steps';
-export { default as SwipeContainer } from './components/SwipeContainer/SwipeContainer';
 export { default as Switch } from './components/Switch/Switch';
 export { default as DatePicker } from './components/DatePicker/DatePicker';
 export { default as RecurrentDatePicker } from './components/RecurrentDatePicker/RecurrentDatePicker';

package/dist/prometeo-design-system.es.js

@@ -1,6 +1,6 @@
 import { default as pa } from "./Avatar.es.js";
 import { default as ga } from "./Button.es.js";
-import { C as xa, a as va } from "./CardProfile-y9Knsg26.js";
+import { C as xa, a as va } from "./CardProfile-C1F83KJV.js";
 import { default as wa } from "./CheckBox.es.js";
 import { default as Sa, useDialogControl as Ca } from "./DialogModal.es.js";
 import { default as ka, useDrawerDesktop as Oa } from "./DrawerDesktop.es.js";
@@ -16,34 +16,33 @@ import { default as Ga } from "./ProgressBar.es.js";
 import { default as Ha } from "./Select.es.js";
 import { default as Za } from "./Spinner.es.js";
 import { default as Ja } from "./Steps.es.js";
-import { default as eo } from "./SwipeContainer.es.js";
-import { default as io } from "./Switch.es.js";
-import { D as so } from "./DatePicker-6eb-0Ns5.js";
-import { RecurrentDatePicker as oo } from "./RecurrentDatePicker.es.js";
-import { RecurrentDatePickerRRule as lo } from "./RecurrentDatePickerRRule.es.js";
-import { Table as co, TableBody as ho, TableCaption as _o, TableCell as po, TableFooter as mo, TableHead as go, TableHeader as yo, TableRow as xo } from "./Table.es.js";
-import { default as bo } from "./TabLinks.es.js";
-import { default as To } from "./TextArea.es.js";
-import { default as Co } from "./Tooltip.es.js";
-import { default as ko } from "./Skeleton.es.js";
-import { default as Ro } from "./SegmentedButton.es.js";
+import { default as eo } from "./Switch.es.js";
+import { D as io } from "./DatePicker-QuBgR5DQ.js";
+import { RecurrentDatePicker as so } from "./RecurrentDatePicker.es.js";
+import { RecurrentDatePickerRRule as oo } from "./RecurrentDatePickerRRule.es.js";
+import { Table as lo, TableBody as fo, TableCaption as co, TableCell as ho, TableFooter as _o, TableHead as po, TableHeader as mo, TableRow as go } from "./Table.es.js";
+import { default as xo } from "./TabLinks.es.js";
+import { default as bo } from "./TextArea.es.js";
+import { default as To } from "./Tooltip.es.js";
+import { default as Co } from "./Skeleton.es.js";
+import { default as ko } from "./SegmentedButton.es.js";
 import { j as P } from "./jsx-runtime-GkKLlHH4.js";
 import rn, { useRef as _t, createContext as Hr, useContext as Kr, memo as nn, useLayoutEffect as Zr, useEffect as Ce, useState as Ge, forwardRef as Qr, useCallback as sn } from "react";
-import { I as Mo } from "./ImageGallery-DG9ovlQ-.js";
-import { default as No } from "./Image.es.js";
-import { default as zo, toastpyrion as Io } from "./Toast.es.js";
-import { default as Fo } from "./ToastProvider.es.js";
-import { default as Bo } from "./SelectSearch.es.js";
-import { default as Vo } from "./FAButton.es.js";
-import { default as Yo } from "./RadioButton.es.js";
+import { I as Ro } from "./ImageGallery-DG9ovlQ-.js";
+import { default as Mo } from "./Image.es.js";
+import { default as No, toastpyrion as Eo } from "./Toast.es.js";
+import { default as Io } from "./ToastProvider.es.js";
+import { default as Fo } from "./SelectSearch.es.js";
+import { default as Bo } from "./FAButton.es.js";
+import { default as Vo } from "./RadioButton.es.js";
 import { c as et } from "./cn-B6yFEsav.js";
-import { T as an, B as Jr } from "./badge-B1IK_-i5.js";
+import { T as an, B as Jr } from "./badge-CbqYNrl4.js";
 import { CloseNavBarDesktop as Pe } from "./Icons/CloseNavBarDesktop.es.js";
 import { motion as Ft, AnimatePresence as on } from "framer-motion";
-import { default as Xo } from "./OtpInput.es.js";
+import { default as Yo } from "./OtpInput.es.js";
 import { useDropzone as un } from "react-dropzone";
-import { useIsMobile as $o } from "./useDevice.es.js";
-import { default as Ko } from "./DropZone.es.js";
+import { u as Xo } from "./useDevice-vwn4GLwK.js";
+import { default as $o } from "./DropZone.es.js";
 const ti = Hr(null), ln = ({ children: o }) => {
   const t = _t(null), e = _t(null), r = (n) => {
     n.current && t && (t.current = n.current);
@@ -2875,15 +2874,15 @@ export {
   va as ChangueAccount,
   wa as CheckBox,
   fa as CompanyLogo,
-  so as DatePicker,
+  io as DatePicker,
   Sa as DialogModal,
   ka as DrawerDesktop,
   Da as DrawerMobile,
-  Ko as DropZone,
-  Vo as FAButton,
+  $o as DropZone,
+  Bo as FAButton,
   Na as Header,
-  No as Image,
-  Mo as ImageGallery,
+  Mo as Image,
+  Ro as ImageGallery,
   za as Input,
   La as InputMultiple,
   ta as LayoutGeneric,
@@ -2893,46 +2892,45 @@ export {
   la as NavbarCollapseButton,
   aa as NavbarLinks,
   na as NavigationLink,
-  Xo as OtpInput,
+  Yo as OtpInput,
   Ua as Pagination,
   Wa as ProfilePictureUpload,
   Ga as ProgressBar,
-  Yo as RadioButton,
-  oo as RecurrentDatePicker,
-  lo as RecurrentDatePickerRRule,
+  Vo as RadioButton,
+  so as RecurrentDatePicker,
+  oo as RecurrentDatePickerRRule,
   ea as SecondaryBar,
-  Ro as SegmentedButton,
+  ko as SegmentedButton,
   Ha as Select,
-  Bo as SelectSearch,
+  Fo as SelectSearch,
   ia as Sidebar,
   zs as SidebarProvider,
   ln as SidebarRefProvider,
-  ko as Skeleton,
+  Co as Skeleton,
   Za as Spinner,
   Ja as Steps,
-  eo as SwipeContainer,
-  io as Switch,
-  bo as TabLinks,
-  co as Table,
-  ho as TableBody,
-  _o as TableCaption,
-  po as TableCell,
-  mo as TableFooter,
-  go as TableHead,
-  yo as TableHeader,
-  xo as TableRow,
-  To as TextArea,
-  zo as Toast,
-  Fo as ToastProvider,
-  Co as Tooltip,
-  Io as toastpyrion,
+  eo as Switch,
+  xo as TabLinks,
+  lo as Table,
+  fo as TableBody,
+  co as TableCaption,
+  ho as TableCell,
+  _o as TableFooter,
+  po as TableHead,
+  mo as TableHeader,
+  go as TableRow,
+  bo as TextArea,
+  No as Toast,
+  Io as ToastProvider,
+  To as Tooltip,
+  Eo as toastpyrion,
   oa as useActionsNavbar,
   ha as useClickOutside,
   Ca as useDialogControl,
   Oa as useDrawerDesktop,
   Ma as useDrawerMobile,
   ca as useFileDropzone,
-  $o as useIsMobile,
+  Xo as useIsMobile,
   ua as useNavbarCollapse,
   ra as useSidebar,
   ei as useSidebarContext