lawgic-dev-kit 0.2.4 → 0.3.4

package/dist/providers/ThemeProvider.js

@@ -0,0 +1,19 @@
+import { j as n } from "../_virtual/jsx-runtime.js";
+import { createContext as x, useContext as i } from "react";
+import { defaultTheme as e } from "../themes/default.js";
+const t = x(e), p = ({
+  theme: o = {},
+  children: r,
+  t: m
+}) => {
+  const s = {
+    ...e,
+    ...o,
+    t: m
+  };
+  return /* @__PURE__ */ n.jsx(t.Provider, { value: s, children: r });
+}, T = () => i(t);
+export {
+  p as ThemeProvider,
+  T as useTheme
+};

package/dist/themes/default.js

@@ -0,0 +1,9 @@
+const t = {
+  defaultColorScheme: "aqua",
+  // 'aqua' -> Es el color por defecto
+  t: (e) => e
+  // Función de traducción, se puede usar para traducir cadenas de texto
+};
+export {
+  t as defaultTheme
+};

package/dist/utils/dates.js

@@ -0,0 +1,14 @@
+import { capitalizeFirstLetter as a } from "./strings.js";
+import { formatDate as m } from "../node_modules/date-fns/format.js";
+import { es as p } from "../node_modules/date-fns/locale/es.js";
+import { enUS as i } from "../node_modules/date-fns/locale/en-US.js";
+const D = (o, t = "PPPP", e = "es") => {
+  const r = typeof o == "string" ? new Date(o) : o;
+  return a(m(r, t, { locale: {
+    en: i,
+    es: p
+  }[e] }));
+};
+export {
+  D as formatLocalizedDate
+};

package/dist/utils/files.js

@@ -0,0 +1,29 @@
+const a = process.env.NEXT_PUBLIC_FILE_STORAGE, i = process.env.NEXT_PUBLIC_FILE_STORAGE_SASTOKEN;
+function l(e) {
+  return a + e + i;
+}
+const d = (e) => window.open(l(e), "_blank"), c = (e) => new Promise((r, n) => {
+  const o = new FileReader();
+  o.readAsDataURL(e), o.onload = () => r(o.result), o.onerror = (t) => n(t);
+});
+function b(e, r) {
+  if (e < 0)
+    throw new Error("El valor en bytes no puede ser negativo");
+  const o = {
+    b: { divisor: 1, label: "B" },
+    kb: { divisor: 1024, label: "KB" },
+    mb: { divisor: 1024 * 1024, label: "MB" },
+    gb: { divisor: 1024 * 1024 * 1024, label: "GB" },
+    tb: { divisor: 1024 * 1024 * 1024 * 1024, label: "TB" },
+    pb: { divisor: 1024 * 1024 * 1024 * 1024 * 1024, label: "PB" }
+  }[r];
+  if (!o)
+    throw new Error(`Unidad de medida '${r}' no reconocida`);
+  return `${(e / o.divisor).toFixed(2).replace(/\.?0+$/, "")} ${o.label}`;
+}
+export {
+  d as fileRedirectDownload,
+  l as generateFileBlobURL,
+  c as toBase64,
+  b as translateBytes
+};

package/dist/utils/images.js

@@ -0,0 +1,4 @@
+const r = (e) => e;
+export {
+  r as getImageUrl
+};

package/dist/utils/modal.js

