@arkyn/components 3.0.1-beta.156 → 3.0.1-beta.158

package/dist/modules/components/pagination/currentButton/index.js

@@ -1,8 +1,12 @@
-import { jsx as r } from "react/jsx-runtime";
-/* empty css           */
-function e({ currentPage: t }) {
-  return /* @__PURE__ */ r("button", { className: "arkynPaginationCurrentButton", disabled: !0, children: t });
+/* empty css       */
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/pagination/currentButton/index.tsx
+function t({ currentPage: t }) {
+	return /* @__PURE__ */ e("button", {
+		className: "arkynPaginationCurrentButton",
+		disabled: !0,
+		children: t
+	});
 }
-export {
-  e as CurrentButton
-};
+//#endregion
+export { t as CurrentButton };

package/dist/modules/components/pagination/index.js

@@ -1,84 +1,52 @@
-import { jsxs as o, jsx as e, Fragment as P } from "react/jsx-runtime";
-import { ChevronButton as C } from "./chevronButton/index.js";
-import { CurrentButton as B } from "./currentButton/index.js";
-import { PageButton as r } from "./pageButton/index.js";
-import { PaginationService as S } from "./paginationService.js";
-import { Spread as u } from "./spread/index.js";
-/* empty css           */
-function O(d) {
-  const {
-    totalCountRegisters: m,
-    siblingsCount: p,
-    currentPage: b,
-    registerPerPage: c,
-    onChange: f,
-    ...v
-  } = d, {
-    currentPage: a,
-    siblingsCount: t,
-    previousPages: x,
-    nextPages: R,
-    lastPage: n,
-    handlePageChange: s,
-    handleMinusChange: h,
-    handlePlusChange: l
-  } = new S({
-    totalCountRegisters: m,
-    currentPage: b,
-    registerPerPage: c,
-    siblingsCount: p,
-    onChange: f
-  });
-  return /* @__PURE__ */ o("div", { className: "arkynPagination", ...v, children: [
-    /* @__PURE__ */ e(
-      C,
-      {
-        orientation: "left",
-        handlePageChange: h,
-        disabled: a <= 1
-      }
-    ),
-    a > 1 + t && /* @__PURE__ */ o(P, { children: [
-      /* @__PURE__ */ e(r, { page: 1, handlePageChange: () => s(1) }),
-      a > 2 + t && /* @__PURE__ */ e(u, {})
-    ] }),
-    x.map((g, i) => /* @__PURE__ */ e(
-      r,
-      {
-        page: g,
-        handlePageChange: h
-      },
-      i
-    )),
-    /* @__PURE__ */ e(B, { currentPage: a }),
-    R.map((g, i) => /* @__PURE__ */ e(
-      r,
-      {
-        page: g,
-        handlePageChange: l
-      },
-      i
-    )),
-    a + t < n && /* @__PURE__ */ o(P, { children: [
-      a + 1 + t < n && /* @__PURE__ */ e(u, {}),
-      /* @__PURE__ */ e(
-        r,
-        {
-          page: n,
-          handlePageChange: () => s(n)
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e(
-      C,
-      {
-        orientation: "right",
-        handlePageChange: l,
-        disabled: a >= n
-      }
-    )
-  ] });
+import { ChevronButton as e } from "./chevronButton/index.js";
+import { CurrentButton as t } from "./currentButton/index.js";
+import { PageButton as n } from "./pageButton/index.js";
+import { PaginationService as r } from "./paginationService.js";
+import { Spread as i } from "./spread/index.js";
+/* empty css       */
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/pagination/index.tsx
+function c(c) {
+	let { totalCountRegisters: l, siblingsCount: u, currentPage: d, registerPerPage: f, onChange: p, ...m } = c, { currentPage: h, siblingsCount: g, previousPages: _, nextPages: v, lastPage: y, handlePageChange: b, handleMinusChange: x, handlePlusChange: S } = new r({
+		totalCountRegisters: l,
+		currentPage: d,
+		registerPerPage: f,
+		siblingsCount: u,
+		onChange: p
+	});
+	return /* @__PURE__ */ s("div", {
+		className: "arkynPagination",
+		...m,
+		children: [
+			/* @__PURE__ */ o(e, {
+				orientation: "left",
+				handlePageChange: x,
+				disabled: h <= 1
+			}),
+			h > 1 + g && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(n, {
+				page: 1,
+				handlePageChange: () => b(1)
+			}), h > 2 + g && /* @__PURE__ */ o(i, {})] }),
+			_.map((e, t) => /* @__PURE__ */ o(n, {
+				page: e,
+				handlePageChange: x
+			}, t)),
+			/* @__PURE__ */ o(t, { currentPage: h }),
+			v.map((e, t) => /* @__PURE__ */ o(n, {
+				page: e,
+				handlePageChange: S
+			}, t)),
+			h + g < y && /* @__PURE__ */ s(a, { children: [h + 1 + g < y && /* @__PURE__ */ o(i, {}), /* @__PURE__ */ o(n, {
+				page: y,
+				handlePageChange: () => b(y)
+			})] }),
+			/* @__PURE__ */ o(e, {
+				orientation: "right",
+				handlePageChange: S,
+				disabled: h >= y
+			})
+		]
+	});
 }
-export {
-  O as Pagination
-};
+//#endregion
+export { c as Pagination };

package/dist/modules/components/pagination/pageButton/index.js

@@ -1,9 +1,13 @@
-import { jsx as o } from "react/jsx-runtime";
-/* empty css           */
-function i(n) {
-  const { page: t, handlePageChange: a } = n;
-  return /* @__PURE__ */ o("button", { className: "arkynPaginationPageButton", onClick: a, children: t });
+/* empty css       */
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/pagination/pageButton/index.tsx
+function t(t) {
+	let { page: n, handlePageChange: r } = t;
+	return /* @__PURE__ */ e("button", {
+		className: "arkynPaginationPageButton",
+		onClick: r,
+		children: n
+	});
 }
-export {
-  i as PageButton
-};
+//#endregion
+export { t as PageButton };

package/dist/modules/components/pagination/paginationService.js

@@ -1,49 +1,34 @@
-var g = Object.defineProperty;
-var r = (a, e, i) => e in a ? g(a, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : a[e] = i;
-var t = (a, e, i) => r(a, typeof e != "symbol" ? e + "" : e, i);
-class P {
-  constructor(e) {
-    t(this, "currentPage");
-    t(this, "totalCountRegisters");
-    t(this, "registerPerPage");
-    t(this, "siblingsCount");
-    t(this, "lastPage");
-    t(this, "onChange");
-    t(this, "previousPages");
-    t(this, "nextPages");
-    t(this, "handlePageChange", (e) => {
-      e < 1 || e > this.lastPage || this.onChange && (this.currentPage = e, this.onChange(this.currentPage));
-    });
-    t(this, "handlePlusChange", () => {
-      this.currentPage >= this.lastPage || this.onChange && (this.currentPage += 1, this.onChange(this.currentPage));
-    });
-    t(this, "handleMinusChange", () => {
-      this.currentPage <= 1 || this.onChange && (this.currentPage -= 1, this.onChange(this.currentPage));
-    });
-    this.totalCountRegisters = e.totalCountRegisters, this.currentPage = e.currentPage, this.registerPerPage = (e == null ? void 0 : e.registerPerPage) || 20, this.siblingsCount = (e == null ? void 0 : e.siblingsCount) || 2, this.lastPage = Math.ceil(this.totalCountRegisters / this.registerPerPage), this.onChange = e == null ? void 0 : e.onChange, this.previousPages = this.generatePreviousPages(
-      this.currentPage,
-      this.siblingsCount
-    ), this.nextPages = this.generateNextPages(
-      this.currentPage,
-      this.siblingsCount
-    );
-  }
-  generatePagesArray(e, i) {
-    return [...new Array(i - e)].map((n, s) => e + s + 1).filter((n) => n > 0);
-  }
-  generatePreviousPages(e, i) {
-    return e > 1 ? this.generatePagesArray(
-      e - 1 - i,
-      e - 1
-    ) : [];
-  }
-  generateNextPages(e, i) {
-    return e < this.lastPage ? this.generatePagesArray(
-      e,
-      Math.min(e + i, this.lastPage)
-    ) : [];
-  }
-}
-export {
-  P as PaginationService
+//#region src/components/pagination/paginationService.ts
+var e = class {
+	currentPage;
+	totalCountRegisters;
+	registerPerPage;
+	siblingsCount;
+	lastPage;
+	onChange;
+	previousPages;
+	nextPages;
+	generatePagesArray(e, t) {
+		return [...Array(t - e)].map((t, n) => e + n + 1).filter((e) => e > 0);
+	}
+	generatePreviousPages(e, t) {
+		return e > 1 ? this.generatePagesArray(e - 1 - t, e - 1) : [];
+	}
+	generateNextPages(e, t) {
+		return e < this.lastPage ? this.generatePagesArray(e, Math.min(e + t, this.lastPage)) : [];
+	}
+	constructor(e) {
+		this.totalCountRegisters = e.totalCountRegisters, this.currentPage = e.currentPage, this.registerPerPage = e?.registerPerPage || 20, this.siblingsCount = e?.siblingsCount || 2, this.lastPage = Math.ceil(this.totalCountRegisters / this.registerPerPage), this.onChange = e?.onChange, this.previousPages = this.generatePreviousPages(this.currentPage, this.siblingsCount), this.nextPages = this.generateNextPages(this.currentPage, this.siblingsCount);
+	}
+	handlePageChange = (e) => {
+		e < 1 || e > this.lastPage || this.onChange && (this.currentPage = e, this.onChange(this.currentPage));
+	};
+	handlePlusChange = () => {
+		this.currentPage >= this.lastPage || this.onChange && (this.currentPage += 1, this.onChange(this.currentPage));
+	};
+	handleMinusChange = () => {
+		this.currentPage <= 1 || this.onChange && (--this.currentPage, this.onChange(this.currentPage));
+	};
 };
+//#endregion
+export { e as PaginationService };

package/dist/modules/components/pagination/spread/index.js

@@ -1,9 +1,12 @@
-import { jsx as r } from "react/jsx-runtime";
-import { Ellipsis as i } from "lucide-react";
-/* empty css           */
+/* empty css       */
+import { jsx as e } from "react/jsx-runtime";
+import { Ellipsis as t } from "lucide-react";
+//#region src/components/pagination/spread/index.tsx
 function n() {
-  return /* @__PURE__ */ r("p", { className: "arkynPaginationSpread", children: /* @__PURE__ */ r(i, {}) });
+	return /* @__PURE__ */ e("p", {
+		className: "arkynPaginationSpread",
+		children: /* @__PURE__ */ e(t, {})
+	});
 }
-export {
-  n as Spread
-};
+//#endregion
+export { n as Spread };

package/dist/modules/components/phoneInput/index.js

@@ -1,152 +1,104 @@
-import { jsx as n, jsxs as V } from "react/jsx-runtime";
-import { formatToPhone as ee, findCountryMask as ne, removeNonNumeric as oe } from "@arkyn/shared";
-import { countries as m } from "@arkyn/templates";
-import { useState as r, useRef as k, useId as te } from "react";
-import { useForm as re } from "../../hooks/useForm.js";
-import { FieldTemplate as se } from "../../services/fieldTemplate.js";
-import { PhoneInputContainer as ae } from "./phoneInputContainer/index.js";
-import { PhoneInputCountriesOverlay as ue } from "./phoneInputCountriesOverlay/index.js";
-import { PhoneInputCountryOption as ie } from "./phoneInputCountryOption/index.js";
-import { PhoneInputCountryOptionsContainer as le } from "./phoneInputCountryOptionsContainer/index.js";
-import { PhoneInputCountrySelector as ce } from "./phoneInputCountrySelector/index.js";
-import { PhoneInputMask as fe } from "./phoneInputMask/index.js";
-function be(M) {
-  const {
-    defaultCountryIso: pe,
-    value: h,
-    label: N,
-    className: S = "",
-    disabled: x = !1,
-    errorMessage: R,
-    isLoading: C = !1,
-    readOnly: s = !1,
-    size: a = "md",
-    defaultValue: u = "",
-    variant: T = "solid",
-    showAsterisk: B,
-    name: l,
-    onChange: y,
-    searchCountryPlaceholder: L = "Pesquisar país",
-    notFoundCountryText: j = "Nenhum país encontrado",
-    id: A,
-    unShowFieldTemplate: D = !1,
-    orientation: q = "vertical"
-  } = M, z = m.find((e) => e.iso === "BR"), E = u ? ee(u) : "", G = u ? ne(u)[1] : z, [I, o] = r(!1), [F, H] = r(""), [c, f] = r(!1), [J, O] = r(E), P = h !== void 0 ? h : J, [i, K] = r(G), { fieldErrors: p } = re(), Q = k(null), U = A || te(), v = R || (p == null ? void 0 : p[l]), W = !!v, t = x || C, d = k(null);
-  function X() {
-    t || I || c || (o(!0), d.current && d.current.focus());
-  }
-  function Y() {
-    f(!0), o(!0);
-  }
-  function Z() {
-    f(!1), o(!1);
-  }
-  function _() {
-    o(!0);
-  }
-  function $() {
-    o(!1);
-  }
-  function g(e) {
-    return e.name.toLowerCase().includes(F.toLowerCase());
-  }
-  function w(e) {
-    let b = i.code;
-    return b += oe(e || P), b;
-  }
-  return /* @__PURE__ */ n(
-    se,
-    {
-      name: l,
-      label: N,
-      showAsterisk: B,
-      className: S,
-      errorMessage: v,
-      unShowFieldTemplate: D,
-      orientation: q,
-      children: /* @__PURE__ */ V(
-        ae,
-        {
-          disabled: t,
-          isError: W,
-          isLoading: C,
-          isFocused: I,
-          readOnly: s,
-          size: a,
-          variant: T,
-          onFocus: X,
-          children: [
-            /* @__PURE__ */ n(
-              ce,
-              {
-                currentCountry: i,
-                onClick: Y,
-                size: a
-              }
-            ),
-            /* @__PURE__ */ V(
-              le,
-              {
-                isOpen: t || s ? !1 : c,
-                search: F,
-                placeholder: L,
-                onSearch: H,
-                children: [
-                  m.filter((e) => g(e)).map((e) => /* @__PURE__ */ n(
-                    ie,
-                    {
-                      country: e,
-                      handleChangeValue: () => {
-                        K(e), f(!1), O("");
-                      },
-                      isActive: e.iso === i.iso,
-                      size: a
-                    },
-                    e.iso
-                  )),
-                  m.filter((e) => g(e)).length === 0 && /* @__PURE__ */ n("p", { children: j })
-                ]
-              }
-            ),
-            /* @__PURE__ */ n(
-              ue,
-              {
-                isOpen: t || s ? !1 : c,
-                onClick: Z
-              }
-            ),
-            /* @__PURE__ */ n(
-              fe,
-              {
-                id: U,
-                ref: d,
-                readonly: s,
-                currentCountry: i,
-                value: P,
-                disabled: t,
-                onBlur: $,
-                onFocus: _,
-                size: a,
-                onChange: (e) => {
-                  O(e), y && y(w(e));
-                }
-              }
-            ),
-            /* @__PURE__ */ n(
-              "input",
-              {
-                ref: Q,
-                type: "hidden",
-                name: l,
-                value: w()
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
+import { useForm as e } from "../../hooks/useForm.js";
+import { FieldTemplate as t } from "../../services/fieldTemplate.js";
+import { PhoneInputContainer as n } from "./phoneInputContainer/index.js";
+import { PhoneInputCountriesOverlay as ee } from "./phoneInputCountriesOverlay/index.js";
+import { PhoneInputCountryOption as te } from "./phoneInputCountryOption/index.js";
+import { PhoneInputCountryOptionsContainer as ne } from "./phoneInputCountryOptionsContainer/index.js";
+import { PhoneInputCountrySelector as r } from "./phoneInputCountrySelector/index.js";
+import { PhoneInputMask as i } from "./phoneInputMask/index.js";
+import { useId as a, useRef as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { findCountryMask as u, formatToPhone as d, removeNonNumeric as f } from "@arkyn/shared";
+import { countries as p } from "@arkyn/templates";
+//#region src/components/phoneInput/index.tsx
+function m(m) {
+	let { defaultCountryIso: re, value: h, label: ie, className: g = "", disabled: _ = !1, errorMessage: v, isLoading: y = !1, readOnly: b = !1, size: x = "md", defaultValue: S = "", variant: ae = "solid", showAsterisk: C, name: w, onChange: T, searchCountryPlaceholder: E = "Pesquisar país", notFoundCountryText: D = "Nenhum país encontrado", id: O, unShowFieldTemplate: k = !1, orientation: A = "vertical" } = m, j = p.find((e) => e.iso === "BR"), M = S ? d(S) : "", N = S ? u(S)[1] : j, [P, F] = s(!1), [I, L] = s(""), [R, z] = s(!1), [B, V] = s(M), H = h === void 0 ? B : h, [U, W] = s(N), { fieldErrors: G } = e(), K = o(null), q = O || a(), J = v || G?.[w], Y = !!J, X = _ || y, Z = o(null);
+	function oe() {
+		X || P || R || (F(!0), Z.current && Z.current.focus());
+	}
+	function se() {
+		z(!0), F(!0);
+	}
+	function ce() {
+		z(!1), F(!1);
+	}
+	function le() {
+		F(!0);
+	}
+	function ue() {
+		F(!1);
+	}
+	function Q(e) {
+		return e.name.toLowerCase().includes(I.toLowerCase());
+	}
+	function $(e) {
+		let t = U.code;
+		return t += f(e || H), t;
+	}
+	return /* @__PURE__ */ c(t, {
+		name: w,
+		label: ie,
+		showAsterisk: C,
+		className: g,
+		errorMessage: J,
+		unShowFieldTemplate: k,
+		orientation: A,
+		children: /* @__PURE__ */ l(n, {
+			disabled: X,
+			isError: Y,
+			isLoading: y,
+			isFocused: P,
+			readOnly: b,
+			size: x,
+			variant: ae,
+			onFocus: oe,
+			children: [
+				/* @__PURE__ */ c(r, {
+					currentCountry: U,
+					onClick: se,
+					size: x
+				}),
+				/* @__PURE__ */ l(ne, {
+					isOpen: X || b ? !1 : R,
+					search: I,
+					placeholder: E,
+					onSearch: L,
+					children: [p.filter((e) => Q(e)).map((e) => /* @__PURE__ */ c(te, {
+						country: e,
+						handleChangeValue: () => {
+							W(e), z(!1), V("");
+						},
+						isActive: e.iso === U.iso,
+						size: x
+					}, e.iso)), p.filter((e) => Q(e)).length === 0 && /* @__PURE__ */ c("p", { children: D })]
+				}),
+				/* @__PURE__ */ c(ee, {
+					isOpen: X || b ? !1 : R,
+					onClick: ce
+				}),
+				/* @__PURE__ */ c(i, {
+					id: q,
+					ref: Z,
+					readonly: b,
+					currentCountry: U,
+					value: H,
+					disabled: X,
+					onBlur: ue,
+					onFocus: le,
+					size: x,
+					onChange: (e) => {
+						V(e), T && T($(e));
+					}
+				}),
+				/* @__PURE__ */ c("input", {
+					ref: K,
+					type: "hidden",
+					name: w,
+					value: $()
+				})
+			]
+		})
+	});
 }
-export {
-  be as PhoneInput
-};
+//#endregion
+export { m as PhoneInput };

package/dist/modules/components/phoneInput/phoneInputContainer/index.js

@@ -1,20 +1,13 @@
-import { jsx as m } from "react/jsx-runtime";
-/* empty css           */
-function N(o) {
-  const {
-    children: e,
-    onFocus: s,
-    disabled: r,
-    isError: n,
-    isLoading: a,
-    isFocused: c,
-    className: t = "",
-    readOnly: i,
-    variant: d,
-    size: u
-  } = o, l = `arkynPhoneInputContainer ${d} ${u} ${r || i || a ? "opacity" : ""} ${n ? "errored" : ""} ${c ? "focused" : ""} ${t}`;
-  return /* @__PURE__ */ m("section", { className: l.trim(), onClick: s, children: e });
+/* empty css       */
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/phoneInput/phoneInputContainer/index.tsx
+function t(t) {
+	let { children: n, onFocus: r, disabled: i, isError: a, isLoading: o, isFocused: s, className: c = "", readOnly: l, variant: u, size: d } = t;
+	return /* @__PURE__ */ e("section", {
+		className: `arkynPhoneInputContainer ${u} ${d} ${i || l || o ? "opacity" : ""} ${a ? "errored" : ""} ${s ? "focused" : ""} ${c}`.trim(),
+		onClick: r,
+		children: n
+	});
 }
-export {
-  N as PhoneInputContainer
-};
+//#endregion
+export { t as PhoneInputContainer };

package/dist/modules/components/phoneInput/phoneInputCountriesOverlay/index.js

@@ -1,9 +1,12 @@
-import { jsx as n, Fragment as o } from "react/jsx-runtime";
-/* empty css           */
-function a(r) {
-  const { isOpen: e, onClick: t } = r;
-  return e ? /* @__PURE__ */ n("aside", { className: "arkynPhoneInputCountriesOverlay", onClick: t }) : /* @__PURE__ */ n(o, {});
+/* empty css       */
+import { Fragment as e, jsx as t } from "react/jsx-runtime";
+//#region src/components/phoneInput/phoneInputCountriesOverlay/index.tsx
+function n(n) {
+	let { isOpen: r, onClick: i } = n;
+	return r ? /* @__PURE__ */ t("aside", {
+		className: "arkynPhoneInputCountriesOverlay",
+		onClick: i
+	}) : /* @__PURE__ */ t(e, {});
 }
-export {
-  a as PhoneInputCountriesOverlay
-};
+//#endregion
+export { n as PhoneInputCountriesOverlay };

package/dist/modules/components/phoneInput/phoneInputCountryOption/index.js

@@ -1,16 +1,24 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { Check as r } from "lucide-react";
-/* empty css           */
-function u(t) {
-  const { country: n, isActive: c, handleChangeValue: a, size: o } = t, s = `arkynPhoneInputCountryOption ${o} ${c ? "active" : ""}`;
-  return /* @__PURE__ */ i("div", { onClick: () => a(n), className: s, children: [
-    /* @__PURE__ */ e("img", { src: n.flag, alt: n.name, className: "flag" }),
-    n.name,
-    " ",
-    /* @__PURE__ */ e("span", { children: n.code }),
-    /* @__PURE__ */ e(r, { className: "check" })
-  ] });
+/* empty css       */
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { Check as n } from "lucide-react";
+//#region src/components/phoneInput/phoneInputCountryOption/index.tsx
+function r(r) {
+	let { country: i, isActive: a, handleChangeValue: o, size: s } = r;
+	return /* @__PURE__ */ t("div", {
+		onClick: () => o(i),
+		className: `arkynPhoneInputCountryOption ${s} ${a ? "active" : ""}`,
+		children: [
+			/* @__PURE__ */ e("img", {
+				src: i.flag,
+				alt: i.name,
+				className: "flag"
+			}),
+			i.name,
+			" ",
+			/* @__PURE__ */ e("span", { children: i.code }),
+			/* @__PURE__ */ e(n, { className: "check" })
+		]
+	});
 }
-export {
-  u as PhoneInputCountryOption
-};
+//#endregion
+export { r as PhoneInputCountryOption };