lkd-web-kit 0.3.4 → 0.3.5

package/dist/src/form/base/FormNumberInput.js

@@ -0,0 +1,21 @@
+import { jsx as o } from "react/jsx-runtime";
+import "clsx";
+import "@mantine/core";
+import "next/link";
+import "next/navigation";
+import "@mantine/dates";
+import "@mantine/notifications";
+/* empty css                                                      */
+import { MyNumberInput as t } from "../../components/MyNumberInput/index.js";
+import "react";
+import { withForm as p } from "../../hocs/withForm.js";
+const c = p(({ field: r, props: m }) => /* @__PURE__ */ o(
+  t,
+  {
+    ...r,
+    ...m
+  }
+));
+export {
+  c as FormNumberInput
+};

package/dist/src/form/base/FormRadioGroup.js

@@ -0,0 +1,14 @@
+import { jsx as m } from "react/jsx-runtime";
+import { Radio as i } from "@mantine/core";
+import { withForm as p } from "../../hocs/withForm.js";
+import "react";
+const s = p(({ field: o, props: r }) => /* @__PURE__ */ m(
+  i.Group,
+  {
+    ...o,
+    ...r
+  }
+));
+export {
+  s as FormRadioGroup
+};

package/dist/src/form/base/FormSelect.js

@@ -0,0 +1,21 @@
+import { jsx as m } from "react/jsx-runtime";
+import "clsx";
+import "@mantine/core";
+import "next/link";
+import "next/navigation";
+import "@mantine/dates";
+import "@mantine/notifications";
+/* empty css                                                      */
+import { MySelect as t } from "../../components/MySelect/index.js";
+import "react";
+import { withForm as i } from "../../hocs/withForm.js";
+const n = i(({ field: o, props: r }) => /* @__PURE__ */ m(
+  t,
+  {
+    ...o,
+    ...r
+  }
+));
+export {
+  n as FormSelect
+};

package/dist/src/form/base/FormSelectInfinity.js

@@ -0,0 +1,21 @@
+import { jsx as r } from "react/jsx-runtime";
+import "clsx";
+import "@mantine/core";
+import "next/link";
+import "next/navigation";
+import "@mantine/dates";
+import "@mantine/notifications";
+/* empty css                                                      */
+import { SelectInfinity as i } from "../../components/SelectInfinity/index.js";
+import { withForm as m } from "../../hocs/withForm.js";
+import "react";
+const S = m(({ field: o, props: t }) => /* @__PURE__ */ r(
+  i,
+  {
+    ...o,
+    ...t
+  }
+));
+export {
+  S as FormSelectInfinity
+};

package/dist/src/form/base/FormTextInput.js

@@ -0,0 +1,21 @@
+import { jsx as r } from "react/jsx-runtime";
+import "clsx";
+import "@mantine/core";
+import "next/link";
+import "next/navigation";
+import "@mantine/dates";
+import "@mantine/notifications";
+/* empty css                                                      */
+import { MyTextInput as m } from "../../components/MyTextInput/index.js";
+import "react";
+import { withForm as p } from "../../hocs/withForm.js";
+const h = p(({ field: o, props: t }) => /* @__PURE__ */ r(
+  m,
+  {
+    ...o,
+    ...t
+  }
+));
+export {
+  h as FormTextInput
+};

package/dist/src/form/base/FormTextarea.js

@@ -0,0 +1,21 @@
+import { jsx as m } from "react/jsx-runtime";
+import "clsx";
+import "@mantine/core";
+import "next/link";
+import "next/navigation";
+import "@mantine/dates";
+import "@mantine/notifications";
+/* empty css                                                      */
+import { MyTextarea as t } from "../../components/MyTextarea/index.js";
+import "react";
+import { withForm as i } from "../../hocs/withForm.js";
+const n = i(({ field: r, props: o }) => /* @__PURE__ */ m(
+  t,
+  {
+    ...r,
+    ...o
+  }
+));
+export {
+  n as FormTextarea
+};

