prometeo-design-system 2.6.5 → 2.6.7

package/dist/{Select-B9faRcN1.js → Select-D3aU7dXF.js}

@@ -183,15 +183,15 @@ function Je(e) {
     placeholder: E,
     optionValue: N,
     optionLabel: R,
-    renderOption: ae,
-    renderSelection: se,
-    renderOptionContext: ie,
+    renderOption: oe,
+    renderSelection: ae,
+    renderOptionContext: se,
     buttonClassName: Q,
     dropdownClassName: P,
-    containerClassName: ue,
+    containerClassName: ie,
     dropdownOptions: y,
     helperComponent: te,
-    errorComponent: ce,
+    errorComponent: ue,
     onRemoveOption: X,
     onOptionClick: Y,
     onClose: he,
@@ -201,7 +201,7 @@ function Je(e) {
     variant: F = "default",
     isLoading: ge = !1,
     attachToParent: xe = !1,
-    displayMode: ne = "compact",
+    displayMode: ce = "compact",
     labelVariant: W = "default",
     disableOpenOnFocus: be = !1,
     emptyMessage: de = "No hay opciones disponibles"
@@ -235,7 +235,7 @@ function Je(e) {
       const n = [];
       if (e.multiple)
         e.value?.forEach((m) => {
-          const w = g?.find((oe) => z(oe, N) === m);
+          const w = g?.find((le) => z(le, N) === m);
           w && n.push(w);
         });
       else {
@@ -245,12 +245,12 @@ function Je(e) {
       return n;
     },
     [e.value, N, g, e.multiple]
-  ), re = Z(
+  ), ne = Z(
     () => I.map(O),
     [I, O]
   ), b = Z(
-    () => new Set(re.map((n) => n.id)),
-    [re]
+    () => new Set(ne.map((n) => n.id)),
+    [ne]
   ), $ = J(() => {
     o((n) => !n);
   }, []);
@@ -258,22 +258,22 @@ function Je(e) {
     if (!e.multiple)
       e.onChange?.(n, C);
     else {
-      const m = e.value || [], w = [], oe = m.includes(n.value);
+      const m = e.value || [], w = [], le = m.includes(n.value);
       m.forEach((we) => {
         const ke = T.find(($e) => $e.value === we);
         ke && w.push(ke);
       });
-      const Pe = oe ? w.filter((we) => we.value !== n.value) : [...w, n];
+      const Pe = le ? w.filter((we) => we.value !== n.value) : [...w, n];
       e.onChange?.(Pe, C);
     }
   };
-  const le = J((n, m = !1) => {
+  const re = J((n, m = !1) => {
     Y?.(n, C), M.current?.(n), m && (o(!1), he?.());
   }, [Y, he, C]), ze = (n) => {
     n.preventDefault(), n.stopPropagation(), n.target.blur(), B?.(), e.multiple ? e.onChange?.([], C) : e.onChange?.(void 0, C);
   }, Ce = J((n) => {
     e.multiple || e.onChange?.(void 0, C);
-    const m = g.find((oe) => z(oe, N) === n);
+    const m = g.find((le) => z(le, N) === n);
     if (!m) return;
     const w = O(m);
     Y?.(w, C), M.current?.(w), X?.(m);
@@ -312,12 +312,12 @@ function Je(e) {
       t && o(!1);
     },
     toggle: () => o((n) => !n),
-    handleOptionSelect: le,
+    handleOptionSelect: re,
     subscribeOpenChange: (n) => (h.current.add(n), () => {
       h.current.delete(n);
     }),
     searchInputRef: d
-  }), [t, le]);
+  }), [t, re]);
   const Te = (n) => {
     n.preventDefault(), n.stopPropagation(), n.target.matches(":focus-visible") && !be && !t && (o(!0), setTimeout(() => {
       d.current?.focus();
@@ -339,7 +339,7 @@ function Je(e) {
       draggable: !1,
       style: r,
       children: [
-        /* @__PURE__ */ l.jsxs("div", { className: c("relative bg-inherit ", ue), children: [
+        /* @__PURE__ */ l.jsxs("div", { className: c("relative bg-inherit ", ie), children: [
           /* @__PURE__ */ l.jsx(
             "label",
             {
@@ -371,8 +371,8 @@ function Je(e) {
                 "w-full px-2 text-left border rounded-lg transition-all duration-200 ease-in-out",
                 "flex items-center justify-start bg-inherit ",
                 "focus:outline-none",
-                ne === "chips" && "mt-1.5",
-                ne === "chips" && e.multiple && G ? "min-h-14 py-3 " : !U && "h-14 min-h-14",
+                // displayMode==='chips' && "mt-1.5" ,
+                ce === "chips" && e.multiple && G ? "min-h-12 py-2 " : !U && "h-12 min-h-12",
                 Se[F].input,
                 H && De.input,
                 Q
@@ -389,9 +389,9 @@ function Je(e) {
                     onPointerLeave: K.onPointerLeave,
                     onPointerCancel: K.onPointerCancel,
                     onClickCapture: K.onClickCapture,
-                    children: se ? je.createElement(
+                    children: ae ? je.createElement(
                       q(
-                        se,
+                        ae,
                         (n, m) => n.disabled === m.disabled && n.multiple === m.multiple
                       ),
                       {
@@ -404,8 +404,8 @@ function Je(e) {
                     ) : /* @__PURE__ */ l.jsx(
                       Ie,
                       {
-                        displayMode: ne,
-                        selectedOptions: re,
+                        displayMode: ce,
+                        selectedOptions: ne,
                         placeholder: a,
                         onRemoveOption: Ce,
                         multiple: e.multiple || !1,
@@ -453,20 +453,20 @@ function Je(e) {
             optionLabel: R,
             optionValue: N,
             labelVariant: W,
-            renderOption: ae,
-            renderOptionContext: ie,
+            renderOption: oe,
+            renderOptionContext: se,
             emptyMessage: de,
             attachToParent: xe,
             filteredOptions: i,
             dropdownClassName: P,
             setFilteredOptions: u,
             selectedOptionsIds: b,
-            options: ae ? g : T,
+            options: oe ? g : T,
             selectRef: s,
             dropdownRef: _,
             selectButtonRef: D,
             helperComponentRef: L,
-            onOptionClick: le,
+            onOptionClick: re,
             onCloseDropdown: () => o(!1),
             searchValue: f,
             setSearchValue: S,
@@ -482,13 +482,13 @@ function Je(e) {
             inputProps: y?.inputProps
           }
         ),
-        (ce || te) && /* @__PURE__ */ l.jsx("div", { className: "min-h-6", children: /* @__PURE__ */ l.jsx(
+        (ue || te) && /* @__PURE__ */ l.jsx("div", { className: "min-h-6", children: /* @__PURE__ */ l.jsx(
           Ue,
           {
             ref: L,
             variant: F,
             className: "absolute bottom-0 ",
-            children: ce || te
+            children: ue || te
           }
         ) })
       ]
@@ -521,22 +521,22 @@ function Xe({
   filteredOptions: E,
   selectButtonRef: N,
   onCloseDropdown: R,
-  loadingComponent: ae,
-  dropdownClassName: se,
-  helperComponentRef: ie,
+  loadingComponent: oe,
+  dropdownClassName: ae,
+  helperComponentRef: se,
   selectedOptionsIds: Q,
   setFilteredOptions: P,
-  onSearchValueChange: ue,
+  onSearchValueChange: ie,
   isLoading: y = !1,
   hideSearchBar: te = !1,
-  inputSearchPlaceholder: ce = "Buscar opciones"
+  inputSearchPlaceholder: ue = "Buscar opciones"
 }) {
   const X = e ? 380 : 320, Y = M === "static" ? -20 : 7, B = J(() => j ? j.endsWith("px") ? Number(j.replace("px", "")) : j.endsWith("vh") ? window.innerHeight * Number(j.replace("vh", "")) / 100 : j.endsWith("%") ? window.innerHeight * Number(j.replace("%", "")) / 100 : X : X, [j, X])(), [H, pe] = fe({ direction: "down", height: B }), F = (r) => {
     if (!s.current || !p.current) return;
     const a = p.current.getBoundingClientRect();
     switch (r || H.direction) {
       case "down":
-        s.current.style.top = `${a.top + a.height - (ie?.current?.offsetHeight ? ie?.current?.offsetHeight + 4 : 0)}px`;
+        s.current.style.top = `${a.top + a.height - (se?.current?.offsetHeight ? se?.current?.offsetHeight + 4 : 0)}px`;
         break;
       case "up":
         s.current.style.top = "auto", s.current.style.bottom = `${window.innerHeight - a.top + Y}px`;
@@ -550,7 +550,7 @@ function Xe({
     const r = p.current.getBoundingClientRect(), a = window.innerHeight - (window.innerHeight - r.top), f = window.innerHeight - r.bottom, x = f >= B, O = a >= B;
     let T = "down", I;
     return x ? (T = "down", I = B) : O ? (T = "up", I = B) : f > a ? (T = "down", I = f - 16) : (T = "up", I = a - 16), { direction: T, height: I };
-  }, ne = (r) => {
+  }, ce = (r) => {
     if (!(!s.current || !p.current)) {
       if (s.current.style.transition = "max-height 0.2s ease,opacity 0.2s ease", !r) {
         s.current.style.maxHeight = "0", s.current.style.opacity = "0", s.current.style.pointerEvents = "none";
@@ -566,7 +566,7 @@ function Xe({
   ee(() => {
     A || !p.current || !t || F();
   }, [Q]), ee(() => {
-    ne(t);
+    ce(t);
   }, [t]), ee(() => {
     o && P(o);
   }, [o]), ee(() => {
@@ -576,12 +576,12 @@ function Xe({
   }, [o]);
   const W = (r, a) => r.filter((f) => Le(h ? z(f, _) : f.label, a)), be = (r) => {
     const a = W(o, r);
-    if (P(a), ue) {
+    if (P(a), ie) {
       if (r === "") {
         de();
         return;
       }
-      ue(r);
+      ie(r);
       return;
     }
     g && o && g(r);
@@ -662,7 +662,7 @@ function Xe({
         " overflow-hidden focus-visible:bg-neutral-default-hover    ",
         A ? "absolute z-50 " : "fixed z-100 top-0 left-0",
         H.direction === "up" ? "h-auto" : " h-max",
-        se
+        ae
       ),
       children: /* @__PURE__ */ l.jsxs(
         "div",
@@ -692,12 +692,12 @@ function Xe({
                 onKeyDown: ye,
                 onClear: de,
                 onChange: be,
-                placeholder: ce,
+                placeholder: ue,
                 className: " bg-neutral-medium-pressed",
                 ...S
               }
             ),
-            /* @__PURE__ */ l.jsx("div", { className: " overflow-y-auto flex-1 max-h-max ", children: E.length === 0 ? y ? /* @__PURE__ */ l.jsx("div", { className: "flex flex-col gap-1 overflow-hidden w-full", children: ae || ve }) : /* @__PURE__ */ l.jsx("div", { className: "px-3 py-2 text-neutral-medium-default", children: D ? `No se encontraron resultados para "${D}"` : L }) : E.map((r) => {
+            /* @__PURE__ */ l.jsx("div", { className: " overflow-y-auto flex-1 max-h-max ", children: E.length === 0 ? y ? /* @__PURE__ */ l.jsx("div", { className: "flex flex-col gap-1 overflow-hidden w-full", children: oe || ve }) : /* @__PURE__ */ l.jsx("div", { className: "px-3 py-2 text-neutral-medium-default", children: D ? `No se encontraron resultados para "${D}"` : L }) : E.map((r) => {
               const a = h ? z(r, d) : r.id, f = Q.has(a), x = (b) => h ? {
                 id: a,
                 label: String(z(b, _)),
@@ -716,7 +716,7 @@ function Xe({
                   {
                     tabIndex: 0,
                     role: "listitem",
-                    onKeyDown: (le) => K(le, $),
+                    onKeyDown: (re) => K(re, $),
                     className: c(
                       "focus-visible:bg-neutral-medium-hover outline-none hover:bg-neutral-medium-hover ",
                       f && "bg-neutral-medium-selected"
@@ -724,7 +724,7 @@ function Xe({
                     children: b
                   }
                 )
-              ), re = h ? je.createElement(
+              ), ne = h ? je.createElement(
                 q(
                   h,
                   (b, $) => b.isSelected === $.isSelected && b.option === $.option && b.disabled === $.disabled && b.multiple === $.multiple && b.renderContext === $.renderContext
@@ -751,7 +751,7 @@ function Xe({
                 },
                 a
               );
-              return I(re, x(r));
+              return I(ne, x(r));
             }) }),
             e && /* @__PURE__ */ l.jsx("div", { className: "border-t border-neutral-strong-default p-2", children: e })
           ]

package/dist/Select.es.js

@@ -1,4 +1,4 @@
-import { S as f } from "./Select-B9faRcN1.js";
+import { S as f } from "./Select-D3aU7dXF.js";
 export {
   f as default
 };

package/dist/SelectFormik.es.js

@@ -1,6 +1,6 @@
 import { j as d } from "./jsx-runtime-DKDX3adD.js";
 import { useField as y } from "formik";
-import { S as m } from "./Select-B9faRcN1.js";
+import { S as m } from "./Select-D3aU7dXF.js";
 import { useRef as p, useEffect as g } from "react";
 function f(e) {
   return Array.isArray(e) && e.every(

package/dist/SelectSearch.es.js

@@ -1,5 +1,5 @@
 import { j as G } from "./jsx-runtime-DKDX3adD.js";
-import { g as i, S as H } from "./Select-B9faRcN1.js";
+import { g as i, S as H } from "./Select-D3aU7dXF.js";
 import { useState as w, useRef as T, useEffect as h, useMemo as Q, useCallback as X } from "react";
 function te(e) {
   const {

package/dist/components/CardProfile/CardProfile.d.ts

@@ -1,9 +1,16 @@
 import { ReactNode } from 'react';
-import { IArea, ICompany } from 'shared-dependencies-tickets';
 interface ICardProfile {
     children: ReactNode;
     dropMenu?: ReactNode;
 }
+export interface IArea {
+    _id: string;
+    name: string;
+}
+export interface ICompany {
+    _id: string;
+    name: string;
+}
 export interface ISessionLocalStorage {
     _id: string;
     name: string;

package/dist/components/Drawer/DrawerDesktop.d.ts

@@ -1,17 +1,19 @@
-export interface DrawerDesktopHandle {
-    open: () => void;
+export interface DrawerDesktopHandle<TContext = unknown> {
+    open: (context?: TContext) => void;
     close: () => void;
     isOpen: boolean;
+    getContext: () => TContext | null;
 }
-export interface DrawerDesktopProps {
-    children?: React.ReactNode;
-    direction?: 'left' | 'right';
+export interface DrawerDesktopProps<TContext = unknown> {
+    children?: React.ReactNode | ((context: TContext | null) => React.ReactNode);
+    direction?: "left" | "right";
     modal?: boolean;
     className?: string;
-    onClose?: () => void;
+    onClose?: (context?: TContext) => void;
     defaultOpen?: boolean;
     attachToParent?: boolean;
     closeOnOverlayClick?: boolean;
+    hideCloseButton?: boolean;
 }
-declare const DrawerDesktop: import('react').ForwardRefExoticComponent<DrawerDesktopProps & import('react').RefAttributes<DrawerDesktopHandle>>;
+declare const DrawerDesktop: import('react').ForwardRefExoticComponent<DrawerDesktopProps<any> & import('react').RefAttributes<DrawerDesktopHandle<any>>>;
 export default DrawerDesktop;

package/dist/components/Drawer/useDrawerDesktop.d.ts

@@ -1,7 +1,8 @@
 import { DrawerDesktopHandle } from './DrawerDesktop';
-export declare const useDrawerDesktop: () => {
+export declare const useDrawerDesktop: <TContext = unknown>() => {
     isOpen: () => boolean;
-    open: () => void;
+    open: (context?: TContext) => void;
     close: () => void;
-    drawerRef: import('react').RefObject<DrawerDesktopHandle | null>;
+    drawerRef: import('react').RefObject<DrawerDesktopHandle<TContext> | null>;
+    getContext: () => NonNullable<TContext> | null;
 };

package/dist/components/Header/Header.d.ts

@@ -4,6 +4,7 @@ export interface IHeader {
     children?: ReactNode;
     className?: string;
     subtitle?: string;
+    subtitleClassName?: string;
 }
-declare const _default: import('react').MemoExoticComponent<({ title, subtitle, children, className }: IHeader) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: import('react').MemoExoticComponent<({ title, subtitle, children, className, subtitleClassName }: IHeader) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/dist/components/ProgressBar/ProgressBar.d.ts

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
 export interface CountdownProgressProps extends React.HTMLAttributes<HTMLDivElement> {
+    startDate: string | Date;
     endDate: string | Date;
     label?: string;
 }

package/dist/components/RecurrentDatePicker/CustomFrequencySettings.d.ts

@@ -0,0 +1,14 @@
+import { weekDay } from './WeekdaysSelector';
+import { default as React } from 'react';
+type CustomFrequency = "daily" | "weekly" | "monthly";
+export type CustomFrequencySettingsValue = {
+    interval: number;
+    frequency: CustomFrequency;
+    weekdays: weekDay[];
+};
+interface CustomSettingsProps {
+    value?: CustomFrequencySettingsValue;
+    onChange: (value: CustomFrequencySettingsValue) => void;
+}
+declare const CustomFrequencySettings: React.MemoExoticComponent<({ value, onChange }: CustomSettingsProps) => import("react/jsx-runtime").JSX.Element>;
+export default CustomFrequencySettings;

package/dist/components/RecurrentDatePicker/FrequencySettings.d.ts

@@ -1,6 +1,12 @@
-import { RecurrenceFrequencyType } from './RecurrentDatePicker';
+import { CustomFrequencySettingsValue } from './CustomFrequencySettings';
+import { MonthlySettingsValue } from './MonthlyFrequencySettings';
+import { FrequencySettingsValue, RecurrenceFrequencyType } from './RecurrentDatePicker';
+import { WeeklyFrequencySettingsValue } from './WeeklyFrequencySetting';
+import { YearlyFrequencySettingsValue } from './YearlyFrequencySettings';
 export interface IFrequencySettingsProps {
     frequency: RecurrenceFrequencyType;
+    frequencySettings?: MonthlySettingsValue | WeeklyFrequencySettingsValue | YearlyFrequencySettingsValue | CustomFrequencySettingsValue;
+    onChange: (cb: ((pv: FrequencySettingsValue) => FrequencySettingsValue) | FrequencySettingsValue) => void;
 }
-declare const FrequencySettings: (props: IFrequencySettingsProps) => import("react/jsx-runtime").JSX.Element;
+declare const FrequencySettings: import('react').MemoExoticComponent<(props: IFrequencySettingsProps) => import("react/jsx-runtime").JSX.Element>;
 export default FrequencySettings;

package/dist/components/RecurrentDatePicker/MonthlyFrequencySettings.d.ts

@@ -0,0 +1,29 @@
+type dayOrderType = 'first' | 'second' | 'third' | 'fourth' | 'last';
+type weekDay = 'monday' | 'tuesday' | 'wednesday' | 'thursday' | 'friday' | 'saturday' | 'sunday';
+export type MonthlySettingsValue = {
+    type: 'relative';
+    dayOrder: dayOrderType;
+    weekDay: weekDay;
+} | {
+    type: 'absolute';
+    dayOfMonth: number;
+};
+export type MonthlySettingsDelta = {
+    kind: 'setType';
+    newType: 'relative' | 'absolute';
+} | {
+    kind: 'setRelativeDayOrder';
+    newDayOrder: dayOrderType;
+} | {
+    kind: 'setRelativeWeekDay';
+    newWeekDay: weekDay;
+} | {
+    kind: 'setAbsoluteDayOfMonth';
+    newDayOfMonth: number;
+};
+interface MonthlySettingsProps {
+    value?: MonthlySettingsValue;
+    onChange: (delta: MonthlySettingsDelta) => void;
+}
+declare const MonthlyFrequencySettings: import('react').MemoExoticComponent<({ value, onChange }: MonthlySettingsProps) => import("react/jsx-runtime").JSX.Element>;
+export default MonthlyFrequencySettings;

package/dist/components/RecurrentDatePicker/RecurrentDatePicker.d.ts

@@ -1,7 +1,12 @@
+import { WeeklyFrequencySettingsValue } from './WeeklyFrequencySetting';
+import { MonthlySettingsValue } from './MonthlyFrequencySettings';
+import { YearlyFrequencySettingsValue } from './YearlyFrequencySettings';
+import { CustomFrequencySettingsValue } from './CustomFrequencySettings';
 export type RecurrenceFrequencyType = "custom" | "weekly" | "monthly" | "yearly";
 export declare const RecurrenceFrecuencyOptions: {
     label: string;
     value: string;
 }[];
-declare const RecurrentDatePicker: () => import("react/jsx-runtime").JSX.Element;
+export type FrequencySettingsValue = WeeklyFrequencySettingsValue | MonthlySettingsValue | YearlyFrequencySettingsValue | CustomFrequencySettingsValue;
+declare const RecurrentDatePicker: import('react').MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
 export default RecurrentDatePicker;

package/dist/components/RecurrentDatePicker/WeekdaysSelector.d.ts

@@ -1,11 +1,12 @@
+import { default as React } from 'react';
 export type weekDay = 'monday' | 'tuesday' | 'wednesday' | 'thursday' | 'friday' | 'saturday' | 'sunday';
 type WeekdaySelectorProps = {
     options?: weekDay[];
     labelVariant?: 'short' | 'large';
-    value: weekDay[];
+    value?: weekDay[];
     onChange: (newValue: weekDay[]) => void;
     label?: string;
     required?: boolean;
 };
-declare const WeekdaysSelector: (props: WeekdaySelectorProps) => import("react/jsx-runtime").JSX.Element;
+declare const WeekdaysSelector: React.MemoExoticComponent<(props: WeekdaySelectorProps) => import("react/jsx-runtime").JSX.Element>;
 export default WeekdaysSelector;

package/dist/components/RecurrentDatePicker/WeeklyFrequencySetting.d.ts

@@ -0,0 +1,8 @@
+import { weekDay } from './WeekdaysSelector';
+export type WeeklyFrequencySettingsValue = weekDay[];
+interface WeeklyFrequencySettingsProps {
+    value?: WeeklyFrequencySettingsValue;
+    onChange: (value: WeeklyFrequencySettingsValue) => void;
+}
+declare const WeeklyFrequencySettings: import('react').MemoExoticComponent<({ value, onChange }: WeeklyFrequencySettingsProps) => import("react/jsx-runtime").JSX.Element>;
+export default WeeklyFrequencySettings;

package/dist/components/RecurrentDatePicker/YearlyFrequencySettings.d.ts

@@ -0,0 +1,10 @@
+export interface YearlyFrequencySettingsValue {
+    month: number;
+    day?: number;
+}
+interface YearlyFrequencySettingsProps {
+    value?: YearlyFrequencySettingsValue;
+    onChange: (value: YearlyFrequencySettingsValue) => void;
+}
+declare const YearlyFrequencySettings: import('react').MemoExoticComponent<({ value, onChange }: YearlyFrequencySettingsProps) => import("react/jsx-runtime").JSX.Element>;
+export default YearlyFrequencySettings;