prometeo-design-system 2.3.6 → 2.3.8

package/dist/SelectFormikLegacy.es.js

@@ -0,0 +1,194 @@
+import { j as t } from "./jsx-runtime-DKDX3adD.js";
+import { Icons as g } from "./Icons.es.js";
+import { c as d } from "./cn-B6yFEsav.js";
+import { useField as $, ErrorMessage as q } from "formik";
+import { memo as G, useState as k, useRef as H, useEffect as J } from "react";
+import K from "./Spinner.es.js";
+const Q = ({
+  label: C,
+  name: I,
+  placeholder: b = "",
+  disabled: j,
+  containerClassName: S,
+  className: D,
+  options: c = [],
+  multiple: i = !1,
+  emptyMessage: z = "No hay opciones disponibles",
+  labelVariant: w = "default",
+  isFetching: E = !1,
+  returnFullObject: m = !1
+  // Por defecto false para mantener compatibilidad
+}) => {
+  const [r, N, o] = $(I), [l, x] = k(!1), [p, A] = k(!1), h = H(null), v = N.touched && N.error, u = (e) => e ? typeof e == "object" && e.id !== void 0 ? e.id : e : null, V = () => r.value ? Array.isArray(r.value) ? r.value.map(u) : u(r.value) : i ? [] : null, f = r.value && (Array.isArray(r.value) ? r.value.length > 0 : typeof r.value == "object" ? r.value.id : r.value?.toString().length > 0), O = () => w === "static" || f || l || p ? "-top-3 left-2 scale-90" : "top-1/2 -translate-y-1/2 scale-100", L = () => {
+    if (!r.value) return [];
+    const e = V();
+    return Array.isArray(e) ? c.filter((a) => e.includes(a.id)) : c.filter((a) => a.id === e);
+  }, P = (e) => {
+    if (i) {
+      const a = Array.isArray(r.value) ? r.value.map(u) : [], s = a.includes(e.id);
+      if (m) {
+        const n = Array.isArray(r.value) ? r.value : [], y = s ? n.filter((B) => u(B) !== e.id) : [...n, e];
+        o.setValue(y);
+      } else {
+        const n = s ? a.filter((y) => y !== e.id) : [...a, e.id];
+        o.setValue(n);
+      }
+    } else
+      o.setValue(m ? e : e.id), x(!1);
+  }, F = (e) => {
+    e.stopPropagation(), o.setValue(i ? [] : "");
+  }, M = (e, a) => {
+    if (a?.stopPropagation(), i && Array.isArray(r.value))
+      if (m) {
+        const s = r.value.filter(
+          (n) => u(n) !== e
+        );
+        o.setValue(s);
+      } else {
+        const s = r.value.filter(
+          (n) => n !== e
+        );
+        o.setValue(s);
+      }
+  };
+  J(() => {
+    const e = (a) => {
+      h.current && !h.current.contains(a.target) && x(!1);
+    };
+    return l && document.addEventListener("mousedown", e), () => {
+      document.removeEventListener("mousedown", e);
+    };
+  }, [l]);
+  const R = () => {
+    const e = L();
+    return e.length === 0 ? b ? /* @__PURE__ */ t.jsx("span", { className: "text-neutral-medium-default opacity-50", children: b }) : null : i ? /* @__PURE__ */ t.jsx("div", { className: "flex items-center gap-1 flex-wrap py-1", children: e.map((a) => /* @__PURE__ */ t.jsxs(
+      "div",
+      {
+        className: "inline-flex items-center gap-1 px-2 py-1 bg-primary-default-default text-white text-xs rounded-md",
+        children: [
+          /* @__PURE__ */ t.jsx("span", { className: "truncate max-w-20", children: a.label }),
+          /* @__PURE__ */ t.jsx(
+            "button",
+            {
+              onMouseDown: (s) => {
+                s.preventDefault(), M(a.id, s);
+              },
+              className: "flex-shrink-0 hover:bg-primary-strong-default rounded-sm p-0.5 transition-colors",
+              type: "button",
+              tabIndex: -1,
+              children: /* @__PURE__ */ t.jsx(g.Close, { size: 12, className: "" })
+            }
+          )
+        ]
+      },
+      a.id
+    )) }) : /* @__PURE__ */ t.jsx("span", { children: e[0]?.label });
+  };
+  return /* @__PURE__ */ t.jsxs(
+    "div",
+    {
+      className: d("relative w-full bg-inherit", S),
+      ref: h,
+      children: [
+        /* @__PURE__ */ t.jsxs("div", { className: "relative bg-inherit", children: [
+          /* @__PURE__ */ t.jsxs(
+            "div",
+            {
+              onClick: () => !j && x(!l),
+              onFocus: () => A(!0),
+              onBlur: () => A(!1),
+              className: d(
+                "w-full px-3 h-12 text-left border-1 rounded-lg transition-all duration-300 ease-in-out text-neutral-default-default",
+                "flex items-center justify-between bg-transparent focus:outline-none",
+                f || l || p ? " border-primary-default-focused ring-primary-default-focused ring-[2px]" : v ? "ring-error-default-default ring-[2px]" : "border-neutral-default-default hover:border-primary-default-hover",
+                j && "opacity-50 cursor-not-allowed pointer-events-none",
+                D
+              ),
+              children: [
+                /* @__PURE__ */ t.jsx(
+                  "label",
+                  {
+                    className: d(
+                      "absolute pointer-events-none bg-inherit px-1 z-10",
+                      w === "default" && "transition-all duration-200 ease-in-out",
+                      "text-md",
+                      O(),
+                      f || l || p ? "text-primary-default-default" : v ? "text-red-500" : "text-neutral-medium-default",
+                      "left-3"
+                    ),
+                    children: C
+                  }
+                ),
+                /* @__PURE__ */ t.jsx("div", { className: "flex-1 min-w-0", children: R() }),
+                /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2 ml-2", children: [
+                  f && /* @__PURE__ */ t.jsx(
+                    "button",
+                    {
+                      onMouseDown: (e) => {
+                        e.preventDefault(), e.stopPropagation(), F(e);
+                      },
+                      className: "text-neutral-medium-default hover:text-neutral-default-default transition-colors",
+                      type: "button",
+                      tabIndex: -1,
+                      children: /* @__PURE__ */ t.jsx(g.Close, { size: 16, className: "" })
+                    }
+                  ),
+                  E ? /* @__PURE__ */ t.jsx(K, { size: 20, variant: "clip" }) : /* @__PURE__ */ t.jsx(
+                    g.ChevronDown,
+                    {
+                      size: 20,
+                      className: d(
+                        "transition-transform text-neutral-default-default",
+                        l ? "rotate-180" : ""
+                      )
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          l && /* @__PURE__ */ t.jsx("div", { className: "absolute z-50 w-full mt-1 bg-neutral-default-default border border-neutral-default-default rounded-md shadow-lg max-h-60 overflow-auto", children: c.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "px-3 py-2 text-neutral-medium-default", children: z }) : c.map((e) => {
+            const a = V(), s = i ? Array.isArray(a) && a.includes(e.id) : a === e.id;
+            return /* @__PURE__ */ t.jsxs(
+              "div",
+              {
+                onMouseDown: (n) => {
+                  n.preventDefault(), P(e), n.stopPropagation();
+                },
+                className: d(
+                  "px-3 py-2 cursor-pointer flex items-center transition-colors",
+                  s ? "bg-primary-default-default text-white" : "hover:bg-neutral-medium-selected text-neutral-default-default"
+                ),
+                children: [
+                  i && /* @__PURE__ */ t.jsx(
+                    "input",
+                    {
+                      type: "checkbox",
+                      checked: s,
+                      onChange: () => {
+                      },
+                      className: "mr-2 pointer-events-none"
+                    }
+                  ),
+                  /* @__PURE__ */ t.jsx("span", { children: e.label })
+                ]
+              },
+              e.id
+            );
+          }) })
+        ] }),
+        v && /* @__PURE__ */ t.jsx(
+          q,
+          {
+            name: r.name,
+            component: "span",
+            className: "block text-error-default-default text-xs mt-1"
+          }
+        )
+      ]
+    }
+  );
+}, _ = G(Q);
+export {
+  _ as default
+};

package/dist/Skeleton.es.js

@@ -1,4 +1,4 @@
-import { j as E } from "./jsx-runtime-ByW6EXIE.js";
+import { j as E } from "./jsx-runtime-DKDX3adD.js";
 import { c as B } from "./cn-B6yFEsav.js";
 import { memo as N, useRef as R, useCallback as D, useLayoutEffect as M } from "react";
 const y = (n) => {

package/dist/Spinner.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { ClipLoader as l, SyncLoader as m, HashLoader as p, GridLoader as x, DotLoader as j, BounceLoader as f } from "react-spinners";
 import { c as L } from "./cn-B6yFEsav.js";
 const y = ({

package/dist/Steps.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { c as j } from "./cn-B6yFEsav.js";
 import { motion as r } from "framer-motion";
 import N from "react";

package/dist/SwipeContainer.es.js

@@ -1,4 +1,4 @@
-import { j as o } from "./jsx-runtime-ByW6EXIE.js";
+import { j as o } from "./jsx-runtime-DKDX3adD.js";
 import { c as i } from "./cn-B6yFEsav.js";
 import { useState as d, useRef as D, useEffect as L } from "react";
 const O = ({

package/dist/Switch.es.js

@@ -1,4 +1,4 @@
-import { j as a } from "./jsx-runtime-ByW6EXIE.js";
+import { j as a } from "./jsx-runtime-DKDX3adD.js";
 import { c as r } from "./cn-B6yFEsav.js";
 import { memo as w, useRef as b } from "react";
 import { motion as c } from "framer-motion";

package/dist/TabLinks.es.js

@@ -1,4 +1,4 @@
-import { j as a } from "./jsx-runtime-ByW6EXIE.js";
+import { j as a } from "./jsx-runtime-DKDX3adD.js";
 import { motion as h } from "framer-motion";
 import { memo as d } from "react";
 import { c as i } from "./cn-B6yFEsav.js";

package/dist/Table.es.js

@@ -1,4 +1,4 @@
-import { j as r } from "./jsx-runtime-ByW6EXIE.js";
+import { j as r } from "./jsx-runtime-DKDX3adD.js";
 import { c as l } from "./cn-B6yFEsav.js";
 import * as o from "react";
 const n = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx("div", { className: "w-full", children: /* @__PURE__ */ r.jsx(

package/dist/TextArea.es.js

@@ -1,4 +1,4 @@
-import { j as y } from "./jsx-runtime-ByW6EXIE.js";
+import { j as y } from "./jsx-runtime-DKDX3adD.js";
 import { c as C } from "./cn-B6yFEsav.js";
 import * as s from "react";
 function M({

package/dist/Tooltip.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { AnimatePresence as f, motion as n } from "framer-motion";
 import { useState as p, cloneElement as x } from "react";
 import { Icons as b } from "./Icons.es.js";

package/dist/components/SelectFormik/SelectFormik.d.ts

@@ -1,21 +1,6 @@
-export interface ISelectFormikOption {
-    id: number | string;
-    label: string;
-    [key: string]: any;
-}
-export interface ISelectFormik {
-    label: string;
+import { SelectProps } from '../Select/Select';
+export interface SelectFormikProps<T> extends Omit<SelectProps<T>, 'value' | 'onChange'> {
     name: string;
-    placeholder?: string;
-    disabled: boolean;
-    containerClassName: string;
-    className: string;
-    labelVariant?: "default" | "static";
-    options: ISelectFormikOption[];
-    multiple?: boolean;
-    emptyMessage?: string;
-    isFetching?: boolean;
-    returnFullObject?: boolean;
 }
-declare const _default: import('react').MemoExoticComponent<({ label, name, placeholder, disabled, containerClassName, className, options, multiple, emptyMessage, labelVariant, isFetching, returnFullObject, }: ISelectFormik) => import("react/jsx-runtime").JSX.Element>;
-export default _default;
+declare const SelectFormik: <T>(props: SelectFormikProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default SelectFormik;

package/dist/components/SelectFormik/SelectFormikLegacy.d.ts

@@ -0,0 +1,21 @@
+export interface ISelectFormikOption {
+    id: number | string;
+    label: string;
+    [key: string]: any;
+}
+export interface ISelectFormik {
+    label: string;
+    name: string;
+    placeholder?: string;
+    disabled: boolean;
+    containerClassName: string;
+    className: string;
+    labelVariant?: "default" | "static";
+    options: ISelectFormikOption[];
+    multiple?: boolean;
+    emptyMessage?: string;
+    isFetching?: boolean;
+    returnFullObject?: boolean;
+}
+declare const _default: import('react').MemoExoticComponent<({ label, name, placeholder, disabled, containerClassName, className, options, multiple, emptyMessage, labelVariant, isFetching, returnFullObject, }: ISelectFormik) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/exports/SelectFormik.d.ts

@@ -1,2 +1,2 @@
 export { default } from '../components/SelectFormik/SelectFormik';
-export type { ISelectFormik, ISelectFormikOption, } from '../components/SelectFormik/SelectFormik';
+export type { SelectFormikProps } from '../components/SelectFormik/SelectFormik';

package/dist/exports/SelectFormikLegacy.d.ts

@@ -0,0 +1,2 @@
+export { default } from '../components/SelectFormik/SelectFormikLegacy';
+export type { ISelectFormikOption, ISelectFormik } from '../components/SelectFormik/SelectFormikLegacy';

package/dist/index.d.ts

@@ -16,6 +16,7 @@ export { default as Pagination } from './components/Pagination/Pagination';
 export { ProfilePictureUpload } from './components/ProfilePictureUpload/ProfilePictureUpload';
 export { default as ProgressBar } from './components/ProgressBar/ProgressBar';
 export { default as Select } from './components/Select/Select';
+export { default as SelectFormikLegacy } from './components/SelectFormik/SelectFormikLegacy';
 export { default as SelectFormik } from './components/SelectFormik/SelectFormik';
 export { default as ChangueAccount } from './components/Sidebar/components/changue-account';
 export { default as Spinner } from './components/Spinner/Spinner';
@@ -71,7 +72,8 @@ export type { PaginationProps } from './components/Pagination/Pagination';
 export type { ProfilePictureUploadProps } from './components/ProfilePictureUpload/ProfilePictureUpload';
 export type { Step, StepsProps } from './components/Steps/Steps';
 export type { SelectProps } from './components/Select/Select';
-export type { ISelectFormik, ISelectFormikOption, } from './components/SelectFormik/SelectFormik';
+export type { ISelectFormik, ISelectFormikOption, } from './components/SelectFormik/SelectFormikLegacy';
+export type { SelectFormikProps } from './components/SelectFormik/SelectFormik';
 export type { DialogHandle } from './components/Dialog/Dialog';
 export { DropZone } from './components/DropZone/DropZone';
 export type { ToasterPrometeo } from './components/Toaster/Toaster';