mada-design-system 0.0.9

package/index.es12.js

@@ -0,0 +1,166 @@
+import { jsx as r, jsxs as c, Fragment as k } from "react/jsx-runtime";
+import h from "./index.es83.js";
+import R from "react";
+import { cn as w } from "./index.es69.js";
+import { strings as v } from "./index.es80.js";
+import g from "./index.es73.js";
+import { ShouldRender as s } from "./index.es14.js";
+import { Pagination as y, PaginationContent as A, PaginationItem as m, PaginationPrevious as L, PaginationLink as f, PaginationNext as $ } from "./index.es96.js";
+import { Select as I, SelectTrigger as T, SelectValue as j, SelectContent as V, SelectGroup as B, SelectItem as p } from "./index.es48.js";
+import x from "./index.es97.js";
+import D from "./index.es98.js";
+import F from "./index.es99.js";
+const W = ({ totalItems: a, onPageChange: l, selectedPage: t, className: i, withoutText: e, itemsPerPage: N = 6 }) => {
+  const o = Math.ceil(a / N), d = Array.from(Array(o).keys()), S = (n) => t === o - 3 && n === o - 2 || t === o - 2 && n === o - 5 || t === o - 1 && (n === o - 4 || n === o - 5) || t === o && (t === n + 3 || t === n + 4 || t === n + 5), C = () => {
+    const n = document.getElementById("gridList");
+    setTimeout(() => {
+      n ? n.scrollIntoView({ behavior: window.navigator.userAgent.indexOf("iPhone") !== -1 ? "auto" : "smooth" }) : window.scrollTo({ top: 0, behavior: window.navigator.userAgent.indexOf("iPhone") !== -1 ? "auto" : "smooth" });
+    }, 500);
+  }, u = (n) => {
+    C(), l(n + 1);
+  };
+  return !o || o <= 1 ? null : /* @__PURE__ */ r(y, { className: w("", i), children: /* @__PURE__ */ c(A, { children: [
+    /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r(
+      L,
+      {
+        "data-testid": "paginationPrevius",
+        hasText: !e,
+        className: h({
+          "cursor-pointer": !0,
+          "pointer-events-none text-disabled": t === 1
+        }),
+        onClick: () => {
+          u(t - 2);
+        }
+      }
+    ) }),
+    /* @__PURE__ */ r(s, { shouldRender: o <= 6, children: d == null ? void 0 : d.map((n) => /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r(
+      f,
+      {
+        "data-testid": `pagination${n}`,
+        isActive: t === n + 1,
+        className: h({
+          "cursor-pointer": !0
+        }),
+        onClick: () => {
+          u(n);
+        },
+        children: n + 1 < 10 ? `0${n + 1}` : n + 1
+      }
+    ) }, n)) }),
+    /* @__PURE__ */ r(s, { shouldRender: o > 6, children: d == null ? void 0 : d.map((n) => /* @__PURE__ */ c(R.Fragment, { children: [
+      /* @__PURE__ */ r(s, { shouldRender: t < 5 && n < 5 || n + 1 === o || n === 0, children: /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r(
+        f,
+        {
+          "data-testid": `pagination${n}`,
+          isActive: t === n + 1,
+          className: h({
+            "cursor-pointer": !0
+          }),
+          onClick: () => {
+            u(n);
+          },
+          children: n + 1 < 10 ? `0${n + 1}` : n + 1
+        }
+      ) }, n) }),
+      /* @__PURE__ */ r(
+        s,
+        {
+          shouldRender: t >= 5 && (t === n || t === n + 2 || t === n + 1 || S(n)) && n + 1 !== o,
+          children: /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r(
+            f,
+            {
+              "data-testid": `pagination${n}`,
+              isActive: t === n + 1,
+              className: h({
+                "cursor-pointer": !0
+              }),
+              onClick: () => {
+                u(n);
+              },
+              children: n + 1 < 10 ? `0${n + 1}` : n + 1
+            }
+          ) }, n)
+        },
+        x()
+      ),
+      /* @__PURE__ */ r(
+        s,
+        {
+          shouldRender: t >= 5 && (t === n || t === n + 3) && t < o - 3,
+          children: /* @__PURE__ */ r(b, {})
+        }
+      ),
+      /* @__PURE__ */ r(s, { shouldRender: t < 5 && n === 5, children: /* @__PURE__ */ r(b, {}) }),
+      /* @__PURE__ */ r(s, { shouldRender: t >= 5 && t > o - 4 && n === 0, children: /* @__PURE__ */ r(b, {}) })
+    ] }, x())) }),
+    /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r(
+      $,
+      {
+        "data-testid": "paginationNext",
+        hasText: !e,
+        className: h({
+          "cursor-pointer": !0,
+          "pointer-events-none text-disabled": t === o
+        }),
+        onClick: () => {
+          u(t);
+        }
+      }
+    ) })
+  ] }) });
+}, b = () => /* @__PURE__ */ r(m, { className: "flex w-space-05 items-center justify-center text-center", children: /* @__PURE__ */ r(
+  f,
+  {
+    className: h({
+      "pointer-events-none": !0
+    }),
+    children: "..."
+  }
+) }), X = ({ currentPage: a, totalCount: l, limit: t = 10 }) => {
+  const i = Math.ceil(l / t);
+  return /* @__PURE__ */ r("div", { className: "flex-1 text-body-01", children: v.formatString(v.Shared.PaginationDesc, a, i) });
+}, Y = ({ value: a, onChange: l }) => {
+  const { dir: t } = g();
+  return /* @__PURE__ */ c(k, { children: [
+    /* @__PURE__ */ c("span", { className: "block whitespace-nowrap text-body-01", children: [
+      v.Shared.LinesPerPage,
+      " :"
+    ] }),
+    /* @__PURE__ */ c(I, { dir: t, value: a.toString(), onValueChange: (i) => l(i), children: [
+      /* @__PURE__ */ r(T, { className: "!h-space-06", children: /* @__PURE__ */ r(j, { placeholder: v.Shared.Select }) }),
+      /* @__PURE__ */ r(V, { children: /* @__PURE__ */ c(B, { children: [
+        /* @__PURE__ */ r(p, { value: "5", children: "5" }),
+        /* @__PURE__ */ r(p, { value: "10", children: "10" }),
+        /* @__PURE__ */ r(p, { value: "15", children: "15" }),
+        /* @__PURE__ */ r(p, { value: "20", children: "20" }),
+        /* @__PURE__ */ r(p, { value: "25", children: "25" })
+      ] }) })
+    ] })
+  ] });
+}, Z = ({ setCurrentPage: a, currentPage: l, totalPages: t, disabled: i }) => t <= 1 ? null : /* @__PURE__ */ c("div", { className: "flex gap-space-02", children: [
+  /* @__PURE__ */ r(
+    "button",
+    {
+      disabled: i ?? l === 1,
+      className: "!p-space-02 disabled:border-disabled disabled:text-disabled",
+      onClick: () => a((e) => e > 1 ? e - 1 : e),
+      children: /* @__PURE__ */ r(D, { className: "ltr:rotate-180" })
+    }
+  ),
+  /* @__PURE__ */ r(
+    "button",
+    {
+      disabled: i ?? l === t,
+      className: "!p-space-02 disabled:border-disabled disabled:text-disabled",
+      onClick: () => a((e) => i ? e : e + 1),
+      children: /* @__PURE__ */ r(F, { className: "ltr:rotate-180" })
+    }
+  )
+] });
+export {
+  Y as LinesPerPage,
+  W as Pagination,
+  X as PaginationDescription,
+  Z as SliderPagination
+};