package/dist/src/form/base/FormTimeInput.js

@@ -0,0 +1,29 @@
+import { jsx as i } from "react/jsx-runtime";
+import "clsx";
+import "@mantine/core";
+import "next/link";
+import "next/navigation";
+import "@mantine/dates";
+import "@mantine/notifications";
+/* empty css                                                      */
+import { MyTimeInput as p } from "../../components/MyTimeInput/index.js";
+import "react";
+import { withForm as n } from "../../hocs/withForm.js";
+const b = n(({ field: t, props: o }) => /* @__PURE__ */ i(
+  p,
+  {
+    ...t,
+    ...o
+  }
+)), l = (t) => {
+  const [o, r] = t.split(":").map(Number), m = o + r / 60;
+  return Number(m.toFixed(2));
+}, x = (t) => {
+  const o = Math.floor(t), r = Math.round((t - o) * 60);
+  return `${o.toString().padStart(2, "0")}:${r.toString().padStart(2, "0")}`;
+};
+export {
+  b as FormTimeInput,
+  x as numberToTimeInput,
+  l as timeInputToNumber
+};

package/dist/src/form/utils/nullable-but-required.js

@@ -0,0 +1,10 @@
+import { z as d } from "zod";
+const s = (e, o = "Campo requerido") => e.nullable().superRefine((u, l) => {
+  u === null && l.addIssue({
+    code: d.ZodIssueCode.custom,
+    message: o
+  });
+});
+export {
+  s as nullableButRequired
+};

package/dist/src/form/utils/optional-but-required.js

@@ -0,0 +1,10 @@
+import { z as r } from "zod";
+const t = (o, e = "Campo requerido") => o.optional().superRefine((d, i) => {
+  d === void 0 && i.addIssue({
+    code: r.ZodIssueCode.custom,
+    message: e
+  });
+});
+export {
+  t as optionalButRequired
+};

package/dist/src/form/utils/zodValidator.js

@@ -0,0 +1,9 @@
+const o = (r) => (t) => {
+  const e = r.safeParse(t);
+  if (e.success) return;
+  const { error: n } = e, s = n.issues[0];
+  return s == null ? void 0 : s.message;
+};
+export {
+  o as zodValidator
+};

package/dist/src/hocs/withForm.js

@@ -0,0 +1,59 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import { Controller as n } from "react-hook-form";
+import "@mantine/core";
+import { zodValidator as v } from "../form/utils/zodValidator.js";
+import "zod";
+import "../form/base/FormCheckbox.js";
+import "../form/base/FormDatePickerInput.js";
+import "../form/base/FormDateTimePicker.js";
+import "../form/base/FormNumberInput.js";
+import "../form/base/FormRadioGroup.js";
+import "../form/base/FormSelect.js";
+import "../form/base/FormSelectInfinity.js";
+import "../form/base/FormTextarea.js";
+import "../form/base/FormTextInput.js";
+import "../form/base/FormTimeInput.js";
+import "../form/base/FormMultiSelect.js";
+import "../form/base/FormMonthPickerInput.js";
+const D = (d, t) => {
+  const o = (i) => {
+    const { validate: e, name: l = "", placeholder: s, label: p, description: c, ...f } = i;
+    return /* @__PURE__ */ r(
+      n,
+      {
+        name: l,
+        defaultValue: "",
+        rules: {
+          validate: e && !i.disabled ? v(e) : void 0
+        },
+        disabled: i.disabled,
+        ...t == null ? void 0 : t(i),
+        render: (m) => {
+          const {
+            fieldState: { error: a }
+          } = m, u = {
+            ...m,
+            props: {
+              ...i,
+              validate: void 0
+            },
+            field: {
+              ...m.field,
+              label: p,
+              placeholder: s,
+              description: c,
+              error: a == null ? void 0 : a.message
+            },
+            ...f
+          };
+          return /* @__PURE__ */ r(d, { ...u });
+        }
+      }
+    );
+  };
+  return o.displayName = `WithForm(${d.displayName})`, o;
+};
+export {
+  D as withForm
+};

