@cagatayfdn/flora-components 0.0.138 → 0.0.140

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-ByPQ6qr4.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-ByPQ6qr4.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-BE_y91ZN.js";
+import "../../index-BHf7G3IG.js";
+import "../../Select.module-ByPQ6qr4.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-Df6Zsa7E.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 r, M as d } from "../../MenuItem-Df6Zsa7E.js";
+import { u as y } from "../../index-9ZLCCecr.js";
+const g = ({
+  collapsed: a = !1,
+  items: j,
+  className: v,
+  isActiveSubMenu: M
+}) => {
+  const { pathname: o } = y(), [I, t] = T(M);
+  return k(() => {
+    a && t(void 0);
+  }, [a]), /* @__PURE__ */ e.jsx("div", { className: n(r.wrap, v), "data-testid": "sidebar-container", children: /* @__PURE__ */ e.jsx(
+    "ul",
+    {
+      className: n(r.menu, {
+        [r.closeMenu]: a
+      }),
+      "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(r.menuItem, {
+              [r.selected]: S,
+              [r.subMenuWrap]: i
+            }),
+            onMouseEnter: () => {
+              i && a && t(u);
+            },
+            onMouseLeave: () => {
+              i && a && t(void 0);
+            },
+            children: i ? /* @__PURE__ */ e.jsxs(
+              "div",
+              {
+                className: n({
+                  [r.opened]: c
+                }),
+                children: [
+                  /* @__PURE__ */ e.jsxs(
+                    "span",
+                    {
+                      onClick: () => {
+                        a || t(c ? void 0 : u);
+                      },
+                      children: [
+                        /* @__PURE__ */ e.jsx(
+                          d,
+                          {
+                            to: l,
+                            title: u,
+                            icon: m,
+                            visibleTooltip: !1
+                          }
+                        ),
+                        !a && /* @__PURE__ */ e.jsx(
+                          "span",
+                          {
+                            className: n(r.arrow, {
+                              [r.up]: c
+                            }),
+                            children: /* @__PURE__ */ e.jsx(w, { name: h.DownArrow })
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  c && /* @__PURE__ */ e.jsx(
+                    "ul",
+                    {
+                      className: n(r.subMenu, {
+                        [r.hover]: a
+                      }),
+                      "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(), a && t(void 0);
+                                },
+                                className: n(r.menuItem, {
+                                  [r.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: a
+              }
+            )
+          }
+        ) }, u);
+      })
+    }
+  ) });
+};
+export {
+  g as default
+};

package/dist/components/StatusTag/StatusTag.js

@@ -0,0 +1,24 @@
+import { j as i } from "../../jsx-runtime-BcAkpsdy.js";
+import { c as e } from "../../index-BHf7G3IG.js";
+import '../../StatusTag.css';const c = "_tag_1i9wh_2", _ = "_success_1i9wh_2", n = "_failed_1i9wh_2", o = "_empty_1i9wh_2", m = "_waiting_1i9wh_2", t = {
+  tag: c,
+  success: _,
+  failed: n,
+  empty: o,
+  waiting: m
+}, d = ({ status: s, text: a }) => /* @__PURE__ */ i.jsx(
+  "div",
+  {
+    "data-testid": "status-tag",
+    className: e(
+      t.tag,
+      {
+        [t[s]]: s
+      }
+    ),
+    children: a
+  }
+);
+export {
+  d 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 o } from "../../index-BHf7G3IG.js";
+import { AppAndServicesStatusApperenceType as g } from "../../enums/appearance.js";
+import '../../StatusTypography.css';const x = "_wrapper_bso71_2", f = "_statusSubText_bso71_2", b = "_spinContainer_bso71_2", y = "_postfixSpinner_bso71_2", N = "_spinner_bso71_2", j = "_warning_bso71_2", u = "_danger_bso71_2", w = "_success_bso71_2", m = "_initializing_bso71_2", z = "_pending_bso71_2", h = "_failed_bso71_2", T = "_queued_bso71_2", q = "_passed_bso71_2", i = {
+  wrapper: x,
+  statusSubText: f,
+  spinContainer: b,
+  postfixSpinner: y,
+  spinner: N,
+  warning: j,
+  danger: u,
+  success: w,
+  initializing: m,
+  pending: z,
+  failed: h,
+  queued: T,
+  passed: q
+};
+var p = /* @__PURE__ */ ((s) => (s.addons_initializing = "initializing", s.addons_initialization_failed = "failed", s.deploying = "warning", s.failed = "failed", s.deployed = "success", s.completed = "success", s.initializing = "initializing", s.initialization_failed = "failed", s.queueing = "warning", s.queued = "queued", s.pending = "pending", s.passed = "passed", s))(p || {});
+const k = (s) => {
+  const {
+    text: t,
+    type: c = g.ADDONS_INITIALIZING,
+    extra: l,
+    spin: e,
+    condition: _,
+    spinnerLocation: d = "back"
+  } = s, a = t && t.replace(/\_/g, " ");
+  return /* @__PURE__ */ n.jsx("p", { "data-testid": "statustypography", className: o(i.wrapper, [i[p[c]]]), children: _ ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    /* @__PURE__ */ n.jsxs("span", { className: i.spinContainer, children: [
+      e && d === "front" && /* @__PURE__ */ n.jsx(r, { className: o(i.spinner), layer: !1 }),
+      a,
+      e && d === "back" && /* @__PURE__ */ n.jsx(
+        r,
+        {
+          className: o(i.spinner, i.postfixSpinner),
+          layer: !1
+        }
+      )
+    ] }),
+    /* @__PURE__ */ n.jsx("p", { className: i.statusSubText, children: l })
+  ] }) : p[c] === "warning" && e ? /* @__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 {
+  p as StatusEnum,
+  k as default
+};

package/dist/components/Stepper/Stepper.js

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

package/dist/components/Switch/Switch.js

@@ -0,0 +1,84 @@
+import { j as e } from "../../jsx-runtime-BcAkpsdy.js";
+import u, { useState as v, useEffect as k } from "react";
+import { c as _ } from "../../index-BHf7G3IG.js";
+import N from "../Label/Label.js";
+import { Size as y } from "../../enums/size.js";
+import { u as b } from "../../useTranslation-CnCPcxVj.js";
+import '../../Switch.css';const S = "_checked_1n7nk_2", O = "_disabled_1n7nk_2", R = "_switch__small_1n7nk_2", g = "_slider_1n7nk_2", C = "_active_1n7nk_2", E = "_passive_1n7nk_2", F = "_switch__large_1n7nk_2", L = "_round_1n7nk_2", t = {
+  switch: "_switch_1n7nk_2",
+  checked: S,
+  disabled: O,
+  switch__small: R,
+  slider: g,
+  active: C,
+  passive: E,
+  switch__large: F,
+  round: L
+}, B = u.forwardRef(
+  ({
+    name: n,
+    label: d,
+    className: p,
+    isDisabled: i,
+    value: c,
+    onChange: r,
+    onLabelClick: o,
+    checkedChildren: f,
+    size: l = y.SM,
+    unCheckedChildren: w,
+    ...a
+  }, x) => {
+    const [s, h] = v(c), { t: m } = b();
+    k(() => {
+      !a.readOnly && !i && c !== void 0 && r && r(s);
+    }, [s, c]), k(() => {
+      c && h(c);
+    }, [c]);
+    const j = () => {
+      !i && !a.readOnly && h(!s), !i && o && o(!s);
+    };
+    return /* @__PURE__ */ e.jsxs("div", { className: _(t.container, p), "data-testid": "switch-container", children: [
+      d && /* @__PURE__ */ e.jsx(N, { name: n, children: d }),
+      /* @__PURE__ */ e.jsx("div", { className: t.block, children: /* @__PURE__ */ e.jsxs(
+        "label",
+        {
+          className: _(t.switch, {
+            [t.checked]: s,
+            [t.disabled]: i,
+            [t[`switch__${l}`]]: l
+          }),
+          htmlFor: n,
+          onClick: () => j(),
+          children: [
+            /* @__PURE__ */ e.jsx(
+              "input",
+              {
+                type: "checkbox",
+                name: n,
+                value: c,
+                "data-testid": "switch-input",
+                ref: x,
+                checked: s,
+                readOnly: !0,
+                ...a
+              }
+            ),
+            /* @__PURE__ */ e.jsx("span", { className: t.slider, children: /* @__PURE__ */ e.jsx(
+              "span",
+              {
+                className: _({
+                  [t.active]: s,
+                  [t.passive]: !s
+                }),
+                children: s ? f || m("text.active") : w || m("text.passive")
+              }
+            ) })
+          ]
+        }
+      ) })
+    ] });
+  }
+);
+export {
+  B as default
+};

package/dist/components/Tab/Tab.js

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