lawgic-dev-kit 0.2.4 → 0.4.4

package/dist/src/types/sidebarOption.d.ts

@@ -0,0 +1,7 @@
+import { IconProp } from "@fortawesome/fontawesome-svg-core";
+export interface SidebarOption {
+    label: string;
+    href: string;
+    icon: IconProp;
+    disabled?: boolean;
+}

package/dist/src/types/styleValues.d.ts

@@ -0,0 +1,4 @@
+export type Color = 'blue' | 'aqua' | 'red' | 'gray';
+export type Variant = 'filled' | 'outline' | 'transparent' | 'invisible';
+export type Size = 'lg' | 'base' | 'md' | 'sm' | 'xs';
+export type Shadow = 'none' | 'blue';

package/dist/src/types/toast.d.ts

@@ -0,0 +1,26 @@
+export type ToastContent = React.ReactNode;
+export type ToastPosition = "top-left" | "top-right" | "top-center" | "bottom-left" | "bottom-right" | "bottom-center";
+export interface ToastOptions {
+    duration?: number;
+    position?: ToastPosition;
+}
+export type ToastType = "success" | "error" | "warning" | "info" | "loading";
+export interface ToastMethods {
+    success: (content: ToastContent, options?: ToastOptions) => void;
+    error: (content: ToastContent, options?: ToastOptions) => void;
+    warning: (content: ToastContent, options?: ToastOptions) => void;
+    info: (content: ToastContent, options?: ToastOptions) => void;
+    loading: (messages: {
+        loading: ToastContent;
+        success: ToastContent;
+        error: ToastContent;
+    }, options?: ToastOptions) => {
+        resolve: () => void;
+        reject: () => void;
+    };
+    async: (promise: Promise<unknown>, messages: {
+        loading: ToastContent;
+        success: ToastContent;
+        error: ToastContent;
+    }, options?: ToastOptions) => void;
+}

package/dist/src/utils/dates.d.ts

@@ -0,0 +1 @@
+export declare const formatLocalizedDate: (date: Date | string, dateFormat?: string, language?: "es" | "en") => string;

package/dist/src/utils/files.d.ts

@@ -0,0 +1,8 @@
+export declare const toBase64: (file: File) => Promise<string>;
+/**
+ * Convierte un valor en bytes a la unidad de medida especificada
+ * @param bytes Número de bytes a convertir
+ * @param measureSize Unidad de medida deseada ('b', 'kb', 'mb', 'gb', 'tb', 'pb')
+ * @returns Cadena formateada con el valor convertido y la unidad
+ */
+export declare function translateBytes(bytes: number, measureSize: "b" | "kb" | "mb" | "gb" | "tb" | "pb"): string;

package/dist/src/utils/images.d.ts

@@ -0,0 +1 @@
+export declare const getImageUrl: (imageName: string) => string;

package/dist/src/utils/index.d.ts

@@ -0,0 +1,7 @@
+export * from './dates';
+export * from './files';
+export * from './images';
+export * from './modal';
+export * from './renderContentOptions';
+export * from './strings';
+export * from './toast';

package/dist/src/utils/modal.d.ts

@@ -0,0 +1,10 @@
+import { ModalOptions } from "../types";
+declare global {
+    interface Window {
+        openModal?: (options: ModalOptions) => void;
+        closeModal?: (id: string) => void;
+    }
+}
+export declare const ModalContainer: () => import("react/jsx-runtime").JSX.Element;
+export declare function openModal(options: ModalOptions): void;
+export declare function closeModal(id: string): void;

package/dist/src/utils/renderContentOptions.d.ts

@@ -0,0 +1,3 @@
+import { ReactNode } from "react";
+import React from "react";
+export declare function renderTabContent<T extends string>(activeTab: T, contentMap: Record<T, ReactNode | React.FC>, contentProps?: Record<string, unknown>): ReactNode;

package/dist/src/utils/strings.d.ts