package/dist/src/hocs/withModalManager.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as u } from "react/jsx-runtime";
+import { useState as f, useEffect as c } from "react";
+const d = (t) => {
+  const s = ({
+    removeModal: l,
+    opened: n,
+    ...e
+  }) => {
+    const [m, a] = f(!1), o = () => {
+      var i;
+      a(!1), setTimeout(() => l(), 200), (i = e.onClose) == null || i.call(e);
+    };
+    return c(() => {
+      n ? setTimeout(() => a(!0), 0) : o();
+    }, [n]), /* @__PURE__ */ u(
+      t,
+      {
+        ...e,
+        opened: m,
+        onClose: o
+      }
+    );
+  };
+  return s.displayName = `WithModalManager(${t.displayName})`, s;
+};
+export {
+  d as withModalManager
+};

package/dist/src/hooks/useBreakpoint.js

@@ -0,0 +1,8 @@
+"use client";
+import { useMatches as t } from "@mantine/core";
+const u = (e) => !!t({
+  [e]: !0
+});
+export {
+  u as useBreakpoint
+};

package/dist/src/hooks/useFetchNextPageOnScroll.js

@@ -0,0 +1,19 @@
+"use client";
+import { useOnScrollProgress as c } from "./useOnScrollProgress.js";
+const l = ({
+  infinity: e,
+  scrollRef: r,
+  disabled: t = !1
+}) => {
+  c({
+    triggerPercentage: 0.9,
+    callback: () => {
+      e.hasNextPage && e.fetchNextPage();
+    },
+    scrollRef: r,
+    disabled: t
+  });
+};
+export {
+  l as useFetchNextPageOnScroll
+};

package/dist/src/hooks/useOnScrollProgress.js

@@ -0,0 +1,25 @@
+"use client";
+import { useEffect as l } from "react";
+const E = ({
+  triggerPercentage: n,
+  callback: r,
+  scrollRef: t,
+  disabled: s = !1
+}) => {
+  if (n < 0 || n > 1)
+    throw new Error("El porcentaje debe estar entre 0 y 1");
+  l(() => {
+    if (s || t && t.current === null) return;
+    let u = !1;
+    const e = () => {
+      const i = t == null ? void 0 : t.current, o = i ?? document.documentElement, d = o.scrollHeight - o.clientHeight, h = i ? o.scrollTop : window.scrollY, m = d > 0 ? Math.min(1, h / d) : 0;
+      !u && m >= n && (r(), u = !0);
+    }, c = (t == null ? void 0 : t.current) ?? window;
+    return c.addEventListener("scroll", e), e(), () => {
+      c.removeEventListener("scroll", e);
+    };
+  }, [n, r, t, s]);
+};
+export {
+  E as useOnScrollProgress
+};

package/dist/src/hooks/useUpdateSearchParams.js

@@ -0,0 +1,19 @@
+"use client";
+import { useSearchParams as c } from "next/navigation";
+const i = () => {
+  const a = c();
+  return { updateSearchParams: (n) => {
+    var t;
+    const r = new URLSearchParams(a.toString());
+    Object.entries(n).forEach(([e, s]) => {
+      if (s === null) {
+        r.delete(e);
+        return;
+      }
+      r.set(e, String(s));
+    }), (t = window == null ? void 0 : window.history) == null || t.pushState(null, "", `?${r.toString()}`);
+  }, searchParams: a };
+};
+export {
+  i as useUpdateSearchParams
+};

package/dist/src/main.js

