@cagatayfdn/flora-components 0.0.138 → 0.0.140

package/dist/components/Charts/Pie.js

@@ -0,0 +1,43 @@
+import { j as u } from "../../jsx-runtime-BcAkpsdy.js";
+import { g as n } from "../../index-BJU1K2Aw.js";
+function f({ data: e, options: r }) {
+  var t;
+  function s(o) {
+    switch (o) {
+      case 0:
+      case 1:
+        return 88;
+      case 2:
+        return 76;
+      case 3:
+        return 63;
+      default:
+        return 50;
+    }
+  }
+  return /* @__PURE__ */ u.jsx(
+    n,
+    {
+      options: {
+        responsive: !0,
+        elements: {
+          arc: {
+            borderWidth: 0,
+            offset: 0
+          }
+        },
+        plugins: {
+          filler: {
+            propagate: !1
+          }
+        },
+        cutout: `${s((t = e.datasets) == null ? void 0 : t.length)}%`,
+        ...r
+      },
+      data: e
+    }
+  );
+}
+export {
+  f as default
+};

package/dist/components/Charts/index.js

@@ -0,0 +1,31 @@
+import a from "./Bar.js";
+import t from "./Legends.js";
+import r from "./Line.js";
+import s from "./Pie.js";
+import { C as e, a as i, L as l, b as o, A as n, P as f, c as m, i as p, p as d, d as u, e as g } from "../../index-BJU1K2Aw.js";
+const P = {
+  Bar: a,
+  Pie: s,
+  Line: r,
+  Legends: t
+};
+e.defaults.color = "#fff";
+e.defaults.borderColor = "#3C4560";
+e.defaults.responsive = !0;
+e.defaults.maintainAspectRatio = !0;
+e.register(
+  i,
+  l,
+  o,
+  n,
+  f,
+  m,
+  p,
+  d,
+  u,
+  g
+);
+e.defaults.plugins.legend.display = !1;
+export {
+  P as default
+};

package/dist/components/Charts/types.js

@@ -0,0 +1 @@
+

package/dist/components/Charts/utils.js

@@ -0,0 +1,12 @@
+function n(r, a, e) {
+  const { chartArea: o } = r.chart, t = r.chart.ctx.createLinearGradient(
+    0,
+    o.bottom,
+    0,
+    o.top
+  );
+  return t.addColorStop(0.9, a), t.addColorStop(0, e), t;
+}
+export {
+  n as getGradient
+};

package/dist/components/Checkbox/Checkbox.js

@@ -0,0 +1,68 @@
+import { j as e } from "../../jsx-runtime-BcAkpsdy.js";
+import b, { useState as k, useEffect as p } from "react";
+import { c as u } from "../../index-BHf7G3IG.js";
+import C from "../Label/Label.js";
+import w from "../ValidationError/ValidationError.js";
+import '../../Checkbox.css';const y = "_checkbox_1msjn_2", E = "_checkbox__filter_1msjn_2", N = "_slider_1msjn_2", R = "_round_1msjn_2", s = {
+  checkbox: y,
+  checkbox__filter: E,
+  switch: "_switch_1msjn_2",
+  "text-hide": "_text-hide_1msjn_2",
+  slider: N,
+  round: R
+}, S = b.forwardRef(
+  ({
+    name: c,
+    label: i,
+    labelAppearance: x,
+    error: n,
+    isDisabled: r = !1,
+    isInline: h,
+    checked: t = !1,
+    onChange: _,
+    filterInput: m,
+    wrapperClassName: f,
+    ...o
+  }) => {
+    const [a, d] = k(
+      t || !!o.value
+    );
+    p(() => {
+      d(t);
+    }, [t]);
+    const j = (l) => {
+      !o.readOnly && !r && (l.persist(), d(!a), _ && _(l));
+    };
+    return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      /* @__PURE__ */ e.jsxs(
+        "div",
+        {
+          className: u(s.checkbox, f, {
+            [s.inline]: h,
+            [s.checkbox__filter]: m
+          }),
+          "data-testid": "checkbox",
+          children: [
+            /* @__PURE__ */ e.jsx(
+              "input",
+              {
+                type: "checkbox",
+                name: c,
+                id: c,
+                disabled: r,
+                checked: a,
+                onChange: j,
+                ...o
+              }
+            ),
+            /* @__PURE__ */ e.jsx(C, { className: s.label, name: c, appearance: x, children: i && /* @__PURE__ */ e.jsx("span", { children: i }) })
+          ]
+        }
+      ),
+      n && /* @__PURE__ */ e.jsx(w, { ...n })
+    ] });
+  }
+);
+export {
+  S as default
+};