@@ -0,0 +1,2 @@
+export declare const capitalizeFirstLetter: (string: string) => string;
+export declare const stringToColor: (string: string) => string;

package/dist/src/utils/toast.d.ts

@@ -0,0 +1,15 @@
+import { ToastContent, ToastMethods, ToastOptions } from "../types";
+export declare const showToastAsync: (promise: Promise<unknown>, messages: {
+    loading: ToastContent;
+    success: ToastContent;
+    error: ToastContent;
+}, options?: ToastOptions) => void;
+export declare const showToastLoading: (messages: {
+    loading: ToastContent;
+    success: ToastContent;
+    error: ToastContent;
+}, options?: ToastOptions) => {
+    resolve: (value?: unknown) => void;
+    reject: (reason?: unknown) => void;
+};
+export declare const toast: ToastMethods;

package/dist/themes/default.d.ts

@@ -0,0 +1,2 @@
+import { LawgicTheme } from './types';
+export declare const defaultTheme: LawgicTheme;

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/themes/index.d.ts

@@ -0,0 +1,2 @@
+export * from './default';
+export * from './types';

package/dist/themes/types.d.ts

@@ -0,0 +1,6 @@
+import { TFunction } from '../types';
+import { Color } from '../types/styleValues';
+export interface LawgicTheme {
+    defaultColorScheme: Color;
+    t: TFunction;
+}

package/dist/types/baseModalProps.d.ts

@@ -0,0 +1,4 @@
+export interface BaseModalProps {
+    open: boolean;
+    onClose: () => void;
+}

package/dist/types/display.d.ts

@@ -0,0 +1,2 @@
+type Display = 'mobile' | 'desktop';
+export default Display;

package/dist/types/fileInfo.d.ts

@@ -0,0 +1,2 @@
+import { FileStructure } from 'legal-cycle-api-types';
+export type FileInfo = Omit<FileStructure, 'uploaded_by' | '_id' | 'uploaded_by' | 'created_at' | 'updated_at'>;

package/dist/types/i18n.d.ts

@@ -0,0 +1 @@
+export type TFunction = (key: string, options?: Record<string, unknown>) => string;

package/dist/types/index.d.ts

@@ -0,0 +1,9 @@
+export * from './baseModalProps';
+export * from './display';
+export * from './fileInfo';
+export * from './i18n';
+export * from './modal';
+export * from './modalType';
+export * from './navbarOption';
+export * from './sidebarOption';
+export * from './toast';

package/dist/types/modal.d.ts

@@ -0,0 +1,31 @@
+import { ModalType } from './modalType';
+import { CenterModalProps } from '../components/atoms/CenterModal/CenterModal.types';
+import { DialogModalProps } from '../components/molecules/DialogModal/DialogModal.types';
+import { AlertModalProps } from '../components/molecules';
+export interface ModalProps {
+    open: boolean;
+    onClose: () => void;
+}
+export interface ModalOptionsBase {
+    id?: string;
+    onClose?: () => void;
+}
+export interface AlertModalOptions extends ModalOptionsBase {
+    type: "alert";
+    props: Omit<AlertModalProps, "open" | "onClose">;
+}
+export interface CenterModalOptions extends ModalOptionsBase {
+    type: "center";
+    props: Omit<CenterModalProps, "open" | "onClose">;
+}
+export interface DialogModalOptions extends ModalOptionsBase {
+    type: "dialog";
+    props: Omit<DialogModalProps, "open" | "onClose">;
+}
+export type ModalOptions = AlertModalOptions | CenterModalOptions | DialogModalOptions;
+export interface ModalState extends Omit<ModalOptionsBase, "id"> {
+    id: string;
+    open: boolean;
+    type: ModalType;
+    props: AlertModalProps | CenterModalProps | DialogModalProps;
+}

package/dist/types/modalType.d.ts

@@ -0,0 +1 @@
+export type ModalType = 'center' | 'alert' | 'dialog';

package/dist/types/navbarOption.d.ts

