@cagatayfdn/flora-components 0.0.164 → 0.0.166

package/dist/components/ErrorLogModal/ErrorLogModal.js

@@ -1,7 +1,7 @@
 import "../../jsx-runtime-BcAkpsdy.js";
 import "react";
 import "../../index-BHf7G3IG.js";
-import { E as K } from "../../ErrorLogModal-CQFdcFKP.js";
+import { E as K } from "../../ErrorLogModal-DJd2j2Qz.js";
 import "../../hooks/useAauth.js";
 import "../../hooks/useNiceModal.js";
 import "../Drawer/Provider.js";

package/dist/components/RealtimeLogModal/RealtimeLogModal.js

@@ -1,8 +1,9 @@
 import "../../jsx-runtime-BcAkpsdy.js";
 import "react";
-import { R as I } from "../../ErrorLogModal-CQFdcFKP.js";
+import "../../index-Bkqwn3Ht.js";
 import "../../helper-1SQ9SI45.js";
 import "../../index-BHf7G3IG.js";
+import { R as J } from "../../ErrorLogModal-DJd2j2Qz.js";
 import "../../utils/date.js";
 import "../../utils/fetcher.js";
 import "../../locales/i18n.js";
@@ -33,5 +34,5 @@ import "../Textarea/Textarea.js";
 import "../../react-toastify.esm-BUWNP7Nm.js";
 import '../../ReactToastify.css';/* empty css                           */
 export {
-  I as default
+  J as default
 };

package/dist/components/Table/Table.js

