@cagatayfdn/flora-components 0.0.71 → 0.0.73

package/dist/components/Panel/Panel.js

@@ -0,0 +1,69 @@
+import { j as e } from "../../jsx-runtime-BcAkpsdy.js";
+import { c as a } from "../../index-BHf7G3IG.js";
+import { ThemeAppearance as f } from "../../enums/appearance.js";
+import '../../Panel.css';const p = "_box_us2fa_1", u = "_header_us2fa_8", h = "_hasBorder_us2fa_28", j = "_body_us2fa_31", b = "_noHeaders_us2fa_35", N = "_description_us2fa_39", y = "_dark_us2fa_43", v = "_line_us2fa_55", s = {
+  box: p,
+  header: u,
+  hasBorder: h,
+  body: j,
+  noHeaders: b,
+  description: N,
+  dark: y,
+  line: v
+}, A = ({
+  title: n,
+  children: i,
+  description: r,
+  className: _,
+  type: d = "box",
+  appearance: c = f.DARK,
+  headerDescription: t,
+  headerRightChild: o,
+  headerClass: l,
+  hasBorder: m,
+  bodyClass: x
+}) => /* @__PURE__ */ e.jsxs(
+  "div",
+  {
+    "data-testid": "panel-container",
+    className: a(_, s.container, {
+      [s[`${c}`]]: c,
+      [s[`${d}`]]: d
+    }),
+    children: [
+      n && /* @__PURE__ */ e.jsxs(
+        "div",
+        {
+          "data-testid": "panel-header",
+          className: a(s.header, l, {
+            "d-flex": o,
+            "justify-content-between": o,
+            [s.hasBorder]: m
+          }),
+          children: [
+            /* @__PURE__ */ e.jsxs("div", { children: [
+              /* @__PURE__ */ e.jsx("h1", { children: n }),
+              t && /* @__PURE__ */ e.jsx("p", { className: a("m-0", s.description), children: t })
+            ] }),
+            o
+          ]
+        }
+      ),
+      /* @__PURE__ */ e.jsxs(
+        "div",
+        {
+          className: a(x, s.body, {
+            [s.noHeaders]: !n
+          }),
+          children: [
+            r && /* @__PURE__ */ e.jsx("p", { "data-testid": "panel-description", className: s.description, children: r }),
+            i
+          ]
+        }
+      )
+    ]
+  }
+);
+export {
+  A as default
+};

package/dist/components/PermaLink/PermaLink.js

@@ -0,0 +1,34 @@
+import { j as l } from "../../jsx-runtime-BcAkpsdy.js";
+import { N as x } from "../../index-C9yacAGx.js";
+import { g as c } from "../../index-a0GSBrWt.js";
+const v = ({
+  to: o,
+  params: i,
+  children: m,
+  className: r,
+  activeClassName: s,
+  style: p,
+  onClick: a,
+  state: e,
+  isDisabled: f
+}) => {
+  const n = c(o, i), u = (t) => {
+    if (f)
+      return t.preventDefault();
+    a && a();
+  };
+  return /* @__PURE__ */ l.jsx(
+    x,
+    {
+      to: e ? { pathname: n } : n,
+      style: p,
+      state: e,
+      className: ({ isActive: t }) => t ? `${r} ${s}` : r,
+      onClick: u,
+      children: m
+    }
+  );
+};
+export {
+  v as default
+};

package/dist/components/Radio/Radio.js

