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

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

@@ -1,12 +1,8 @@
-/* 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
-	});
+import { jsx as r } from "react/jsx-runtime";
+/* empty css           */
+function e({ currentPage: t }) {
+  return /* @__PURE__ */ r("button", { className: "arkynPaginationCurrentButton", disabled: !0, children: t });
 }
-//#endregion
-export { t as CurrentButton };
+export {
+  e as CurrentButton
+};

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

@@ -1,52 +1,84 @@
-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
-			})
-		]
-	});
+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
+      }
+    )
+  ] });
 }
-//#endregion
-export { c as Pagination };
+export {
+  O as Pagination
+};

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

@@ -1,13 +1,9 @@
-/* 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
-	});
+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 });
 }
-//#endregion
-export { t as PageButton };
+export {
+  i as PageButton
+};

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

@@ -1,34 +1,49 @@
-//#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));
-	};
+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
 };
-//#endregion
-export { e as PaginationService };

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

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

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

@@ -1,104 +1,152 @@
-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: $()
-				})
-			]
-		})
-	});
+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()
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
 }
-//#endregion
-export { m as PhoneInput };
+export {
+  be as PhoneInput
+};

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

@@ -1,13 +1,20 @@
-/* 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
-	});
+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 });
 }
-//#endregion
-export { t as PhoneInputContainer };
+export {
+  N as PhoneInputContainer
+};

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

@@ -1,12 +1,9 @@
-/* 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, {});
+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, {});
 }
-//#endregion
-export { n as PhoneInputCountriesOverlay };
+export {
+  a as PhoneInputCountriesOverlay
+};

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

@@ -1,24 +1,16 @@
-/* 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" })
-		]
-	});
+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" })
+  ] });
 }
-//#endregion
-export { r as PhoneInputCountryOption };
+export {
+  u as PhoneInputCountryOption
+};