@@ -1,264 +1,327 @@
-import { j as r } from "../../jsx-runtime-BcAkpsdy.js";
-import se, { useState as F, useEffect as O } from "react";
-import ne from "../NoResult/NoResult.js";
-import { c as C } from "../../index-BHf7G3IG.js";
-import { s as x } from "../../Table.module-rFa4-NE2.js";
-import { ThemeAppearance as z, AppearanceSpinner as D } from "../../enums/appearance.js";
-import G from "../Checkbox/Checkbox.js";
-import oe from "../Loading/Loading.js";
-import le from "../ScrollContainer/ScrollContainer.js";
-import V from "./TableHeader.js";
-import de from "./TableSort.js";
-import ie from "../Icon/index.js";
-import { FloraIcons as ce } from "../../assets/icons/flora-icons.js";
-import { i as u } from "../../includes-8YTFrx85.js";
-import { _ as W, k as pe } from "../../keys-B0bo5Q7o.js";
-import { _ as U, a as he, b as fe } from "../../_reduce-DsUCMz4O.js";
-import { _ as xe } from "../../Select-nhp2PiJK.js";
-function ue(l, t) {
-  for (var o = 0, i = t.length, p = []; o < i; )
-    l(t[o]) && (p[p.length] = t[o]), o += 1;
-  return p;
+import { j as a } from "../../jsx-runtime-BcAkpsdy.js";
+import y, { useState as P, useEffect as Q } from "react";
+import { Z as be } from "../../index-Bkqwn3Ht.js";
+import Y from "../NoResult/NoResult.js";
+import { c as b } from "../../index-BHf7G3IG.js";
+import { s as o } from "../../Table.module-rFa4-NE2.js";
+import { ThemeAppearance as I, AppearanceSpinner as ee } from "../../enums/appearance.js";
+import te from "../Checkbox/Checkbox.js";
+import je from "../Loading/Loading.js";
+import ge from "../ScrollContainer/ScrollContainer.js";
+import ae from "./TableHeader.js";
+import me from "./TableSort.js";
+import we from "../Icon/index.js";
+import { FloraIcons as Ce } from "../../assets/icons/flora-icons.js";
+import { i } from "../../includes-8YTFrx85.js";
+import { _ as se, k as Ne } from "../../keys-B0bo5Q7o.js";
+import { _ as re, a as ke, b as ye } from "../../_reduce-DsUCMz4O.js";
+import { _ as Ee } from "../../Select-nhp2PiJK.js";
+function Re(l, n) {
+  for (var d = 0, c = n.length, f = []; d < c; )
+    l(n[d]) && (f[f.length] = n[d]), d += 1;
+  return f;
 }
-var ge = /* @__PURE__ */ function() {
-  function l(t, o) {
-    this.xf = o, this.f = t;
+var Se = /* @__PURE__ */ function() {
+  function l(n, d) {
+    this.xf = d, this.f = n;
   }
-  return l.prototype["@@transducer/init"] = U.init, l.prototype["@@transducer/result"] = U.result, l.prototype["@@transducer/step"] = function(t, o) {
-    return this.f(o) ? this.xf["@@transducer/step"](t, o) : t;
+  return l.prototype["@@transducer/init"] = re.init, l.prototype["@@transducer/result"] = re.result, l.prototype["@@transducer/step"] = function(n, d) {
+    return this.f(d) ? this.xf["@@transducer/step"](n, d) : n;
   }, l;
-}(), je = /* @__PURE__ */ W(function(t, o) {
-  return new ge(t, o);
+}(), _e = /* @__PURE__ */ se(function(n, d) {
+  return new Se(n, d);
 });
-const be = je;
-var k = /* @__PURE__ */ W(
-  /* @__PURE__ */ he(["filter"], be, function(l, t) {
-    return xe(t) ? fe(function(o, i) {
-      return l(t[i]) && (o[i] = t[i]), o;
-    }, {}, pe(t)) : (
+const ve = _e;
+var v = /* @__PURE__ */ se(
+  /* @__PURE__ */ ke(["filter"], ve, function(l, n) {
+    return Ee(n) ? ye(function(d, c) {
+      return l(n[c]) && (d[c] = n[c]), d;
+    }, {}, Ne(n)) : (
       // else
-      ue(l, t)
+      Re(l, n)
     );
   })
 );
-const Oe = (l) => {
+const Je = (l) => {
   const {
-    columns: t = [],
-    dataSource: o = [],
-    totalCount: i,
-    currentPage: p,
-    className: X,
-    wrapperClass: B,
-    title: K,
-    rowSelection: b = !1,
-    actionOnChange: S,
-    rowSelectionChange: c,
-    pagerVisible: _,
-    pagerOnChange: E,
-    columnRenderer: y,
-    pageSizeOnChange: R,
-    pageSize: v,
-    headerVisible: P = !0,
-    headerLeftItem: q,
-    customFooterItem: J,
-    isLoading: M = !1,
-    footerAction: Q = !0,
-    pageSizeVisible: Y = !0,
-    appearance: w = z.LIGHT,
-    fixedHeader: Z,
-    showItemsText: L,
-    customHeader: H,
-    selectedItems: T = [],
-    scrollClass: I,
-    disabledItems: g = [],
-    expandable: n
-  } = l, [h, m] = F(T), [$, j] = F([]), ee = (e) => {
-    c && (e.target.checked ? (m(
-      o.filter((s) => !u(s, g))
-    ), c(
-      o.filter((s) => !u(s, g))
-    )) : (m([]), c([])));
-  }, re = (e, s) => {
-    c && (e.target.checked ? (m([...h, s]), c([...h, s])) : (m(
-      k((a) => a.pk !== s.pk, h)
-    ), c(
-      k((a) => a.pk !== s.pk, h)
+    columns: n = [],
+    dataSource: d = [],
+    totalCount: c,
+    currentPage: f,
+    className: H,
+    wrapperClass: ne,
+    title: de,
+    rowSelection: E = !1,
+    actionOnChange: T,
+    rowSelectionChange: p,
+    pagerVisible: L,
+    pagerOnChange: $,
+    columnRenderer: m,
+    rowRenderer: F,
+    pageSizeOnChange: A,
+    pageSize: V,
+    headerVisible: le = !0,
+    headerLeftItem: oe,
+    customFooterItem: ie,
+    isLoading: ce = !1,
+    footerAction: pe = !0,
+    pageSizeVisible: he = !0,
+    appearance: w = I.LIGHT,
+    fixedHeader: z,
+    showItemsText: B,
+    customHeader: O,
+    selectedItems: D = [],
+    scrollClass: G,
+    disabledItems: j = [],
+    expandable: s,
+    virtualized: R
+  } = l, S = typeof R == "object" ? R : {}, [x, C] = P(D), [N, g] = P([]), fe = (e) => {
+    p && (e.target.checked ? (C(
+      d.filter((t) => !i(t, j))
+    ), p(
+      d.filter((t) => !i(t, j))
+    )) : (C([]), p([])));
+  }, xe = (e, t) => {
+    p && (e.target.checked ? (C([...x, t]), p([...x, t])) : (C(
+      v((r) => r.pk !== t.pk, x)
+    ), p(
+      v((r) => r.pk !== t.pk, x)
     )));
-  }, ae = (e, s) => {
-    var d;
-    const a = u(e, $);
-    (n == null ? void 0 : n.expandStrategy) === "single" ? j(a ? [] : [e]) : j(a ? (f) => k((N) => N !== e, f) : (f) => [...f, e]), (d = n == null ? void 0 : n.onExpand) == null || d.call(n, !a, s);
-  }, te = (e, s) => e == null ? void 0 : e.map((a, d) => /* @__PURE__ */ r.jsx(
+  }, W = (e, t) => {
+    var h;
+    const r = i(e, N);
+    (s == null ? void 0 : s.expandStrategy) === "single" ? g(r ? [] : [e]) : g(r ? (u) => v((_) => _ !== e, u) : (u) => [...u, e]), (h = s == null ? void 0 : s.onExpand) == null || h.call(s, !r, t);
+  }, U = (e, t) => e == null ? void 0 : e.map((r, h) => /* @__PURE__ */ a.jsx(
     "td",
     {
-      width: a.width,
-      onClick: (f) => {
-        a != null && a.onClick && (a == null || a.onClick(f, s, a, d));
+      width: r.width,
+      onClick: (u) => {
+        r != null && r.onClick && (r == null || r.onClick(u, t, r, h));
       },
-      className: C(a.className, a.tdClassName),
-      children: a.render ? a.render(s[a.dataIndex], s) : s[a.dataIndex]
+      className: b(r.className, r.tdClassName),
+      children: r.render ? r.render(t[r.dataIndex], t) : t[r.dataIndex]
     },
-    `col-${d}`
-  ));
-  return O(() => {
-    c && c(T.filter((e) => !u(e, g)));
-  }, [h, g]), O(() => {
-    j([]);
-  }, [p]), /* @__PURE__ */ r.jsxs(
+    `col-${h}`
+  )), k = n.length + (E ? 1 : 0) + (s ? 1 : 0), X = () => s ? /* @__PURE__ */ a.jsx("th", { className: "w-[48px]" }) : null, Z = () => E ? /* @__PURE__ */ a.jsx("th", { className: "w-[26px]", children: /* @__PURE__ */ a.jsx(
+    te,
+    {
+      name: "selectAll",
+      isDisabled: d.length === 0,
+      checked: d.length > 0 && d.length === x.length,
+      onChange: fe
+    }
+  ) }) : null, K = () => n == null ? void 0 : n.map((e, t) => {
+    var r, h;
+    return e.sortable ? /* @__PURE__ */ a.jsx(
+      "th",
+      {
+        "data-testid": "table-head-item",
+        style: { width: e.width },
+        className: e.className,
+        children: /* @__PURE__ */ a.jsx(
+          me,
+          {
+            title: (r = e.title) == null ? void 0 : r.toString().toLocaleUpperCase(),
+            onClick: (u, _) => {
+              var M;
+              return (M = e == null ? void 0 : e.onSort) == null ? void 0 : M.call(e, u, _);
+            }
+          }
+        )
+      },
+      `table-header-${t}`
+    ) : /* @__PURE__ */ a.jsx(
+      "th",
+      {
+        "data-testid": "table-head-item",
+        style: { width: e.width },
+        className: e.className,
+        children: typeof e.title == "string" || e.title instanceof String ? (h = e.title) == null ? void 0 : h.toString().toLocaleUpperCase() : e.title
+      },
+      `table-header-${t}`
+    );
+  }), q = (e, t) => s ? /* @__PURE__ */ a.jsx("td", { children: /* @__PURE__ */ a.jsx(
+    "span",
+    {
+      className: "inline-block transition-transform duration-200",
+      style: {
+        transform: t ? "rotate(90deg)" : "rotate(0deg)"
+      },
+      children: s.rowExpandable && s.rowExpandable(e) ? /* @__PURE__ */ a.jsx(we, { name: Ce.ChevronRight }) : null
+    }
+  ) }) : null, J = (e, t) => E ? /* @__PURE__ */ a.jsx("td", { children: /* @__PURE__ */ a.jsx(
+    te,
+    {
+      checked: i(e, x),
+      name: `select-${t}`,
+      onChange: (r) => xe(r, e),
+      isDisabled: i(e, j)
+    }
+  ) }) : null, ue = () => {
+    const e = [];
+    return d.forEach((t, r) => {
+      e.push({ kind: "data", item: t, index: r }), s && i(r, N) && e.push({ kind: "expanded", item: t, index: r });
+    }), e;
+  };
+  return Q(() => {
+    p && p(D.filter((e) => !i(e, j)));
+  }, [x, j]), Q(() => {
+    g([]);
+  }, [f]), /* @__PURE__ */ a.jsxs(
     "div",
     {
       "data-testid": "table-container",
-      className: C(x.wrapper, B, {
-        [x[`${w}`]]: w
+      className: b(o.wrapper, ne, {
+        [o[`${w}`]]: w
       }),
       children: [
-        P && /* @__PURE__ */ r.jsx(
-          V,
+        le && /* @__PURE__ */ a.jsx(
+          ae,
           {
-            title: K,
-            showItemsText: L,
-            actionOnChange: S,
-            pageSize: v,
-            pageSizeOnChange: R,
-            pagerOnChange: E,
-            pagerVisible: _,
-            totalCount: i,
-            currentPage: p
+            title: de,
+            showItemsText: B,
+            actionOnChange: T,
+            pageSize: V,
+            pageSizeOnChange: A,
+            pagerOnChange: $,
+            pagerVisible: L,
+            totalCount: c,
+            currentPage: f
           }
         ),
-        /* @__PURE__ */ r.jsxs("div", { className: x.tableWrap, children: [
-          M && /* @__PURE__ */ r.jsx(
-            oe,
+        /* @__PURE__ */ a.jsxs("div", { className: o.tableWrap, children: [
+          ce && /* @__PURE__ */ a.jsx(
+            je,
             {
-              wrapperClass: x.tableLoading,
-              appearance: w === z.LIGHT ? D.LIGHT : D.DARK
+              wrapperClass: o.tableLoading,
+              appearance: w === I.LIGHT ? ee.LIGHT : ee.DARK
             }
           ),
-          H && H,
-          /* @__PURE__ */ r.jsx(le, { className: I || x.scrollWrap, children: /* @__PURE__ */ r.jsxs(
+          O && O,
+          R ? /* @__PURE__ */ a.jsx(
+            be,
+            {
+              style: { height: S.height ?? 400 },
+              data: ue(),
+              overscan: S.overscan,
+              increaseViewportBy: S.increaseViewportBy,
+              className: G || o.scrollWrap,
+              components: {
+                Table: (e) => /* @__PURE__ */ a.jsx(
+                  "table",
+                  {
+                    ...e,
+                    "data-testid": "table-content",
+                    className: b(o.table, H, {
+                      [o.fixed]: z
+                    })
+                  }
+                ),
+                TableHead: y.forwardRef(
+                  (e, t) => /* @__PURE__ */ a.jsx("thead", { ...e, ref: t, "data-testid": "table-head" })
+                ),
+                TableBody: y.forwardRef(
+                  (e, t) => /* @__PURE__ */ a.jsx("tbody", { ...e, ref: t, "data-testid": "table-body" })
+                ),
+                TableRow: ({ item: e, ...t }) => {
+                  if (e.kind === "expanded")
+                    return /* @__PURE__ */ a.jsx("tr", { ...t });
+                  const r = s && s.rowExpandable ? s.rowExpandable(e.item) : !!s;
+                  return /* @__PURE__ */ a.jsx(
+                    "tr",
+                    {
+                      ...t,
+                      "data-testid": "table-row",
+                      onClick: () => {
+                        s && s.rowExpandable && s.rowExpandable(e.item) && W(e.index, e.item);
+                      },
+                      className: b(t.className, {
+                        "cursor-pointer": r
+                      })
+                    }
+                  );
+                },
+                EmptyPlaceholder: () => /* @__PURE__ */ a.jsx("tbody", { "data-testid": "table-body", children: /* @__PURE__ */ a.jsx("tr", { children: /* @__PURE__ */ a.jsx("td", { colSpan: k, children: /* @__PURE__ */ a.jsx(Y, {}) }) }) })
+              },
+              fixedHeaderContent: () => /* @__PURE__ */ a.jsxs("tr", { "data-testid": "table-row", children: [
+                X(),
+                Z(),
+                K()
+              ] }),
+              itemContent: (e, t) => {
+                if (t.kind === "expanded")
+                  return /* @__PURE__ */ a.jsx("td", { colSpan: k, className: "p-0 border-0", children: s == null ? void 0 : s.expandedRowRender(t.item) });
+                const r = i(t.index, N);
+                return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+                  q(t.item, r),
+                  J(t.item, t.index),
+                  m ? m(n, t.item) : U(n, t.item)
+                ] });
+              }
+            }
+          ) : /* @__PURE__ */ a.jsx(ge, { className: G || o.scrollWrap, children: /* @__PURE__ */ a.jsxs(
             "table",
             {
               "data-testid": "table-content",
-              className: C(x.table, X, {
-                [x.fixed]: Z
+              className: b(o.table, H, {
+                [o.fixed]: z
               }),
               children: [
-                /* @__PURE__ */ r.jsx("thead", { "data-testid": "table-head", children: /* @__PURE__ */ r.jsxs("tr", { "data-testid": "table-row", children: [
-                  n && /* @__PURE__ */ r.jsx("th", { className: "w-[48px]" }),
-                  b && /* @__PURE__ */ r.jsx("th", { className: "w-[26px]", children: /* @__PURE__ */ r.jsx(
-                    G,
-                    {
-                      name: "selectAll",
-                      isDisabled: o.length === 0,
-                      checked: o.length > 0 && o.length === h.length,
-                      onChange: ee
-                    }
-                  ) }),
-                  t == null ? void 0 : t.map((e, s) => {
-                    var a, d;
-                    return e.sortable ? /* @__PURE__ */ r.jsx(
-                      "th",
-                      {
-                        "data-testid": "table-head-item",
-                        style: { width: e.width },
-                        className: e.className,
-                        children: /* @__PURE__ */ r.jsx(
-                          de,
-                          {
-                            title: (a = e.title) == null ? void 0 : a.toString().toLocaleUpperCase(),
-                            onClick: (f, N) => {
-                              var A;
-                              return (A = e == null ? void 0 : e.onSort) == null ? void 0 : A.call(e, f, N);
-                            }
-                          }
-                        )
-                      },
-                      `table-header-${s}`
-                    ) : /* @__PURE__ */ r.jsx(
-                      "th",
-                      {
-                        "data-testid": "table-head-item",
-                        style: { width: e.width },
-                        className: e.className,
-                        children: typeof e.title == "string" || e.title instanceof String ? (d = e.title) == null ? void 0 : d.toString().toLocaleUpperCase() : e.title
-                      },
-                      `table-header-${s}`
-                    );
-                  })
+                /* @__PURE__ */ a.jsx("thead", { "data-testid": "table-head", children: /* @__PURE__ */ a.jsxs("tr", { "data-testid": "table-row", children: [
+                  X(),
+                  Z(),
+                  K()
                 ] }) }),
-                /* @__PURE__ */ r.jsx("tbody", { "data-testid": "table-body", children: o.length > 0 ? o.map((e, s) => {
-                  const a = u(s, $);
-                  return /* @__PURE__ */ r.jsxs(se.Fragment, { children: [
-                    /* @__PURE__ */ r.jsxs(
+                /* @__PURE__ */ a.jsx("tbody", { "data-testid": "table-body", children: d.length > 0 ? d.map((e, t) => {
+                  const r = i(t, N);
+                  return F ? /* @__PURE__ */ a.jsx(y.Fragment, { children: F(e, t) }, `row-${t}`) : /* @__PURE__ */ a.jsxs(y.Fragment, { children: [
+                    /* @__PURE__ */ a.jsxs(
                       "tr",
                       {
                         "data-testid": "table-row",
                         onClick: () => {
-                          n && n.rowExpandable && n.rowExpandable(e) && ae(s, e);
+                          s && s.rowExpandable && s.rowExpandable(e) && W(t, e);
                         },
-                        className: C({
-                          "cursor-pointer": n && n.rowExpandable ? n.rowExpandable(e) : n
+                        className: b({
+                          "cursor-pointer": s && s.rowExpandable ? s.rowExpandable(e) : s
                         }),
                         children: [
-                          n && /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(
-                            "span",
-                            {
-                              className: "inline-block transition-transform duration-200",
-                              style: {
-                                transform: a ? "rotate(90deg)" : "rotate(0deg)"
-                              },
-                              children: n.rowExpandable && n.rowExpandable(e) ? /* @__PURE__ */ r.jsx(ie, { name: ce.ChevronRight }) : null
-                            }
-                          ) }),
-                          b && /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(
-                            G,
-                            {
-                              checked: u(e, h),
-                              name: `select-${s}`,
-                              onChange: (d) => re(d, e),
-                              isDisabled: u(e, g)
-                            }
-                          ) }),
-                          y ? y(t, e) : te(t, e)
+                          q(e, r),
+                          J(e, t),
+                          m ? m(n, e) : U(n, e)
                         ]
                       },
-                      `table-row-${s}`
+                      `table-row-${t}`
                     ),
-                    n && a && /* @__PURE__ */ r.jsx("tr", { children: /* @__PURE__ */ r.jsx(
+                    s && r && /* @__PURE__ */ a.jsx("tr", { children: /* @__PURE__ */ a.jsx(
                       "td",
                       {
-                        colSpan: t.length + (b ? 1 : 0) + (n ? 1 : 0),
+                        colSpan: k,
                         className: "p-0 border-0",
-                        children: n.expandedRowRender(e)
+                        children: s.expandedRowRender(e)
                       }
                     ) })
-                  ] }, `row-${s}`);
-                }) : /* @__PURE__ */ r.jsx("tr", { children: /* @__PURE__ */ r.jsx(
-                  "td",
-                  {
-                    colSpan: t.length + (b ? 1 : 0) + (n ? 1 : 0),
-                    children: /* @__PURE__ */ r.jsx(ne, {})
-                  }
-                ) }) })
+                  ] }, `row-${t}`);
+                }) : /* @__PURE__ */ a.jsx("tr", { children: /* @__PURE__ */ a.jsx("td", { colSpan: k, children: /* @__PURE__ */ a.jsx(Y, {}) }) }) })
               ]
             }
           ) })
         ] }),
-        Q && /* @__PURE__ */ r.jsx(
-          V,
+        pe && /* @__PURE__ */ a.jsx(
+          ae,
           {
             className: "mt-0",
-            showItemsText: L,
-            actionOnChange: S,
-            pageSize: v,
-            pageSizeOnChange: R,
-            pagerOnChange: E,
-            pagerVisible: _,
-            pageSizeVisible: Y,
-            totalCount: i,
-            customItem: J,
-            headerLeftItem: q,
-            currentPage: p,
+            showItemsText: B,
+            actionOnChange: T,
+            pageSize: V,
+            pageSizeOnChange: A,
+            pagerOnChange: $,
+            pagerVisible: L,
+            pageSizeVisible: he,
+            totalCount: c,
+            customItem: ie,
+            headerLeftItem: oe,
+            currentPage: f,
             appearance: w
           }
         )
@@ -267,5 +330,5 @@ const Oe = (l) => {
   );
 };
 export {
-  Oe as default
+  Je as default
 };

package/dist/components/index.js

@@ -19,7 +19,7 @@ import { default as H } from "./Datepicker/Datepicker.js";
 import { default as W } from "./Divider/Divider.js";
 import { default as q } from "./Drawer/index.js";
 import { default as G } from "./Dropdown/DropdownList.js";
-import { E as K, R as O } from "../ErrorLogModal-CQFdcFKP.js";
+import { E as K, R as O } from "../ErrorLogModal-DJd2j2Qz.js";
 import { default as X } from "./FileUpload/FileUpload.js";
 import { default as Z } from "./FileUpload/ImagePreview.js";
 import { default as $ } from "./FileUpload/LengthCard.js";