@@ -0,0 +1,113 @@
+import { EmptyState as e } from "./components/EmptyState/index.js";
+import { InfinityLoader as m } from "./components/InfinityLoader/index.js";
+import { NavItems as f } from "./components/NavItems.js";
+import { Icon as i } from "./components/Icon.js";
+import { MyDatePickerInput as n } from "./components/MyDatePickerInput/index.js";
+import { MyDateTimePicker as y } from "./components/MyDateTimePicker/index.js";
+import { MyNotifications as s } from "./components/MyNotifications/index.js";
+import { MyNumberInput as I } from "./components/MyNumberInput/index.js";
+import { MySelect as d } from "./components/MySelect/index.js";
+import { MyTextarea as P } from "./components/MyTextarea/index.js";
+import { MyTextInput as T } from "./components/MyTextInput/index.js";
+import { MyTimeInput as k } from "./components/MyTimeInput/index.js";
+import { SelectInfinity as B } from "./components/SelectInfinity/index.js";
+import { MyMultiSelect as g } from "./components/MyMultiSelect/index.js";
+import { MyMonthPickerInput as v } from "./components/MyMonthPickerInput/index.js";
+import { HttpStatus as R } from "./consts/http-status.js";
+import { Revalidate as E } from "./consts/revalidate.js";
+import { NavigationHistoryProvider as C, QP_BACK_URL_NAME as O, useNavigationHistory as _ } from "./contexts/NavigationHistoryContext/index.js";
+import { PageDataProvider as J, usePageData as K } from "./contexts/PageDataContext/index.js";
+import { Form as U } from "./form/Form.js";
+import { FormButtonSubmit as G } from "./form/FormButtonSubmit.js";
+import { zodValidator as V } from "./form/utils/zodValidator.js";
+import { nullableButRequired as j } from "./form/utils/nullable-but-required.js";
+import { optionalButRequired as Y } from "./form/utils/optional-but-required.js";
+import { FormCheckbox as $ } from "./form/base/FormCheckbox.js";
+import { FormDatePickerInput as or } from "./form/base/FormDatePickerInput.js";
+import { FormDateTimePicker as tr } from "./form/base/FormDateTimePicker.js";
+import { FormNumberInput as pr } from "./form/base/FormNumberInput.js";
+import { FormRadioGroup as xr } from "./form/base/FormRadioGroup.js";
+import { FormSelect as ar } from "./form/base/FormSelect.js";
+import { FormSelectInfinity as ur } from "./form/base/FormSelectInfinity.js";
+import { FormTextarea as lr } from "./form/base/FormTextarea.js";
+import { FormTextInput as cr } from "./form/base/FormTextInput.js";
+import { FormTimeInput as Mr, numberToTimeInput as dr, timeInputToNumber as Fr } from "./form/base/FormTimeInput.js";
+import { FormMultiSelect as Sr } from "./form/base/FormMultiSelect.js";
+import { FormMonthPickerInput as hr } from "./form/base/FormMonthPickerInput.js";
+import { withForm as Nr } from "./hocs/withForm.js";
+import { withModalManager as br } from "./hocs/withModalManager.js";
+import { useBreakpoint as Dr } from "./hooks/useBreakpoint.js";
+import { useFetchNextPageOnScroll as Hr } from "./hooks/useFetchNextPageOnScroll.js";
+import { useOnScrollProgress as wr } from "./hooks/useOnScrollProgress.js";
+import { useUpdateSearchParams as Ar } from "./hooks/useUpdateSearchParams.js";
+import { breakpointsWithPx as Or } from "./mantine/breakpoints-with-px.js";
+import { toTailwindColors as qr } from "./mantine/to-tailwind-colors.js";
+import { myDefaultTheme as Kr } from "./mantine/my-default-theme.js";
+import { formatBytes as Ur } from "./utils/formatBytes.js";
+import { KyError as Gr, addBodyJsonHook as Qr } from "./utils/ky/addBodyJsonHook.js";
+import { parseJSON as Wr } from "./utils/ky/parseJson.js";
+import { groupBy as Xr, indexBy as Yr } from "./utils/array/groupBy.js";
+import { shuffleArray as $r } from "./utils/array/shuffleArray.js";
+import { newHref as oo } from "./utils/newHref.js";
+import { isInfinityEmpty as to } from "./utils/isInfinityEmpty.js";
+export {
+  e as EmptyState,
+  U as Form,
+  G as FormButtonSubmit,
+  $ as FormCheckbox,
+  or as FormDatePickerInput,
+  tr as FormDateTimePicker,
+  hr as FormMonthPickerInput,
+  Sr as FormMultiSelect,
+  pr as FormNumberInput,
+  xr as FormRadioGroup,
+  ar as FormSelect,
+  ur as FormSelectInfinity,
+  cr as FormTextInput,
+  lr as FormTextarea,
+  Mr as FormTimeInput,
+  R as HttpStatus,
+  i as Icon,
+  m as InfinityLoader,
+  Gr as KyError,
+  n as MyDatePickerInput,
+  y as MyDateTimePicker,
+  v as MyMonthPickerInput,
+  g as MyMultiSelect,
+  s as MyNotifications,
+  I as MyNumberInput,
+  d as MySelect,
+  T as MyTextInput,
+  P as MyTextarea,
+  k as MyTimeInput,
+  f as NavItems,
+  C as NavigationHistoryProvider,
+  J as PageDataProvider,
+  O as QP_BACK_URL_NAME,
+  E as Revalidate,
+  B as SelectInfinity,
+  Qr as addBodyJsonHook,
+  Or as breakpointsWithPx,
+  Ur as formatBytes,
+  Xr as groupBy,
+  Yr as indexBy,
+  to as isInfinityEmpty,
+  Kr as myDefaultTheme,
+  oo as newHref,
+  j as nullableButRequired,
+  dr as numberToTimeInput,
+  Y as optionalButRequired,
+  Wr as parseJSON,
+  $r as shuffleArray,
+  Fr as timeInputToNumber,
+  qr as toTailwindColors,
+  Dr as useBreakpoint,
+  Hr as useFetchNextPageOnScroll,
+  _ as useNavigationHistory,
+  wr as useOnScrollProgress,
+  K as usePageData,
+  Ar as useUpdateSearchParams,
+  Nr as withForm,
+  br as withModalManager,
+  V as zodValidator
+};