@@ -0,0 +1,87 @@
+import { j as i } from "../_virtual/jsx-runtime.js";
+import { l as u } from "../_virtual/lodash.js";
+import { useState as l, useRef as a, useCallback as d, useEffect as f } from "react";
+import M from "../components/molecules/AlertModal/AlertModal.js";
+import "../node_modules/@fortawesome/react-fontawesome/index.es.js";
+import "./files.js";
+import "../_virtual/client.js";
+import "../providers/ThemeProvider.js";
+import w from "../components/atoms/CenterModal/CenterModal.js";
+import "../components/atoms/ImageProfileInput/ImageProfileInput.validators.js";
+import m from "../components/molecules/DialogModal/DialogModal.js";
+const b = () => {
+  const [p, n] = l([]), t = a([]), s = d((e) => {
+    const r = {
+      ...e,
+      id: (e == null ? void 0 : e.id) || u.uniqueId(),
+      open: !0,
+      type: (e == null ? void 0 : e.type) || "center",
+      props: {
+        ...e.props,
+        open: !0,
+        onClose: () => o(e.id || u.uniqueId())
+      }
+    };
+    t.current = [...t.current, r], n(t.current);
+  }, []), o = d((e) => {
+    t.current = t.current.map(
+      (r) => r.id === e ? { ...r, open: !1 } : r
+    ), n(t.current), setTimeout(() => {
+      t.current = t.current.filter(
+        (r) => r.id !== e
+      ), n(t.current);
+    }, 150);
+  }, []);
+  return f(() => {
+    window.openModal = s, window.closeModal = o;
+  }, [s, o]), /* @__PURE__ */ i.jsx(i.Fragment, { children: p.map((e) => {
+    if (e.type === "dialog") {
+      const { props: c } = e;
+      return /* @__PURE__ */ i.jsx(
+        m,
+        {
+          ...c,
+          open: e.open,
+          onClose: () => o(e.id)
+        },
+        e.id
+      );
+    }
+    if (e.type === "alert") {
+      const { props: c } = e;
+      return /* @__PURE__ */ i.jsx(
+        M,
+        {
+          ...c,
+          open: e.open,
+          onClose: () => o(e.id)
+        },
+        e.id
+      );
+    }
+    const { props: r } = e;
+    return /* @__PURE__ */ i.jsx(
+      w,
+      {
+        ...r,
+        open: e.open,
+        onClose: () => o(e.id),
+        children: typeof r.children == "function" ? r.children(() => o(e.id)) : r.children
+      },
+      e.id
+    );
+  }) });
+};
+function k(p) {
+  var n;
+  (n = window == null ? void 0 : window.openModal) == null || n.call(window, p);
+}
+function A(p) {
+  var n;
+  (n = window == null ? void 0 : window.closeModal) == null || n.call(window, p);
+}
+export {
+  b as ModalContainer,
+  A as closeModal,
+  k as openModal
+};

package/dist/utils/renderContentOptions.js

@@ -0,0 +1,15 @@
+import { j as e } from "../_virtual/jsx-runtime.js";
+import o from "react";
+function s(r, i, n) {
+  const t = i[r];
+  if (o.isValidElement(t) && typeof t.type != "string")
+    return o.cloneElement(t, n);
+  if (typeof t == "function") {
+    const f = t;
+    return /* @__PURE__ */ e.jsx(f, { ...n });
+  }
+  return t ?? /* @__PURE__ */ e.jsx("div", { children: "no content" });
+}
+export {
+  s as renderTabContent
+};

package/dist/utils/strings.js

@@ -0,0 +1,16 @@
+const c = (e) => e && e.charAt(0).toUpperCase() + e.slice(1), a = (e) => {
+  if (!e) return "#9CA1B6";
+  let r = 0, t;
+  for (t = 0; t < e.length; t += 1)
+    r = e.charCodeAt(t) + ((r << 5) - r);
+  let o = "#";
+  for (t = 0; t < 3; t += 1) {
+    const l = r >> t * 8 & 255;
+    o += `00${l.toString(16)}`.slice(-2);
+  }
+  return o;
+};
+export {
+  c as capitalizeFirstLetter,
+  a as stringToColor
+};

package/dist/utils/toast.js

