@cagatayfdn/flora-components 0.0.72 → 0.0.75

package/dist/components/Table/Table.js

@@ -0,0 +1,201 @@
+import { j as s } from "../../jsx-runtime-BcAkpsdy.js";
+import { useState as Q, useEffect as Y } from "react";
+import Z from "../NoResult/NoResult.js";
+import { c as g } from "../../index-BHf7G3IG.js";
+import { s as c, T as H } from "../../TableHeader-B91BXue0.js";
+import { ThemeAppearance as L, AppearanceSpinner as T } from "../../enums/appearance.js";
+import A from "../Checkbox/Checkbox.js";
+import I from "../Loading/Loading.js";
+import ee from "../ScrollContainer/ScrollContainer.js";
+import { i as f } from "../../includes-8YTFrx85.js";
+import { _ as R, k as te } from "../../keys-B0bo5Q7o.js";
+import { _ as $, a as re, b as ae } from "../../_reduce-DsUCMz4O.js";
+import { _ as se } from "../../Select-DcLZCXNo.js";
+function ne(i, e) {
+  for (var r = 0, d = e.length, h = []; r < d; )
+    i(e[r]) && (h[h.length] = e[r]), r += 1;
+  return h;
+}
+var ie = /* @__PURE__ */ function() {
+  function i(e, r) {
+    this.xf = r, this.f = e;
+  }
+  return i.prototype["@@transducer/init"] = $.init, i.prototype["@@transducer/result"] = $.result, i.prototype["@@transducer/step"] = function(e, r) {
+    return this.f(r) ? this.xf["@@transducer/step"](e, r) : e;
+  }, i;
+}(), de = /* @__PURE__ */ R(function(e, r) {
+  return new ie(e, r);
+});
+const le = de;
+var O = /* @__PURE__ */ R(
+  /* @__PURE__ */ re(["filter"], le, function(i, e) {
+    return se(e) ? ae(function(r, d) {
+      return i(e[d]) && (r[d] = e[d]), r;
+    }, {}, te(e)) : (
+      // else
+      ne(i, e)
+    );
+  })
+);
+const ke = (i) => {
+  const {
+    columns: e = [],
+    dataSource: r = [],
+    totalCount: d,
+    currentPage: h,
+    className: z,
+    wrapperClass: D,
+    title: F,
+    rowSelection: j = !1,
+    actionOnChange: m,
+    rowSelectionChange: l,
+    pagerVisible: b,
+    pagerOnChange: C,
+    columnRenderer: w,
+    pageSizeOnChange: k,
+    pageSize: N,
+    headerVisible: G = !0,
+    headerLeftItem: V,
+    customFooterItem: E,
+    isLoading: W = !1,
+    footerAction: X = !0,
+    pageSizeVisible: B = !0,
+    appearance: u = L.LIGHT,
+    fixedHeader: K,
+    showItemsText: S,
+    customHeader: _,
+    selectedItems: y = [],
+    scrollClass: P,
+    disabledItems: p = []
+  } = i, [o, x] = Q(y), U = (a) => {
+    l && (a.target.checked ? (x(
+      r.filter((n) => !f(n, p))
+    ), l(
+      r.filter((n) => !f(n, p))
+    )) : (x([]), l([])));
+  }, q = (a, n) => {
+    l && (a.target.checked ? (x([...o, n]), l([...o, n])) : (x(
+      O((t) => t.pk !== n.pk, o)
+    ), l(
+      O((t) => t.pk !== n.pk, o)
+    )));
+  }, J = (a, n) => a == null ? void 0 : a.map((t, v) => /* @__PURE__ */ s.jsx(
+    "td",
+    {
+      width: t.width,
+      onClick: (M) => {
+        t != null && t.onClick && (t == null || t.onClick(M, n, t, v));
+      },
+      className: g(t.className, t.tdClassName),
+      children: t.render ? t.render(n[t.dataIndex], n) : n[t.dataIndex]
+    },
+    `col-${v}`
+  ));
+  return Y(() => {
+    l && l(
+      y.filter((a) => !f(a, p))
+    );
+  }, [o, p]), /* @__PURE__ */ s.jsxs(
+    "div",
+    {
+      "data-testid": "table-container",
+      className: g(c.wrapper, D, {
+        [c[`${u}`]]: u
+      }),
+      children: [
+        G && /* @__PURE__ */ s.jsx(
+          H,
+          {
+            title: F,
+            showItemsText: S,
+            actionOnChange: m,
+            pageSize: N,
+            pageSizeOnChange: k,
+            pagerOnChange: C,
+            pagerVisible: b,
+            totalCount: d,
+            currentPage: h
+          }
+        ),
+        /* @__PURE__ */ s.jsxs("div", { className: c.tableWrap, children: [
+          W && /* @__PURE__ */ s.jsx(
+            I,
+            {
+              wrapperClass: c.tableLoading,
+              appearance: u === L.LIGHT ? T.LIGHT : T.DARK
+            }
+          ),
+          _ && _,
+          /* @__PURE__ */ s.jsx(ee, { className: P || c.scrollWrap, children: /* @__PURE__ */ s.jsxs(
+            "table",
+            {
+              "data-testid": "table-content",
+              className: g(c.table, z, {
+                [c.fixed]: K
+              }),
+              children: [
+                /* @__PURE__ */ s.jsx("thead", { "data-testid": "table-head", children: /* @__PURE__ */ s.jsxs("tr", { "data-testid": "table-row", children: [
+                  j && /* @__PURE__ */ s.jsx("th", { style: { width: 26 }, children: /* @__PURE__ */ s.jsx(
+                    A,
+                    {
+                      name: "selectAll",
+                      isDisabled: r.length === 0,
+                      checked: r.length > 0 && r.length === o.length,
+                      onChange: U
+                    }
+                  ) }),
+                  e == null ? void 0 : e.map((a, n) => {
+                    var t;
+                    return /* @__PURE__ */ s.jsx(
+                      "th",
+                      {
+                        "data-testid": "table-head-item",
+                        style: { width: a.width },
+                        className: a.className,
+                        children: typeof a.title == "string" || a.title instanceof String ? (t = a.title) == null ? void 0 : t.toString().toLocaleUpperCase() : a.title
+                      },
+                      `table-header-${n}`
+                    );
+                  })
+                ] }) }),
+                /* @__PURE__ */ s.jsx("tbody", { "data-testid": "table-body", children: r.length > 0 ? r.map((a, n) => /* @__PURE__ */ s.jsxs("tr", { children: [
+                  j && /* @__PURE__ */ s.jsx("td", { children: /* @__PURE__ */ s.jsx(
+                    A,
+                    {
+                      checked: f(a, o),
+                      name: `select-${n}`,
+                      onChange: (t) => q(t, a),
+                      isDisabled: f(a, p)
+                    }
+                  ) }),
+                  w ? w(e, a) : J(e, a)
+                ] }, `row-${n}`)) : /* @__PURE__ */ s.jsx("tr", { children: /* @__PURE__ */ s.jsx("td", { colSpan: e.length + 1, children: /* @__PURE__ */ s.jsx(Z, {}) }) }) })
+              ]
+            }
+          ) })
+        ] }),
+        X && /* @__PURE__ */ s.jsx(
+          H,
+          {
+            className: "mt-0",
+            showItemsText: S,
+            actionOnChange: m,
+            pageSize: N,
+            pageSizeOnChange: k,
+            pagerOnChange: C,
+            pagerVisible: b,
+            pageSizeVisible: B,
+            totalCount: d,
+            customItem: E,
+            headerLeftItem: V,
+            currentPage: h,
+            appearance: u
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  ke as default
+};

package/dist/components/Table/TableHeader.js

@@ -0,0 +1,14 @@
+import "../../jsx-runtime-BcAkpsdy.js";
+import "react";
+import "../../index-BHf7G3IG.js";
+import { T as u } from "../../TableHeader-B91BXue0.js";
+import "../../enums/appearance.js";
+import "../Button/Button.js";
+import "../Heading/Heading.js";
+import "../Pager/Pager.js";
+import "../../Select-DcLZCXNo.js";
+import "../../useTranslation-CnCPcxVj.js";
+import "../../Trans-B4ILpbwK.js";
+export {
+  u as default
+};

package/dist/components/Textarea/Textarea.js

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