@cagatayfdn/flora-components 0.0.109 → 0.0.110

package/dist/Stepper.css

@@ -1 +1 @@
-._container_12lwx_1{position:relative;margin-bottom:30px}._container_12lwx_1 ul{display:flex;margin:0;padding:0}._container_12lwx_1 ul li{position:relative;width:33.33%;list-style:none;padding:0}._container_12lwx_1 ul li._complete_12lwx_16 a{color:#fff}._container_12lwx_1 ul li._complete_12lwx_16 a span{color:#4482ff;background-color:#fff}._container_12lwx_1 ul li._complete_12lwx_16+li:before{background-color:#4482ff}._container_12lwx_1 ul li:first-child:before{content:none}._container_12lwx_1 ul li:before{content:"";width:100%;height:2px;background-color:#4482ff;position:absolute;left:-50%;top:16px;z-index:1}._container_12lwx_1 ul li._active_12lwx_39 a{color:#fff}._container_12lwx_1 ul li._active_12lwx_39 a span{color:#fff;background-color:#71d200}._container_12lwx_1 ul li a{display:flex;flex-direction:column;text-decoration:none;text-align:center;position:relative;z-index:2;color:#fff;font-weight:600;line-height:normal}._container_12lwx_1 ul li span{width:32px;height:32px;border-radius:100%;color:#3b4768;display:flex;align-items:center;justify-content:center;margin:auto auto 14px;background-color:#fff;font-weight:600;font-family:Jost,sans-serif}._container_12lwx_1 ul li span i{line-height:1px}
+._container_15acq_1{position:relative;margin-bottom:30px}._container_15acq_1 ul{display:flex;margin:0;padding:0}._container_15acq_1 ul li{position:relative;width:33.33%;list-style:none;padding:0}._container_15acq_1 ul li._complete_15acq_16 a{color:#fff}._container_15acq_1 ul li._complete_15acq_16 a span{color:#4482ff;background-color:#fff}._container_15acq_1 ul li._complete_15acq_16+li:before{background-color:#4482ff}._container_15acq_1 ul li:first-child:before{content:none}._container_15acq_1 ul li:before{content:"";width:100%;height:2px;background-color:#3b404c;position:absolute;left:-50%;top:16px;z-index:1}._container_15acq_1 ul li._active_15acq_39 a{color:#fff}._container_15acq_1 ul li._active_15acq_39 a span{color:#fff;background-color:#71d200}._container_15acq_1 ul li a{display:flex;flex-direction:column;text-decoration:none;text-align:center;position:relative;z-index:2;color:#fff;font-weight:600;line-height:normal}._container_15acq_1 ul li span{width:32px;height:32px;border-radius:100%;color:#3b4768;display:flex;align-items:center;justify-content:center;margin:auto auto 14px;background-color:#fff;font-weight:600;font-family:Jost,sans-serif}._container_15acq_1 ul li span i{line-height:1px}

package/dist/components/PermaLink/PermaLink.js

@@ -1,34 +1,387 @@
-import { j as l } from "../../jsx-runtime-BcAkpsdy.js";
-import { N as x } from "../../index-CPAJmTI5.js";
-import { g as c } from "../../index-9ZLCCecr.js";
-const v = ({
-  to: o,
-  params: i,
-  children: m,
-  className: r,
-  activeClassName: s,
-  style: p,
-  onClick: a,
-  state: e,
-  isDisabled: f
+import { j as Y } from "../../jsx-runtime-BcAkpsdy.js";
+import * as m from "react";
+import "react-dom";
+import { a as D, u as I, D as J, N as P, s as E, i as S, m as M, w as B, b as Q, c as Z, d as ee, e as A, f as te, R as ne, j as re, g as ae } from "../../index-9ZLCCecr.js";
+/**
+ * React Router DOM v6.22.0
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+function x() {
+  return x = Object.assign ? Object.assign.bind() : function(e) {
+    for (var n = 1; n < arguments.length; n++) {
+      var r = arguments[n];
+      for (var a in r)
+        Object.prototype.hasOwnProperty.call(r, a) && (e[a] = r[a]);
+    }
+    return e;
+  }, x.apply(this, arguments);
+}
+function K(e, n) {
+  if (e == null)
+    return {};
+  var r = {}, a = Object.keys(e), t, i;
+  for (i = 0; i < a.length; i++)
+    t = a[i], !(n.indexOf(t) >= 0) && (r[t] = e[t]);
+  return r;
+}
+const _ = "get", L = "application/x-www-form-urlencoded";
+function F(e) {
+  return e != null && typeof e.tagName == "string";
+}
+function ie(e) {
+  return F(e) && e.tagName.toLowerCase() === "button";
+}
+function oe(e) {
+  return F(e) && e.tagName.toLowerCase() === "form";
+}
+function le(e) {
+  return F(e) && e.tagName.toLowerCase() === "input";
+}
+function se(e) {
+  return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
+}
+function ue(e, n) {
+  return e.button === 0 && // Ignore everything but left clicks
+  (!n || n === "_self") && // Let browser handle "target=_blank" etc.
+  !se(e);
+}
+let R = null;
+function ce() {
+  if (R === null)
+    try {
+      new FormData(
+        document.createElement("form"),
+        // @ts-expect-error if FormData supports the submitter parameter, this will throw
+        0
+      ), R = !1;
+    } catch {
+      R = !0;
+    }
+  return R;
+}
+const fe = /* @__PURE__ */ new Set(["application/x-www-form-urlencoded", "multipart/form-data", "text/plain"]);
+function U(e) {
+  return e != null && !fe.has(e) ? (process.env.NODE_ENV !== "production" && B(!1, '"' + e + '" is not a valid `encType` for `<Form>`/`<fetcher.Form>` ' + ('and will default to "' + L + '"')), null) : e;
+}
+function me(e, n) {
+  let r, a, t, i, o;
+  if (oe(e)) {
+    let s = e.getAttribute("action");
+    a = s ? E(s, n) : null, r = e.getAttribute("method") || _, t = U(e.getAttribute("enctype")) || L, i = new FormData(e);
+  } else if (ie(e) || le(e) && (e.type === "submit" || e.type === "image")) {
+    let s = e.form;
+    if (s == null)
+      throw new Error('Cannot submit a <button> or <input type="submit"> without a <form>');
+    let u = e.getAttribute("formaction") || s.getAttribute("action");
+    if (a = u ? E(u, n) : null, r = e.getAttribute("formmethod") || s.getAttribute("method") || _, t = U(e.getAttribute("formenctype")) || U(s.getAttribute("enctype")) || L, i = new FormData(s, e), !ce()) {
+      let {
+        name: l,
+        type: d,
+        value: h
+      } = e;
+      if (d === "image") {
+        let v = l ? l + "." : "";
+        i.append(v + "x", "0"), i.append(v + "y", "0");
+      } else
+        l && i.append(l, h);
+    }
+  } else {
+    if (F(e))
+      throw new Error('Cannot submit element that is not <form>, <button>, or <input type="submit|image">');
+    r = _, a = null, t = L, o = e;
+  }
+  return i && t === "text/plain" && (o = i, i = void 0), {
+    action: a,
+    method: r.toLowerCase(),
+    encType: t,
+    formData: i,
+    body: o
+  };
+}
+const de = ["onClick", "relative", "reloadDocument", "replace", "state", "target", "to", "preventScrollReset", "unstable_viewTransition"], pe = ["aria-current", "caseSensitive", "className", "end", "style", "to", "unstable_viewTransition", "children"], he = ["fetcherKey", "navigate", "reloadDocument", "replace", "state", "method", "action", "onSubmit", "relative", "preventScrollReset", "unstable_viewTransition"], ve = "6";
+try {
+  window.__reactRouterVersion = ve;
+} catch {
+}
+const z = /* @__PURE__ */ m.createContext({
+  isTransitioning: !1
+});
+process.env.NODE_ENV !== "production" && (z.displayName = "ViewTransition");
+const be = /* @__PURE__ */ m.createContext(/* @__PURE__ */ new Map());
+process.env.NODE_ENV !== "production" && (be.displayName = "Fetchers");
+process.env.NODE_ENV;
+const we = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", ye = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, $ = /* @__PURE__ */ m.forwardRef(function(n, r) {
+  let {
+    onClick: a,
+    relative: t,
+    reloadDocument: i,
+    replace: o,
+    state: s,
+    target: u,
+    to: l,
+    preventScrollReset: d,
+    unstable_viewTransition: h
+  } = n, v = K(n, de), {
+    basename: N
+  } = m.useContext(P), b, w = !1;
+  if (typeof l == "string" && ye.test(l) && (b = l, we))
+    try {
+      let p = new URL(window.location.href), f = l.startsWith("//") ? new URL(p.protocol + l) : new URL(l), C = E(f.pathname, N);
+      f.origin === p.origin && C != null ? l = C + f.search + f.hash : w = !0;
+    } catch {
+      process.env.NODE_ENV !== "production" && B(!1, '<Link to="' + l + '"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.');
+    }
+  let y = Q(l, {
+    relative: t
+  }), g = Se(l, {
+    replace: o,
+    state: s,
+    target: u,
+    preventScrollReset: d,
+    relative: t,
+    unstable_viewTransition: h
+  });
+  function c(p) {
+    a && a(p), p.defaultPrevented || g(p);
+  }
+  return (
+    // eslint-disable-next-line jsx-a11y/anchor-has-content
+    /* @__PURE__ */ m.createElement("a", x({}, v, {
+      href: b || y,
+      onClick: w || i ? a : c,
+      ref: r,
+      target: u
+    }))
+  );
+});
+process.env.NODE_ENV !== "production" && ($.displayName = "Link");
+const q = /* @__PURE__ */ m.forwardRef(function(n, r) {
+  let {
+    "aria-current": a = "page",
+    caseSensitive: t = !1,
+    className: i = "",
+    end: o = !1,
+    style: s,
+    to: u,
+    unstable_viewTransition: l,
+    children: d
+  } = n, h = K(n, pe), v = D(u, {
+    relative: h.relative
+  }), N = I(), b = m.useContext(J), {
+    navigator: w,
+    basename: y
+  } = m.useContext(P), g = b != null && // Conditional usage is OK here because the usage of a data router is static
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  Le(v) && l === !0, c = w.encodeLocation ? w.encodeLocation(v).pathname : v.pathname, p = N.pathname, f = b && b.navigation && b.navigation.location ? b.navigation.location.pathname : null;
+  t || (p = p.toLowerCase(), f = f ? f.toLowerCase() : null, c = c.toLowerCase()), f && y && (f = E(f, y) || f);
+  const C = c !== "/" && c.endsWith("/") ? c.length - 1 : c.length;
+  let O = p === c || !o && p.startsWith(c) && p.charAt(C) === "/", j = f != null && (f === c || !o && f.startsWith(c) && f.charAt(c.length) === "/"), k = {
+    isActive: O,
+    isPending: j,
+    isTransitioning: g
+  }, H = O ? a : void 0, V;
+  typeof i == "function" ? V = i(k) : V = [i, O ? "active" : null, j ? "pending" : null, g ? "transitioning" : null].filter(Boolean).join(" ");
+  let X = typeof s == "function" ? s(k) : s;
+  return /* @__PURE__ */ m.createElement($, x({}, h, {
+    "aria-current": H,
+    className: V,
+    ref: r,
+    style: X,
+    to: u,
+    unstable_viewTransition: l
+  }), typeof d == "function" ? d(k) : d);
+});
+process.env.NODE_ENV !== "production" && (q.displayName = "NavLink");
+const ge = /* @__PURE__ */ m.forwardRef((e, n) => {
+  let {
+    fetcherKey: r,
+    navigate: a,
+    reloadDocument: t,
+    replace: i,
+    state: o,
+    method: s = _,
+    action: u,
+    onSubmit: l,
+    relative: d,
+    preventScrollReset: h,
+    unstable_viewTransition: v
+  } = e, N = K(e, he), b = Re(), w = _e(u, {
+    relative: d
+  }), y = s.toLowerCase() === "get" ? "get" : "post", g = (c) => {
+    if (l && l(c), c.defaultPrevented)
+      return;
+    c.preventDefault();
+    let p = c.nativeEvent.submitter, f = (p == null ? void 0 : p.getAttribute("formmethod")) || s;
+    b(p || c.currentTarget, {
+      fetcherKey: r,
+      method: f,
+      navigate: a,
+      replace: i,
+      state: o,
+      relative: d,
+      preventScrollReset: h,
+      unstable_viewTransition: v
+    });
+  };
+  return /* @__PURE__ */ m.createElement("form", x({
+    ref: n,
+    method: y,
+    action: w,
+    onSubmit: t ? l : g
+  }, N));
+});
+process.env.NODE_ENV !== "production" && (ge.displayName = "Form");
+process.env.NODE_ENV;
+var T;
+(function(e) {
+  e.UseScrollRestoration = "useScrollRestoration", e.UseSubmit = "useSubmit", e.UseSubmitFetcher = "useSubmitFetcher", e.UseFetcher = "useFetcher", e.useViewTransitionState = "useViewTransitionState";
+})(T || (T = {}));
+var W;
+(function(e) {
+  e.UseFetcher = "useFetcher", e.UseFetchers = "useFetchers", e.UseScrollRestoration = "useScrollRestoration";
+})(W || (W = {}));
+function Ee(e) {
+  return e + " must be used within a data router.  See https://reactrouter.com/routers/picking-a-router.";
+}
+function G(e) {
+  let n = m.useContext(Z);
+  return n || (process.env.NODE_ENV !== "production" ? S(!1, Ee(e)) : S(!1)), n;
+}
+function Se(e, n) {
+  let {
+    target: r,
+    replace: a,
+    state: t,
+    preventScrollReset: i,
+    relative: o,
+    unstable_viewTransition: s
+  } = n === void 0 ? {} : n, u = ee(), l = I(), d = D(e, {
+    relative: o
+  });
+  return m.useCallback((h) => {
+    if (ue(h, r)) {
+      h.preventDefault();
+      let v = a !== void 0 ? a : A(l) === A(d);
+      u(e, {
+        replace: v,
+        state: t,
+        preventScrollReset: i,
+        relative: o,
+        unstable_viewTransition: s
+      });
+    }
+  }, [l, u, d, a, t, r, e, i, o, s]);
+}
+function xe() {
+  if (typeof document > "u")
+    throw new Error("You are calling submit during the server render. Try calling submit within a `useEffect` or callback instead.");
+}
+let Ne = 0, Ce = () => "__" + String(++Ne) + "__";
+function Re() {
+  let {
+    router: e
+  } = G(T.UseSubmit), {
+    basename: n
+  } = m.useContext(P), r = te();
+  return m.useCallback(function(a, t) {
+    t === void 0 && (t = {}), xe();
+    let {
+      action: i,
+      method: o,
+      encType: s,
+      formData: u,
+      body: l
+    } = me(a, n);
+    if (t.navigate === !1) {
+      let d = t.fetcherKey || Ce();
+      e.fetch(d, r, t.action || i, {
+        preventScrollReset: t.preventScrollReset,
+        formData: u,
+        body: l,
+        formMethod: t.method || o,
+        formEncType: t.encType || s,
+        unstable_flushSync: t.unstable_flushSync
+      });
+    } else
+      e.navigate(t.action || i, {
+        preventScrollReset: t.preventScrollReset,
+        formData: u,
+        body: l,
+        formMethod: t.method || o,
+        formEncType: t.encType || s,
+        replace: t.replace,
+        state: t.state,
+        fromRouteId: r,
+        unstable_flushSync: t.unstable_flushSync,
+        unstable_viewTransition: t.unstable_viewTransition
+      });
+  }, [e, n, r]);
+}
+function _e(e, n) {
+  let {
+    relative: r
+  } = n === void 0 ? {} : n, {
+    basename: a
+  } = m.useContext(P), t = m.useContext(ne);
+  t || (process.env.NODE_ENV !== "production" ? S(!1, "useFormAction must be used inside a RouteContext") : S(!1));
+  let [i] = t.matches.slice(-1), o = x({}, D(e || ".", {
+    relative: r
+  })), s = I();
+  if (e == null) {
+    o.search = s.search;
+    let u = new URLSearchParams(o.search);
+    u.has("index") && u.get("index") === "" && (u.delete("index"), o.search = u.toString() ? "?" + u.toString() : "");
+  }
+  return (!e || e === ".") && i.route.index && (o.search = o.search ? o.search.replace(/^\?/, "?index&") : "?index"), a !== "/" && (o.pathname = o.pathname === "/" ? a : re([a, o.pathname])), A(o);
+}
+function Le(e, n) {
+  n === void 0 && (n = {});
+  let r = m.useContext(z);
+  r == null && (process.env.NODE_ENV !== "production" ? S(!1, "`unstable_useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?") : S(!1));
+  let {
+    basename: a
+  } = G(T.useViewTransitionState), t = D(e, {
+    relative: n.relative
+  });
+  if (!r.isTransitioning)
+    return !1;
+  let i = E(r.currentLocation.pathname, a) || r.currentLocation.pathname, o = E(r.nextLocation.pathname, a) || r.nextLocation.pathname;
+  return M(t.pathname, o) != null || M(t.pathname, i) != null;
+}
+const Fe = ({
+  to: e,
+  params: n,
+  children: r,
+  className: a,
+  activeClassName: t,
+  style: i,
+  onClick: o,
+  state: s,
+  isDisabled: u
 }) => {
-  const n = c(o, i), u = (t) => {
-    if (f)
-      return t.preventDefault();
-    a && a();
+  const l = ae(e, n), d = (h) => {
+    if (u)
+      return h.preventDefault();
+    o && o();
   };
-  return /* @__PURE__ */ l.jsx(
-    x,
+  return /* @__PURE__ */ Y.jsx(
+    q,
     {
-      to: e ? { pathname: n } : n,
-      style: p,
-      state: e,
-      className: ({ isActive: t }) => t ? `${r} ${s}` : r,
-      onClick: u,
-      children: m
+      to: s ? { pathname: l } : l,
+      style: i,
+      state: s,
+      className: ({ isActive: h }) => h ? `${a} ${t}` : a,
+      onClick: d,
+      children: r
     }
   );
 };
 export {
-  v as default
+  Fe as default
 };

package/dist/components/Stepper/Stepper.js

@@ -1,72 +1,75 @@
-import { j as r } from "../../jsx-runtime-BcAkpsdy.js";
-import { L as w } from "../../index-CPAJmTI5.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(
+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 C } from "../../assets/icons/icons.js";
+import '../../Stepper.css';const N = "_container_15acq_1", g = "_complete_15acq_16", A = "_active_15acq_39", i = {
+  container: N,
+  complete: g,
+  active: A
+}, y = (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-${t}`,
-      onClick: (c) => a && a(t, c),
+      href: `#step-${e}`,
+      onClick: (a) => d && d(e, a),
       children: [
-        s || (o > t ? /* @__PURE__ */ r.jsx("span", { children: /* @__PURE__ */ r.jsx(_, { name: h.Check }) }) : /* @__PURE__ */ r.jsx("span", { children: t + 1 })),
-        e
+        r || (p > e ? /* @__PURE__ */ t.jsx("span", { children: /* @__PURE__ */ t.jsx(x, { name: C.Check }) }) : /* @__PURE__ */ t.jsx("span", { children: e + 1 })),
+        c
       ]
     }
-  ), 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}`
-      );
+  );
+  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: a,
+          to: q,
+          skip: h
+        }, n) => {
+          if (h)
+            return null;
+          m && (s = !0);
+          const o = n === 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,
+                [a]: s
+              }),
+              children: f ? f({
+                title: e,
+                customIndexItem: c,
+                activeClass: r,
+                completeClass: a,
+                to: q,
+                skip: h
+              }, l) : v({ index: n, title: e, customIndexItem: c })
+            },
+            `stepper-item-${n}`
+          );
+        }
+      ) })
     }
-  ) }) });
+  );
 };
 export {
-  T as default
+  y as default
 };

package/dist/index.d.mts

@@ -13,7 +13,7 @@ import { format } from 'date-fns';
 import i18n from 'i18next';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { LegendItem } from 'chart.js';
-import { LinkProps } from 'react-router-dom';
+import type { LinkProps } from 'react-router-dom';
 import { MouseEvent as MouseEvent_2 } from 'react';
 import NiceModal from '@ebay/nice-modal-react';
 import { NiceModalHocProps } from '@ebay/nice-modal-react';
@@ -364,10 +364,6 @@ export declare type CustomItemProps = {
     item: OptionProps;
 };
 
-export declare type CustomLinkProps = {
-    to: LinkProps['to'];
-} & AnchorProps;
-
 export { CustomLocale }
 
 export declare const DateFormats: {
@@ -1206,11 +1202,12 @@ export declare type StatusTypographyProps = {
     spinnerLocation?: 'front' | 'back';
 };
 
-export declare const Stepper: ({ items, selected, selectAll, renderAnchor, onChange, wrapperClass, }: StepperProps) => JSX.Element;
+export declare const Stepper: (props: StepperProps) => JSX.Element;
 
 export declare type StepperItemProps = {
     title: string | any;
     customIndexItem?: any;
+    skip?: boolean;
     activeClass?: any;
     completeClass?: any;
     to?: LinkProps['to'];
@@ -1223,6 +1220,7 @@ export declare type StepperProps = {
     renderAnchor?: boolean;
     className?: string;
     wrapperClass?: string;
+    renderItem?: (item: StepperItemProps, props: StepperProps) => JSX.Element;
     onChange?: (index: number, event?: any) => void;
 };
 

package/dist/index.d.ts

@@ -13,7 +13,7 @@ import { format } from 'date-fns';
 import i18n from 'i18next';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { LegendItem } from 'chart.js';
-import { LinkProps } from 'react-router-dom';
+import type { LinkProps } from 'react-router-dom';
 import { MouseEvent as MouseEvent_2 } from 'react';
 import NiceModal from '@ebay/nice-modal-react';
 import { NiceModalHocProps } from '@ebay/nice-modal-react';
@@ -364,10 +364,6 @@ export declare type CustomItemProps = {
     item: OptionProps;
 };
 
-export declare type CustomLinkProps = {
-    to: LinkProps['to'];
-} & AnchorProps;
-
 export { CustomLocale }
 
 export declare const DateFormats: {
@@ -1206,11 +1202,12 @@ export declare type StatusTypographyProps = {
     spinnerLocation?: 'front' | 'back';
 };
 
-export declare const Stepper: ({ items, selected, selectAll, renderAnchor, onChange, wrapperClass, }: StepperProps) => JSX.Element;
+export declare const Stepper: (props: StepperProps) => JSX.Element;
 
 export declare type StepperItemProps = {
     title: string | any;
     customIndexItem?: any;
+    skip?: boolean;
     activeClass?: any;
     completeClass?: any;
     to?: LinkProps['to'];
@@ -1223,6 +1220,7 @@ export declare type StepperProps = {
     renderAnchor?: boolean;
     className?: string;
     wrapperClass?: string;
+    renderItem?: (item: StepperItemProps, props: StepperProps) => JSX.Element;
     onChange?: (index: number, event?: any) => void;
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cagatayfdn/flora-components",
-  "version": "0.0.109",
+  "version": "0.0.110",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/dist/index-CPAJmTI5.js

@@ -1,359 +0,0 @@
-import * as m from "react";
-import "react-dom";
-import { a as D, u as I, D as Y, N as F, s as E, i as S, m as W, w as j, b as J, c as Q, d as Z, e as A, f as $, R as ee, j as te } from "./index-9ZLCCecr.js";
-/**
- * React Router DOM v6.22.0
- *
- * Copyright (c) Remix Software Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE.md file in the root directory of this source tree.
- *
- * @license MIT
- */
-function N() {
-  return N = Object.assign ? Object.assign.bind() : function(e) {
-    for (var n = 1; n < arguments.length; n++) {
-      var r = arguments[n];
-      for (var a in r)
-        Object.prototype.hasOwnProperty.call(r, a) && (e[a] = r[a]);
-    }
-    return e;
-  }, N.apply(this, arguments);
-}
-function K(e, n) {
-  if (e == null)
-    return {};
-  var r = {}, a = Object.keys(e), t, i;
-  for (i = 0; i < a.length; i++)
-    t = a[i], !(n.indexOf(t) >= 0) && (r[t] = e[t]);
-  return r;
-}
-const _ = "get", L = "application/x-www-form-urlencoded";
-function P(e) {
-  return e != null && typeof e.tagName == "string";
-}
-function ne(e) {
-  return P(e) && e.tagName.toLowerCase() === "button";
-}
-function re(e) {
-  return P(e) && e.tagName.toLowerCase() === "form";
-}
-function ae(e) {
-  return P(e) && e.tagName.toLowerCase() === "input";
-}
-function ie(e) {
-  return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
-}
-function oe(e, n) {
-  return e.button === 0 && // Ignore everything but left clicks
-  (!n || n === "_self") && // Let browser handle "target=_blank" etc.
-  !ie(e);
-}
-let R = null;
-function le() {
-  if (R === null)
-    try {
-      new FormData(
-        document.createElement("form"),
-        // @ts-expect-error if FormData supports the submitter parameter, this will throw
-        0
-      ), R = !1;
-    } catch {
-      R = !0;
-    }
-  return R;
-}
-const se = /* @__PURE__ */ new Set(["application/x-www-form-urlencoded", "multipart/form-data", "text/plain"]);
-function k(e) {
-  return e != null && !se.has(e) ? (process.env.NODE_ENV !== "production" && j(!1, '"' + e + '" is not a valid `encType` for `<Form>`/`<fetcher.Form>` ' + ('and will default to "' + L + '"')), null) : e;
-}
-function ue(e, n) {
-  let r, a, t, i, o;
-  if (re(e)) {
-    let s = e.getAttribute("action");
-    a = s ? E(s, n) : null, r = e.getAttribute("method") || _, t = k(e.getAttribute("enctype")) || L, i = new FormData(e);
-  } else if (ne(e) || ae(e) && (e.type === "submit" || e.type === "image")) {
-    let s = e.form;
-    if (s == null)
-      throw new Error('Cannot submit a <button> or <input type="submit"> without a <form>');
-    let u = e.getAttribute("formaction") || s.getAttribute("action");
-    if (a = u ? E(u, n) : null, r = e.getAttribute("formmethod") || s.getAttribute("method") || _, t = k(e.getAttribute("formenctype")) || k(s.getAttribute("enctype")) || L, i = new FormData(s, e), !le()) {
-      let {
-        name: l,
-        type: p,
-        value: v
-      } = e;
-      if (p === "image") {
-        let h = l ? l + "." : "";
-        i.append(h + "x", "0"), i.append(h + "y", "0");
-      } else
-        l && i.append(l, v);
-    }
-  } else {
-    if (P(e))
-      throw new Error('Cannot submit element that is not <form>, <button>, or <input type="submit|image">');
-    r = _, a = null, t = L, o = e;
-  }
-  return i && t === "text/plain" && (o = i, i = void 0), {
-    action: a,
-    method: r.toLowerCase(),
-    encType: t,
-    formData: i,
-    body: o
-  };
-}
-const ce = ["onClick", "relative", "reloadDocument", "replace", "state", "target", "to", "preventScrollReset", "unstable_viewTransition"], fe = ["aria-current", "caseSensitive", "className", "end", "style", "to", "unstable_viewTransition", "children"], me = ["fetcherKey", "navigate", "reloadDocument", "replace", "state", "method", "action", "onSubmit", "relative", "preventScrollReset", "unstable_viewTransition"], de = "6";
-try {
-  window.__reactRouterVersion = de;
-} catch {
-}
-const z = /* @__PURE__ */ m.createContext({
-  isTransitioning: !1
-});
-process.env.NODE_ENV !== "production" && (z.displayName = "ViewTransition");
-const pe = /* @__PURE__ */ m.createContext(/* @__PURE__ */ new Map());
-process.env.NODE_ENV !== "production" && (pe.displayName = "Fetchers");
-process.env.NODE_ENV;
-const he = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", ve = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, q = /* @__PURE__ */ m.forwardRef(function(n, r) {
-  let {
-    onClick: a,
-    relative: t,
-    reloadDocument: i,
-    replace: o,
-    state: s,
-    target: u,
-    to: l,
-    preventScrollReset: p,
-    unstable_viewTransition: v
-  } = n, h = K(n, ce), {
-    basename: x
-  } = m.useContext(F), b, w = !1;
-  if (typeof l == "string" && ve.test(l) && (b = l, he))
-    try {
-      let d = new URL(window.location.href), f = l.startsWith("//") ? new URL(d.protocol + l) : new URL(l), C = E(f.pathname, x);
-      f.origin === d.origin && C != null ? l = C + f.search + f.hash : w = !0;
-    } catch {
-      process.env.NODE_ENV !== "production" && j(!1, '<Link to="' + l + '"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.');
-    }
-  let y = J(l, {
-    relative: t
-  }), g = ge(l, {
-    replace: o,
-    state: s,
-    target: u,
-    preventScrollReset: p,
-    relative: t,
-    unstable_viewTransition: v
-  });
-  function c(d) {
-    a && a(d), d.defaultPrevented || g(d);
-  }
-  return (
-    // eslint-disable-next-line jsx-a11y/anchor-has-content
-    /* @__PURE__ */ m.createElement("a", N({}, h, {
-      href: b || y,
-      onClick: w || i ? a : c,
-      ref: r,
-      target: u
-    }))
-  );
-});
-process.env.NODE_ENV !== "production" && (q.displayName = "Link");
-const be = /* @__PURE__ */ m.forwardRef(function(n, r) {
-  let {
-    "aria-current": a = "page",
-    caseSensitive: t = !1,
-    className: i = "",
-    end: o = !1,
-    style: s,
-    to: u,
-    unstable_viewTransition: l,
-    children: p
-  } = n, v = K(n, fe), h = D(u, {
-    relative: v.relative
-  }), x = I(), b = m.useContext(Y), {
-    navigator: w,
-    basename: y
-  } = m.useContext(F), g = b != null && // Conditional usage is OK here because the usage of a data router is static
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  Re(h) && l === !0, c = w.encodeLocation ? w.encodeLocation(h).pathname : h.pathname, d = x.pathname, f = b && b.navigation && b.navigation.location ? b.navigation.location.pathname : null;
-  t || (d = d.toLowerCase(), f = f ? f.toLowerCase() : null, c = c.toLowerCase()), f && y && (f = E(f, y) || f);
-  const C = c !== "/" && c.endsWith("/") ? c.length - 1 : c.length;
-  let O = d === c || !o && d.startsWith(c) && d.charAt(C) === "/", M = f != null && (f === c || !o && f.startsWith(c) && f.charAt(c.length) === "/"), V = {
-    isActive: O,
-    isPending: M,
-    isTransitioning: g
-  }, H = O ? a : void 0, U;
-  typeof i == "function" ? U = i(V) : U = [i, O ? "active" : null, M ? "pending" : null, g ? "transitioning" : null].filter(Boolean).join(" ");
-  let X = typeof s == "function" ? s(V) : s;
-  return /* @__PURE__ */ m.createElement(q, N({}, v, {
-    "aria-current": H,
-    className: U,
-    ref: r,
-    style: X,
-    to: u,
-    unstable_viewTransition: l
-  }), typeof p == "function" ? p(V) : p);
-});
-process.env.NODE_ENV !== "production" && (be.displayName = "NavLink");
-const we = /* @__PURE__ */ m.forwardRef((e, n) => {
-  let {
-    fetcherKey: r,
-    navigate: a,
-    reloadDocument: t,
-    replace: i,
-    state: o,
-    method: s = _,
-    action: u,
-    onSubmit: l,
-    relative: p,
-    preventScrollReset: v,
-    unstable_viewTransition: h
-  } = e, x = K(e, me), b = xe(), w = Ce(u, {
-    relative: p
-  }), y = s.toLowerCase() === "get" ? "get" : "post", g = (c) => {
-    if (l && l(c), c.defaultPrevented)
-      return;
-    c.preventDefault();
-    let d = c.nativeEvent.submitter, f = (d == null ? void 0 : d.getAttribute("formmethod")) || s;
-    b(d || c.currentTarget, {
-      fetcherKey: r,
-      method: f,
-      navigate: a,
-      replace: i,
-      state: o,
-      relative: p,
-      preventScrollReset: v,
-      unstable_viewTransition: h
-    });
-  };
-  return /* @__PURE__ */ m.createElement("form", N({
-    ref: n,
-    method: y,
-    action: w,
-    onSubmit: t ? l : g
-  }, x));
-});
-process.env.NODE_ENV !== "production" && (we.displayName = "Form");
-process.env.NODE_ENV;
-var T;
-(function(e) {
-  e.UseScrollRestoration = "useScrollRestoration", e.UseSubmit = "useSubmit", e.UseSubmitFetcher = "useSubmitFetcher", e.UseFetcher = "useFetcher", e.useViewTransitionState = "useViewTransitionState";
-})(T || (T = {}));
-var B;
-(function(e) {
-  e.UseFetcher = "useFetcher", e.UseFetchers = "useFetchers", e.UseScrollRestoration = "useScrollRestoration";
-})(B || (B = {}));
-function ye(e) {
-  return e + " must be used within a data router.  See https://reactrouter.com/routers/picking-a-router.";
-}
-function G(e) {
-  let n = m.useContext(Q);
-  return n || (process.env.NODE_ENV !== "production" ? S(!1, ye(e)) : S(!1)), n;
-}
-function ge(e, n) {
-  let {
-    target: r,
-    replace: a,
-    state: t,
-    preventScrollReset: i,
-    relative: o,
-    unstable_viewTransition: s
-  } = n === void 0 ? {} : n, u = Z(), l = I(), p = D(e, {
-    relative: o
-  });
-  return m.useCallback((v) => {
-    if (oe(v, r)) {
-      v.preventDefault();
-      let h = a !== void 0 ? a : A(l) === A(p);
-      u(e, {
-        replace: h,
-        state: t,
-        preventScrollReset: i,
-        relative: o,
-        unstable_viewTransition: s
-      });
-    }
-  }, [l, u, p, a, t, r, e, i, o, s]);
-}
-function Ee() {
-  if (typeof document > "u")
-    throw new Error("You are calling submit during the server render. Try calling submit within a `useEffect` or callback instead.");
-}
-let Se = 0, Ne = () => "__" + String(++Se) + "__";
-function xe() {
-  let {
-    router: e
-  } = G(T.UseSubmit), {
-    basename: n
-  } = m.useContext(F), r = $();
-  return m.useCallback(function(a, t) {
-    t === void 0 && (t = {}), Ee();
-    let {
-      action: i,
-      method: o,
-      encType: s,
-      formData: u,
-      body: l
-    } = ue(a, n);
-    if (t.navigate === !1) {
-      let p = t.fetcherKey || Ne();
-      e.fetch(p, r, t.action || i, {
-        preventScrollReset: t.preventScrollReset,
-        formData: u,
-        body: l,
-        formMethod: t.method || o,
-        formEncType: t.encType || s,
-        unstable_flushSync: t.unstable_flushSync
-      });
-    } else
-      e.navigate(t.action || i, {
-        preventScrollReset: t.preventScrollReset,
-        formData: u,
-        body: l,
-        formMethod: t.method || o,
-        formEncType: t.encType || s,
-        replace: t.replace,
-        state: t.state,
-        fromRouteId: r,
-        unstable_flushSync: t.unstable_flushSync,
-        unstable_viewTransition: t.unstable_viewTransition
-      });
-  }, [e, n, r]);
-}
-function Ce(e, n) {
-  let {
-    relative: r
-  } = n === void 0 ? {} : n, {
-    basename: a
-  } = m.useContext(F), t = m.useContext(ee);
-  t || (process.env.NODE_ENV !== "production" ? S(!1, "useFormAction must be used inside a RouteContext") : S(!1));
-  let [i] = t.matches.slice(-1), o = N({}, D(e || ".", {
-    relative: r
-  })), s = I();
-  if (e == null) {
-    o.search = s.search;
-    let u = new URLSearchParams(o.search);
-    u.has("index") && u.get("index") === "" && (u.delete("index"), o.search = u.toString() ? "?" + u.toString() : "");
-  }
-  return (!e || e === ".") && i.route.index && (o.search = o.search ? o.search.replace(/^\?/, "?index&") : "?index"), a !== "/" && (o.pathname = o.pathname === "/" ? a : te([a, o.pathname])), A(o);
-}
-function Re(e, n) {
-  n === void 0 && (n = {});
-  let r = m.useContext(z);
-  r == null && (process.env.NODE_ENV !== "production" ? S(!1, "`unstable_useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?") : S(!1));
-  let {
-    basename: a
-  } = G(T.useViewTransitionState), t = D(e, {
-    relative: n.relative
-  });
-  if (!r.isTransitioning)
-    return !1;
-  let i = E(r.currentLocation.pathname, a) || r.currentLocation.pathname, o = E(r.nextLocation.pathname, a) || r.nextLocation.pathname;
-  return W(t.pathname, o) != null || W(t.pathname, i) != null;
-}
-export {
-  q as L,
-  be as N
-};