@@ -0,0 +1,96 @@
+import { j as a } from "../../jsx-runtime-BcAkpsdy.js";
+import { c as k } from "../../index-BHf7G3IG.js";
+import x from "../Label/Label.js";
+import u from "../ValidationError/ValidationError.js";
+import '../../Radio.css';const f = "_container_16kjn_1", N = "_checkmark_16kjn_9", b = "_inline_16kjn_12", v = "_disabled_16kjn_20", g = "_text_16kjn_44", e = {
+  container: f,
+  checkmark: N,
+  inline: b,
+  disabled: v,
+  text: g
+}, R = ({
+  name: n,
+  label: i,
+  isDisabled: t,
+  checked: c,
+  isInline: l,
+  onChange: r,
+  setContext: s,
+  suffixBtn: m,
+  ...j
+}) => {
+  const d = (o) => {
+    s && s({ label: `${i}`, value: o.currentTarget.value }), r && r(o);
+  };
+  return /* @__PURE__ */ a.jsxs("div", { className: k("d-flex", e.container), "data-testid": "radio-container", children: [
+    /* @__PURE__ */ a.jsxs(
+      x,
+      {
+        className: k({
+          [e.inline]: l,
+          [e.disabled]: t
+        }),
+        name: n,
+        children: [
+          /* @__PURE__ */ a.jsx("span", { className: e.text, children: i }),
+          /* @__PURE__ */ a.jsx(
+            "input",
+            {
+              type: "radio",
+              "data-testid": "radio-input",
+              name: n,
+              disabled: t,
+              defaultChecked: c,
+              ...j,
+              onChange: d
+            }
+          ),
+          /* @__PURE__ */ a.jsx("span", { className: e.checkmark, "data-testid": "radio-checkmark" })
+        ]
+      }
+    ),
+    m
+  ] });
+}, C = ({
+  name: n,
+  items: i,
+  value: t,
+  label: c,
+  isInline: l = !0,
+  setContext: r,
+  error: s,
+  className: m,
+  ...j
+}) => /* @__PURE__ */ a.jsxs("div", { className: "form-group", "data-testid": "radiolist", children: [
+  c && /* @__PURE__ */ a.jsx(x, { children: c }),
+  /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      className: k(e.container, m, {
+        [e.error]: s
+      }),
+      children: i.map(
+        ({ value: d, label: o, isDisabled: _, suffixBtn: h }, p) => /* @__PURE__ */ a.jsx(
+          R,
+          {
+            label: o,
+            name: n,
+            checked: t === d,
+            value: d,
+            isDisabled: _,
+            isInline: l,
+            setContext: r,
+            suffixBtn: h,
+            ...j
+          },
+          `${t}-${p}`
+        )
+      )
+    }
+  ),
+  s && /* @__PURE__ */ a.jsx(u, { ...s })
+] });
+export {
+  C as RadioList,
+  R as default
+};

package/dist/components/ResultError/ResultError.js

@@ -0,0 +1,20 @@
+import { j as r } from "../../jsx-runtime-BcAkpsdy.js";
+import p from "../Button/Button.js";
+import { AppearanceButton as i } from "../../enums/appearance.js";
+import '../../ResultError.css';const n = "_wrap_df415_1", c = {
+  wrap: n
+}, j = ({
+  title: t,
+  text: e,
+  image: a,
+  buttonText: s,
+  onClick: o
+}) => /* @__PURE__ */ r.jsx("div", { className: c.wrap, "data-testid": "resulterror", children: /* @__PURE__ */ r.jsxs("div", { children: [
+  /* @__PURE__ */ r.jsx("h1", { children: t }),
+  /* @__PURE__ */ r.jsx("p", { children: e }),
+  /* @__PURE__ */ r.jsx("img", { src: a, alt: "Error" }),
+  s && /* @__PURE__ */ r.jsx(p, { onClick: o, appearance: i.DEFAULT, children: s })
+] }) });
+export {
+  j as default
+};

package/dist/components/ScrollContainer/ScrollContainer.js

@@ -0,0 +1,21 @@
+import { j as o } from "../../jsx-runtime-BcAkpsdy.js";
+import { c as e } from "../../index-BHf7G3IG.js";
+import '../../ScrollContainer.css';const r = "_container_hnayg_1", c = {
+  container: r
+}, m = ({
+  children: t,
+  maxHeight: s,
+  height: a,
+  className: n
+}) => /* @__PURE__ */ o.jsx(
+  "div",
+  {
+    "data-testid": "scroll-container",
+    className: e(n, c.container),
+    style: { maxHeight: s, height: a },
+    children: t
+  }
+);
+export {
+  m as default
+};

package/dist/components/Select/NoData.js

