mada-design-system 0.5.11 → 0.5.12

package/index.es12.js

@@ -1,148 +1,20 @@
-import { jsx as r, jsxs as c, Fragment as N } from "react/jsx-runtime";
-import k from "react";
-import { cn as x } from "./index.es85.js";
-import { strings as f } from "./index.es97.js";
-import R from "./index.es89.js";
-import { ShouldRender as d } from "./index.es14.js";
-import { Pagination as w, PaginationContent as y, PaginationItem as h, PaginationPrevious as A, PaginationLink as p, PaginationNext as L } from "./index.es113.js";
-import { Select as $, SelectTrigger as g, SelectValue as I, SelectContent as T, SelectGroup as j, SelectItem as m } from "./index.es64.js";
-import V from "./index.es114.js";
-import B from "./index.es115.js";
-const J = ({ totalItems: e, onPageChange: l, selectedPage: t, className: o, withoutText: a, itemsPerPage: v = 6 }) => {
-  const i = Math.ceil(e / v), s = Array.from(Array(i).keys()), S = (n) => t === i - 3 && n === i - 2 || t === i - 2 && n === i - 5 || t === i - 1 && (n === i - 4 || n === i - 5) || t === i && (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 !i || i <= 1 ? null : /* @__PURE__ */ r(w, { className: x("", o), children: /* @__PURE__ */ c(y, { children: [
-    /* @__PURE__ */ r(h, { children: /* @__PURE__ */ r(
-      A,
-      {
-        "data-testid": "paginationPrevius",
-        hasText: !a,
-        disabled: t === 1,
-        onClick: () => {
-          t !== 1 && u(t - 2);
-        }
-      }
-    ) }),
-    /* @__PURE__ */ r(d, { shouldRender: i <= 6, children: s == null ? void 0 : s.map((n) => /* @__PURE__ */ r(h, { children: /* @__PURE__ */ r(
-      p,
-      {
-        "data-testid": `pagination${n}`,
-        isActive: t === n + 1,
-        onClick: () => {
-          u(n);
-        },
-        children: n + 1 < 10 ? `0${n + 1}` : n + 1
-      }
-    ) }, n)) }),
-    /* @__PURE__ */ r(d, { shouldRender: i > 6, children: s == null ? void 0 : s.map((n) => /* @__PURE__ */ c(k.Fragment, { children: [
-      /* @__PURE__ */ r(d, { shouldRender: t < 5 && n < 5 || n + 1 === i || n === 0, children: /* @__PURE__ */ r(h, { children: /* @__PURE__ */ r(
-        p,
-        {
-          "data-testid": `pagination${n}`,
-          isActive: t === n + 1,
-          onClick: () => {
-            u(n);
-          },
-          children: n + 1 < 10 ? `0${n + 1}` : n + 1
-        }
-      ) }, n) }),
-      /* @__PURE__ */ r(
-        d,
-        {
-          shouldRender: t >= 5 && (t === n || t === n + 2 || t === n + 1 || S(n)) && n + 1 !== i,
-          children: /* @__PURE__ */ r(h, { children: /* @__PURE__ */ r(
-            p,
-            {
-              "data-testid": `pagination${n}`,
-              isActive: t === n + 1,
-              onClick: () => {
-                u(n);
-              },
-              children: n + 1 < 10 ? `0${n + 1}` : n + 1
-            }
-          ) }, n)
-        }
-      ),
-      /* @__PURE__ */ r(
-        d,
-        {
-          shouldRender: t >= 5 && (t === n || t === n + 3) && t < i - 3,
-          children: /* @__PURE__ */ r(b, {})
-        }
-      ),
-      /* @__PURE__ */ r(d, { shouldRender: t < 5 && n === 5, children: /* @__PURE__ */ r(b, {}) }),
-      /* @__PURE__ */ r(d, { shouldRender: t >= 5 && t > i - 4 && n === 0, children: /* @__PURE__ */ r(b, {}) })
-    ] }, n)) }),
-    /* @__PURE__ */ r(h, { children: /* @__PURE__ */ r(
-      L,
-      {
-        "data-testid": "paginationNext",
-        hasText: !a,
-        disabled: t === i,
-        onClick: () => {
-          t !== i && u(t);
-        }
-      }
-    ) })
-  ] }) });
-}, b = () => /* @__PURE__ */ r(h, { className: "flex w-space-05 items-center justify-center text-center", children: /* @__PURE__ */ r(
-  p,
-  {
-    className: x({
-      "pointer-events-none": !0
-    }),
-    children: "..."
-  }
-) }), K = ({ currentPage: e, totalCount: l, limit: t = 10 }) => {
-  const o = Math.ceil(l / t);
-  return /* @__PURE__ */ r("div", { className: "flex-1 text-body-01", children: f.formatString(f.Shared.PaginationDesc, e, o) });
-}, Q = ({ value: e, onChange: l }) => {
-  const { dir: t } = R();
-  return /* @__PURE__ */ c(N, { children: [
-    /* @__PURE__ */ c("span", { className: "block whitespace-nowrap text-body-01", children: [
-      f.Shared.LinesPerPage,
-      " :"
-    ] }),
-    /* @__PURE__ */ c($, { dir: t, value: e.toString(), onValueChange: (o) => l(o), children: [
-      /* @__PURE__ */ r(g, { className: "!h-space-06", children: /* @__PURE__ */ r(I, { placeholder: f.Shared.Select }) }),
-      /* @__PURE__ */ r(T, { children: /* @__PURE__ */ c(j, { children: [
-        /* @__PURE__ */ r(m, { value: "5", children: "5" }),
-        /* @__PURE__ */ r(m, { value: "10", children: "10" }),
-        /* @__PURE__ */ r(m, { value: "15", children: "15" }),
-        /* @__PURE__ */ r(m, { value: "20", children: "20" }),
-        /* @__PURE__ */ r(m, { value: "25", children: "25" })
-      ] }) })
-    ] })
-  ] });
-}, U = ({ setCurrentPage: e, currentPage: l, totalPages: t, disabled: o }) => t <= 1 ? null : /* @__PURE__ */ c("div", { className: "flex gap-space-02", children: [
-  /* @__PURE__ */ r(
-    "button",
+import { jsx as r } from "react/jsx-runtime";
+import o from "./index.es87.js";
+import { cn as a } from "./index.es86.js";
+const s = () => {
+  const e = o((t) => t.isActive);
+  return /* @__PURE__ */ r(
+    "div",
     {
-      disabled: o ?? l === 1,
-      className: "!p-space-02 disabled:border-disabled disabled:text-disabled-text-default-disabled",
-      onClick: () => e((a) => a > 1 ? a - 1 : a),
-      children: /* @__PURE__ */ r(V, { className: "ltr:rotate-180" })
+      className: a({
+        "fixed  left-0 top-0 z-[1000] flex h-full w-full items-center justify-center opacity-70": !0,
+        grayscale: e,
+        "grayscale-0": !e
+      }),
+      children: /* @__PURE__ */ r("div", { className: "z-[1001] block h-60 w-60 animate-spin rounded-[50%] border-[3px] border-solid border-[transparent] border-t-green-800 before:absolute before:bottom-2 before:left-2 before:right-2 before:top-2 before:animate-spin before:rounded-[50%] before:border-[3px] before:border-solid before:border-[transparent] before:border-t-slate-800 after:absolute after:bottom-6 after:left-6 after:right-6 after:top-6 after:animate-spin after:rounded-[50%] after:border-[3px] after:border-solid after:border-[transparent] after:border-t-orange-600" })
     }
-  ),
-  /* @__PURE__ */ r(
-    "button",
-    {
-      disabled: o ?? l === t,
-      className: "!p-space-02 disabled:border-disabled disabled:text-disabled-text-default-disabled",
-      onClick: () => e((a) => o ? a : a + 1),
-      children: /* @__PURE__ */ r(B, { className: "ltr:rotate-180" })
-    }
-  )
-] });
+  );
+};
 export {
-  Q as LinesPerPage,
-  J as Pagination,
-  K as PaginationDescription,
-  U as SliderPagination
+  s as PageLoader
 };

package/index.es120.js

@@ -1,143 +1,119 @@
-import n from "./index.es119.js";
-var o = {
-  1: "1",
-  2: "2",
-  3: "3",
-  4: "4",
-  5: "5",
-  6: "6",
-  7: "7",
-  8: "8",
-  9: "9",
-  0: "0"
-}, a = function(e) {
-  return e === 0 ? 0 : e === 1 ? 1 : e === 2 ? 2 : e % 100 >= 3 && e % 100 <= 10 ? 3 : e % 100 >= 11 ? 4 : 5;
-}, u = {
-  s: [
-    "أقل من ثانية",
-    "ثانية واحدة",
-    ["ثانيتان", "ثانيتين"],
-    "%d ثوان",
-    "%d ثانية",
-    "%d ثانية"
-  ],
-  m: [
-    "أقل من دقيقة",
-    "دقيقة واحدة",
-    ["دقيقتان", "دقيقتين"],
-    "%d دقائق",
-    "%d دقيقة",
-    "%d دقيقة"
-  ],
-  h: [
-    "أقل من ساعة",
-    "ساعة واحدة",
-    ["ساعتان", "ساعتين"],
-    "%d ساعات",
-    "%d ساعة",
-    "%d ساعة"
-  ],
-  d: [
-    "أقل من يوم",
-    "يوم واحد",
-    ["يومان", "يومين"],
-    "%d أيام",
-    "%d يومًا",
-    "%d يوم"
-  ],
-  M: [
-    "أقل من شهر",
-    "شهر واحد",
-    ["شهران", "شهرين"],
-    "%d أشهر",
-    "%d شهرا",
-    "%d شهر"
-  ],
-  y: [
-    "أقل من عام",
-    "عام واحد",
-    ["عامان", "عامين"],
-    "%d أعوام",
-    "%d عامًا",
-    "%d عام"
-  ]
-}, d = function(e) {
-  return function(r, s, l, M) {
-    var m = a(r), t = u[e][a(r)];
-    return m === 2 && (t = t[s ? 0 : 1]), t.replace(/%d/i, r);
-  };
-}, i = [
-  "يناير",
-  "فبراير",
-  "مارس",
-  "أبريل",
-  "مايو",
-  "يونيو",
-  "يوليو",
-  "أغسطس",
-  "سبتمبر",
-  "أكتوبر",
-  "نوفمبر",
-  "ديسمبر"
-];
-n.defineLocale("ar-ly", {
-  months: i,
-  monthsShort: i,
-  weekdays: "الأحد_الإثنين_الثلاثاء_الأربعاء_الخميس_الجمعة_السبت".split("_"),
-  weekdaysShort: "أحد_إثنين_ثلاثاء_أربعاء_خميس_جمعة_سبت".split("_"),
-  weekdaysMin: "ح_ن_ث_ر_خ_ج_س".split("_"),
-  weekdaysParseExact: !0,
-  longDateFormat: {
-    LT: "HH:mm",
-    LTS: "HH:mm:ss",
-    L: "D/‏M/‏YYYY",
-    LL: "D MMMM YYYY",
-    LLL: "D MMMM YYYY HH:mm",
-    LLLL: "dddd D MMMM YYYY HH:mm"
-  },
-  meridiemParse: /ص|م/,
-  isPM: function(e) {
-    return e === "م";
-  },
-  meridiem: function(e, r, s) {
-    return e < 12 ? "ص" : "م";
-  },
-  calendar: {
-    sameDay: "[اليوم عند الساعة] LT",
-    nextDay: "[غدًا عند الساعة] LT",
-    nextWeek: "dddd [عند الساعة] LT",
-    lastDay: "[أمس عند الساعة] LT",
-    lastWeek: "dddd [عند الساعة] LT",
-    sameElse: "L"
-  },
-  relativeTime: {
-    future: "بعد %s",
-    past: "منذ %s",
-    s: d("s"),
-    ss: d("s"),
-    m: d("m"),
-    mm: d("m"),
-    h: d("h"),
-    hh: d("h"),
-    d: d("d"),
-    dd: d("d"),
-    M: d("M"),
-    MM: d("M"),
-    y: d("y"),
-    yy: d("y")
-  },
-  preparse: function(e) {
-    return e.replace(/،/g, ",");
-  },
-  postformat: function(e) {
-    return e.replace(/\d/g, function(r) {
-      return o[r];
-    }).replace(/,/g, "،");
-  },
-  week: {
-    dow: 6,
-    // Saturday is the first day of the week.
-    doy: 12
-    // The week that contains Jan 12th is the first week of the year.
-  }
+import k from "./index.es196.js";
+import A from "./index.es197.js";
+import * as r from "react";
+import e from "./index.es198.js";
+import { jsx as L } from "react/jsx-runtime";
+import M from "./index.es219.js";
+const b = ["localeText"], n = /* @__PURE__ */ r.createContext(null);
+process.env.NODE_ENV !== "production" && (n.displayName = "MuiPickersAdapterContext");
+const v = function(i) {
+  var s;
+  const {
+    localeText: l
+  } = i, x = A(i, b), {
+    utils: o,
+    localeText: d
+  } = (s = r.useContext(n)) != null ? s : {
+    utils: void 0,
+    localeText: void 0
+  }, T = M({
+    // We don't want to pass the `localeText` prop to the theme, that way it will always return the theme value,
+    // We will then merge this theme value with our value manually
+    props: x,
+    name: "MuiLocalizationProvider"
+  }), {
+    children: D,
+    dateAdapter: a,
+    dateFormats: m,
+    dateLibInstance: c,
+    adapterLocale: u,
+    localeText: p
+  } = T, h = r.useMemo(() => k({}, p, d, l), [p, d, l]), t = r.useMemo(() => {
+    if (!a)
+      return o || null;
+    const g = new a({
+      locale: u,
+      formats: m,
+      instance: c
+    });
+    if (!g.isMUIAdapter)
+      throw new Error(["MUI: The date adapter should be imported from `@mui/x-date-pickers` or `@mui/x-date-pickers-pro`, not from `@date-io`", "For example, `import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs'` instead of `import AdapterDayjs from '@date-io/dayjs'`", "More information on the installation documentation: https://mui.com/x/react-date-pickers/getting-started/#installation"].join(`
+`));
+    return g;
+  }, [a, u, m, c, o]), f = r.useMemo(() => t ? {
+    minDate: t.date("1900-01-01T00:00:00.000"),
+    maxDate: t.date("2099-12-31T00:00:00.000")
+  } : null, [t]), y = r.useMemo(() => ({
+    utils: t,
+    defaultDates: f,
+    localeText: h
+  }), [f, t, h]);
+  return /* @__PURE__ */ L(n.Provider, {
+    value: y,
+    children: D
+  });
+};
+process.env.NODE_ENV !== "production" && (v.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * Locale for the date library you are using
+   */
+  adapterLocale: e.any,
+  children: e.node,
+  /**
+   * Date library adapter class function.
+   * @see See the localization provider {@link https://mui.com/x/react-date-pickers/getting-started/#setup-your-date-library-adapter date adapter setup section} for more details.
+   */
+  dateAdapter: e.func,
+  /**
+   * Formats that are used for any child pickers
+   */
+  dateFormats: e.shape({
+    dayOfMonth: e.string,
+    fullDate: e.string,
+    fullDateTime: e.string,
+    fullDateTime12h: e.string,
+    fullDateTime24h: e.string,
+    fullDateWithWeekday: e.string,
+    fullTime: e.string,
+    fullTime12h: e.string,
+    fullTime24h: e.string,
+    hours12h: e.string,
+    hours24h: e.string,
+    keyboardDate: e.string,
+    keyboardDateTime: e.string,
+    keyboardDateTime12h: e.string,
+    keyboardDateTime24h: e.string,
+    meridiem: e.string,
+    minutes: e.string,
+    month: e.string,
+    monthAndDate: e.string,
+    monthAndYear: e.string,
+    monthShort: e.string,
+    normalDate: e.string,
+    normalDateWithWeekday: e.string,
+    seconds: e.string,
+    shortDate: e.string,
+    weekday: e.string,
+    weekdayShort: e.string,
+    year: e.string
+  }),
+  /**
+   * Date library instance you are using, if it has some global overrides
+   * ```jsx
+   * dateLibInstance={momentTimeZone}
+   * ```
+   */
+  dateLibInstance: e.any,
+  /**
+   * Locale for components texts
+   */
+  localeText: e.object
 });
+export {
+  v as LocalizationProvider,
+  n as MuiPickersAdapterContext
+};