prometeo-design-system 3.1.3 → 3.1.4

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

@@ -1,7 +1,11 @@
 import { ReactNode } from 'react';
-import { NavigationDrawerLinkItemProps } from '../NavigationDrawer/NavigationDrawerLinkItem';
+import { NavigationDrawerSidebarProps } from '../NavigationDrawer/NavigationDrawer';
 import { NavigationDrawerActionItemProps } from '../NavigationDrawer/NavigationDrawerActionItem';
+import { NavigationDrawerLinkItemProps } from '../NavigationDrawer/NavigationDrawerLinkItem';
+import { NotificationCardProps } from '../NotificationCard/NotificationCard';
+import { AllOptionAccessor } from '../Shared/types';
 import { TabSwitchElement } from '../TabSwitch/TabSwitch';
+import { subImageUrlAccessor } from './SystemSessions';
 type TProduct = {
     name: string;
     domain: string;
@@ -14,38 +18,113 @@ type TCompany = {
     products?: TProduct[];
     icon?: string;
 };
-type TSystem = {
-    name: string;
-    url: string;
-    coverImage?: string;
-    thumbnail?: string;
-};
 type TUser = {
+    auth_id: string;
     name: string;
     surname?: string;
     email?: string;
     profile_picture?: string;
-    area?: string;
 };
+export type TSystem = {
+    name: string;
+    url: string;
+    coverImage?: string;
+    thumbnail?: string;
+    system_id: string;
+};
+type TSystemSession<TSystemMetadata> = TSystem & {
+    metadata?: TSystemMetadata;
+};
+export interface AuthSession<TSystemMetadata> {
+    token: string;
+    expires_at: string;
+    logoutDate?: string;
+    userHub: TUser;
+    systems: TSystemSession<TSystemMetadata>[];
+}
 export interface NavigationDrawerTabsProps {
     currentTabName?: string;
     customTabs?: TabSwitchElement[];
     onTabClick?: (name: string) => void;
 }
-export interface PyrionNavigationDrawerProps {
+type AvailableData<TSystemMetadata> = {
+    company: TCompany;
+    user: TUser;
+    system?: TSystem;
+    metadata?: TSystemMetadata;
+};
+type SessionAvailableData<TSystemMetadata> = {
+    company: TCompany;
+    user: TUser;
+    system?: TSystemSession<TSystemMetadata>;
+    metadata?: TSystemMetadata;
+};
+type UserCardAccesors<TSystemMetadata> = AllOptionAccessor<AvailableData<TSystemMetadata>, string>;
+type SessionCardAccesors<TSystemMetadata> = AllOptionAccessor<SessionAvailableData<TSystemMetadata>, string>;
+interface UserCardOptions<TSystemMetadata> {
+    secondarySlot: UserCardAccesors<TSystemMetadata> | [UserCardAccesors<TSystemMetadata>, UserCardAccesors<TSystemMetadata>] | ((data: AvailableData<TSystemMetadata>) => React.ReactNode);
+}
+interface SessionCardOptions<TSystemMetadata> {
+    secondarySlot: SessionCardAccesors<TSystemMetadata> | [SessionCardAccesors<TSystemMetadata>, SessionCardAccesors<TSystemMetadata>] | ((data: SessionAvailableData<TSystemMetadata>) => React.ReactNode);
+    subImageUrlAccessor?: subImageUrlAccessor<TSystemMetadata>;
+}
+export interface NotificationsDrawerOptions {
+    hide?: boolean;
+    hideActionButton?: boolean;
+    onMarkAllAsRead?: () => void;
+}
+export interface HelpSectionDrawerOptions {
+    hide?: boolean;
+    hideActionButton?: boolean;
+}
+export interface ConfigurationActionOptions {
+    hideActionButton?: boolean;
+    onClick: VoidFunction;
+}
+export interface PyrionNavigationDrawerOptions<TSystemMetadata> {
+    userCardOptions?: UserCardOptions<TSystemMetadata>;
+    sessionCardOptions?: SessionCardOptions<TSystemMetadata>;
+    notificationsDrawerOptions?: NotificationsDrawerOptions;
+    helpSectionDrawerOptions?: HelpSectionDrawerOptions;
+    configurationActionOptions?: ConfigurationActionOptions;
+    sidebarOptions: Pick<NavigationDrawerSidebarProps, 'modal' | 'closeOnOverlayClick'>;
+}
+export interface PyrionNavigationDrawerProps<TSystemMetadata, NotificationMetadata = unknown> {
     links?: NavigationDrawerLinkItemProps[];
     actions?: NavigationDrawerActionItemProps[];
     tabsProps?: NavigationDrawerTabsProps;
     activeActionId?: string;
-    onActionClick?: (id: string) => void;
+    currentSystemId: string;
+    helpSection?: ReactNode | (() => ReactNode);
     children?: ReactNode;
     state: {
         company: TCompany;
         enabled_systems: TSystem[];
         user: TUser;
+        sessions?: AuthSession<TSystemMetadata>[];
+        metadata?: TSystemMetadata;
+        notifications?: NotificationCardProps<NotificationMetadata>[];
     };
+    options?: PyrionNavigationDrawerOptions<TSystemMetadata>;
+    onActionClick?: (id: string) => void;
     onLinkClick?: (path: string) => void;
+    onSessionClick?: (session: AuthSession<TSystemMetadata>) => void;
     onNavigate?: (from: string, to: string) => void;
+    onSystemLogoClick?: (collapsed?: boolean) => void;
+    onLogoutClick?: () => void;
 }
-declare const PyrionNavigationDrawer: ({ children, state, links: navlinks, onLinkClick, onNavigate, actions, activeActionId, onActionClick, tabsProps }: PyrionNavigationDrawerProps) => import("react/jsx-runtime").JSX.Element;
+type PyrionNavigationControls = {
+    toggleCollapse?: () => void;
+    getIsCollapsed?: () => boolean;
+    subscribeToCollapse?: (listener: (collapsed: boolean) => void) => () => void;
+    openSidebar?: () => void;
+    closeSidebar?: () => void;
+    toggleSidebar?: () => void;
+    getIsSidebarOpen?: () => boolean;
+    subscribeToSidebarOpen?: (listener: (open: boolean) => void) => () => void;
+    openNotifications?: () => void;
+    openHelp?: () => void;
+};
+export declare const usePyrionNavigation: () => PyrionNavigationControls;
+declare const PyrionNavigationDrawer: <TAppMetadata = unknown, NotificationMetadata = unknown>({ children, helpSection, state, links: navlinks, onLinkClick, onNavigate, onLogoutClick, actions, activeActionId, onActionClick, tabsProps, currentSystemId, onSessionClick, options, onSystemLogoClick }: PyrionNavigationDrawerProps<TAppMetadata, NotificationMetadata>) => import("react/jsx-runtime").JSX.Element;
 export default PyrionNavigationDrawer;

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

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { TabSwitchElement } from '../TabSwitch/TabSwitch';
+import { TicketCardHandlerProps } from '../TicketCard/TicketCard';
+export interface PyrionNavigationDrawerMobileAppSwitcherProps {
+    tabs: TabSwitchElement[];
+    content: React.ReactNode | (() => React.ReactNode);
+    controls?: React.RefObject<TicketCardHandlerProps | null>;
+}
+declare const PyrionNavigationDrawerMobileAppSwitcher: ({ tabs, content, controls }: PyrionNavigationDrawerMobileAppSwitcherProps) => import("react/jsx-runtime").JSX.Element;
+export default PyrionNavigationDrawerMobileAppSwitcher;

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

@@ -0,0 +1,7 @@
+import { TSystem } from './PyrionNavigationDrawer';
+declare const SystemLogo: import('react').MemoExoticComponent<({ enabled_systems, onClick, currentSystemId }: {
+    enabled_systems?: TSystem[];
+    onClick?: () => void;
+    currentSystemId?: string;
+}) => import("react/jsx-runtime").JSX.Element>;
+export default SystemLogo;

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

@@ -0,0 +1,8 @@
+import { NotificationCardProps } from '../NotificationCard/NotificationCard';
+interface PyrionNotificationsDrawerProps<NotificationMetadata> {
+    onCloseClick?: VoidFunction;
+    onMarkAllAsRead?: () => void;
+    notifications?: NotificationCardProps<NotificationMetadata>[];
+}
+declare const PyrionNotificationsList: <NotificationMetadata = unknown>({ onCloseClick, onMarkAllAsRead, notifications }: PyrionNotificationsDrawerProps<NotificationMetadata>) => import("react/jsx-runtime").JSX.Element;
+export default PyrionNotificationsList;

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

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { PyrionNavigationDrawerOptions, PyrionNavigationDrawerProps } from './PyrionNavigationDrawer';
+export type SidebarContentHandle = {
+    setActiveSection: (section: 'notifications' | 'help') => void;
+};
+declare const SidebarContent: import('react').ForwardRefExoticComponent<{
+    closeSidebar: () => void;
+    options?: PyrionNavigationDrawerOptions<any>;
+    state: PyrionNavigationDrawerProps<any, any>["state"];
+    helpSection?: ReactNode | (() => ReactNode);
+    initialSection?: "notifications" | "help";
+} & import('react').RefAttributes<SidebarContentHandle>>;
+export default SidebarContent;

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

@@ -0,0 +1,12 @@
+import { AllOptionAccessor } from '../Shared/types';
+import { AuthSession } from './PyrionNavigationDrawer';
+export interface SystemSessionsProps<TSystemMetadata> {
+    sessions?: AuthSession<TSystemMetadata>[];
+    onSessionClick?: (session: AuthSession<TSystemMetadata>) => void;
+    secondarySlot?: React.ReactNode | string | ((session: AuthSession<TSystemMetadata>) => React.ReactNode | string | null) | null;
+    subImageUrlAccessor?: subImageUrlAccessor<TSystemMetadata>;
+    currentSystemId: string;
+}
+export type subImageUrlAccessor<TSystemMetadata> = AllOptionAccessor<TSystemMetadata, string>;
+declare const SystemSessions: <TSystemMetadata = unknown>(props: SystemSessionsProps<TSystemMetadata>) => import("react/jsx-runtime").JSX.Element | null;
+export default SystemSessions;

package/dist/components/Scrollable/Scrollable.d.ts

@@ -1,11 +1,10 @@
-import { IconComponent } from '../../Icons';
 import { default as React } from 'react';
 type IndicatorType = 'icon' | 'shadow';
 type IndicatorProps = {
     show?: boolean;
-    icon?: IconComponent;
     className?: string;
     type?: IndicatorType;
+    behavior?: 'scroll-on-click' | 'scroll-on-hover' | 'none';
 };
 interface IndicatorsProps {
     top?: IndicatorProps;
@@ -14,12 +13,19 @@ interface IndicatorsProps {
     right?: IndicatorProps;
 }
 type scrollableAxis = "x" | "y" | "both";
-interface ScrollableProps {
+type ScrollbarProps = {
+    hide?: boolean;
+    size?: "small" | 'medium';
+};
+export interface ScrollableProps {
     debugMode?: boolean;
     className?: string;
     indicators?: IndicatorsProps;
     axis?: scrollableAxis;
     children?: React.ReactNode;
+    scrollbarProps?: ScrollbarProps;
+    disableMouseScroll?: boolean;
+    defaultBehavior?: 'scroll-on-click' | 'scroll-on-hover' | 'none';
 }
 declare const Scrollable: (props: ScrollableProps) => import("react/jsx-runtime").JSX.Element;
 export default Scrollable;

package/dist/components/Sidebar/components/badge.d.ts

@@ -5,5 +5,6 @@ export type BadgeProps = {
     size?: 'small' | 'medium' | 'large';
     variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
     showZero?: boolean;
+    disabled?: boolean;
 };
-export declare const Badge: ({ count, maxCount, className, size, variant, showZero }: BadgeProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const Badge: ({ count, maxCount, className, size, variant, showZero, disabled }: BadgeProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/TicketCard/TicketCard.d.ts

@@ -0,0 +1,32 @@
+import { ReactNode, RefObject } from 'react';
+type TicketCardSlotChildren = ReactNode | ((context: TicketCardRenderContext) => ReactNode);
+type SlotBaseProps = {
+    children?: TicketCardSlotChildren;
+    className?: string;
+    context?: TicketCardRenderContext;
+};
+export type TicketCardHandlerProps = {
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+};
+type TicketCardRenderContext = {
+    isCollapsed: boolean;
+    toggle: () => void;
+};
+export interface TicketCardProps {
+    children?: TicketCardSlotChildren;
+    className?: string;
+    controls?: RefObject<TicketCardHandlerProps | null>;
+}
+type ContentSlotProps = SlotBaseProps & {
+    onClick?: () => void;
+};
+declare const TicketCard: import('react').NamedExoticComponent<TicketCardProps> & {
+    readonly type: (props: TicketCardProps) => import("react/jsx-runtime").JSX.Element;
+} & {
+    Root: import('react').MemoExoticComponent<(props: TicketCardProps) => import("react/jsx-runtime").JSX.Element>;
+    Content: (props: ContentSlotProps) => import("react/jsx-runtime").JSX.Element;
+    Options: (props: SlotBaseProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default TicketCard;

package/dist/components/UserCard/UserCard.d.ts

@@ -0,0 +1,12 @@
+import { SizeVariant } from '../Avatar/Avatar';
+export interface UserCardProps {
+    name: string;
+    mainSlot?: string | React.ReactNode | (() => React.ReactNode);
+    secondarySlot?: string | React.ReactNode | (() => React.ReactNode) | null;
+    imageUrl?: string;
+    subImageUrl?: string;
+    avatarSize?: SizeVariant;
+    className?: string;
+}
+declare const UserCard: import('react').MemoExoticComponent<({ name, imageUrl, avatarSize, subImageUrl, className, mainSlot, secondarySlot }: UserCardProps) => import("react/jsx-runtime").JSX.Element>;
+export default UserCard;

package/dist/exports/Scrollable.d.ts

@@ -0,0 +1,2 @@
+export { default as Scrollable } from '../components/Scrollable/Scrollable';
+export { type ScrollableProps } from '../components/Scrollable/Scrollable';

package/dist/hooks/useLabelBackground.d.ts

@@ -1,5 +1,6 @@
 interface UseLabelBackgroundResult<T extends HTMLElement> {
     ref: React.RefObject<T | null>;
 }
+export declare const getActualBackgroundColor: (element: HTMLElement) => string;
 export declare function useLabelBackground<T extends HTMLElement = HTMLElement>(): UseLabelBackgroundResult<T>;
 export {};

package/dist/{jsx-runtime-DKDX3adD.js → jsx-runtime-GkKLlHH4.js}

@@ -1,19 +1,10 @@
 import K from "react";
 var v = { exports: {} }, m = {};
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
 var I;
 function ee() {
   if (I) return m;
   I = 1;
-  var l = Symbol.for("react.transitional.element"), b = Symbol.for("react.fragment");
+  var l = /* @__PURE__ */ Symbol.for("react.transitional.element"), b = /* @__PURE__ */ Symbol.for("react.fragment");
   function c(i, o, s) {
     var f = null;
     if (s !== void 0 && (f = "" + s), o.key !== void 0 && (f = "" + o.key), "key" in o) {
@@ -32,15 +23,6 @@ function ee() {
   return m.Fragment = b, m.jsx = c, m.jsxs = c, m;
 }
 var _ = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
 var $;
 function re() {
   return $ || ($ = 1, process.env.NODE_ENV !== "production" && (function() {
@@ -236,7 +218,7 @@ React keys must be passed directly to JSX without using spread:
     function y(e) {
       return typeof e == "object" && e !== null && e.$$typeof === j;
     }
-    var E = K, j = Symbol.for("react.transitional.element"), M = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), W = Symbol.for("react.strict_mode"), U = Symbol.for("react.profiler"), J = Symbol.for("react.consumer"), V = Symbol.for("react.context"), q = Symbol.for("react.forward_ref"), z = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), X = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), B = Symbol.for("react.activity"), H = Symbol.for("react.client.reference"), k = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, x = Object.prototype.hasOwnProperty, Z = Array.isArray, O = console.createTask ? console.createTask : function() {
+    var E = K, j = /* @__PURE__ */ Symbol.for("react.transitional.element"), M = /* @__PURE__ */ Symbol.for("react.portal"), p = /* @__PURE__ */ Symbol.for("react.fragment"), W = /* @__PURE__ */ Symbol.for("react.strict_mode"), U = /* @__PURE__ */ Symbol.for("react.profiler"), J = /* @__PURE__ */ Symbol.for("react.consumer"), V = /* @__PURE__ */ Symbol.for("react.context"), q = /* @__PURE__ */ Symbol.for("react.forward_ref"), z = /* @__PURE__ */ Symbol.for("react.suspense"), G = /* @__PURE__ */ Symbol.for("react.suspense_list"), X = /* @__PURE__ */ Symbol.for("react.memo"), T = /* @__PURE__ */ Symbol.for("react.lazy"), B = /* @__PURE__ */ Symbol.for("react.activity"), H = /* @__PURE__ */ Symbol.for("react.client.reference"), k = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, x = Object.prototype.hasOwnProperty, Z = Array.isArray, O = console.createTask ? console.createTask : function() {
       return null;
     };
     E = {

package/dist/lib/utils.d.ts

@@ -1,3 +1,3 @@
-import { OptionAccessor } from '../components/Shared/types';
-export declare function getAccessorValue<T, R>(option: T, accessor: OptionAccessor<T, R>): R;
+import { AllOptionAccessor, OptionAccessor } from '../components/Shared/types';
+export declare function getAccessorValue<T, R>(option: T, accessor: (AllOptionAccessor<T, R> | OptionAccessor<T, R>)): R;
 export declare const hasCoincidences: (option: string, inputValue: string) => boolean;