package/index.es120.js

@@ -0,0 +1,13 @@
+import e from "./index.es138.js";
+const c = e("Check", [
+  [
+    "path",
+    {
+      d: "M8.79508 15.8749L4.62508 11.7049L3.20508 13.1149L8.79508 18.7049L20.7951 6.70492L19.3851 5.29492L8.79508 15.8749Z",
+      key: "5stcsf"
+    }
+  ]
+]);
+export {
+  c as default
+};

package/index.es121.js

@@ -0,0 +1,24 @@
+import { createStore as s } from "./index.es143.js";
+import u from "react";
+import a from "./index.es144.js";
+const { useDebugValue: E } = u, { useSyncExternalStoreWithSelector: l } = a;
+const c = (t) => t;
+function d(t, e = c, o) {
+  const n = l(
+    t.subscribe,
+    t.getState,
+    t.getServerState || t.getInitialState,
+    e,
+    o
+  );
+  return E(n), n;
+}
+const r = (t) => {
+  const e = typeof t == "function" ? s(t) : t, o = (n, i) => d(e, n, i);
+  return Object.assign(o, e), o;
+}, I = (t) => t ? r(t) : r;
+export {
+  I as create,
+  s as createStore,
+  d as useStore
+};

package/index.es122.js

@@ -0,0 +1,13 @@
+import V from "./index.es138.js";
+const e = V("ViewSidebar", [
+  [
+    "path",
+    {
+      d: "M2 4V20H22V4H2ZM20 8.67H17.5V6H20V8.67ZM17.5 10.67H20V13.34H17.5V10.67ZM4 6H15.5V18H4V6ZM17.5 18V15.33H20V18H17.5Z",
+      key: "mhap71"
+    }
+  ]
+]);
+export {
+  e as default
+};

package/index.es123.js

@@ -0,0 +1,13 @@
+import t from "./index.es138.js";
+const V = t("WidthFull", [
+  [
+    "path",
+    {
+      d: "M20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6C22 4.9 21.1 4 20 4ZM4 18V6H5V18H4ZM7 18V6H17V18H7ZM20 18H19V6H20V18Z",
+      key: "xybwpn"
+    }
+  ]
+]);
+export {
+  V as default
+};

package/index.es124.js

@@ -0,0 +1,14 @@
+import * as o from "react";
+const e = 1280;
+function r() {
+  const [s, n] = o.useState(void 0);
+  return o.useEffect(() => {
+    const t = window.matchMedia(`(max-width: ${e - 1}px)`), i = () => {
+      n(window.innerWidth < e);
+    };
+    return t.addEventListener("change", i), n(window.innerWidth < e), () => t.removeEventListener("change", i);
+  }, []), !!s;
+}
+export {
+  r as useIsMobile
+};

package/index.es125.js

@@ -0,0 +1,13 @@
+import a from "./index.es138.js";
+const t = a("PanoramaVerticalSelect", [
+  [
+    "path",
+    {
+      d: "M18.4979 12C18.4979 8.11 19.3379 5.05 19.9279 3.31C20.1479 2.67 19.6679 2 18.9779 2H4.99787C4.31787 2 3.83787 2.66 4.04787 3.31C4.73787 5.36 5.49787 8.1 5.49787 12C5.49787 15.87 4.73787 18.66 4.04787 20.69C3.83787 21.34 4.31787 22 4.99787 22H18.9979C19.6779 22 20.1679 21.34 19.9479 20.69C19.2679 18.66 18.4979 15.86 18.4979 12Z",
+      key: "1gv1gj"
+    }
+  ]
+]);
+export {
+  t as default
+};