prometeo-design-system 3.1.7 → 4.1.0

package/dist/SwipeContainer.d.ts

@@ -1,4 +0,0 @@
-export {}
-import PrometeoDesignSystem from './exports/SwipeContainer'
-export default PrometeoDesignSystem
-export {}

package/dist/SwipeContainer.es.js

@@ -1,185 +0,0 @@
-import { j as o } from "./jsx-runtime-GkKLlHH4.js";
-import { c as i } from "./cn-B6yFEsav.js";
-import { useState as d, useRef as D, useEffect as L } from "react";
-const O = ({
-  children: x,
-  className: P,
-  showIndicators: R = !0,
-  showControls: W = !0,
-  // Por defecto mostrar controles
-  autoPlay: k = !1,
-  autoPlayInterval: $ = 3e3,
-  onSwipe: m,
-  threshold: Y = 50,
-  disabled: l = !1,
-  cardWidth: f,
-  // Ancho personalizado de tarjetas
-  visibleCards: r,
-  // Número de tarjetas visibles
-  width: p = "100%",
-  // Ancho por defecto
-  height: v = "300px",
-  // Alto por defecto
-  gap: g = 16
-  // Separación por defecto entre cards
-}) => {
-  const [n, h] = d(0), [u, N] = d(!1), [T, B] = d({ x: 0, y: 0 }), [I, w] = d({ x: 0, y: 0 }), y = D(null), c = D(null), s = x.length, C = f ? typeof f == "number" ? `${f}px` : f : r && r > 0 ? `${100 / r}%` : "100%";
-  L(() => (k && s > 1 && !u && (c.current = setInterval(() => {
-    h((e) => (e + 1) % s);
-  }, $)), () => {
-    c.current && clearInterval(c.current);
-  }), [k, $, s, u]), L(() => {
-    u && c.current && clearInterval(c.current);
-  }, [u]);
-  const S = (e, t) => {
-    l || (N(!0), B({ x: e, y: t }), w({ x: e, y: t }));
-  }, E = (e, t) => {
-    !u || l || w({ x: e, y: t });
-  }, X = () => {
-    if (!u || l) return;
-    const e = I.x - T.x;
-    if (Math.abs(e) > Y) {
-      if (e > 0 && n > 0) {
-        const a = n - 1;
-        h(a), m?.(a);
-      } else if (e < 0 && n < s - 1) {
-        const a = n + 1;
-        h(a), m?.(a);
-      }
-    }
-    N(!1), w({ x: 0, y: 0 });
-  }, U = (e) => {
-    e.preventDefault(), S(e.clientX, e.clientY);
-  }, _ = (e) => {
-    E(e.clientX, e.clientY);
-  }, b = () => {
-    X();
-  }, q = (e) => {
-    const t = e.touches[0];
-    S(t.clientX, t.clientY);
-  }, z = (e) => {
-    const t = e.touches[0];
-    E(t.clientX, t.clientY);
-  }, A = () => {
-    X();
-  }, j = (e) => {
-    l || e < 0 || e >= s || (h(e), m?.(e));
-  }, F = () => {
-    const e = I.x - T.x;
-    let t = 0;
-    if (r && r > 0) {
-      const M = y.current ? (y.current.offsetWidth - g * (r - 1)) / r : 0;
-      t = n * (M + g);
-    } else
-      t = n * 100;
-    const a = r && r > 0 ? `translateX(-${t}px)` : `translateX(-${n * 100}%)`;
-    if (u) {
-      const M = `translateX(${e}px)`;
-      return `${a} ${M}`;
-    }
-    return a;
-  };
-  return s === 0 ? null : /* @__PURE__ */ o.jsxs(
-    "div",
-    {
-      className: i("relative overflow-hidden", P),
-      style: {
-        width: typeof p == "number" ? `${p}px` : p,
-        height: typeof v == "number" ? `${v}px` : v
-      },
-      children: [
-        /* @__PURE__ */ o.jsx(
-          "div",
-          {
-            ref: y,
-            className: i(
-              "relative flex flex-row transition-transform duration-300 ease-out",
-              l && "pointer-events-none opacity-50"
-            ),
-            style: {
-              transform: F(),
-              gap: `${g}px`
-            },
-            onMouseDown: U,
-            onMouseMove: _,
-            onMouseUp: b,
-            onMouseLeave: b,
-            onTouchStart: q,
-            onTouchMove: z,
-            onTouchEnd: A,
-            children: x.map((e, t) => /* @__PURE__ */ o.jsx(
-              "div",
-              {
-                className: "flex-shrink-0 h-full",
-                style: {
-                  width: C
-                },
-                children: e
-              },
-              t
-            ))
-          }
-        ),
-        R && s > 1 && /* @__PURE__ */ o.jsx("div", { className: "absolute bottom-4 left-1/2 transform -translate-x-1/2 flex gap-2", children: x.map((e, t) => /* @__PURE__ */ o.jsx(
-          "button",
-          {
-            onClick: () => j(t),
-            className: i(
-              "w-2 h-2 rounded-full transition-all duration-200",
-              t === n ? "bg-primary-default-default" : "bg-neutral-medium-default hover:bg-neutral-default-default"
-            ),
-            "aria-label": `Ir al elemento ${t + 1}`
-          },
-          t
-        )) }),
-        W && s > 1 && /* @__PURE__ */ o.jsxs("div", { className: "absolute inset-0 flex items-center justify-between pointer-events-none", children: [
-          n > 0 && /* @__PURE__ */ o.jsx(
-            "button",
-            {
-              onClick: () => j(n - 1),
-              className: i(
-                "p-2 rounded-full bg-white shadow-md hover:shadow-lg transition-shadow pointer-events-auto",
-                l && "pointer-events-none opacity-50"
-              ),
-              "aria-label": "Elemento anterior",
-              children: /* @__PURE__ */ o.jsx(
-                "svg",
-                {
-                  className: "w-4 h-4 text-neutral-default-default rotate-180",
-                  fill: "none",
-                  stroke: "currentColor",
-                  viewBox: "0 0 24 24",
-                  children: /* @__PURE__ */ o.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
-                }
-              )
-            }
-          ),
-          n < s - 1 && /* @__PURE__ */ o.jsx(
-            "button",
-            {
-              onClick: () => j(n + 1),
-              className: i(
-                "p-2 rounded-full bg-white shadow-md hover:shadow-lg transition-shadow pointer-events-auto",
-                l && "pointer-events-none opacity-50"
-              ),
-              "aria-label": "Elemento siguiente",
-              children: /* @__PURE__ */ o.jsx(
-                "svg",
-                {
-                  className: "w-4 h-4 text-neutral-default-default",
-                  fill: "none",
-                  stroke: "currentColor",
-                  viewBox: "0 0 24 24",
-                  children: /* @__PURE__ */ o.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
-                }
-              )
-            }
-          )
-        ] })
-      ]
-    }
-  );
-};
-export {
-  O as default
-};

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

