@cagatayfdn/flora-components 0.0.138 → 0.0.140

package/dist/components/Table/Table.js

@@ -0,0 +1,271 @@
+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 m } from "../../index-BHf7G3IG.js";
+import { s as x } from "../../Table.module-DUqpZOLt.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 { Icons as ce } from "../../assets/icons/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-BE_y91ZN.js";
+function ue(l, t) {
+  for (var n = 0, i = t.length, p = []; n < i; )
+    l(t[n]) && (p[p.length] = t[n]), n += 1;
+  return p;
+}
+var ge = /* @__PURE__ */ function() {
+  function l(t, n) {
+    this.xf = n, this.f = t;
+  }
+  return l.prototype["@@transducer/init"] = U.init, l.prototype["@@transducer/result"] = U.result, l.prototype["@@transducer/step"] = function(t, n) {
+    return this.f(n) ? this.xf["@@transducer/step"](t, n) : t;
+  }, l;
+}(), be = /* @__PURE__ */ W(function(t, n) {
+  return new ge(t, n);
+});
+const je = be;
+var k = /* @__PURE__ */ W(
+  /* @__PURE__ */ he(["filter"], je, function(l, t) {
+    return xe(t) ? fe(function(n, i) {
+      return l(t[i]) && (n[i] = t[i]), n;
+    }, {}, pe(t)) : (
+      // else
+      ue(l, t)
+    );
+  })
+);
+const Oe = (l) => {
+  const {
+    columns: t = [],
+    dataSource: n = [],
+    totalCount: i,
+    currentPage: p,
+    className: X,
+    wrapperClass: B,
+    title: K,
+    rowSelection: b = !1,
+    actionOnChange: S,
+    rowSelectionChange: c,
+    pagerVisible: _,
+    pagerOnChange: E,
+    columnRenderer: R,
+    pageSizeOnChange: y,
+    pageSize: v,
+    headerVisible: P = !0,
+    headerLeftItem: q,
+    customFooterItem: J,
+    isLoading: M = !1,
+    footerAction: Q = !0,
+    pageSizeVisible: Y = !0,
+    appearance: j = z.LIGHT,
+    fixedHeader: Z,
+    showItemsText: L,
+    customHeader: H,
+    selectedItems: T = [],
+    scrollClass: I,
+    disabledItems: g = [],
+    expandable: o
+  } = l, [h, w] = F(T), [$, C] = F([]), ee = (e) => {
+    c && (e.target.checked ? (w(
+      n.filter((s) => !u(s, g))
+    ), c(
+      n.filter((s) => !u(s, g))
+    )) : (w([]), c([])));
+  }, re = (e, s) => {
+    c && (e.target.checked ? (w([...h, s]), c([...h, s])) : (w(
+      k((a) => a.pk !== s.pk, h)
+    ), c(
+      k((a) => a.pk !== s.pk, h)
+    )));
+  }, ae = (e, s) => {
+    var d;
+    const a = u(e, $);
+    C(a ? (f) => k((N) => N !== e, f) : (f) => [...f, e]), (d = o == null ? void 0 : o.onExpand) == null || d.call(o, !a, s);
+  }, te = (e, s) => e == null ? void 0 : e.map((a, d) => /* @__PURE__ */ r.jsx(
+    "td",
+    {
+      width: a.width,
+      onClick: (f) => {
+        a != null && a.onClick && (a == null || a.onClick(f, s, a, d));
+      },
+      className: m(a.className, a.tdClassName),
+      children: a.render ? a.render(s[a.dataIndex], s) : s[a.dataIndex]
+    },
+    `col-${d}`
+  ));
+  return O(() => {
+    c && c(T.filter((e) => !u(e, g)));
+  }, [h, g]), O(() => {
+    C([]);
+  }, [p]), /* @__PURE__ */ r.jsxs(
+    "div",
+    {
+      "data-testid": "table-container",
+      className: m(x.wrapper, B, {
+        [x[`${j}`]]: j
+      }),
+      children: [
+        P && /* @__PURE__ */ r.jsx(
+          V,
+          {
+            title: K,
+            showItemsText: L,
+            actionOnChange: S,
+            pageSize: v,
+            pageSizeOnChange: y,
+            pagerOnChange: E,
+            pagerVisible: _,
+            totalCount: i,
+            currentPage: p
+          }
+        ),
+        /* @__PURE__ */ r.jsxs("div", { className: x.tableWrap, children: [
+          M && /* @__PURE__ */ r.jsx(
+            oe,
+            {
+              wrapperClass: x.tableLoading,
+              appearance: j === z.LIGHT ? D.LIGHT : D.DARK
+            }
+          ),
+          H && H,
+          /* @__PURE__ */ r.jsx(le, { className: I || x.scrollWrap, children: /* @__PURE__ */ r.jsxs(
+            "table",
+            {
+              "data-testid": "table-content",
+              className: m(x.table, X, {
+                [x.fixed]: Z
+              }),
+              children: [
+                /* @__PURE__ */ r.jsx("thead", { "data-testid": "table-head", children: /* @__PURE__ */ r.jsxs("tr", { "data-testid": "table-row", children: [
+                  o && /* @__PURE__ */ r.jsx("th", { className: "w-[48px]" }),
+                  b && /* @__PURE__ */ r.jsx("th", { className: "w-[26px]", children: /* @__PURE__ */ r.jsx(
+                    G,
+                    {
+                      name: "selectAll",
+                      isDisabled: n.length === 0,
+                      checked: n.length > 0 && n.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__ */ r.jsx("tbody", { "data-testid": "table-body", children: n.length > 0 ? n.map((e, s) => {
+                  const a = u(s, $);
+                  return /* @__PURE__ */ r.jsxs(se.Fragment, { children: [
+                    /* @__PURE__ */ r.jsxs(
+                      "tr",
+                      {
+                        "data-testid": "table-row",
+                        onClick: () => {
+                          o && o.rowExpandable && o.rowExpandable(e) && ae(s, e);
+                        },
+                        className: m({
+                          "cursor-pointer": o && o.rowExpandable ? o.rowExpandable(e) : o
+                        }),
+                        children: [
+                          o && /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(
+                            "span",
+                            {
+                              className: "inline-block transition-transform duration-200",
+                              style: {
+                                transform: a ? "rotate(90deg)" : "rotate(0deg)"
+                              },
+                              children: o.rowExpandable && o.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)
+                            }
+                          ) }),
+                          R ? R(t, e) : te(t, e)
+                        ]
+                      },
+                      `table-row-${s}`
+                    ),
+                    o && a && /* @__PURE__ */ r.jsx("tr", { children: /* @__PURE__ */ r.jsx(
+                      "td",
+                      {
+                        colSpan: t.length + (b ? 1 : 0) + (o ? 1 : 0),
+                        className: "p-0 border-0",
+                        children: o.expandedRowRender(e)
+                      }
+                    ) })
+                  ] }, `row-${s}`);
+                }) : /* @__PURE__ */ r.jsx("tr", { children: /* @__PURE__ */ r.jsx(
+                  "td",
+                  {
+                    colSpan: t.length + (b ? 1 : 0) + (o ? 1 : 0),
+                    children: /* @__PURE__ */ r.jsx(ne, {})
+                  }
+                ) }) })
+              ]
+            }
+          ) })
+        ] }),
+        Q && /* @__PURE__ */ r.jsx(
+          V,
+          {
+            className: "mt-0",
+            showItemsText: L,
+            actionOnChange: S,
+            pageSize: v,
+            pageSizeOnChange: y,
+            pagerOnChange: E,
+            pagerVisible: _,
+            pageSizeVisible: Y,
+            totalCount: i,
+            customItem: J,
+            headerLeftItem: q,
+            currentPage: p,
+            appearance: j
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  Oe as default
+};

package/dist/components/Table/TableHeader.js

@@ -0,0 +1,137 @@
+import { j as e } from "../../jsx-runtime-BcAkpsdy.js";
+import { useState as x, useEffect as R } from "react";
+import { c as f } from "../../index-BHf7G3IG.js";
+import { s } from "../../Table.module-DUqpZOLt.js";
+import { FormFieldAppearance as j, AppearanceButton as B } from "../../enums/appearance.js";
+import D from "../Button/Button.js";
+import W from "../Heading/Heading.js";
+import _ from "../Pager/Pager.js";
+import { S as b } from "../../Select-BE_y91ZN.js";
+import { u as K } from "../../useTranslation-CnCPcxVj.js";
+import { T as L } from "../../Trans-B4ILpbwK.js";
+const M = [
+  { value: "10", label: "10" },
+  { value: "20", label: "20" },
+  { value: "50", label: "50" },
+  { value: "100", label: "100" },
+  { value: "250", label: "250" }
+], I = ({
+  totalCount: i = 0,
+  currentPage: v,
+  title: r,
+  actionOnChange: t,
+  className: h,
+  pagerOnChange: N,
+  pageSizeOnChange: m,
+  pagerVisible: T = !0,
+  pageSizeVisible: y = !0,
+  pageSize: a = 10,
+  actionItems: o,
+  pageSizeItems: A = M,
+  headerLeftItem: n,
+  customItem: c,
+  appearance: H,
+  showItemsText: P
+}) => {
+  const { t: d } = K(), [w, p] = x(!0), [E, u] = x({
+    label: a,
+    value: a
+  }), F = (l) => [
+    { value: "exportexel", label: l("text.excel_export") }
+  ], G = (l) => {
+    p(!l), t && t(l);
+  };
+  return o = o || F(d), R(() => {
+    u({ label: a, value: a });
+  }, [a]), /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      "data-testid": "tableheader-container",
+      className: f(s.header, h, {
+        "flex justify-between": r && !t || c,
+        "flex justify-end": !r && !t
+      }),
+      children: [
+        r && /* @__PURE__ */ e.jsxs("div", { children: [
+          /* @__PURE__ */ e.jsx(W, { className: s.title, children: r }),
+          /* @__PURE__ */ e.jsxs("p", { className: s.subTitle, children: [
+            i,
+            " ",
+            d("text.results_listing")
+          ] })
+        ] }),
+        c && c,
+        /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: f(s.actionWrap, {
+              [s.justifyContentEnd]: !n,
+              [s.width100]: n
+            }),
+            children: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+              t && /* @__PURE__ */ e.jsxs("div", { className: s.selectedAction, children: [
+                /* @__PURE__ */ e.jsx(
+                  b,
+                  {
+                    name: "action",
+                    items: o,
+                    appearance: j.LIGHT,
+                    onChange: G
+                  }
+                ),
+                /* @__PURE__ */ e.jsx(
+                  D,
+                  {
+                    appearance: B.PRIMARY,
+                    isDisabled: w,
+                    children: d("button.apply")
+                  }
+                )
+              ] }),
+              n && n,
+              /* @__PURE__ */ e.jsxs("div", { className: s.rightGroup, children: [
+                y && i > a && /* @__PURE__ */ e.jsxs("div", { className: s.pageSizeWrap, children: [
+                  /* @__PURE__ */ e.jsx(
+                    b,
+                    {
+                      name: "action",
+                      value: E,
+                      items: A,
+                      className: s.size,
+                      showPlaceholder: !1,
+                      onAddItem: ({ item: l }) => {
+                        u(l), m && m(l.value);
+                      },
+                      appearance: j.LIGHT
+                    }
+                  ),
+                  /* @__PURE__ */ e.jsx("span", { children: /* @__PURE__ */ e.jsx(
+                    L,
+                    {
+                      i18nKey: "text.show",
+                      values: { title: P || r }
+                    }
+                  ) })
+                ] }),
+                T && i > a && /* @__PURE__ */ e.jsx(
+                  _,
+                  {
+                    currentPage: v,
+                    pageSize: a,
+                    totalCount: i,
+                    onChange: N,
+                    appearance: H,
+                    className: s.pager
+                  }
+                )
+              ] })
+            ] })
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  I as default
+};

package/dist/components/Table/TableSort.js

@@ -0,0 +1,25 @@
+import { j as r } from "../../jsx-runtime-BcAkpsdy.js";
+import { useState as p } from "react";
+import { Icons as s } from "../../assets/icons/icons.js";
+import o from "../Icon/index.js";
+import { s as a } from "../../Table.module-DUqpZOLt.js";
+import { SortEnum as t } from "../../enums/status.js";
+const g = (m) => {
+  const [c, i] = p(t.ASC), { title: d, onClick: l } = m, x = (j) => {
+    const e = j.currentTarget, n = e.dataset.sort === t.ASC ? t.DESC : t.ASC;
+    e.dataset.sort = n, i(n), l(e, n);
+  };
+  return /* @__PURE__ */ r.jsxs("div", { onClick: x, "data-sort": t.ASC, className: a.sort, children: [
+    /* @__PURE__ */ r.jsx("div", { children: d }),
+    /* @__PURE__ */ r.jsx("div", { className: a.icons, children: c === t.ASC ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+      /* @__PURE__ */ r.jsx(o, { name: s.OrderUp }),
+      /* @__PURE__ */ r.jsx(o, { name: s.OrderDown })
+    ] }) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+      /* @__PURE__ */ r.jsx(o, { name: s.OrderDown }),
+      /* @__PURE__ */ r.jsx(o, { name: s.OrderUp })
+    ] }) })
+  ] });
+};
+export {
+  g as default
+};

package/dist/components/Textarea/Textarea.js

@@ -0,0 +1,95 @@
+import { j as r } from "../../jsx-runtime-BcAkpsdy.js";
+import u, { useState as E, useEffect as R } from "react";
+import { c as v } from "../../index-BHf7G3IG.js";
+import y from "../Label/Label.js";
+import L from "../ValidationError/ValidationError.js";
+import '../../Textarea.css';const S = "_counter_rvifp_2", T = "_container_rvifp_2", V = "_fieldWrap_rvifp_2", $ = "_control_rvifp_2", k = "_light_rvifp_2", q = "_error_rvifp_2", D = "_disabled_rvifp_2", e = {
+  counter: S,
+  container: T,
+  fieldWrap: V,
+  control: $,
+  light: k,
+  error: q,
+  disabled: D,
+  "size-small": "_size-small_rvifp_2"
+}, G = u.forwardRef(
+  (x, h) => {
+    const {
+      name: d,
+      id: g,
+      label: p,
+      isDisabled: _,
+      className: b,
+      wrapperClassName: j,
+      maxLength: a,
+      appearance: s,
+      value: o = "",
+      size: f,
+      onChange: m,
+      error: n,
+      readOnly: N,
+      required: C,
+      rows: z = 5,
+      ...W
+    } = x, [i, l] = E(o), c = (t) => t.slice(0, a), w = u.useCallback(
+      (t) => {
+        l(c(t)), m && m(c(t));
+      },
+      [a, l]
+    );
+    return R(() => {
+      l(c(o));
+    }, [o]), /* @__PURE__ */ r.jsxs(
+      "div",
+      {
+        "data-testid": "textarea-container",
+        className: v(
+          e.container,
+          {
+            [e[`${s}`]]: s,
+            [e.error]: n,
+            [e.disabled]: _
+          },
+          "form-group",
+          j
+        ),
+        children: [
+          /* @__PURE__ */ r.jsxs("div", { className: e.counter, children: [
+            p && /* @__PURE__ */ r.jsxs(y, { name: d, appearance: s, children: [
+              p,
+              " ",
+              C && "*"
+            ] }),
+            a && /* @__PURE__ */ r.jsxs("span", { children: [
+              i ? i.toString().length : 0,
+              "/",
+              a
+            ] })
+          ] }),
+          /* @__PURE__ */ r.jsx("div", { className: e.fieldWrap, children: /* @__PURE__ */ r.jsx(
+            "textarea",
+            {
+              name: d,
+              id: g,
+              className: v(e.control, b, {
+                [e[`size-${f}`]]: f
+              }),
+              disabled: _,
+              "data-testid": "textarea-input",
+              rows: z,
+              ref: h,
+              readOnly: N,
+              onChange: (t) => w(t.currentTarget.value),
+              value: i,
+              ...W
+            }
+          ) }),
+          n && /* @__PURE__ */ r.jsx(L, { ...n })
+        ]
+      }
+    );
+  }
+);
+export {
+  G as default
+};