package/dist/src/mantine/breakpoints-with-px.js

@@ -0,0 +1,11 @@
+const x = {
+  xs: "576px",
+  sm: "640px",
+  md: "768px",
+  lg: "1024px",
+  xl: "1280px",
+  "2xl": "1536px"
+};
+export {
+  x as breakpointsWithPx
+};

package/dist/src/mantine/my-default-theme.js

@@ -0,0 +1,39 @@
+import { Tooltip as e, Menu as t, Select as o, AppShell as l, Notification as i } from "@mantine/core";
+import { breakpointsWithPx as p } from "./breakpoints-with-px.js";
+const a = {
+  breakpoints: p,
+  cursorType: "pointer",
+  components: {
+    Notification: i.extend({
+      defaultProps: {
+        withBorder: !0
+      }
+    }),
+    AppShell: l.extend({
+      defaultProps: {
+        padding: 0
+      }
+    }),
+    Select: o.extend({
+      defaultProps: {
+        allowDeselect: !1,
+        withCheckIcon: !1,
+        clearable: !0
+      }
+    }),
+    Menu: t.extend({
+      defaultProps: {
+        position: "bottom-end"
+      }
+    }),
+    Tooltip: e.extend({
+      defaultProps: {
+        multiline: !0,
+        w: 300
+      }
+    })
+  }
+};
+export {
+  a as myDefaultTheme
+};

package/dist/src/mantine/to-tailwind-colors.js

@@ -0,0 +1,10 @@
+const i = (t) => Object.entries(t).reduce(
+  (e, [n, o]) => (e[n] = o.reduce(
+    (r, u, d) => (r[d] = u, r),
+    {}
+  ), e),
+  {}
+);
+export {
+  i as toTailwindColors
+};