@@ -1,8 +0,0 @@
-import { ReactNode } from 'react';
-interface PyrionHelpSectionProps {
-    onCloseClick?: VoidFunction;
-    children?: ReactNode;
-    title?: string;
-}
-declare const PyrionHelpSection: ({ onCloseClick, children, title }: PyrionHelpSectionProps) => import("react/jsx-runtime").JSX.Element;
-export default PyrionHelpSection;

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

@@ -1,130 +0,0 @@
-import { ReactNode } from 'react';
-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;
-    active: boolean;
-    coverImage?: string;
-    thumbnail?: string;
-};
-type TCompany = {
-    name: string;
-    products?: TProduct[];
-    icon?: string;
-};
-type TUser = {
-    auth_id: string;
-    name: string;
-    surname?: string;
-    email?: string;
-    profile_picture?: string;
-};
-export type TSystem = {
-    name: string;
-    url: string;
-    coverImage?: string;
-    thumbnail?: string;
-    _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;
-}
-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;
-    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;
-}
-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/PyrionNotificationsList.d.ts

@@ -1,8 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1,12 +0,0 @@
-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/SwipeContainer/SwipeContainer.d.ts

@@ -1,19 +0,0 @@
-import { default as React, ReactNode } from 'react';
-interface SwipeContainerProps {
-    children: ReactNode[];
-    className?: string;
-    showIndicators?: boolean;
-    showControls?: boolean;
-    autoPlay?: boolean;
-    autoPlayInterval?: number;
-    onSwipe?: (index: number) => void;
-    threshold?: number;
-    disabled?: boolean;
-    cardWidth?: number | string;
-    visibleCards?: number;
-    width?: number | string;
-    height?: number | string;
-    gap?: number;
-}
-declare const SwipeContainer: React.FC<SwipeContainerProps>;
-export default SwipeContainer;

package/dist/exports/LayoutGeneric.d.ts

@@ -1,2 +0,0 @@
-export { default } from '../components/Layout/LayoutGeneric';
-export type { LayoutGenericProps } from '../components/Layout/LayoutGeneric';

package/dist/exports/PyrionNavigationDrawer.d.ts

@@ -1,2 +0,0 @@
-export { default } from '../components/PyrionNavigationDrawer';
-export { type PyrionNavigationDrawerProps, type PyrionNavigationDrawerOptions, type NavigationDrawerTabsProps, type AuthSession } from '../components/PyrionNavigationDrawer';

package/dist/exports/SwipeContainer.d.ts

@@ -1 +0,0 @@
-export { default } from '../components/SwipeContainer/SwipeContainer';