package/dist/components/Config/Config.js

@@ -0,0 +1,32 @@
+import { j as t } from "../../jsx-runtime-BcAkpsdy.js";
+import o from "../ScrollContainer/ScrollContainer.js";
+import '../../Config.css';const m = "_configWrapper_rymlp_2", f = "_configItem_rymlp_2", p = "_configItemTitle_rymlp_2", i = {
+  configWrapper: m,
+  configItem: f,
+  configItemTitle: p
+};
+function j({ config: r, scrollProps: c }) {
+  const a = () => Object.keys(r).map((e) => {
+    var n, s, l;
+    return (n = r[e]) != null && n.isUrl ? /* @__PURE__ */ t.jsxs("li", { className: i.configItem, "data-testid": "config-list-item", children: [
+      /* @__PURE__ */ t.jsx("span", { className: i.configItemTitle, children: `${e}: ` }),
+      /* @__PURE__ */ t.jsx(
+        "a",
+        {
+          className: "link",
+          target: "_blank",
+          rel: "noreferrer",
+          href: (s = r[e]) == null ? void 0 : s.url,
+          children: `${(l = r[e]) == null ? void 0 : l.url}`
+        }
+      )
+    ] }, e) : /* @__PURE__ */ t.jsxs("li", { className: i.configItem, "data-testid": "config-list-item", children: [
+      /* @__PURE__ */ t.jsx("span", { className: i.configItemTitle, children: `${e}: ` }),
+      /* @__PURE__ */ t.jsx("span", { children: `${r[e]}` })
+    ] }, e);
+  });
+  return /* @__PURE__ */ t.jsx(o, { ...c, children: /* @__PURE__ */ t.jsx("ul", { className: i.configWrapper, "data-testid": "config-list", children: a() }) });
+}
+export {
+  j as default
+};

package/dist/components/Confirm/Confirm.js

@@ -0,0 +1,60 @@
+import { j as e } from "../../jsx-runtime-BcAkpsdy.js";
+import { useEffect as C } from "react";
+import h from "../Button/Button.js";
+import w from "../Modal/Modal.js";
+import N from "../../hooks/useNiceModal.js";
+import { ThemeAppearance as c, AppearanceButton as b } from "../../enums/appearance.js";
+import { c as _ } from "../../index-BHf7G3IG.js";
+import { N as y } from "../../index-H7XbDVmH.js";
+import { u as v } from "../../useTranslation-CnCPcxVj.js";
+import '../../Confirm.css';const B = "_btnWrap_1j5qr_2", E = "_dark_1j5qr_2", l = {
+  btnWrap: B,
+  dark: E
+}, M = (o) => {
+  const { t: n } = v(), [, d] = N(o.id), {
+    onClose: t,
+    okBtnCallback: r,
+    isLoading: m,
+    appearence: p = c.LIGHT,
+    description: f,
+    descriptionClassName: k,
+    title: u = n("title.warning"),
+    okBtnText: x = n("button.yes_proceed"),
+    cancelBtnText: j = n("button.cancel")
+  } = o, a = () => {
+    d(), t && t();
+  };
+  return C(() => {
+    const s = (i) => {
+      i.key === "Enter" && (i.preventDefault(), r());
+    };
+    return window.addEventListener("keydown", s), () => {
+      window.removeEventListener("keydown", s);
+    };
+  }, []), /* @__PURE__ */ e.jsxs(w, { title: u, appearance: p, onClose: a, children: [
+    /* @__PURE__ */ e.jsx(
+      "p",
+      {
+        className: _(k, {
+          [l.dark]: c.DARK
+        }),
+        children: f
+      }
+    ),
+    /* @__PURE__ */ e.jsxs("div", { className: l.btnWrap, children: [
+      /* @__PURE__ */ e.jsx(
+        h,
+        {
+          appearance: b.PRIMARY,
+          onClick: r,
+          isLoading: m,
+          children: x
+        }
+      ),
+      /* @__PURE__ */ e.jsx("a", { className: "link", onClick: a, children: j })
+    ] })
+  ] });
+}, K = y.create(M);
+export {
+  K as default
+};