@@ -0,0 +1,10 @@
+import { j as t } from "../../jsx-runtime-BcAkpsdy.js";
+import { s as n } from "../../Select.module-BVWgPUEN.js";
+import { u as r } from "../../useTranslation-CnCPcxVj.js";
+function d({ text: s }) {
+  const { t: a } = r(), o = s || a("text.no_results");
+  return /* @__PURE__ */ t.jsx("div", { className: n.noData, "data-testid": "nodata", children: /* @__PURE__ */ t.jsx("span", { children: o }) });
+}
+export {
+  d as default
+};

package/dist/components/Select/OptionItem.js

@@ -0,0 +1,19 @@
+import { j as e } from "../../jsx-runtime-BcAkpsdy.js";
+import { s as t } from "../../Select.module-BVWgPUEN.js";
+function m({
+  props: l,
+  item: s,
+  methods: a,
+  onRemoveItem: o
+}) {
+  const n = l.labelField || "label", r = (c) => {
+    a.removeItem(c, s, !0), o && o(s);
+  };
+  return /* @__PURE__ */ e.jsxs("span", { role: "listitem", className: t.customOptionItem, "data-testid": "option-item", children: [
+    /* @__PURE__ */ e.jsx("span", { children: s == null ? void 0 : s[n] }),
+    /* @__PURE__ */ e.jsx("span", { onClick: r, className: t.remove, children: "x" })
+  ] });
+}
+export {
+  m as default
+};

package/dist/components/Select/Select.js

@@ -0,0 +1,13 @@
+import "../../jsx-runtime-BcAkpsdy.js";
+import { S as s } from "../../Select-DcLZCXNo.js";
+import "../../index-BHf7G3IG.js";
+import "../../Select.module-BVWgPUEN.js";
+import "../Label/Label.js";
+import "../ValidationError/ValidationError.js";
+import "./NoData.js";
+import "./OptionItem.js";
+import "../InfiniteScroll/InfiniteScroll.js";
+import "../../useTranslation-CnCPcxVj.js";
+export {
+  s as default
+};

package/dist/components/Sidebar/MenuItem.js

@@ -0,0 +1,9 @@
+import "../../jsx-runtime-BcAkpsdy.js";
+import "../Icon/index.js";
+import "../PermaLink/PermaLink.js";
+import "../Tooltip/Tooltip.js";
+import { M as e } from "../../MenuItem-BGZHvTKI.js";
+import "../../enums/appearance.js";
+export {
+  e as default
+};

package/dist/components/Sidebar/index.js