package/dist/src/utils/array/groupBy.js

@@ -0,0 +1,36 @@
+function i(e, f, u) {
+  return u ? e.reduce(
+    (n, r) => {
+      const o = f(r);
+      return o === void 0 || (n[o] = u(r)), n;
+    },
+    {}
+  ) : e.reduce(
+    (n, r) => {
+      const o = f(r);
+      return o === void 0 || (n[o] = r), n;
+    },
+    {}
+  );
+}
+const y = (e, f) => {
+  const u = {};
+  return e == null || e.forEach((n) => {
+    var o;
+    const r = f(n);
+    if (r !== null) {
+      if (Array.isArray(r)) {
+        r.forEach((t) => {
+          var s;
+          u[t] || (u[t] = []), (s = u[t]) == null || s.push(n);
+        });
+        return;
+      }
+      u[r] || (u[r] = []), (o = u[r]) == null || o.push(n);
+    }
+  }), u;
+};
+export {
+  y as groupBy,
+  i as indexBy
+};

package/dist/src/utils/array/shuffleArray.js

@@ -0,0 +1,13 @@
+const o = (t) => {
+  const r = [...t];
+  let e = r.length, n;
+  for (; e > 0; )
+    n = Math.floor(Math.random() * e), e--, [r[e], r[n]] = [
+      r[n],
+      r[e]
+    ];
+  return r;
+};
+export {
+  o as shuffleArray
+};

package/dist/src/utils/formatBytes.js

@@ -0,0 +1,8 @@
+function e(t, o = 2) {
+  if (!+t) return "0 Bytes";
+  const n = 1024, s = o < 0 ? 0 : o, a = ["Bytes", "KB", "MB"], r = Math.floor(Math.log(t) / Math.log(n));
+  return `${parseFloat((t / Math.pow(n, r)).toFixed(s))} ${a[r]}`;
+}
+export {
+  e as formatBytes
+};

package/dist/src/utils/isInfinityEmpty.js

@@ -0,0 +1,4 @@
+const e = (n) => (n == null ? void 0 : n.pages[0].data.length) === 0;
+export {
+  e as isInfinityEmpty
+};

package/dist/src/utils/ky/addBodyJsonHook.js

@@ -0,0 +1,12 @@
+import { HTTPError as t } from "ky";
+import { parseJSON as p } from "./parseJson.js";
+class c extends t {
+  constructor(s, r, n, e) {
+    super(s, r, n), this.response.bodyJson = e;
+  }
+}
+const y = async (o) => (o.response.bodyJson = await p(o.response), o);
+export {
+  c as KyError,
+  y as addBodyJsonHook
+};

package/dist/src/utils/ky/parseJson.js

@@ -0,0 +1,6 @@
+const e = async (r) => r.text().then(function(n) {
+  return n ? JSON.parse(n) : {};
+});
+export {
+  e as parseJSON
+};

package/dist/src/utils/newHref.js

@@ -0,0 +1,20 @@
+import s from "query-string";
+const m = (t) => (r) => {
+  const e = typeof t == "string" ? t : t(
+    r ?? {
+      params: {},
+      searchParams: {}
+    }
+  );
+  if (r != null && r.searchParams) {
+    const i = s.stringify(r.searchParams, {
+      skipEmptyString: !0,
+      skipNull: !0
+    });
+    return `${e}${i ? `?${i}` : ""}`;
+  }
+  return e;
+};
+export {
+  m as newHref
+};

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "lkd-web-kit",
-  "version": "0.3.4",
+  "version": "0.3.5",
   "description": "A template for creating React component libraries with Vite.",
   "author": "LKD",
   "license": "MIT",
   "type": "module",
   "files": ["dist"],
-  "exports": "./dist/main.js",
-  "module": "./dist/main.js",
+  "exports": "./dist/src/main.js",
+  "module": "./dist/src/main.js",
   "types": "./dist/main.d.ts",
   "scripts": {
     "test": "vitest run",