package/dist/components/ContentHeader/ContentHeader.js

@@ -0,0 +1,75 @@
+import { j as e } from "../../jsx-runtime-BcAkpsdy.js";
+import { C as _ } from "../../react-content-loader.es-CswLCxkm.js";
+import { c as t } from "../../index-BHf7G3IG.js";
+import '../../ContentHeader.css';const x = "_container_ffrew_2", j = "_left_ffrew_2", v = "_right_ffrew_2", N = "_isActiveBorder_ffrew_2", g = "_titleWrapper_ffrew_2", w = "_title_ffrew_2", C = "_description_ffrew_2", r = {
+  container: x,
+  left: j,
+  right: v,
+  isActiveBorder: N,
+  titleWrapper: g,
+  title: w,
+  description: C
+}, A = (a) => {
+  const {
+    title: i,
+    leftClassName: n,
+    leftComponent: s,
+    rightClassName: d,
+    titleClassName: l,
+    titleWrapperClassName: f,
+    component: c,
+    description: h,
+    isActiveBorder: o,
+    isLoading: p,
+    ...m
+  } = a;
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: t(r.container, {
+        isActiveBorder: o
+      }),
+      ...m,
+      "data-testid": "content-header",
+      children: [
+        /* @__PURE__ */ e.jsx("div", { className: t(n, r.left), children: p ? /* @__PURE__ */ e.jsxs(
+          _,
+          {
+            backgroundColor: "#8c919d",
+            foregroundColor: "#dbdbdb",
+            width: 150,
+            height: 40,
+            viewBox: "0 0 150 40",
+            children: [
+              /* @__PURE__ */ e.jsx("rect", { x: "0", y: "10", rx: "3", ry: "3", width: "100%", height: "15" }),
+              /* @__PURE__ */ e.jsx("rect", { x: "0", y: "37", rx: "3", ry: "3", width: "100%", height: "3" })
+            ]
+          }
+        ) : /* @__PURE__ */ e.jsxs("div", { className: t(f), children: [
+          i && /* @__PURE__ */ e.jsx(
+            "div",
+            {
+              className: t({
+                [r.titleWrapper]: o
+              }),
+              children: /* @__PURE__ */ e.jsx(
+                "h2",
+                {
+                  "data-testid": "content-header-title",
+                  className: t(l, r.title),
+                  children: i
+                }
+              )
+            }
+          ),
+          s && s,
+          /* @__PURE__ */ e.jsx("div", { className: r.description, children: h })
+        ] }) }),
+        /* @__PURE__ */ e.jsx("div", { className: t(d, r.right), children: c && c })
+      ]
+    }
+  );
+};
+export {
+  A as default
+};

package/dist/components/ContentLoader/ContentLoader.js

@@ -0,0 +1,16 @@
+import { j as r } from "../../jsx-runtime-BcAkpsdy.js";
+import { C as o } from "../../react-content-loader.es-CswLCxkm.js";
+const f = () => /* @__PURE__ */ r.jsx(
+  o,
+  {
+    backgroundColor: "#ffffff",
+    foregroundColor: "#8c919d",
+    width: 55,
+    height: 12,
+    viewBox: "0 0 55 12",
+    children: /* @__PURE__ */ r.jsx("rect", { x: "0", y: "3", rx: "3", ry: "3", width: "100%", height: "9" })
+  }
+);
+export {
+  f as default
+};

package/dist/components/Countdown/Countdown.js

@@ -0,0 +1,20 @@
+import { j as i } from "../../jsx-runtime-BcAkpsdy.js";
+import r from "react";
+function c({ seconds: e, reset: f, onEnd: a }) {
+  const [t, n] = r.useState(e);
+  return r.useEffect(() => {
+    n(e);
+  }, [e, f]), r.useEffect(() => {
+    if (!t) {
+      a && a();
+      return;
+    }
+    const u = setInterval(() => {
+      n(t - 1);
+    }, 1e3);
+    return () => clearInterval(u);
+  }, [t]), /* @__PURE__ */ i.jsx("span", { "data-testid": "countdown", children: t });
+}
+export {
+  c as default
+};