@cagatayfdn/flora-components 0.0.71 → 0.0.73

package/dist/components/Divider/Divider.js

@@ -0,0 +1,26 @@
+import { j as e } from "../../jsx-runtime-BcAkpsdy.js";
+import { DividerAppearance as d } from "../../enums/appearance.js";
+import { c as _ } from "../../index-BHf7G3IG.js";
+import '../../Divider.css';const a = "_divider_1b99i_1", m = "_grey_1b99i_4", o = "_light_1b99i_7", i = {
+  divider: a,
+  grey: m,
+  light: o,
+  "margin-15": "_margin-15_1b99i_11",
+  "margin-30": "_margin-30_1b99i_15"
+}, l = ({
+  appearance: r = d.GREY,
+  className: s,
+  margin: t = "15"
+}) => /* @__PURE__ */ e.jsx(
+  "hr",
+  {
+    "data-testid": "divider",
+    className: _(i.divider, s, {
+      [i[`${r}`]]: r,
+      [i[`margin-${t}`]]: t
+    })
+  }
+);
+export {
+  l as default
+};

package/dist/components/Dropdown/DropdownList.js

@@ -0,0 +1,90 @@
+import { j as o } from "../../jsx-runtime-BcAkpsdy.js";
+import { useState as h, useRef as j, useEffect as k } from "react";
+import { c as d } from "../../index-BHf7G3IG.js";
+import N from "../Icon/index.js";
+import g from "../PermaLink/PermaLink.js";
+import '../../DropdownList.css';const E = "_dropdownMenu_1unwt_1", b = "_dropdownMenu__lg_1unwt_15", C = "_dropdownMenu__md_1unwt_18", L = "_dropdownMenu__sm_1unwt_21", R = "_active_1unwt_24", $ = "_icon_1unwt_55", y = "_title_1unwt_73", H = "_disabled_1unwt_85", e = {
+  dropdownMenu: E,
+  dropdownMenu__lg: b,
+  dropdownMenu__md: C,
+  dropdownMenu__sm: L,
+  active: R,
+  icon: $,
+  title: y,
+  disabled: H
+}, B = ({
+  buttonChild: p,
+  items: m,
+  footerItem: i,
+  className: M,
+  title: l,
+  titleClass: f,
+  event: r = "hover",
+  size: _ = "lg",
+  isDisabled: c
+}) => {
+  const [a, t] = h(!1), u = j(null), w = (n) => {
+    const s = u.current;
+    s != null && s.contains(n.target) || t(!1);
+  };
+  k(() => (document.addEventListener("mousedown", w), () => {
+    document.removeEventListener("mousedown", w);
+  }), []);
+  const v = (n) => {
+    c || n === "click" && t(!a);
+  };
+  return /* @__PURE__ */ o.jsx(
+    "div",
+    {
+      className: d("h-100 d-flex align-items-center", {
+        [e.disabled]: c
+      }),
+      ref: u,
+      "data-testid": "dropdown-list",
+      children: /* @__PURE__ */ o.jsxs(
+        "div",
+        {
+          className: d(M, e.dropdownMenu, {
+            [e.disabled]: c
+          }),
+          onMouseLeave: () => r === "hover" && t(!1),
+          onMouseEnter: () => r === "hover" && t(!0),
+          onClick: () => v(r),
+          children: [
+            p,
+            /* @__PURE__ */ o.jsx(
+              "div",
+              {
+                className: d(e.dropdownMenu, {
+                  [e.active]: a,
+                  [e[`dropdownMenu__${_}`]]: _
+                }),
+                children: /* @__PURE__ */ o.jsxs("ul", { children: [
+                  l && /* @__PURE__ */ o.jsx("li", { className: d(e.title, f), children: l }),
+                  m.map((n, s) => /* @__PURE__ */ o.jsxs(
+                    "li",
+                    {
+                      "data-testid": `dropdown-item-${s}`,
+                      className: d(n.className, {
+                        [e.icon]: n.icon
+                      }),
+                      children: [
+                        n.icon && /* @__PURE__ */ o.jsx(N, { name: n.icon }),
+                        n.to ? /* @__PURE__ */ o.jsx(g, { to: n.to, children: n.text }) : /* @__PURE__ */ o.jsx("a", { onClick: (x) => n.onClick && n.onClick(x), children: n.text })
+                      ]
+                    },
+                    s
+                  )),
+                  i && i
+                ] })
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  B as default
+};

package/dist/components/ErrorLogModal/ErrorLogModal.js

@@ -0,0 +1,63 @@
+import { j as o } from "../../jsx-runtime-BcAkpsdy.js";
+import { N as c } from "../../index-H7XbDVmH.js";
+import "../../index-BHf7G3IG.js";
+import "../../hooks/useAauth.js";
+import "../../assets/images/500_error_2x.gif";
+import "../../locales/i18n.js";
+import "react";
+import "../Tooltip/Tooltip.js";
+import "../../react-toastify.esm-BUWNP7Nm.js";
+import "../../utils/date.js";
+import "../Input/Input.js";
+import x from "../ScrollContainer/ScrollContainer.js";
+import "../Charts/index.js";
+import "../Checkbox/Checkbox.js";
+import "../Confirm/Confirm.js";
+import "../Datepicker/Datepicker.js";
+import t from "../Divider/Divider.js";
+import "../FileUpload/FileUpload.js";
+import j from "../Modal/Modal.js";
+import l from "../Grid/Column.js";
+import _ from "../Grid/Row.js";
+import d from "../InfoDate/InfoDate.js";
+import "../../Select-DcLZCXNo.js";
+import "../Switch/Switch.js";
+import "../Textarea/Textarea.js";
+import f from "../../hooks/useNiceModal.js";
+import { u } from "../../useTranslation-CnCPcxVj.js";
+import { T as h } from "../../Trans-B4ILpbwK.js";
+import '../../ErrorLogModal.css';const M = "_realTimeLogModalStyle_2pv2e_1", g = "_customHeader_2pv2e_8", N = "_modalHeader_2pv2e_13", m = {
+  realTimeLogModalStyle: M,
+  customHeader: g,
+  modalHeader: N
+}, v = ({ id: i, onClose: e, errors: s }) => {
+  const { t: a } = u(), [, p] = f(i), n = () => {
+    p(), e && e();
+  };
+  return /* @__PURE__ */ o.jsx(
+    j,
+    {
+      onClose: n,
+      className: m.realTimeLogModalStyle,
+      header: /* @__PURE__ */ o.jsx("div", { className: m.modalHeader, children: a("title.error_log") }),
+      children: /* @__PURE__ */ o.jsx(x, { children: s ? s.map((r) => /* @__PURE__ */ o.jsxs("div", { className: "container-fluid", children: [
+        /* @__PURE__ */ o.jsxs(_, { children: [
+          /* @__PURE__ */ o.jsxs(l, { children: [
+            /* @__PURE__ */ o.jsx("b", { children: `${a("label.created_date")}:` }),
+            /* @__PURE__ */ o.jsx(d, { date: r == null ? void 0 : r.created_date })
+          ] }),
+          /* @__PURE__ */ o.jsxs(l, { children: [
+            /* @__PURE__ */ o.jsx("b", { children: `${a("label.date_updated")}:` }),
+            /* @__PURE__ */ o.jsx(d, { date: r == null ? void 0 : r.update_date })
+          ] })
+        ] }),
+        /* @__PURE__ */ o.jsx(t, { className: "mt-4 mb-4" }),
+        /* @__PURE__ */ o.jsx("p", { className: "pre-line", children: r == null ? void 0 : r.log_data }),
+        /* @__PURE__ */ o.jsx(t, { className: "mt-4 mb-4" })
+      ] }, r == null ? void 0 : r.id)) : /* @__PURE__ */ o.jsx(h, { i18nKey: "text.not_found", values: { dataname: "Log" } }) })
+    }
+  );
+}, X = c.create(v);
+export {
+  X as default
+};

package/dist/components/FileUpload/FileUpload.js

@@ -0,0 +1,237 @@
+import { j as e } from "../../jsx-runtime-BcAkpsdy.js";
+import Z, { useState as j, useEffect as ee } from "react";
+import te from "../Icon/index.js";
+import { Notification as se } from "../Notification/Notification.js";
+import { convertToBase64 as ae } from "../../utils/helper.js";
+import { c as p } from "../../index-BHf7G3IG.js";
+import { Icons as re } from "../../assets/icons/icons.js";
+import { s as t } from "../../FileUpload.module-bCNvwTRa.js";
+import ie from "../../assets/images/oms.png";
+import { AppearanceDirection as le, NotificationAppearanceType as ne } from "../../enums/appearance.js";
+import { imageFormatValidation as oe } from "../../utils/validation.js";
+import M from "../Label/Label.js";
+import ce from "../Tooltip/Tooltip.js";
+import me from "../ValidationError/ValidationError.js";
+import de from "./LengthCard.js";
+import pe from "./PreviewModal.js";
+import { u as fe } from "../../useTranslation-CnCPcxVj.js";
+const ue = Z.forwardRef(
+  (A, W) => {
+    var O, k;
+    const {
+      name: h,
+      label: g,
+      id: $,
+      type: N = "text",
+      size: F,
+      isDisabled: v,
+      info: C,
+      error: P,
+      appearance: x,
+      description: B,
+      className: L,
+      wrapperClassName: U,
+      height: R = "40",
+      value: i,
+      fileName: _,
+      required: V,
+      onChange: o,
+      multiple: a = !1,
+      ...z
+    } = A, { t: T } = fe(), S = {
+      [t[`type__${N}`]]: N !== "text"
+    }, [c, b] = j(), [f, y] = j(), [s, u] = j([]), [q, w] = j(!1), G = p(
+      "form-group",
+      {
+        [t[`size__${F}`]]: F,
+        [t.disabled]: v,
+        [t.hidden]: N === "hidden"
+      },
+      U
+    ), H = (d) => d[0] && oe(d) ? new Promise((l, r) => {
+      const m = new FileReader();
+      m.readAsDataURL(d[0]), m.onload = () => l(m.result), m.onerror = (n) => r(n);
+    }) : ie, J = async (d) => {
+      const l = d.currentTarget.files;
+      let r = [];
+      if (!(s.length + l.length > 5)) {
+        if (a && !((s == null ? void 0 : s.length) >= 5)) {
+          const m = Object.values(l);
+          for (let n = 0; n < m.length; n++)
+            r.push(
+              ae(m[n])
+            );
+          await Promise.all(r).then((n) => {
+            var E;
+            ((E = s.filter(
+              (X) => n.some((Y) => X === Y)
+            )) == null ? void 0 : E.length) > 0 ? se({
+              message: T("text.duplicate_image_error"),
+              type: ne.ERROR
+            }) : (o && o([...s, ...n]), u([
+              ...s || [],
+              ...n
+            ]), b(l));
+          });
+          return;
+        }
+        l[0] && !a && (r = await H(l), o && o(r), y(r), b(l));
+      }
+    }, D = () => {
+      u([]), y(""), b(""), o && o("");
+    }, I = (d, l) => {
+      const r = d;
+      if (l && r.length == 1) {
+        D(), w(!1);
+        return;
+      }
+      if (l) {
+        const m = r.filter((n) => n !== l);
+        u(m), o && o(m);
+        return;
+      }
+      if (r.length == 1) {
+        D();
+        return;
+      }
+      r.length >= 0 && (u(r.slice(0, -1)), o && o(r.slice(0, -1)));
+    }, K = () => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      /* @__PURE__ */ e.jsxs("div", { className: t.imageContainer, "data-testid": "fileupload-multipleimages", children: [
+        /* @__PURE__ */ e.jsx("img", { src: s[s.length - 1] }),
+        /* @__PURE__ */ e.jsx(
+          te,
+          {
+            name: re.Trash,
+            className: t.deleteIcon,
+            onClick: () => I(s)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e.jsx("div", { className: t.lengthContainer, children: s.length > 1 && /* @__PURE__ */ e.jsx(
+        de,
+        {
+          onCardClick: () => w(!0),
+          count: s.length - 1
+        }
+      ) })
+    ] }), Q = (d) => {
+      d.target.value = null;
+    };
+    return ee(() => {
+      i && y(i), a && i && u(i);
+    }, [i]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      /* @__PURE__ */ e.jsxs("div", { className: G, "data-testid": "fileupload-container", children: [
+        /* @__PURE__ */ e.jsxs(
+          "div",
+          {
+            className: p(t.container, {
+              [t[`${x}`]]: x,
+              [t.disabled]: v
+            }),
+            children: [
+              /* @__PURE__ */ e.jsxs(
+                "div",
+                {
+                  className: p("d-flex", "w-100", {
+                    "justify-content-between": g,
+                    "justify-content-start": !g
+                  }),
+                  children: [
+                    g && /* @__PURE__ */ e.jsx(M, { appearance: x, name: h, children: g }),
+                    (C && a || C && !f && !a) && /* @__PURE__ */ e.jsxs(
+                      M,
+                      {
+                        className: t.info,
+                        appearance: x,
+                        name: h,
+                        children: [
+                          V && "*",
+                          " ",
+                          C
+                        ]
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ e.jsxs(
+                "div",
+                {
+                  className: p({
+                    [t.selectedFileWrap]: c || i,
+                    [t.selectedFileWrap__multiple]: i || a && s.length > 0
+                  }),
+                  children: [
+                    !a && f && /* @__PURE__ */ e.jsx("img", { src: f }),
+                    a && s.length > 0 && K(),
+                    /* @__PURE__ */ e.jsxs("div", { className: t.fileGroup, children: [
+                      (c || _) && !a && /* @__PURE__ */ e.jsx(
+                        ce,
+                        {
+                          id: h,
+                          tooltipContent: c && ((O = c[0]) == null ? void 0 : O.name) || _,
+                          ellipsis: !0,
+                          direction: le.TOP,
+                          children: /* @__PURE__ */ e.jsx("span", { className: t.fileName, children: c && ((k = c[0]) == null ? void 0 : k.name) || _ })
+                        }
+                      ),
+                      /* @__PURE__ */ e.jsxs(
+                        "div",
+                        {
+                          className: p(t.fieldWrap, {
+                            [t.border__black]: !(i && !a && c),
+                            [t.border__blue]: i && !a && c,
+                            [t["mr-auto"]]: i && !a,
+                            [t[`height-${R}`]]: R && !c && !f,
+                            [t["height-40"]]: f || c,
+                            [t.fieldWrap__multiple]: i && a && s.length >= 0
+                          }),
+                          children: [
+                            /* @__PURE__ */ e.jsx(
+                              "input",
+                              {
+                                type: "file",
+                                name: h,
+                                "data-testid": "fileupload-input",
+                                id: $,
+                                className: p(
+                                  t.control,
+                                  S,
+                                  L
+                                ),
+                                disabled: v,
+                                onChange: J,
+                                onClick: Q,
+                                ref: W,
+                                multiple: a,
+                                ...z
+                              }
+                            ),
+                            /* @__PURE__ */ e.jsx("span", { children: i && !a ? T("button.edit") : B })
+                          ]
+                        }
+                      )
+                    ] })
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        P && /* @__PURE__ */ e.jsx(me, { ...P })
+      ] }),
+      q && /* @__PURE__ */ e.jsx(
+        pe,
+        {
+          imagePaths: s,
+          onDelete: I,
+          onClose: () => w(!1)
+        }
+      )
+    ] });
+  }
+);
+ue.displayName = "FileUpload";
+export {
+  ue as default
+};

package/dist/components/FileUpload/ImagePreview.js

@@ -0,0 +1,19 @@
+import { j as e } from "../../jsx-runtime-BcAkpsdy.js";
+import o from "../Modal/Modal.js";
+import { s as i } from "../../FileUpload.module-bCNvwTRa.js";
+import { u as a } from "../../useTranslation-CnCPcxVj.js";
+const f = ({ onClose: t, src: r }) => {
+  const { t: s } = a();
+  return /* @__PURE__ */ e.jsx(
+    o,
+    {
+      onClose: t,
+      title: s("title.preview"),
+      className: i.imagePreviewModal,
+      children: /* @__PURE__ */ e.jsx("img", { src: r })
+    }
+  );
+};
+export {
+  f as default
+};

package/dist/components/FileUpload/LengthCard.js

@@ -0,0 +1,6 @@
+import { j as s } from "../../jsx-runtime-BcAkpsdy.js";
+import { s as e } from "../../FileUpload.module-bCNvwTRa.js";
+const l = ({ count: t, onCardClick: a }) => /* @__PURE__ */ s.jsx("div", { "data-testid": "fileupload-lengthcard", className: e.lengthCard, onClick: a, children: /* @__PURE__ */ s.jsx("span", { children: `+ ${t}` }) });
+export {
+  l as default
+};

package/dist/components/FileUpload/PreviewModal.js

@@ -0,0 +1,53 @@
+import { j as e } from "../../jsx-runtime-BcAkpsdy.js";
+import { useState as a } from "react";
+import n from "../Icon/index.js";
+import j from "../Modal/Modal.js";
+import { Icons as m } from "../../assets/icons/icons.js";
+import { s as r } from "../../FileUpload.module-bCNvwTRa.js";
+import u from "./ImagePreview.js";
+import { u as w } from "../../useTranslation-CnCPcxVj.js";
+const O = ({ imagePaths: i, onClose: l, onDelete: c }) => {
+  const { t: d } = w(), [p, o] = a(!1), [t, v] = a(), x = (s) => {
+    v(s), o(!0);
+  };
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(
+      j,
+      {
+        title: d("title.edit_images"),
+        className: r.previewModal,
+        onClose: l,
+        headerClass: r.header,
+        children: /* @__PURE__ */ e.jsx("div", { className: r.pictureContainer, children: i.map((s, f) => /* @__PURE__ */ e.jsxs("div", { className: r.previewContainer, children: [
+          /* @__PURE__ */ e.jsxs("div", { className: r.preview, children: [
+            /* @__PURE__ */ e.jsx(
+              n,
+              {
+                name: m.Preview,
+                onClick: () => x(s)
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              n,
+              {
+                name: m.Trash,
+                onClick: () => c(i, s)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e.jsx("img", { src: s })
+        ] }, f)) })
+      }
+    ),
+    p && t && /* @__PURE__ */ e.jsx(
+      u,
+      {
+        src: t,
+        onClose: () => o(!1)
+      }
+    )
+  ] });
+};
+export {
+  O as default
+};

package/dist/components/Grid/Column.js

@@ -0,0 +1,29 @@
+import { j as n } from "../../jsx-runtime-BcAkpsdy.js";
+import { c as $ } from "../../index-BHf7G3IG.js";
+const p = ({
+  children: m,
+  auto: l = !1,
+  size: o,
+  sm: c,
+  md: s,
+  lg: a,
+  xl: t,
+  className: r
+}) => {
+  const e = $(
+    {
+      col: !o && !l,
+      "col-auto": !o && l,
+      [`col-xl-${t}`]: t,
+      [`col-lg-${a}`]: a,
+      [`col-md-${s}`]: s,
+      [`col-sm-${c}`]: c,
+      [`col-${o}`]: o && !l
+    },
+    r
+  );
+  return /* @__PURE__ */ n.jsx("div", { "data-testid": "column", className: e, children: m });
+};
+export {
+  p as default
+};

package/dist/components/Grid/Row.js

@@ -0,0 +1,6 @@
+import { j as a } from "../../jsx-runtime-BcAkpsdy.js";
+import { c as o } from "../../index-BHf7G3IG.js";
+const m = ({ children: s, className: t }) => /* @__PURE__ */ a.jsx("div", { "data-testid": "row", className: o("row", t), children: s });
+export {
+  m as default
+};

package/dist/components/Heading/Heading.js

@@ -0,0 +1,22 @@
+import o from "react";
+import { c } from "../../index-BHf7G3IG.js";
+import '../../Heading.css';const n = "_h2_q7ao1_10", r = "_h1_q7ao1_16", _ = {
+  h2: n,
+  h1: r
+}, l = ({
+  children: a,
+  level: s = 2,
+  className: e
+}) => {
+  const t = `h${s}`;
+  return o.createElement(
+    t,
+    {
+      className: c(_[t], e)
+    },
+    a
+  );
+};
+export {
+  l as default
+};

package/dist/components/Icon/index.js

@@ -0,0 +1,24 @@
+import { j as l } from "../../jsx-runtime-BcAkpsdy.js";
+import { c as r } from "../../index-BHf7G3IG.js";
+const f = (s) => {
+  const { name: t, onClick: a, style: o, isDisabled: e, className: c } = s, i = (n) => {
+    if (e)
+      return n.preventDefault();
+    a && a(n);
+  };
+  return /* @__PURE__ */ l.jsx(
+    "i",
+    {
+      ...s,
+      style: o,
+      "data-testid": `icon-${t}`,
+      onClick: i,
+      className: r(`icon-${t}`, c, {
+        disabled: e
+      })
+    }
+  );
+};
+export {
+  f as default
+};

package/dist/components/InfiniteScroll/InfiniteScroll.js

@@ -0,0 +1,41 @@
+import { j as g } from "../../jsx-runtime-BcAkpsdy.js";
+import { useRef as h, useState as p, useEffect as l } from "react";
+function E({
+  children: i,
+  hasMore: c,
+  height: f = 400,
+  loadMore: d,
+  treshold: m = 100
+}) {
+  const t = h(null), [n, o] = p(!1), s = () => {
+    var e, r, u;
+    t.current && ((e = t == null ? void 0 : t.current) == null ? void 0 : e.scrollTop) + ((r = t == null ? void 0 : t.current) == null ? void 0 : r.clientHeight) >= ((u = t == null ? void 0 : t.current) == null ? void 0 : u.scrollHeight) - m && o(!0);
+  }, a = () => {
+    var e;
+    d(), o(!1), (e = t.current) == null || e.scroll(
+      0,
+      t.current.scrollHeight / 2
+    );
+  };
+  return l(() => {
+    n && c && setTimeout(() => a(), 300);
+  }, [n, c]), l(() => {
+    var e;
+    return (e = t.current) == null || e.addEventListener("scroll", s), () => {
+      var r;
+      return (r = t.current) == null ? void 0 : r.removeEventListener("scroll", s);
+    };
+  }, []), /* @__PURE__ */ g.jsx(
+    "div",
+    {
+      "data-testid": "infinitescroll",
+      ref: t,
+      style: { overflow: "auto", height: f },
+      onScroll: s,
+      children: i
+    }
+  );
+}
+export {
+  E as default
+};

package/dist/components/InfoBoxList/InfoBoxList.js

@@ -0,0 +1,30 @@
+import { j as t } from "../../jsx-runtime-BcAkpsdy.js";
+import m from "../ContentLoader/ContentLoader.js";
+import x from "../NoResult/NoResult.js";
+import p from "../TypographyText/TypographyText.js";
+import { s as f } from "../../InfoBoxList.module-C6t2KDOB.js";
+const y = ({
+  items: r,
+  isLoading: e,
+  className: s
+}) => {
+  const d = r.every(({ value: o }) => o === void 0);
+  return /* @__PURE__ */ t.jsx("div", { className: s, "data-testid": "infoboxlist-container", children: d ? /* @__PURE__ */ t.jsx(x, {}) : r.map(
+    ({ label: o, value: i, copy: n }) => i !== void 0 && /* @__PURE__ */ t.jsxs("div", { className: f.item, "data-testid": "infoboxlist-item", children: [
+      /* @__PURE__ */ t.jsx("div", { children: o }),
+      /* @__PURE__ */ t.jsx("div", { children: e ? /* @__PURE__ */ t.jsx(m, {}) : n ? /* @__PURE__ */ t.jsx(
+        p,
+        {
+          className: s,
+          ellipsis: !0,
+          href: `${i}`,
+          copyable: !0,
+          children: i
+        }
+      ) : i })
+    ] }, o + i)
+  ) });
+};
+export {
+  y as default
+};