@@ -0,0 +1,7 @@
+import { IconProp } from '@fortawesome/fontawesome-svg-core';
+export interface NavbarOption {
+    label: string;
+    href: string;
+    icon: IconProp;
+    disabled?: boolean;
+}

package/dist/types/sidebarOption.d.ts

@@ -0,0 +1,7 @@
+import { IconProp } from '@fortawesome/fontawesome-svg-core';
+export interface SidebarOption {
+    label: string;
+    href: string;
+    icon: IconProp;
+    disabled?: boolean;
+}

package/dist/types/styleValues.d.ts

@@ -0,0 +1,4 @@
+export type Color = 'blue' | 'aqua' | 'red' | 'gray';
+export type Variant = 'filled' | 'outline' | 'transparent' | 'invisible';
+export type Size = 'lg' | 'base' | 'md' | 'sm' | 'xs';
+export type Shadow = 'none' | 'blue';

package/dist/types/toast.d.ts

@@ -0,0 +1,26 @@
+export type ToastContent = React.ReactNode;
+export type ToastPosition = "top-left" | "top-right" | "top-center" | "bottom-left" | "bottom-right" | "bottom-center";
+export interface ToastOptions {
+    duration?: number;
+    position?: ToastPosition;
+}
+export type ToastType = "success" | "error" | "warning" | "info" | "loading";
+export interface ToastMethods {
+    success: (content: ToastContent, options?: ToastOptions) => void;
+    error: (content: ToastContent, options?: ToastOptions) => void;
+    warning: (content: ToastContent, options?: ToastOptions) => void;
+    info: (content: ToastContent, options?: ToastOptions) => void;
+    loading: (messages: {
+        loading: ToastContent;
+        success: ToastContent;
+        error: ToastContent;
+    }, options?: ToastOptions) => {
+        resolve: () => void;
+        reject: () => void;
+    };
+    async: (promise: Promise<unknown>, messages: {
+        loading: ToastContent;
+        success: ToastContent;
+        error: ToastContent;
+    }, options?: ToastOptions) => void;
+}

package/dist/utils/dates.d.ts

@@ -0,0 +1 @@
+export declare const formatLocalizedDate: (date: Date | string, dateFormat?: string, language?: "es" | "en") => string;

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.d.ts

@@ -0,0 +1,8 @@
+export declare const toBase64: (file: File) => Promise<string>;
+/**
+ * Convierte un valor en bytes a la unidad de medida especificada
+ * @param bytes Número de bytes a convertir
+ * @param measureSize Unidad de medida deseada ('b', 'kb', 'mb', 'gb', 'tb', 'pb')
+ * @returns Cadena formateada con el valor convertido y la unidad
+ */
+export declare function translateBytes(bytes: number, measureSize: "b" | "kb" | "mb" | "gb" | "tb" | "pb"): string;

package/dist/utils/files.js

@@ -0,0 +1,23 @@
+const i = (r) => new Promise((o, t) => {
+  const e = new FileReader();
+  e.readAsDataURL(r), e.onload = () => o(e.result), e.onerror = (n) => t(n);
+});
+function l(r, o) {
+  if (r < 0)
+    throw new Error("El valor en bytes no puede ser negativo");
+  const e = {
+    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" }
+  }[o];
+  if (!e)
+    throw new Error(`Unidad de medida '${o}' no reconocida`);
+  return `${(r / e.divisor).toFixed(2).replace(/\.?0+$/, "")} ${e.label}`;
+}
+export {
+  i as toBase64,
+  l as translateBytes
+};

package/dist/utils/images.d.ts

@@ -0,0 +1 @@
+export declare const getImageUrl: (imageName: string) => string;

package/dist/utils/images.js

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

package/dist/utils/index.d.ts

@@ -0,0 +1,7 @@
+export * from './dates';
+export * from './files';
+export * from './images';
+export * from './modal';
+export * from './renderContentOptions';
+export * from './strings';
+export * from './toast';

