@cagatayfdn/flora-components 0.0.71 → 0.0.73

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,119 @@
+import { j as i } from "../../jsx-runtime-BcAkpsdy.js";
+import f, { useState as x, useEffect as w } from "react";
+import { c as k } from "../../index-BHf7G3IG.js";
+import g from "../Label/Label.js";
+import b from "../ValidationError/ValidationError.js";
+import '../../Checkbox.css';const j = "_checkbox_1ie3h_236", v = "_slider_1ie3h_328", y = "_round_1ie3h_375", c = {
+  "icon-applications": "_icon-applications_1ie3h_16",
+  "icon-attach": "_icon-attach_1ie3h_20",
+  "icon-attachment": "_icon-attachment_1ie3h_24",
+  "icon-billing": "_icon-billing_1ie3h_28",
+  "icon-box": "_icon-box_1ie3h_32",
+  "icon-calendar": "_icon-calendar_1ie3h_36",
+  "icon-cart": "_icon-cart_1ie3h_40",
+  "icon-certificate": "_icon-certificate_1ie3h_44",
+  "icon-check": "_icon-check_1ie3h_48",
+  "icon-chevron-left": "_icon-chevron-left_1ie3h_52",
+  "icon-chevron-right": "_icon-chevron-right_1ie3h_56",
+  "icon-circle-minus": "_icon-circle-minus_1ie3h_60",
+  "icon-circle-plus": "_icon-circle-plus_1ie3h_64",
+  "icon-clock": "_icon-clock_1ie3h_68",
+  "icon-close": "_icon-close_1ie3h_72",
+  "icon-copy": "_icon-copy_1ie3h_76",
+  "icon-credit-card": "_icon-credit-card_1ie3h_80",
+  "icon-document": "_icon-document_1ie3h_84",
+  "icon-domain-registration": "_icon-domain-registration_1ie3h_88",
+  "icon-domains": "_icon-domains_1ie3h_92",
+  "icon-down-arrow": "_icon-down-arrow_1ie3h_96",
+  "icon-down-square": "_icon-down-square_1ie3h_100",
+  "icon-down": "_icon-down_1ie3h_96",
+  "icon-download": "_icon-download_1ie3h_108",
+  "icon-edit-outline": "_icon-edit-outline_1ie3h_112",
+  "icon-edit": "_icon-edit_1ie3h_112",
+  "icon-email": "_icon-email_1ie3h_120",
+  "icon-environment": "_icon-environment_1ie3h_124",
+  "icon-error-fill": "_icon-error-fill_1ie3h_128",
+  "icon-error": "_icon-error_1ie3h_128",
+  "icon-fileTextOutlined": "_icon-fileTextOutlined_1ie3h_136",
+  "icon-info": "_icon-info_1ie3h_140",
+  "icon-install": "_icon-install_1ie3h_144",
+  "icon-link": "_icon-link_1ie3h_148",
+  "icon-log": "_icon-log_1ie3h_152",
+  "icon-menu-close": "_icon-menu-close_1ie3h_156",
+  "icon-menu-open": "_icon-menu-open_1ie3h_160",
+  "icon-monitoring": "_icon-monitoring_1ie3h_164",
+  "icon-network": "_icon-network_1ie3h_168",
+  "icon-no-results": "_icon-no-results_1ie3h_172",
+  "icon-not-edit": "_icon-not-edit_1ie3h_176",
+  "icon-path": "_icon-path_1ie3h_180",
+  "icon-plus": "_icon-plus_1ie3h_184",
+  "icon-preview": "_icon-preview_1ie3h_188",
+  "icon-profile": "_icon-profile_1ie3h_192",
+  "icon-project-list": "_icon-project-list_1ie3h_196",
+  "icon-projects": "_icon-projects_1ie3h_200",
+  "icon-reload": "_icon-reload_1ie3h_204",
+  "icon-retry": "_icon-retry_1ie3h_208",
+  "icon-search": "_icon-search_1ie3h_212",
+  "icon-settings": "_icon-settings_1ie3h_216",
+  "icon-support": "_icon-support_1ie3h_220",
+  "icon-trash": "_icon-trash_1ie3h_224",
+  "icon-users": "_icon-users_1ie3h_228",
+  "icon-warning": "_icon-warning_1ie3h_232",
+  checkbox: j,
+  switch: "_switch_1ie3h_311",
+  "text-hide": "_text-hide_1ie3h_318",
+  slider: v,
+  round: y
+}, q = f.forwardRef(
+  ({
+    name: e,
+    label: _,
+    labelAppearance: d,
+    error: t,
+    isDisabled: r = !1,
+    isInline: p,
+    checked: o = !1,
+    onChange: h,
+    wrapperClassName: u,
+    ...n
+  }) => {
+    const [s, a] = x(
+      o || !!n.value
+    );
+    w(() => {
+      a(o);
+    }, [o]);
+    const m = (l) => {
+      !n.readOnly && !r && (l.persist(), a(!s), h && h(l));
+    };
+    return /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+      /* @__PURE__ */ i.jsxs(
+        "div",
+        {
+          className: k(c.checkbox, u, {
+            [c.inline]: p
+          }),
+          "data-testid": "checkbox",
+          children: [
+            /* @__PURE__ */ i.jsx(
+              "input",
+              {
+                type: "checkbox",
+                name: e,
+                disabled: r,
+                checked: s,
+                onChange: m,
+                ...n
+              }
+            ),
+            /* @__PURE__ */ i.jsx(g, { className: c.label, name: e, appearance: d, children: _ && /* @__PURE__ */ i.jsx("span", { children: _ }) })
+          ]
+        }
+      ),
+      t && /* @__PURE__ */ i.jsx(b, { ...t })
+    ] });
+  }
+);
+export {
+  q 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_q9ieu_1", f = "_configItem_q9ieu_5", d = "_configItemTitle_q9ieu_12", n = {
+  configWrapper: m,
+  configItem: f,
+  configItemTitle: d
+};
+function u({ config: i, scrollProps: l }) {
+  const a = () => Object.keys(i).map((e) => {
+    var r, s, c;
+    return (r = i[e]) != null && r.isUrl ? /* @__PURE__ */ t.jsxs("li", { className: n.configItem, "data-testid": "config-list-item", children: [
+      /* @__PURE__ */ t.jsx("span", { className: n.configItemTitle, children: `${e}: ` }),
+      /* @__PURE__ */ t.jsx(
+        "a",
+        {
+          className: "link",
+          target: "_blank",
+          rel: "noreferrer",
+          href: (s = i[e]) == null ? void 0 : s.url,
+          children: `${(c = i[e]) == null ? void 0 : c.url}`
+        }
+      )
+    ] }, e) : /* @__PURE__ */ t.jsxs("li", { className: n.configItem, "data-testid": "config-list-item", children: [
+      /* @__PURE__ */ t.jsx("span", { className: n.configItemTitle, children: `${e}: ` }),
+      /* @__PURE__ */ t.jsx("span", { children: `${i[e]}` })
+    ] }, e);
+  });
+  return /* @__PURE__ */ t.jsx(o, { ...l, children: /* @__PURE__ */ t.jsx("ul", { className: n.configWrapper, "data-testid": "config-list", children: a() }) });
+}
+export {
+  u as default
+};

package/dist/components/Confirm/Confirm.js

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

package/dist/components/ContentHeader/ContentHeader.js

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