@@ -0,0 +1,137 @@
+import { j as e } from "../../jsx-runtime-BcAkpsdy.js";
+import { useState as T, useEffect as k } from "react";
+import x from "../AuthUserCan/index.js";
+import w from "../Icon/index.js";
+import { Icons as h } from "../../assets/icons/icons.js";
+import { c as n } from "../../index-BHf7G3IG.js";
+import { s as a, M as d } from "../../MenuItem-BGZHvTKI.js";
+import { a as y } from "../../index-a0GSBrWt.js";
+const g = ({
+  collapsed: r = !1,
+  items: j,
+  className: v,
+  isActiveSubMenu: M
+}) => {
+  const { pathname: o } = y(), [I, t] = T(M);
+  return k(() => {
+    r && t(void 0);
+  }, [r]), /* @__PURE__ */ e.jsx("div", { className: n(a.wrap, v), "data-testid": "sidebar-container", children: /* @__PURE__ */ e.jsx(
+    "ul",
+    {
+      className: n(a.menu, {
+        [a.closeMenu]: r
+      }),
+      "data-testid": "sidebar-list",
+      children: j.map(({ to: l, icon: m, title: u, permItem: N, permType: C, children: i }) => {
+        var p;
+        const S = l && ((p = o == null ? void 0 : o.replaceAll("/", "")) == null ? void 0 : p.includes(l == null ? void 0 : l.replaceAll("/", ""))), c = I === u;
+        return /* @__PURE__ */ e.jsx(x, { permType: C, permItem: N, children: /* @__PURE__ */ e.jsx(
+          "li",
+          {
+            "data-testid": "sidebar-list-item",
+            className: n(a.menuItem, {
+              [a.selected]: S,
+              [a.subMenuWrap]: i
+            }),
+            onMouseEnter: () => {
+              i && r && t(u);
+            },
+            onMouseLeave: () => {
+              i && r && t(void 0);
+            },
+            children: i ? /* @__PURE__ */ e.jsxs(
+              "div",
+              {
+                className: n({
+                  [a.opened]: c
+                }),
+                children: [
+                  /* @__PURE__ */ e.jsxs(
+                    "span",
+                    {
+                      onClick: () => {
+                        r || t(c ? void 0 : u);
+                      },
+                      children: [
+                        /* @__PURE__ */ e.jsx(
+                          d,
+                          {
+                            to: l,
+                            title: u,
+                            icon: m,
+                            visibleTooltip: !1
+                          }
+                        ),
+                        !r && /* @__PURE__ */ e.jsx(
+                          "span",
+                          {
+                            className: n(a.arrow, {
+                              [a.up]: c
+                            }),
+                            children: /* @__PURE__ */ e.jsx(w, { name: h.DownArrow })
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  c && /* @__PURE__ */ e.jsx(
+                    "ul",
+                    {
+                      className: n(a.subMenu, {
+                        [a.hover]: r
+                      }),
+                      "data-testid": "sidebar-submenu-list",
+                      children: i == null ? void 0 : i.map((s) => {
+                        var b, f;
+                        const A = s.to && ((f = o == null ? void 0 : o.replaceAll("/", "")) == null ? void 0 : f.includes((b = s == null ? void 0 : s.to) == null ? void 0 : b.replaceAll("/", "")));
+                        return /* @__PURE__ */ e.jsx(
+                          x,
+                          {
+                            permType: s.permType,
+                            permItem: s.permItem,
+                            children: /* @__PURE__ */ e.jsx(
+                              "li",
+                              {
+                                "data-testid": "sidebar-submenu-list-item",
+                                onClick: () => {
+                                  s.onClick && s.onClick(), r && t(void 0);
+                                },
+                                className: n(a.menuItem, {
+                                  [a.selected]: A || (s == null ? void 0 : s.isItemSelected)
+                                }),
+                                children: /* @__PURE__ */ e.jsx(
+                                  d,
+                                  {
+                                    to: s.to,
+                                    title: s.title,
+                                    visibleTooltip: !1
+                                  }
+                                )
+                              }
+                            )
+                          },
+                          s.to
+                        );
+                      })
+                    }
+                  )
+                ]
+              }
+            ) : /* @__PURE__ */ e.jsx(
+              d,
+              {
+                to: l,
+                title: u,
+                icon: m,
+                visibleTooltip: r
+              }
+            )
+          }
+        ) }, u);
+      })
+    }
+  ) });
+};
+export {
+  g as default
+};

package/dist/components/StatusTypography/StatusTypography.js

@@ -0,0 +1,51 @@
+import { j as n } from "../../jsx-runtime-BcAkpsdy.js";
+import r from "../Loading/Loading.js";
+import { c as p } from "../../index-BHf7G3IG.js";
+import { AppAndServicesStatusApperenceType as g } from "../../enums/appearance.js";
+import '../../StatusTypography.css';const j = "_wrapper_1aejq_1", x = "_statusSubText_1aejq_7", f = "_spinContainer_1aejq_15", q = "_postfixSpinner_1aejq_15", y = "_spinner_1aejq_20", N = "_warning_1aejq_27", u = "_danger_1aejq_31", w = "_success_1aejq_35", m = "_initializing_1aejq_39", z = "_pending_1aejq_43", h = "_failed_1aejq_47", T = "_queued_1aejq_51", b = "_passed_1aejq_55", i = {
+  wrapper: j,
+  statusSubText: x,
+  spinContainer: f,
+  postfixSpinner: q,
+  spinner: y,
+  warning: N,
+  danger: u,
+  success: w,
+  initializing: m,
+  pending: z,
+  failed: h,
+  queued: T,
+  passed: b
+};
+var t = /* @__PURE__ */ ((e) => (e.addons_initializing = "initializing", e.addons_initialization_failed = "failed", e.deploying = "warning", e.failed = "failed", e.deployed = "success", e.completed = "success", e.initializing = "initializing", e.initialization_failed = "failed", e.queueing = "warning", e.queued = "queued", e.pending = "pending", e.passed = "passed", e))(t || {});
+const k = (e) => {
+  const {
+    text: o,
+    type: c = g.ADDONS_INITIALIZING,
+    extra: l,
+    spin: s,
+    condition: _,
+    spinnerLocation: d = "back"
+  } = e, a = o && o.replace(/\_/g, " ");
+  return /* @__PURE__ */ n.jsx("p", { "data-testid": "statustypography", className: p(i.wrapper, [i[t[c]]]), children: _ ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    /* @__PURE__ */ n.jsxs("span", { className: i.spinContainer, children: [
+      s && d === "front" && /* @__PURE__ */ n.jsx(r, { className: p(i.spinner), layer: !1 }),
+      a,
+      s && d === "back" && /* @__PURE__ */ n.jsx(
+        r,
+        {
+          className: p(i.spinner, i.postfixSpinner),
+          layer: !1
+        }
+      )
+    ] }),
+    /* @__PURE__ */ n.jsx("p", { className: i.statusSubText, children: l })
+  ] }) : t[c] === "warning" && s ? /* @__PURE__ */ n.jsxs("span", { className: i.spinContainer, children: [
+    /* @__PURE__ */ n.jsx(r, { className: i.spinner, layer: !1 }),
+    a
+  ] }) : /* @__PURE__ */ n.jsx("span", { className: i.spinContainer, children: a }) });
+};
+export {
+  t as StatusEnum,
+  k as default
+};

package/dist/components/Stepper/Stepper.js

@@ -0,0 +1,72 @@
+import { j as r } from "../../jsx-runtime-BcAkpsdy.js";
+import { L as w } from "../../index-C9yacAGx.js";
+import { c as f } from "../../index-BHf7G3IG.js";
+import { Icons as h } from "../../assets/icons/icons.js";
+import _ from "../Icon/index.js";
+import '../../Stepper.css';const L = "_container_12lwx_1", N = "_complete_12lwx_16", C = "_active_12lwx_39", m = {
+  container: L,
+  complete: N,
+  active: C
+}, T = ({
+  items: d,
+  selected: o = 0,
+  selectAll: j,
+  renderAnchor: u = !0,
+  onChange: a,
+  wrapperClass: k
+}) => {
+  let i = !0;
+  const x = ({ index: t, title: e, customIndexItem: s }) => /* @__PURE__ */ r.jsxs(
+    "a",
+    {
+      href: `#step-${t}`,
+      onClick: (c) => a && a(t, c),
+      children: [
+        s || (o > t ? /* @__PURE__ */ r.jsx("span", { children: /* @__PURE__ */ r.jsx(_, { name: h.Check }) }) : /* @__PURE__ */ r.jsx("span", { children: t + 1 })),
+        e
+      ]
+    }
+  ), v = ({
+    index: t,
+    title: e,
+    customIndexItem: s,
+    to: c
+  }) => /* @__PURE__ */ r.jsxs(w, { to: c, onClick: (p) => a && a(t, p), children: [
+    s || (o > t ? /* @__PURE__ */ r.jsx("span", { children: /* @__PURE__ */ r.jsx(_, { name: h.Check }) }) : /* @__PURE__ */ r.jsx("span", { children: t + 1 })),
+    e
+  ] });
+  return /* @__PURE__ */ r.jsx("div", { className: f(m.container, k), "data-testid": "stepper-container", children: /* @__PURE__ */ r.jsx("ul", { "data-testid": "stepper-list", children: d.map(
+    ({
+      title: t,
+      customIndexItem: e,
+      activeClass: s,
+      completeClass: c,
+      to: p
+    }, n) => {
+      j && (i = !0);
+      const l = n === o;
+      return !j && l && (i = !1), /* @__PURE__ */ r.jsx(
+        "li",
+        {
+          "data-testid": "stepper-list-item",
+          className: f({
+            [m.active]: l,
+            [m.complete]: i,
+            [s]: l,
+            [c]: i
+          }),
+          children: u ? x({ index: n, title: t, customIndexItem: e }) : v({
+            index: n,
+            title: t,
+            customIndexItem: e,
+            to: p
+          })
+        },
+        `stepper-item-${n}`
+      );
+    }
+  ) }) });
+};
+export {
+  T as default
+};

package/dist/components/Switch/Switch.js

@@ -0,0 +1,79 @@
+import { j as c } from "../../jsx-runtime-BcAkpsdy.js";
+import u, { useState as v, useEffect as h } from "react";
+import { c as a } from "../../index-BHf7G3IG.js";
+import w from "../Label/Label.js";
+import { u as g } from "../../useTranslation-CnCPcxVj.js";
+import '../../Switch.css';const N = "_checked_ptgnt_14", y = "_disabled_ptgnt_17", b = "_slider_ptgnt_21", O = "_round_ptgnt_75", R = "_active_ptgnt_83", C = "_passive_ptgnt_87", s = {
+  switch: "_switch_ptgnt_1",
+  checked: N,
+  disabled: y,
+  slider: b,
+  round: O,
+  active: R,
+  passive: C
+}, q = u.forwardRef(
+  ({
+    name: d,
+    label: r,
+    className: m,
+    isDisabled: i,
+    value: e,
+    onChange: o,
+    onLabelClick: _,
+    checkedChildren: f,
+    unCheckedChildren: x,
+    ...n
+  }, k) => {
+    const [t, l] = v(e), { t: p } = g();
+    h(() => {
+      !n.readOnly && !i && e !== void 0 && o && o(t);
+    }, [t, e]), h(() => {
+      e && l(e);
+    }, [e]);
+    const j = () => {
+      !i && !n.readOnly && l(!t), !i && _ && _(!t);
+    };
+    return /* @__PURE__ */ c.jsxs("div", { className: a(s.container, m), "data-testid": "switch-container", children: [
+      r && /* @__PURE__ */ c.jsx(w, { name: d, children: r }),
+      /* @__PURE__ */ c.jsx("div", { className: s.block, children: /* @__PURE__ */ c.jsxs(
+        "label",
+        {
+          className: a(s.switch, {
+            [s.checked]: t,
+            [s.disabled]: i
+          }),
+          htmlFor: d,
+          onClick: () => j(),
+          children: [
+            /* @__PURE__ */ c.jsx(
+              "input",
+              {
+                type: "checkbox",
+                name: d,
+                value: e,
+                "data-testid": "switch-input",
+                ref: k,
+                checked: t,
+                readOnly: !0,
+                ...n
+              }
+            ),
+            /* @__PURE__ */ c.jsx("span", { className: s.slider, children: /* @__PURE__ */ c.jsx(
+              "span",
+              {
+                className: a({
+                  [s.active]: t,
+                  [s.passive]: !t
+                }),
+                children: t ? f || p("text.active") : x || p("text.passive")
+              }
+            ) })
+          ]
+        }
+      ) })
+    ] });
+  }
+);
+export {
+  q as default
+};

package/dist/components/Tab/Tab.js

@@ -0,0 +1,28 @@
+import { j as t } from "../../jsx-runtime-BcAkpsdy.js";
+import { c as l } from "../../index-BHf7G3IG.js";
+import '../../Tab.css';const o = "_tabContainer_1tklp_1", p = "_titleWrapper_1tklp_4", d = "_isActive_1tklp_11", _ = "_title_1tklp_4", e = {
+  tabContainer: o,
+  titleWrapper: p,
+  isActive: d,
+  title: _
+};
+function v({ items: r, selected: c, onChange: a }) {
+  return /* @__PURE__ */ t.jsx("div", { className: e.tabContainer, "data-testid": "tab-container", children: r.map((s, i) => {
+    const n = c == i;
+    return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx(
+      "div",
+      {
+        "data-testid": "tab-item",
+        onClick: () => a && a(i),
+        className: l(e.titleWrapper, {
+          [e.isActive]: n
+        }),
+        children: /* @__PURE__ */ t.jsx("div", { title: s.title, className: l(e.title), "data-testid": "tab-title", children: s.title })
+      },
+      i
+    ) });
+  }) });
+}
+export {
+  v as default
+};