@@ -0,0 +1,114 @@
+import { j as m } from "../_virtual/jsx-runtime.js";
+import { c as d } from "../_virtual/client.js";
+import "../node_modules/@fortawesome/react-fontawesome/index.es.js";
+import { AsyncToast as u } from "../components/atoms/AsyncToast/index.js";
+import "react";
+import "./files.js";
+import "../_virtual/lodash.js";
+import "../providers/ThemeProvider.js";
+import "../components/atoms/ImageProfileInput/ImageProfileInput.validators.js";
+import b from "../components/atoms/Toast/Toast.js";
+const i = [];
+function l(e = "bottom-center") {
+  var o;
+  if (!i.find((t) => t.id === e)) {
+    const t = document.createElement("div");
+    switch (t.classList.add(
+      "fixed",
+      "z-50",
+      "flex",
+      "flex-col",
+      "items-center",
+      "w-fit",
+      "min-w-[18rem]"
+    ), e) {
+      case "top-left":
+        t.classList.add("top-8", "left-8");
+        break;
+      case "top-right":
+        t.classList.add("top-8", "right-8");
+        break;
+      case "bottom-left":
+        t.classList.add("bottom-8", "left-8");
+        break;
+      case "bottom-right":
+        t.classList.add("bottom-8", "right-8");
+        break;
+      case "top-center":
+        t.classList.add("top-8", "left-1/2", "-translate-x-1/2");
+        break;
+      case "bottom-center":
+      default:
+        t.classList.add(
+          "bottom-8",
+          "left-1/2",
+          "-translate-x-1/2"
+        );
+    }
+    i.push({ id: e, element: t }), document.body.appendChild(t);
+  }
+  return (o = i.find((t) => t.id === e)) == null ? void 0 : o.element;
+}
+function c(e, o = "success", { position: t = "top-right", duration: n = 3e3 } = {}) {
+  const s = l(t);
+  if (!s) return;
+  const r = document.createElement("div"), a = d.createRoot(r), f = () => {
+    a.unmount(), s.removeChild(r);
+  };
+  a.render(
+    /* @__PURE__ */ m.jsx(
+      b,
+      {
+        content: e,
+        type: o,
+        duration: n,
+        onClose: f
+      }
+    )
+  ), s.prepend(r), setTimeout(() => {
+    r.classList.add("mt-[0.5rem]");
+  }, 10);
+}
+const p = (e, o, t = {}) => {
+  const n = l(t.position);
+  if (!n) return;
+  const s = document.createElement("div"), r = d.createRoot(s), a = () => {
+    r.unmount(), n.removeChild(s);
+  };
+  r.render(
+    /* @__PURE__ */ m.jsx(
+      u,
+      {
+        promise: e,
+        messages: o,
+        options: t,
+        onClose: a
+      }
+    )
+  ), n.prepend(s), setTimeout(() => {
+    s.classList.add("mt-[0.5rem]");
+  }, 10);
+}, h = (e, o = {}) => {
+  let t = () => {
+  }, n = () => {
+  };
+  const s = new Promise((r, a) => {
+    t = r, n = a;
+  });
+  return p(s, e, o), {
+    resolve: t,
+    reject: n
+  };
+}, y = {
+  success: (e, o = {}) => c(e, "success", o),
+  error: (e, o = {}) => c(e, "error", o),
+  warning: (e, o = {}) => c(e, "warning", o),
+  info: (e, o = {}) => c(e, "info", o),
+  async: (e, o, t = {}) => p(e, o, t),
+  loading: (e, o = {}) => h(e, o)
+};
+export {
+  p as showToastAsync,
+  h as showToastLoading,
+  y as toast
+};

package/package.json

@@ -1,31 +1,31 @@
 {
   "name": "lawgic-dev-kit",
-  "version": "0.2.4",
-  "description": "Componentes de UI para LegalCycle",
+  "version": "0.3.4",
+  "description": "Componentes de UI para Lawgic",
   "type": "module",
   "private": false,
   "main": "dist/lawgic-dev-kit.umd.js",
   "module": "dist/lawgic-dev-kit.es.js",
   "types": "dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/lawgic-dev-kit.es.js",
+      "import": "./dist/index.js",
       "require": "./dist/lawgic-dev-kit.umd.js"
     },
-    "./styles.css": "./dist/style.css"
+    "./components/*": {
+      "types": "./dist/components/*/index.d.ts",
+      "import": "./dist/components/*/index.js"
+    }
   },
+  "files": [
+    "dist"
+  ],
   "scripts": {
-    "dev": "vite",
-    "build": "vite build && tsc -p tsconfig.app.json",
+    "dev": "storybook dev -p 6006",
+    "build": "storybook build",
     "lint": "eslint .",
-    "preview": "vite preview",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "prepare": "npm run build"
+    "build:lib": "vite build"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
@@ -43,7 +43,8 @@
     "@types/lodash": "^4.17.16",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
-    "motion": "^12.5.0"
+    "motion": "^12.5.0",
+    "vite-plugin-dts": "^4.5.3"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^3.2.5",