package/dist/utils/modal.d.ts

@@ -0,0 +1,10 @@
+import { ModalOptions } from '../types';
+declare global {
+    interface Window {
+        openModal?: (options: ModalOptions) => void;
+        closeModal?: (id: string) => void;
+    }
+}
+export declare const ModalContainer: () => import("react/jsx-runtime").JSX.Element;
+export declare function openModal(options: ModalOptions): void;
+export declare function closeModal(id: string): void;

package/dist/utils/modal.js

@@ -0,0 +1,86 @@
+import { j as c } 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 "../_virtual/client.js";
+import "../providers/ThemeProvider.js";
+import w from "../components/atoms/CenterModal/CenterModal.js";
+import "../components/atoms/ImageProfileInput/ImageProfileInput.validators.js";
+import x from "../components/molecules/DialogModal/DialogModal.js";
+const I = () => {
+  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__ */ c.jsx(c.Fragment, { children: p.map((e) => {
+    if (e.type === "dialog") {
+      const { props: i } = e;
+      return /* @__PURE__ */ c.jsx(
+        x,
+        {
+          ...i,
+          open: e.open,
+          onClose: () => o(e.id)
+        },
+        e.id
+      );
+    }
+    if (e.type === "alert") {
+      const { props: i } = e;
+      return /* @__PURE__ */ c.jsx(
+        M,
+        {
+          ...i,
+          open: e.open,
+          onClose: () => o(e.id)
+        },
+        e.id
+      );
+    }
+    const { props: r } = e;
+    return /* @__PURE__ */ c.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 b(p) {
+  var n;
+  (n = window == null ? void 0 : window.openModal) == null || n.call(window, p);
+}
+function k(p) {
+  var n;
+  (n = window == null ? void 0 : window.closeModal) == null || n.call(window, p);
+}
+export {
+  I as ModalContainer,
+  k as closeModal,
+  b as openModal
+};

package/dist/utils/renderContentOptions.d.ts

@@ -0,0 +1,2 @@
+import { ReactNode, default as React } from 'react';
+export declare function renderTabContent<T extends string>(activeTab: T, contentMap: Record<T, ReactNode | React.FC>, contentProps?: Record<string, unknown>): ReactNode;

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.d.ts

@@ -0,0 +1,2 @@
+export declare const capitalizeFirstLetter: (string: string) => string;
+export declare const stringToColor: (string: string) => string;

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.d.ts

@@ -0,0 +1,15 @@
+import { ToastContent, ToastMethods, ToastOptions } from '../types';
+export declare const showToastAsync: (promise: Promise<unknown>, messages: {
+    loading: ToastContent;
+    success: ToastContent;
+    error: ToastContent;
+}, options?: ToastOptions) => void;
+export declare const showToastLoading: (messages: {
+    loading: ToastContent;
+    success: ToastContent;
+    error: ToastContent;
+}, options?: ToastOptions) => {
+    resolve: (value?: unknown) => void;
+    reject: (reason?: unknown) => void;
+};
+export declare const toast: ToastMethods;

package/dist/utils/toast.js

@@ -0,0 +1,113 @@
+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 "../_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), p = () => {
+    a.unmount(), s.removeChild(r);
+  };
+  a.render(
+    /* @__PURE__ */ m.jsx(
+      b,
+      {
+        content: e,
+        type: o,
+        duration: n,
+        onClose: p
+      }
+    )
+  ), s.prepend(r), setTimeout(() => {
+    r.classList.add("mt-[0.5rem]");
+  }, 10);
+}
+const f = (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 f(s, e, o), {
+    resolve: t,
+    reject: n
+  };
+}, k = {
+  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 = {}) => f(e, o, t),
+  loading: (e, o = {}) => h(e, o)
+};
+export {
+  f as showToastAsync,
+  h as showToastLoading,
+  k as toast
+};

package/dist/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/dist/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vite").UserConfig;
+export default _default;