@react-form-builder/components-rsuite 7.15.0 → 8.1.0

package/dist/wizard.js

@@ -1,14 +1,15 @@
-import { jsxs as v, jsx as i } from "@emotion/react/jsx-runtime";
-import { cx as a1 } from "@emotion/css";
-import b from "@emotion/styled";
-import { define as G, node as l1, string as S, containerStyles as K, ComponentStore as Q, useBuilderMode as c1, useComponentData as d1, event as N, boolean as m, nodeArray as p1, array as C1, oneOf as h1, number as u1 } from "@react-form-builder/core";
-import { forwardRef as f1, useState as m1, useEffect as v1, useCallback as p, useMemo as z } from "react";
-import { Steps as U, ButtonToolbar as b1, Button as q } from "rsuite";
-import { b as y1 } from "./hooks-DMVtrI-b.js";
-import { s as X } from "./categories-_98lyB3C.js";
-import { I as g1 } from "./InputCell-BDyUJFGm.js";
-const S1 = () => /* @__PURE__ */ v("svg", { width: "18", height: "18", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ i(
+import { jsxs as S, jsx as o } from "react/jsx-runtime";
+import { define as K, node as l1, string as A, containerStyles as Q, ComponentStore as U, useBuilderMode as c1, useComponentData as C1, event as M, boolean as v, nodeArray as d1, array as p1, oneOf as h1, number as u1 } from "@react-form-builder/core";
+import u from "clsx";
+import { forwardRef as m1, useState as f1, useCallback as d, useMemo as D } from "react";
+import { Steps as X, ButtonToolbar as v1, Button as G } from "rsuite";
+import { b as b1 } from "./hooks-DMVtrI-b.js";
+import { s as Y } from "./categories-_98lyB3C.js";
+import { I as S1 } from "./InputCell-tTp9fZXd.js";
+const g1 = "_step_1t3j2_1", y1 = {
+  step: g1
+}, A1 = () => /* @__PURE__ */ S("svg", { width: "18", height: "18", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ o(
     "path",
     {
       d: "M15.35 8C15.35 12.0593 12.0593 15.35 8 15.35C3.94071 15.35 0.65 12.0593 0.65 8C0.65 3.94071 3.94071 0.65 8 0.65C12.0593 0.65 15.35 3.94071 15.35 8Z",
@@ -16,89 +17,62 @@ const S1 = () => /* @__PURE__ */ v("svg", { width: "18", height: "18", viewBox:
       strokeWidth: "1.3"
     }
   ),
-  /* @__PURE__ */ i(
+  /* @__PURE__ */ o(
     "path",
     {
       d: "M10.0277 9.42974C10.3591 9.42974 10.6277 9.69837 10.6277 10.0297V10.511C10.6277 10.8424 10.3591 11.111 10.0277 11.111H6.47016C6.13879 11.111 5.87016 10.8424 5.87016 10.511V10.0297C5.87016 9.69837 6.13879 9.42974 6.47016 9.42974H7.43397V6.45251C7.3679 6.54591 7.26511 6.63932 7.12562 6.73272C6.98612 6.82612 6.82827 6.91563 6.65207 7.00125C6.4832 7.08687 6.31067 7.15693 6.13446 7.21141V7.21141C5.87237 7.28088 5.6499 7.06169 5.6499 6.79054C5.6499 6.66281 5.6499 6.52969 5.6499 6.41748C5.6499 6.30209 5.6499 6.16457 5.6499 6.03355C5.6499 5.76842 5.86835 5.54026 6.11244 5.43675V5.43675C6.29599 5.35113 6.47953 5.24605 6.66308 5.12151C6.85397 4.99697 7.01916 4.87243 7.15865 4.7479C7.16692 4.74089 7.17501 4.73395 7.18292 4.72709C7.3584 4.57498 7.58215 4.44434 7.81438 4.44434H8.62906C8.96043 4.44434 9.22906 4.71297 9.22906 5.04434V9.42974H10.0277Z",
       fill: "#9CA3AF"
     }
   )
-] }), x1 = b.div`
-  display: flex;
-`, { flexDirection: w1, gap: A1 } = K, B = "RsWizardStep", $1 = G(x1, B).name("Wizard step").category(X).kind("container").icon(S1).props({
-  label: S.default("Step"),
+] }), L1 = ({ className: e, ...t }) => /* @__PURE__ */ o("div", { ...t, className: u(y1.step, e) }), { flexDirection: N1, gap: w1 } = Q, P = "RsWizardStep", G1 = K(L1, P).name("Wizard step").category(Y).kind("container").icon(A1).props({
+  label: A.default("Step"),
   children: l1
 }).css({
-  ...K,
-  flexDirection: w1.default("column"),
-  gap: A1.default("10px")
-}).insertRestriction((e, t) => t.model.type === "RsWizard"), L1 = b.div`
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-`, Y = (e) => {
-  const t = new Q(`step${e}`, B);
+  ...Q,
+  flexDirection: N1.default("column"),
+  gap: w1.default("10px")
+}).insertRestriction((e, t) => t.model.type === "RsWizard"), e1 = (e) => {
+  const t = new U(`step${e}`, P);
   return t.props.label = { value: `Step ${e}` }, t;
-}, V1 = {
-  onAdd: (e, t, a) => {
-    const o = Y(e + 1), s = a.createComponentData(o), c = t.store.props.activeIndex ??= {};
-    if (c.value = e, t.children?.length) {
+}, _1 = {
+  onAdd: (e, t, i) => {
+    const a = e1(e + 1), s = i.createComponentData(a), l = t.store.props.activeIndex ??= {};
+    if (l.value = e, t.children?.length) {
       t.children[e - 1]?.insertAfterMe(s);
       return;
     }
     s.setParent(t);
   },
   onRemove: (e, t) => {
-    const { activeIndex: a } = t.store.props;
-    a?.value === e && e > 0 && (a.value = e - 1), t.children[e].delete();
+    const { activeIndex: i } = t.store.props;
+    i?.value === e && e > 0 && (i.value = e - 1), t.children[e].delete();
   },
-  columns: [{ name: "label", input: g1 }],
-  calculateEditorProps: ({ store: e }) => ({ data: e.children?.map(({ props: o }) => ({
-    label: o.label?.value
-  })) ?? [], onChange: (o) => {
-    o.forEach(({ label: s }, c) => {
-      if (!e.children?.[c]) return;
-      const { props: u } = e.children[c];
-      u.label = { value: s };
+  columns: [{ name: "label", input: S1 }],
+  calculateEditorProps: ({ store: e }) => ({ data: e.children?.map(({ props: a }) => ({
+    label: a.label?.value
+  })) ?? [], onChange: (a) => {
+    a.forEach(({ label: s }, l) => {
+      if (!e.children?.[l]) return;
+      const { props: m } = e.children[l];
+      m.label = { value: s };
     });
   } })
-}, e1 = (e, t) => {
+}, t1 = (e, t) => {
   if (t(e)) return e;
   if (e.parent)
-    return e1(e.parent, t);
-}, W1 = {
+    return t1(e.parent, t);
+}, x1 = {
   onSelectNode: (e, t) => {
-    const a = e1(e, (o) => o?.parent === t);
-    if (a) {
-      const o = t.children.indexOf(a);
-      o >= 0 && t.field?.setValue(o);
+    const i = t1(e, (a) => a?.parent === t);
+    if (i) {
+      const a = t.children.indexOf(i);
+      a >= 0 && t.field?.setValue(a);
     }
   }
-}, I1 = b(U.Item)`
-  z-index: 7;
-
-  &.rs-steps-item-status-process:not(.active) .rs-steps-item-icon-wrapper {
-    color: var(--rs-text-secondary);
-    background-color: initial;
-  }
-
-  &.available {
-    cursor: pointer;
-
-    &:hover {
-      color: var(--rs-steps-state-finish);
-
-      .rs-steps-item-icon-wrapper {
-        border: 2px solid var(--rs-steps-state-finish);
-      }
-    }
-  }
-
-  &.active:hover .rs-steps-item-icon-wrapper {
-    opacity: 0.8;
-  }
-`, M1 = () => /* @__PURE__ */ v("svg", { width: "18", height: "18", viewBox: "0 0 18 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ i(
+}, V1 = "_item_1142y_1", W1 = {
+  item: V1
+}, I1 = ({ className: e, ...t }) => /* @__PURE__ */ o(X.Item, { ...t, className: u(W1.item, e) }), M1 = () => /* @__PURE__ */ S("svg", { width: "18", height: "18", viewBox: "0 0 18 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ o(
     "path",
     {
       d: "M9.91356 12.2014C9.94902 12.2322 9.96392 12.2507 9.97091 12.2611C9.9746 12.2666 9.97974 12.2747 9.98431 12.293C9.98452 12.3881 9.97896 12.4231 9.97347 12.4425L9.9733 12.4431C9.97154 12.4494 9.96743 12.4642 9.94436 12.4941C9.90102 12.5221 9.86337 12.5361 9.80599 12.5436C9.75021 12.5297 9.72282 12.5146 9.70528 12.5027C9.68601 12.4896 9.66045 12.468 9.62262 12.4232C9.61547 12.3737 9.61955 12.3255 9.63721 12.2648C9.65945 12.2353 9.67573 12.218 9.6883 12.2069C9.69672 12.1994 9.705 12.1933 9.71561 12.1879C9.80453 12.1766 9.86973 12.1854 9.91356 12.2014ZM7.52741 12.2182C7.54337 12.2371 7.55058 12.2496 7.55453 12.2575C7.55976 12.268 7.56852 12.2889 7.57406 12.336C7.56955 12.3926 7.56029 12.4238 7.55195 12.4439C7.54495 12.4608 7.5331 12.4831 7.50747 12.5145C7.48191 12.5284 7.4499 12.5383 7.39689 12.544C7.35485 12.5304 7.31728 12.5092 7.26778 12.4674C7.25183 12.4212 7.24534 12.3592 7.25504 12.2605C7.27472 12.2349 7.29919 12.2102 7.33282 12.1831C7.39802 12.1809 7.45887 12.1918 7.52741 12.2182Z",
@@ -106,7 +80,7 @@ const S1 = () => /* @__PURE__ */ v("svg", { width: "18", height: "18", viewBox:
       stroke: "#9CA3AF"
     }
   ),
-  /* @__PURE__ */ i(
+  /* @__PURE__ */ o(
     "path",
     {
       d: "M1.02321 12.3725L1.0232 12.3725C0.908298 12.2509 0.716529 12.2454 0.594907 12.3603C0.473281 12.4752 0.467834 12.667 0.582742 12.7886L1.02321 12.3725ZM1.02321 12.3725L1.76724 13.16L2.11533 13.5284L2.47898 13.1754L5.40979 10.3297L5.40979 10.3297C5.52984 10.2132 5.72166 10.216 5.83822 10.3361C5.95478 10.4561 5.95195 10.6479 5.8319 10.7645C5.8319 10.7645 5.8319 10.7645 5.8319 10.7645L2.34629 14.1488L2.69459 14.5075L2.34628 14.1488C2.20902 14.2821 1.98925 14.2773 1.85784 14.1383C1.85784 14.1383 1.85784 14.1382 1.85783 14.1382L0.582748 12.7886L1.02321 12.3725Z",
@@ -114,7 +88,7 @@ const S1 = () => /* @__PURE__ */ v("svg", { width: "18", height: "18", viewBox:
       stroke: "#9CA3AF"
     }
   ),
-  /* @__PURE__ */ i(
+  /* @__PURE__ */ o(
     "path",
     {
       d: "M17.1002 12.2259C17.1002 13.5286 16.0442 14.5846 14.7416 14.5846C13.4389 14.5846 12.3829 13.5286 12.3829 12.2259C12.3829 10.9233 13.4389 9.86729 14.7416 9.86729C16.0442 9.86729 17.1002 10.9233 17.1002 12.2259Z",
@@ -122,156 +96,134 @@ const S1 = () => /* @__PURE__ */ v("svg", { width: "18", height: "18", viewBox:
       strokeWidth: "1.8"
     }
   ),
-  /* @__PURE__ */ i(
+  /* @__PURE__ */ o(
     "path",
     {
       d: "M4.75316 4.55147C5.08454 4.55147 5.35316 4.8201 5.35316 5.15147V5.41897C5.35316 5.75034 5.08454 6.01897 4.75316 6.01897H1.80055C1.46918 6.01897 1.20055 5.75034 1.20055 5.41897V5.15147C1.20055 4.8201 1.46918 4.55147 1.80055 4.55147H2.56553V1.95279C2.50786 2.03432 2.41814 2.11584 2.29638 2.19737C2.17462 2.2789 2.03684 2.35703 1.88304 2.43176C1.73565 2.5065 1.58505 2.56764 1.43125 2.6152V2.6152C1.20248 2.67583 1.0083 2.48451 1.0083 2.24784C1.0083 2.13636 1.0083 2.02016 1.0083 1.92222C1.0083 1.8215 1.0083 1.70146 1.0083 1.5871C1.0083 1.35568 1.19897 1.15653 1.41203 1.06618V1.06618C1.57224 0.991446 1.73244 0.899728 1.89265 0.791025C2.05927 0.682321 2.20346 0.573618 2.32522 0.464915V0.464915C2.49279 0.322793 2.70572 0.199951 2.92545 0.199951H3.53237C3.86374 0.199951 4.13237 0.46858 4.13237 0.799951V4.55147H4.75316Z",
       fill: "#9CA3AF"
     }
   ),
-  /* @__PURE__ */ i(
+  /* @__PURE__ */ o(
     "path",
     {
       d: "M13.1693 6.01897C12.838 6.01897 12.5639 5.74955 12.5974 5.41987C12.6059 5.33585 12.6164 5.25512 12.6288 5.17766C12.6742 4.93061 12.745 4.70693 12.8414 4.50662C12.9434 4.29964 13.0765 4.10934 13.2409 3.93574C13.4109 3.75546 13.6234 3.5852 13.8784 3.42495C14.1448 3.25802 14.3658 3.1178 14.5415 3.0043C14.7228 2.88411 14.8673 2.78395 14.975 2.70383C15.0827 2.62371 15.1563 2.54692 15.196 2.47347C15.2413 2.39335 15.264 2.30655 15.264 2.21307C15.264 2.08621 15.2385 1.97604 15.1875 1.88256C15.1365 1.78908 15.0628 1.71897 14.9665 1.67223C14.8702 1.61882 14.7511 1.59211 14.6095 1.59211C14.4961 1.59211 14.3885 1.6088 14.2864 1.64219C14.1844 1.67557 14.0853 1.72565 13.9889 1.79242C13.8983 1.85919 13.8104 1.93931 13.7254 2.03279V2.03279C13.5884 2.17273 13.3537 2.17265 13.2386 2.01418L12.8889 1.53287C12.7263 1.309 12.7367 0.999513 12.9545 0.828708C12.962 0.822771 12.9697 0.816834 12.9774 0.810897C13.1304 0.697389 13.3032 0.597234 13.4959 0.510432C13.6886 0.416954 13.8983 0.343507 14.1249 0.290091C14.3573 0.229998 14.5981 0.199951 14.8475 0.199951C15.2555 0.199951 15.5984 0.273398 15.8761 0.420293C16.1594 0.56051 16.3748 0.76082 16.5221 1.02122C16.6694 1.28163 16.7431 1.58877 16.7431 1.94265C16.7431 2.16967 16.7119 2.36998 16.6496 2.54358C16.5929 2.71051 16.5164 2.86074 16.4201 2.99428C16.3237 3.12782 16.2132 3.24801 16.0886 3.35484C15.9696 3.46167 15.8505 3.55849 15.7315 3.64529C15.5955 3.72541 15.468 3.80554 15.349 3.88566C15.23 3.95911 15.1195 4.03256 15.0175 4.106C14.9155 4.17277 14.8191 4.24622 14.7285 4.32634V4.32634C14.6235 4.41704 14.695 4.57673 14.8337 4.57673H16.2366C16.568 4.57673 16.8366 4.84536 16.8366 5.17673V5.41897C16.8366 5.75034 16.568 6.01897 16.2366 6.01897H13.1693Z",
       fill: "#9CA3AF"
     }
   )
-] }), F1 = { justifyContent: "end", zIndex: 7 }, N1 = b(L1)`
-  gap: 10px;
-  padding: 10px;
-
-  .parent-type-RsWizard.Toolbar {
-    .add-button {
-      display: none;
-    }
-  }
-`, z1 = b.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100px;
-`, P1 = () => /* @__PURE__ */ i(z1, { children: "Missing content" }), B1 = f1(function(t, a) {
+] }), F1 = "_container_1xvd3_1", P1 = "_centered_1xvd3_13", B1 = "_toolbar_1xvd3_21", k1 = "_stepsContainer_1xvd3_26", z1 = "_verticalSteps_1xvd3_32", b = {
+  container: F1,
+  centered: P1,
+  toolbar: B1,
+  stepsContainer: k1,
+  verticalSteps: z1
+}, R1 = () => /* @__PURE__ */ o("div", { className: b.centered, children: "Missing content" }), H1 = m1(function(t, i) {
   const {
-    children: o,
+    children: a,
     activeIndex: s = 0,
-    onChange: c,
-    onNext: u,
-    onPrev: R,
-    onFinish: x,
-    showSteps: t1,
-    showStepsLabels: n1,
-    verticalSteps: w,
-    stepsNavigation: A,
-    prevButtonLabel: k,
-    nextButtonLabel: L,
-    finishButtonLabel: V,
-    validateOnNext: E,
+    onChange: l,
+    onNext: m,
+    onPrev: B,
+    onFinish: L,
+    showSteps: n1,
+    showStepsLabels: s1,
+    verticalSteps: k,
+    stepsNavigation: N,
+    prevButtonLabel: z,
+    nextButtonLabel: w,
+    finishButtonLabel: _,
+    validateOnNext: R,
     validateOnFinish: H,
-    ...s1
-  } = t, [l, Z] = m1(s), O = c1() === "builder";
-  v1(() => {
-    l < s && Z(s);
-  }, [l, s]);
-  const C = d1(), f = y1(
-    C.store.children,
+    className: r1,
+    ...o1
+  } = t, [c, E] = f1(s), Z = c1() === "builder";
+  c < s && E(s);
+  const p = C1(), f = b1(
+    p.store.children,
     ({ props: n }) => ({ label: n.label?.value })
-  ), d = p((n) => {
-    l < n && Z(n), c?.(n);
-  }, [l, c]), j = p((n) => {
+  ), C = d((n) => {
+    c < n && E(n), l?.(n);
+  }, [c, l]), O = d((n) => {
     if (H) {
-      C.validate().then(() => {
-        C.hasErrors || x?.(n);
+      p.validate().then(() => {
+        p.hasErrors || L?.(n);
       });
       return;
     }
-    x?.(n);
-  }, [C, x, H]), T = p((n) => {
+    L?.(n);
+  }, [p, L, H]), $ = d((n) => {
     let r = s ?? 0;
     r < f.length && (r = r + 1);
-    const h = C.children[s];
-    if (E) {
+    const h = p.children[s];
+    if (R) {
       h?.validate().then(() => {
-        h?.hasErrors || (d?.(r), u?.(n));
+        h?.hasErrors || (C(r), m?.(n));
       });
       return;
     }
-    d?.(r), u?.(n);
-  }, [s, C.children, f.length, u, d, E]), J = p((n) => {
+    C(r), m?.(n);
+  }, [s, p.children, f.length, m, C, R]), j = d((n) => {
     let r = s ?? 0;
-    r > 0 && (r = r - 1), d?.(r), R?.(n);
-  }, [s, R, d]), y = p((n) => O || A === "any" || A === "onlyVisited" && n <= l, [l, O, A]), _ = p((n) => n <= l ? "process" : "wait", [l]), $ = p((n) => {
-    y(n) && d(n);
-  }, [d, y]), W = s <= 0, g = s >= f.length - 1, D = g && V === L, r1 = z(() => ({
-    display: "flex",
-    flexDirection: w ? "row" : "column",
-    gap: 10
-  }), [w]), I = Array.isArray(o) ? o[s] ?? o[0] : null, o1 = z(() => /* @__PURE__ */ v(b1, { style: F1, className: "buttons", children: [
-    !W && /* @__PURE__ */ i(q, { onClick: J, disabled: W, children: k }),
-    /* @__PURE__ */ i(
-      q,
-      {
-        onClick: g ? j : T,
-        disabled: D,
-        appearance: "primary",
-        children: g ? V : L
-      }
-    )
-  ] }), [D, V, j, T, J, g, W, L, k]), i1 = z(() => f.map(({ label: n }, r) => {
-    const h = a1({
-      available: y(r),
-      active: r === s
-    }), M = () => $(r), F = _(r);
+    r > 0 && (r = r - 1), C(r), B?.(n);
+  }, [s, B, C]), g = d((n) => Z || N === "any" || N === "onlyVisited" && n <= c, [c, Z, N]), J = d((n) => n <= c ? "process" : "wait", [c]), T = d((n) => {
+    g(n) && C(n);
+  }, [C, g]), x = s <= 0, y = s >= f.length - 1, q = y && _ === w, V = Array.isArray(a) ? a[s] ?? a[0] : null, a1 = D(() => /* @__PURE__ */ S(v1, { className: u("buttons", b.toolbar), children: [
+    !x && /* @__PURE__ */ o(G, { onClick: j, disabled: x, children: z }),
+    /* @__PURE__ */ o(G, { onClick: y ? O : $, disabled: q, appearance: "primary", children: y ? _ : w })
+  ] }), [q, _, O, $, j, y, x, w, z]), i1 = D(() => f.map(({ label: n }, r) => {
+    const h = u(
+      g(r) && "available",
+      r === s && "active"
+    ), W = () => T(r), I = J(r);
     return {
       label: n,
       className: h,
-      status: F,
-      onClick: M
+      status: I,
+      onClick: W
     };
-  }), [s, _, $, y, f]);
-  return /* @__PURE__ */ v(N1, { ...s1, ref: a, children: [
-    /* @__PURE__ */ v("div", { style: r1, children: [
-      t1 && !!I && /* @__PURE__ */ i(U, { current: s, vertical: w, className: "steps", children: i1.map(({ label: n, onClick: r, status: h, className: M }, F) => /* @__PURE__ */ i(
+  }), [s, J, T, g, f]);
+  return /* @__PURE__ */ S("div", { ...o1, ref: i, className: u(b.container, r1), children: [
+    /* @__PURE__ */ S("div", { className: u(b.stepsContainer, k && b.verticalSteps), children: [
+      n1 && !!V && /* @__PURE__ */ o(X, { current: s, vertical: k, className: "steps", children: i1.map(({ label: n, onClick: r, status: h, className: W }, I) => /* @__PURE__ */ o(
         I1,
         {
-          title: n1 && n,
+          title: s1 && n,
           onClick: r,
           status: h,
-          className: M
+          className: W
         },
-        F
+        I
       )) }),
-      /* @__PURE__ */ i("div", { className: "content", children: I ?? /* @__PURE__ */ i(P1, {}) })
+      /* @__PURE__ */ o("div", { className: "content", children: V ?? /* @__PURE__ */ o(R1, {}) })
     ] }),
-    !!I && o1
+    !!V && a1
   ] });
-}), P = "RsWizard", R1 = () => {
-  const e = new Q(P, P);
-  return e.children = [1, 2, 3].map((t) => Y(t)), JSON.stringify(e);
-}, D1 = G(B1, P).name("Wizard").category(X).icon(M1).initialJson(R1()).eventListeners(W1).props({
-  activeIndex: u1.valued.default(0).withEditorProps({
+}), F = "RsWizard", E1 = () => {
+  const e = new U(F, F);
+  return e.children = [1, 2, 3].map((t) => e1(t)), JSON.stringify(e);
+}, K1 = K(H1, F).name("Wizard").category(Y).icon(M1).initialJson(E1()).eventListeners(x1).props({
+  activeIndex: u1.valued.withEditorProps({
     calculateEditorProps: ({ store: e }) => ({
       min: 0,
       max: (e.children?.length || 1) - 1
     })
   }),
   stepsNavigation: h1("disable", "onlyVisited", "any").labeled("Disable", "Only visited", "Any").default("onlyVisited").withEditorProps({ creatable: !1 }),
-  steps: C1.default([]).withEditorProps(V1),
-  children: p1.withInsertRestriction((e, t) => t.model.type === B),
-  prevButtonLabel: S.default("Previous"),
-  nextButtonLabel: S.default("Next"),
-  finishButtonLabel: S.default("Finish"),
-  showSteps: m.default(!0),
-  showStepsLabels: m.default(!0),
-  verticalSteps: m.default(!1),
-  validateOnNext: m.default(!0),
-  validateOnFinish: m.default(!0),
-  onNext: N,
-  onPrev: N,
-  onFinish: N
+  steps: p1.default([]).withEditorProps(_1),
+  children: d1.withInsertRestriction((e, t) => t.model.type === P),
+  prevButtonLabel: A.default("Previous"),
+  nextButtonLabel: A.default("Next"),
+  finishButtonLabel: A.default("Finish"),
+  showSteps: v.default(!0),
+  showStepsLabels: v.default(!0),
+  verticalSteps: v.default(!1),
+  validateOnNext: v.default(!0),
+  validateOnFinish: v.default(!0),
+  onNext: M,
+  onPrev: M,
+  onFinish: M
 });
 export {
-  D1 as rsWizard,
-  $1 as rsWizardStep
+  K1 as rsWizard,
+  G1 as rsWizardStep
 };
 //# sourceMappingURL=wizard.js.map

package/dist/wizard.js.map

@@ -1 +1 @@
-{"version":3,"file":"wizard.js","sources":["../src/components/internal/RsWizard/WizardStepIcon.tsx","../src/components/internal/RsWizard/RsWizardStep.tsx","../src/components/internal/Layout.tsx","../src/components/internal/RsWizard/editorProps.ts","../src/components/internal/RsWizard/eventListeners.ts","../src/components/internal/RsWizard/Item.tsx","../src/components/internal/RsWizard/WizardIcon.tsx","../src/components/RsWizard.tsx"],"sourcesContent":["/**\n * @returns the WizardStep icon component.\n */\nexport const WizardStepIcon = () => (\n  <svg width=\"18\" height=\"18\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M15.35 8C15.35 12.0593 12.0593 15.35 8 15.35C3.94071 15.35 0.65 12.0593 0.65 8C0.65 3.94071 3.94071 0.65 8 0.65C12.0593 0.65 15.35 3.94071 15.35 8Z\"\n      stroke=\"#9CA3AF\" strokeWidth=\"1.3\"/>\n    <path\n      d=\"M10.0277 9.42974C10.3591 9.42974 10.6277 9.69837 10.6277 10.0297V10.511C10.6277 10.8424 10.3591 11.111 10.0277 11.111H6.47016C6.13879 11.111 5.87016 10.8424 5.87016 10.511V10.0297C5.87016 9.69837 6.13879 9.42974 6.47016 9.42974H7.43397V6.45251C7.3679 6.54591 7.26511 6.63932 7.12562 6.73272C6.98612 6.82612 6.82827 6.91563 6.65207 7.00125C6.4832 7.08687 6.31067 7.15693 6.13446 7.21141V7.21141C5.87237 7.28088 5.6499 7.06169 5.6499 6.79054C5.6499 6.66281 5.6499 6.52969 5.6499 6.41748C5.6499 6.30209 5.6499 6.16457 5.6499 6.03355C5.6499 5.76842 5.86835 5.54026 6.11244 5.43675V5.43675C6.29599 5.35113 6.47953 5.24605 6.66308 5.12151C6.85397 4.99697 7.01916 4.87243 7.15865 4.7479C7.16692 4.74089 7.17501 4.73395 7.18292 4.72709C7.3584 4.57498 7.58215 4.44434 7.81438 4.44434H8.62906C8.96043 4.44434 9.22906 4.71297 9.22906 5.04434V9.42974H10.0277Z\"\n      fill=\"#9CA3AF\"/>\n  </svg>\n)\n","import styled from '@emotion/styled'\nimport {containerStyles, define, node, string} from '@react-form-builder/core'\nimport {structureCategory} from '../../categories'\nimport {WizardStepIcon} from './WizardStepIcon'\n\n/**\n * Props for the RsWizardStep component.\n */\nexport interface RsWizardStepProps {\n  /**\n   * Label for the wizard step.\n   */\n  label?: string\n}\n\n/**\n * Wizard step component with flex layout.\n * @param props the component props.\n * @param props.label the label for the wizard step.\n * @param props.props the additional step props.\n * @returns the React element.\n */\nconst RsWizardStep = styled.div<RsWizardStepProps>`\n  display: flex;\n`\n\nconst {flexDirection, gap} = containerStyles\n\nexport const RsWizardStepComponentType = 'RsWizardStep'\n\nexport const rsWizardStep = define(RsWizardStep, RsWizardStepComponentType)\n  .name('Wizard step')\n  .category(structureCategory)\n  .kind('container')\n  .icon(WizardStepIcon)\n  .props({\n    label: string.default('Step'),\n    children: node\n  })\n  .css({\n    ...containerStyles,\n    flexDirection: flexDirection.default('column'),\n    gap: gap.default('10px')\n  })\n  .insertRestriction((_, parent) => parent.model.type === 'RsWizard')\n","import styled from '@emotion/styled'\n\nexport const Rows = styled.div`\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n`\n","import type {ComponentData, Store} from '@react-form-builder/core'\nimport {ComponentStore} from '@react-form-builder/core'\nimport {InputCell} from '../InputCell'\nimport {RsWizardStepComponentType} from './RsWizardStep'\n\ntype LabelValue = { label: string }\n\n/**\n * Creates a component store containing the Wizard step.\n * @param index the step index.\n * @returns the component store containing the Wizard step.\n */\nexport const createStep = (index: number) => {\n  const componentStore = new ComponentStore(`step${index}`, RsWizardStepComponentType)\n  componentStore.props.label = {value: `Step ${index}`}\n  return componentStore\n}\n\nexport const editorProps = {\n  onAdd: (index: number, wizardComponentData: ComponentData, viewerStore: Store) => {\n    const componentStore = createStep(index + 1)\n    const componentData = viewerStore.createComponentData(componentStore)\n    const activeIndex = wizardComponentData.store.props.activeIndex ??= {}\n    activeIndex.value = index\n    if (wizardComponentData.children?.length) {\n      wizardComponentData.children[index - 1]?.insertAfterMe(componentData)\n      return\n    }\n    componentData.setParent(wizardComponentData)\n  },\n  onRemove: (index: number, wizardComponentData: ComponentData) => {\n    const {activeIndex} = wizardComponentData.store.props\n    if (activeIndex?.value === index && index > 0) {\n      activeIndex.value = index - 1\n    }\n    wizardComponentData.children[index].delete()\n  },\n  columns: [{name: 'label', input: InputCell}],\n  calculateEditorProps: ({store}: ComponentData) => {\n    const data = store.children?.map(({props}) => ({\n      label: props.label?.value\n    })) ?? []\n    const handleChange = (labels: LabelValue[]) => {\n      labels.forEach(({label}, index) => {\n        if (!store.children?.[index]) return\n        const {props} = store.children[index]\n        props.label = {value: label}\n      })\n    }\n    return {data, onChange: handleChange}\n  }\n}\n","import type {ComponentData, ComponentMetadataEventListeners} from '@react-form-builder/core'\n\ntype CheckFunction = (parentComponentData: ComponentData) => boolean\n\n/**\n * Finds the parent element with the necessary parameters.\n * @param componentData the target child.\n * @param checkFunction the checking function.\n * @returns returns the found componentData, otherwise undefined.\n */\nconst findParentWithParams = (componentData: ComponentData, checkFunction: CheckFunction): ComponentData | undefined => {\n  if (checkFunction(componentData)) return componentData\n  if (componentData.parent) {\n    return findParentWithParams(componentData.parent, checkFunction)\n  }\n  return\n}\n\nexport const eventListeners: ComponentMetadataEventListeners = {\n  onSelectNode: (data: ComponentData, self: ComponentData) => {\n    const parentWithParams = findParentWithParams(data, parent => parent?.parent === self)\n    if (parentWithParams) {\n      const stepIndex = self.children.indexOf(parentWithParams)\n      if (stepIndex >= 0) self.field?.setValue(stepIndex)\n    }\n  }\n}\n","import styled from '@emotion/styled'\nimport {Steps} from 'rsuite'\n\nexport const SItem = styled(Steps.Item)`\n  z-index: 7;\n\n  &.rs-steps-item-status-process:not(.active) .rs-steps-item-icon-wrapper {\n    color: var(--rs-text-secondary);\n    background-color: initial;\n  }\n\n  &.available {\n    cursor: pointer;\n\n    &:hover {\n      color: var(--rs-steps-state-finish);\n\n      .rs-steps-item-icon-wrapper {\n        border: 2px solid var(--rs-steps-state-finish);\n      }\n    }\n  }\n\n  &.active:hover .rs-steps-item-icon-wrapper {\n    opacity: 0.8;\n  }\n`\n","/**\n * @returns the Wizard icon component.\n */\nexport const WizardIcon = () => (\n  <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M9.91356 12.2014C9.94902 12.2322 9.96392 12.2507 9.97091 12.2611C9.9746 12.2666 9.97974 12.2747 9.98431 12.293C9.98452 12.3881 9.97896 12.4231 9.97347 12.4425L9.9733 12.4431C9.97154 12.4494 9.96743 12.4642 9.94436 12.4941C9.90102 12.5221 9.86337 12.5361 9.80599 12.5436C9.75021 12.5297 9.72282 12.5146 9.70528 12.5027C9.68601 12.4896 9.66045 12.468 9.62262 12.4232C9.61547 12.3737 9.61955 12.3255 9.63721 12.2648C9.65945 12.2353 9.67573 12.218 9.6883 12.2069C9.69672 12.1994 9.705 12.1933 9.71561 12.1879C9.80453 12.1766 9.86973 12.1854 9.91356 12.2014ZM7.52741 12.2182C7.54337 12.2371 7.55058 12.2496 7.55453 12.2575C7.55976 12.268 7.56852 12.2889 7.57406 12.336C7.56955 12.3926 7.56029 12.4238 7.55195 12.4439C7.54495 12.4608 7.5331 12.4831 7.50747 12.5145C7.48191 12.5284 7.4499 12.5383 7.39689 12.544C7.35485 12.5304 7.31728 12.5092 7.26778 12.4674C7.25183 12.4212 7.24534 12.3592 7.25504 12.2605C7.27472 12.2349 7.29919 12.2102 7.33282 12.1831C7.39802 12.1809 7.45887 12.1918 7.52741 12.2182Z\"\n      fill=\"#9CA3AF\" stroke=\"#9CA3AF\"/>\n    <path\n      d=\"M1.02321 12.3725L1.0232 12.3725C0.908298 12.2509 0.716529 12.2454 0.594907 12.3603C0.473281 12.4752 0.467834 12.667 0.582742 12.7886L1.02321 12.3725ZM1.02321 12.3725L1.76724 13.16L2.11533 13.5284L2.47898 13.1754L5.40979 10.3297L5.40979 10.3297C5.52984 10.2132 5.72166 10.216 5.83822 10.3361C5.95478 10.4561 5.95195 10.6479 5.8319 10.7645C5.8319 10.7645 5.8319 10.7645 5.8319 10.7645L2.34629 14.1488L2.69459 14.5075L2.34628 14.1488C2.20902 14.2821 1.98925 14.2773 1.85784 14.1383C1.85784 14.1383 1.85784 14.1382 1.85783 14.1382L0.582748 12.7886L1.02321 12.3725Z\"\n      fill=\"#9CA3AF\" stroke=\"#9CA3AF\"/>\n    <path\n      d=\"M17.1002 12.2259C17.1002 13.5286 16.0442 14.5846 14.7416 14.5846C13.4389 14.5846 12.3829 13.5286 12.3829 12.2259C12.3829 10.9233 13.4389 9.86729 14.7416 9.86729C16.0442 9.86729 17.1002 10.9233 17.1002 12.2259Z\"\n      stroke=\"#9CA3AF\" strokeWidth=\"1.8\"/>\n    <path\n      d=\"M4.75316 4.55147C5.08454 4.55147 5.35316 4.8201 5.35316 5.15147V5.41897C5.35316 5.75034 5.08454 6.01897 4.75316 6.01897H1.80055C1.46918 6.01897 1.20055 5.75034 1.20055 5.41897V5.15147C1.20055 4.8201 1.46918 4.55147 1.80055 4.55147H2.56553V1.95279C2.50786 2.03432 2.41814 2.11584 2.29638 2.19737C2.17462 2.2789 2.03684 2.35703 1.88304 2.43176C1.73565 2.5065 1.58505 2.56764 1.43125 2.6152V2.6152C1.20248 2.67583 1.0083 2.48451 1.0083 2.24784C1.0083 2.13636 1.0083 2.02016 1.0083 1.92222C1.0083 1.8215 1.0083 1.70146 1.0083 1.5871C1.0083 1.35568 1.19897 1.15653 1.41203 1.06618V1.06618C1.57224 0.991446 1.73244 0.899728 1.89265 0.791025C2.05927 0.682321 2.20346 0.573618 2.32522 0.464915V0.464915C2.49279 0.322793 2.70572 0.199951 2.92545 0.199951H3.53237C3.86374 0.199951 4.13237 0.46858 4.13237 0.799951V4.55147H4.75316Z\"\n      fill=\"#9CA3AF\"/>\n    <path\n      d=\"M13.1693 6.01897C12.838 6.01897 12.5639 5.74955 12.5974 5.41987C12.6059 5.33585 12.6164 5.25512 12.6288 5.17766C12.6742 4.93061 12.745 4.70693 12.8414 4.50662C12.9434 4.29964 13.0765 4.10934 13.2409 3.93574C13.4109 3.75546 13.6234 3.5852 13.8784 3.42495C14.1448 3.25802 14.3658 3.1178 14.5415 3.0043C14.7228 2.88411 14.8673 2.78395 14.975 2.70383C15.0827 2.62371 15.1563 2.54692 15.196 2.47347C15.2413 2.39335 15.264 2.30655 15.264 2.21307C15.264 2.08621 15.2385 1.97604 15.1875 1.88256C15.1365 1.78908 15.0628 1.71897 14.9665 1.67223C14.8702 1.61882 14.7511 1.59211 14.6095 1.59211C14.4961 1.59211 14.3885 1.6088 14.2864 1.64219C14.1844 1.67557 14.0853 1.72565 13.9889 1.79242C13.8983 1.85919 13.8104 1.93931 13.7254 2.03279V2.03279C13.5884 2.17273 13.3537 2.17265 13.2386 2.01418L12.8889 1.53287C12.7263 1.309 12.7367 0.999513 12.9545 0.828708C12.962 0.822771 12.9697 0.816834 12.9774 0.810897C13.1304 0.697389 13.3032 0.597234 13.4959 0.510432C13.6886 0.416954 13.8983 0.343507 14.1249 0.290091C14.3573 0.229998 14.5981 0.199951 14.8475 0.199951C15.2555 0.199951 15.5984 0.273398 15.8761 0.420293C16.1594 0.56051 16.3748 0.76082 16.5221 1.02122C16.6694 1.28163 16.7431 1.58877 16.7431 1.94265C16.7431 2.16967 16.7119 2.36998 16.6496 2.54358C16.5929 2.71051 16.5164 2.86074 16.4201 2.99428C16.3237 3.12782 16.2132 3.24801 16.0886 3.35484C15.9696 3.46167 15.8505 3.55849 15.7315 3.64529C15.5955 3.72541 15.468 3.80554 15.349 3.88566C15.23 3.95911 15.1195 4.03256 15.0175 4.106C14.9155 4.17277 14.8191 4.24622 14.7285 4.32634V4.32634C14.6235 4.41704 14.695 4.57673 14.8337 4.57673H16.2366C16.568 4.57673 16.8366 4.84536 16.8366 5.17673V5.41897C16.8366 5.75034 16.568 6.01897 16.2366 6.01897H13.1693Z\"\n      fill=\"#9CA3AF\"/>\n  </svg>\n)\n","import {cx} from '@emotion/css'\nimport styled from '@emotion/styled'\nimport type {ComponentData} from '@react-form-builder/core'\nimport {\n  array,\n  boolean,\n  ComponentStore,\n  define,\n  event,\n  nodeArray,\n  number,\n  oneOf,\n  string,\n  useBuilderMode,\n  useComponentData\n} from '@react-form-builder/core'\nimport type {CSSProperties, ForwardedRef, PropsWithChildren, SyntheticEvent} from 'react'\nimport {forwardRef, useCallback, useEffect, useMemo, useState} from 'react'\nimport type {StepItemProps} from 'rsuite'\nimport {Button, ButtonToolbar, Steps} from 'rsuite'\nimport {useArrayMapMemo} from '../hooks'\nimport {structureCategory} from './categories'\nimport {Rows} from './internal/Layout'\nimport {createStep, editorProps} from './internal/RsWizard/editorProps'\nimport {eventListeners} from './internal/RsWizard/eventListeners'\nimport {SItem} from './internal/RsWizard/Item'\nimport {RsWizardStepComponentType} from './internal/RsWizard/RsWizardStep'\nimport {WizardIcon} from './internal/RsWizard/WizardIcon'\n\n/**\n * Props for the RsWizard component.\n */\nexport interface RsWizardProps extends PropsWithChildren<any> {\n  /**\n   * Whether to show steps.\n   */\n  showSteps?: boolean\n  /**\n   * Whether to show step labels.\n   */\n  showStepsLabels?: boolean\n  /**\n   * Whether steps are vertical.\n   */\n  verticalSteps?: boolean\n  /**\n   * Navigation mode for steps.\n   */\n  stepsNavigation?: 'disable' | 'onlyVisited' | 'any'\n  /**\n   * Active step index.\n   */\n  activeIndex?: number\n  /**\n   * Label for previous button.\n   */\n  prevButtonLabel?: string\n  /**\n   * Label for next button.\n   */\n  nextButtonLabel?: string\n  /**\n   * Label for finish button.\n   */\n  finishButtonLabel?: string\n  /**\n   * Whether to validate on next.\n   */\n  validateOnNext?: boolean,\n  /**\n   * Whether to validate on finish.\n   */\n  validateOnFinish?: boolean,\n  /**\n   * Callback when step changes.\n   */\n  onChange?: (activeIndex?: number) => void\n  /**\n   * Callback when next button is clicked.\n   */\n  onNext?: (event: SyntheticEvent) => void\n  /**\n   * Callback when previous button is clicked.\n   */\n  onPrev?: (event: SyntheticEvent) => void\n  /**\n   * Callback when finish button is clicked.\n   */\n  onFinish?: (event: SyntheticEvent) => void\n}\n\nconst toolbarStyle = {justifyContent: 'end', zIndex: 7} as const\n\nconst Container = styled(Rows)`\n  gap: 10px;\n  padding: 10px;\n\n  .parent-type-RsWizard.Toolbar {\n    .add-button {\n      display: none;\n    }\n  }\n`\n\nconst SCentered = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100px;\n`\n\nconst EmptyContent = () => <SCentered>Missing content</SCentered>\n\n/**\n * Props for wizard step item component.\n */\ninterface WizardStepItemProps {\n  /**\n   * Label for the step.\n   */\n  label?: string\n  /**\n   * CSS class name.\n   */\n  className: string\n  /**\n   * Status of the step.\n   */\n  status: StepItemProps['status']\n  /**\n   * Click handler for the step.\n   */\n  onClick: () => void\n}\n\n/**\n * Wizard component with step navigation and validation.\n * @param props the component props.\n * @param props.children the children components.\n * @param props.activeIndex the active step index.\n * @param props.onChange the callback when step changes.\n * @param props.onNext the callback when next button is clicked.\n * @param props.onPrev the callback when previous button is clicked.\n * @param props.onFinish the callback when finish button is clicked.\n * @param props.showSteps whether to show steps.\n * @param props.showStepsLabels whether to show step labels.\n * @param props.verticalSteps whether steps are vertical.\n * @param props.stepsNavigation the navigation mode for steps.\n * @param props.prevButtonLabel the label for previous button.\n * @param props.nextButtonLabel the label for next button.\n * @param props.finishButtonLabel the label for finish button.\n * @param props.validateOnNext whether to validate on next.\n * @param props.validateOnFinish whether to validate on finish.\n * @param props.props the additional wizard props.\n * @returns the React element.\n */\nconst RsWizard = forwardRef(function Wizard(wProps: RsWizardProps, ref: ForwardedRef<HTMLDivElement>) {\n  const {\n    children,\n    activeIndex = 0,\n    onChange,\n    onNext,\n    onPrev,\n    onFinish,\n    showSteps,\n    showStepsLabels,\n    verticalSteps,\n    stepsNavigation,\n    prevButtonLabel,\n    nextButtonLabel,\n    finishButtonLabel,\n    validateOnNext,\n    validateOnFinish,\n    ...props\n  } = wProps\n  const [visited, setVisited] = useState(activeIndex)\n  const isBuilderMode = useBuilderMode() === 'builder'\n\n  useEffect(() => {\n    if (visited < activeIndex) setVisited(activeIndex)\n  }, [visited, activeIndex])\n\n  const componentData = useComponentData()\n\n  const labels = useArrayMapMemo(\n    componentData.store.children,\n    ({props}) => ({label: props.label?.value})\n  )\n\n  const openStep = useCallback((index: number) => {\n    if (visited < index) setVisited(index)\n    onChange?.(index)\n  }, [visited, onChange])\n\n  const handleFinish = useCallback((event: SyntheticEvent) => {\n    if (validateOnFinish) {\n      componentData.validate().then(() => {\n        if (componentData.hasErrors) return\n        onFinish?.(event)\n      })\n      return\n    }\n    onFinish?.(event)\n  }, [componentData, onFinish, validateOnFinish])\n\n  const handleNext = useCallback((event: SyntheticEvent) => {\n    let newIndex = activeIndex ?? 0\n    if (newIndex < labels.length) newIndex = newIndex + 1\n\n    const child = componentData.children[activeIndex]\n    if (validateOnNext) {\n      child?.validate().then(() => {\n        if (child?.hasErrors) return\n        openStep?.(newIndex)\n        onNext?.(event)\n      })\n      return\n    }\n    openStep?.(newIndex)\n    onNext?.(event)\n  }, [activeIndex, componentData.children, labels.length, onNext, openStep, validateOnNext])\n\n  const handlePrev = useCallback((event: SyntheticEvent) => {\n    let newIndex = activeIndex ?? 0\n    if (newIndex > 0) newIndex = newIndex - 1\n    openStep?.(newIndex)\n    onPrev?.(event)\n  }, [activeIndex, onPrev, openStep])\n\n  const isStepAvailable = useCallback((index: number) => {\n    return isBuilderMode || (\n      stepsNavigation === 'any' || stepsNavigation === 'onlyVisited' && index <= visited\n    )\n  }, [visited, isBuilderMode, stepsNavigation])\n\n  const getStepStatus = useCallback((index: number): StepItemProps['status'] => {\n    return index <= visited ? 'process' : 'wait'\n  }, [visited])\n\n  const handleStepClick = useCallback((index: number) => {\n    if (isStepAvailable(index)) openStep(index)\n  }, [openStep, isStepAvailable])\n\n  const isStart = activeIndex <= 0\n  const isFinish = activeIndex >= labels.length - 1\n  const disableNextButton = isFinish && finishButtonLabel === nextButtonLabel\n  const stepsContainerStyle = useMemo<CSSProperties>(() => ({\n    display: 'flex',\n    flexDirection: verticalSteps ? 'row' : 'column',\n    gap: 10\n  }), [verticalSteps])\n\n  const content = Array.isArray(children)\n    ? children[activeIndex] ?? children[0]\n    : null\n\n  const buttons = useMemo(() => (\n    <ButtonToolbar style={toolbarStyle} className={'buttons'}>\n      {!isStart && <Button onClick={handlePrev} disabled={isStart}>{prevButtonLabel}</Button>}\n      <Button onClick={isFinish ? handleFinish : handleNext} disabled={disableNextButton}\n              appearance={'primary'}>\n        {isFinish ? finishButtonLabel : nextButtonLabel}\n      </Button>\n    </ButtonToolbar>\n  ), [disableNextButton, finishButtonLabel, handleFinish, handleNext, handlePrev, isFinish, isStart, nextButtonLabel, prevButtonLabel])\n\n  const wizardItems: WizardStepItemProps[] = useMemo(() => {\n    return labels.map(({label}, index) => {\n      const className = cx({\n        available: isStepAvailable(index),\n        active: index === activeIndex\n      })\n\n      const onClick = () => handleStepClick(index)\n      const status = getStepStatus(index)\n\n      return {\n        label,\n        className,\n        status,\n        onClick,\n      }\n    })\n  }, [activeIndex, getStepStatus, handleStepClick, isStepAvailable, labels])\n\n  return <Container {...props} ref={ref}>\n    <div style={stepsContainerStyle}>\n      {showSteps && !!content &&\n        <Steps current={activeIndex} vertical={verticalSteps} className={'steps'}>\n          {wizardItems.map(({label, onClick, status, className}, index) => (\n            <SItem\n              key={index}\n              title={showStepsLabels && label}\n              onClick={onClick}\n              status={status}\n              className={className}\n            />\n          ))}\n        </Steps>\n      }\n      <div className={'content'}>{content ?? <EmptyContent/>}</div>\n    </div>\n    {!!content && buttons}\n  </Container>\n})\n\n/**\n * Component type for RsWizard.\n */\nconst RsWizardComponentType = 'RsWizard'\n\n/**\n * Get initial json for wizard component.\n * @returns initial json string.\n */\nconst getInitialJson = () => {\n  const componentStore = new ComponentStore(RsWizardComponentType, RsWizardComponentType)\n  componentStore.children = [1, 2, 3].map(index => createStep(index))\n  return JSON.stringify(componentStore)\n}\n\nexport {rsWizardStep} from './internal/RsWizard/RsWizardStep'\n\nexport const rsWizard = define(RsWizard, RsWizardComponentType)\n  .name('Wizard')\n  .category(structureCategory)\n  .icon(WizardIcon)\n  .initialJson(getInitialJson())\n  .eventListeners(eventListeners)\n  .props({\n    activeIndex: number\n      .valued\n      .default(0)\n      .withEditorProps({\n        calculateEditorProps: ({store}: ComponentData) => {\n          const length = store.children?.length || 1\n          return {\n            min: 0,\n            max: length - 1\n          }\n        }\n      }),\n    stepsNavigation: oneOf('disable', 'onlyVisited', 'any')\n      .labeled('Disable', 'Only visited', 'Any')\n      .default('onlyVisited')\n      .withEditorProps({creatable: false}),\n    steps: array\n      .default([])\n      .withEditorProps(editorProps),\n    children: nodeArray\n      .withInsertRestriction((_, child) => {\n        return child.model.type === RsWizardStepComponentType\n      }),\n    prevButtonLabel: string.default('Previous'),\n    nextButtonLabel: string.default('Next'),\n    finishButtonLabel: string.default('Finish'),\n    showSteps: boolean.default(true),\n    showStepsLabels: boolean.default(true),\n    verticalSteps: boolean.default(false),\n    validateOnNext: boolean.default(true),\n    validateOnFinish: boolean.default(true),\n    onNext: event,\n    onPrev: event,\n    onFinish: event\n  })\n"],"names":["WizardStepIcon","jsxs","jsx","RsWizardStep","styled","flexDirection","gap","containerStyles","RsWizardStepComponentType","rsWizardStep","define","structureCategory","string","node","_","parent","Rows","createStep","index","componentStore","ComponentStore","editorProps","wizardComponentData","viewerStore","componentData","activeIndex","InputCell","store","props","labels","label","findParentWithParams","checkFunction","eventListeners","data","self","parentWithParams","stepIndex","SItem","Steps","WizardIcon","toolbarStyle","Container","SCentered","EmptyContent","RsWizard","forwardRef","wProps","ref","children","onChange","onNext","onPrev","onFinish","showSteps","showStepsLabels","verticalSteps","stepsNavigation","prevButtonLabel","nextButtonLabel","finishButtonLabel","validateOnNext","validateOnFinish","visited","setVisited","useState","isBuilderMode","useBuilderMode","useEffect","useComponentData","useArrayMapMemo","openStep","useCallback","handleFinish","event","handleNext","newIndex","child","handlePrev","isStepAvailable","getStepStatus","handleStepClick","isStart","isFinish","disableNextButton","stepsContainerStyle","useMemo","content","buttons","ButtonToolbar","Button","wizardItems","className","cx","onClick","status","RsWizardComponentType","getInitialJson","rsWizard","number","oneOf","array","nodeArray","boolean"],"mappings":"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"}
+{"version":3,"file":"wizard.js","sources":["../src/components/internal/RsWizard/WizardStepIcon.tsx","../src/components/internal/RsWizard/RsWizardStep.tsx","../src/components/internal/RsWizard/editorProps.ts","../src/components/internal/RsWizard/eventListeners.ts","../src/components/internal/RsWizard/Item.tsx","../src/components/internal/RsWizard/WizardIcon.tsx","../src/components/RsWizard.tsx"],"sourcesContent":["/**\n * @returns the WizardStep icon component.\n */\nexport const WizardStepIcon = () => (\n  <svg width=\"18\" height=\"18\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M15.35 8C15.35 12.0593 12.0593 15.35 8 15.35C3.94071 15.35 0.65 12.0593 0.65 8C0.65 3.94071 3.94071 0.65 8 0.65C12.0593 0.65 15.35 3.94071 15.35 8Z\"\n      stroke=\"#9CA3AF\" strokeWidth=\"1.3\"/>\n    <path\n      d=\"M10.0277 9.42974C10.3591 9.42974 10.6277 9.69837 10.6277 10.0297V10.511C10.6277 10.8424 10.3591 11.111 10.0277 11.111H6.47016C6.13879 11.111 5.87016 10.8424 5.87016 10.511V10.0297C5.87016 9.69837 6.13879 9.42974 6.47016 9.42974H7.43397V6.45251C7.3679 6.54591 7.26511 6.63932 7.12562 6.73272C6.98612 6.82612 6.82827 6.91563 6.65207 7.00125C6.4832 7.08687 6.31067 7.15693 6.13446 7.21141V7.21141C5.87237 7.28088 5.6499 7.06169 5.6499 6.79054C5.6499 6.66281 5.6499 6.52969 5.6499 6.41748C5.6499 6.30209 5.6499 6.16457 5.6499 6.03355C5.6499 5.76842 5.86835 5.54026 6.11244 5.43675V5.43675C6.29599 5.35113 6.47953 5.24605 6.66308 5.12151C6.85397 4.99697 7.01916 4.87243 7.15865 4.7479C7.16692 4.74089 7.17501 4.73395 7.18292 4.72709C7.3584 4.57498 7.58215 4.44434 7.81438 4.44434H8.62906C8.96043 4.44434 9.22906 4.71297 9.22906 5.04434V9.42974H10.0277Z\"\n      fill=\"#9CA3AF\"/>\n  </svg>\n)\n","import {containerStyles, define, node, string} from '@react-form-builder/core'\nimport cx from 'clsx'\nimport type {PropsWithChildren} from 'react'\nimport {structureCategory} from '../../categories'\nimport styles from './RsWizardStep.module.css'\nimport {WizardStepIcon} from './WizardStepIcon'\n\n/**\n * Props for the RsWizardStep component.\n */\nexport interface RsWizardStepProps extends PropsWithChildren<any> {\n  /**\n   * Label for the wizard step.\n   */\n  label?: string\n  /**\n   * className for element.\n   */\n  className?: string\n}\n\n/**\n * Wizard step component with flex layout.\n * @param props the component props.\n * @param props.className the CSS class name.\n * @param props.props the additional step props.\n * @returns the React element.\n */\nconst RsWizardStep = ({className, ...props}: RsWizardStepProps) => {\n  return <div {...props} className={cx(styles.step, className)}/>\n}\n\nconst {flexDirection, gap} = containerStyles\n\nexport const RsWizardStepComponentType = 'RsWizardStep'\n\nexport const rsWizardStep = define(RsWizardStep, RsWizardStepComponentType)\n  .name('Wizard step')\n  .category(structureCategory)\n  .kind('container')\n  .icon(WizardStepIcon)\n  .props({\n    label: string.default('Step'),\n    children: node\n  })\n  .css({\n    ...containerStyles,\n    flexDirection: flexDirection.default('column'),\n    gap: gap.default('10px')\n  })\n  .insertRestriction((_, parent) => parent.model.type === 'RsWizard')\n","import type {ComponentData, Store} from '@react-form-builder/core'\nimport {ComponentStore} from '@react-form-builder/core'\nimport {InputCell} from '../InputCell'\nimport {RsWizardStepComponentType} from './RsWizardStep'\n\ntype LabelValue = { label: string }\n\n/**\n * Creates a component store containing the Wizard step.\n * @param index the step index.\n * @returns the component store containing the Wizard step.\n */\nexport const createStep = (index: number) => {\n  const componentStore = new ComponentStore(`step${index}`, RsWizardStepComponentType)\n  componentStore.props.label = {value: `Step ${index}`}\n  return componentStore\n}\n\nexport const editorProps = {\n  onAdd: (index: number, wizardComponentData: ComponentData, viewerStore: Store) => {\n    const componentStore = createStep(index + 1)\n    const componentData = viewerStore.createComponentData(componentStore)\n    const activeIndex = wizardComponentData.store.props.activeIndex ??= {}\n    activeIndex.value = index\n    if (wizardComponentData.children?.length) {\n      wizardComponentData.children[index - 1]?.insertAfterMe(componentData)\n      return\n    }\n    componentData.setParent(wizardComponentData)\n  },\n  onRemove: (index: number, wizardComponentData: ComponentData) => {\n    const {activeIndex} = wizardComponentData.store.props\n    if (activeIndex?.value === index && index > 0) {\n      activeIndex.value = index - 1\n    }\n    wizardComponentData.children[index].delete()\n  },\n  columns: [{name: 'label', input: InputCell}],\n  calculateEditorProps: ({store}: ComponentData) => {\n    const data = store.children?.map(({props}) => ({\n      label: props.label?.value\n    })) ?? []\n    const handleChange = (labels: LabelValue[]) => {\n      labels.forEach(({label}, index) => {\n        if (!store.children?.[index]) return\n        const {props} = store.children[index]\n        props.label = {value: label}\n      })\n    }\n    return {data, onChange: handleChange}\n  }\n}\n","import type {ComponentData, ComponentMetadataEventListeners} from '@react-form-builder/core'\n\ntype CheckFunction = (parentComponentData: ComponentData) => boolean\n\n/**\n * Finds the parent element with the necessary parameters.\n * @param componentData the target child.\n * @param checkFunction the checking function.\n * @returns returns the found componentData, otherwise undefined.\n */\nconst findParentWithParams = (componentData: ComponentData, checkFunction: CheckFunction): ComponentData | undefined => {\n  if (checkFunction(componentData)) return componentData\n  if (componentData.parent) {\n    return findParentWithParams(componentData.parent, checkFunction)\n  }\n  return\n}\n\nexport const eventListeners: ComponentMetadataEventListeners = {\n  onSelectNode: (data: ComponentData, self: ComponentData) => {\n    const parentWithParams = findParentWithParams(data, parent => parent?.parent === self)\n    if (parentWithParams) {\n      const stepIndex = self.children.indexOf(parentWithParams)\n      if (stepIndex >= 0) self.field?.setValue(stepIndex)\n    }\n  }\n}\n","import cx from 'clsx'\nimport type {ComponentProps} from 'react'\nimport {Steps} from 'rsuite'\nimport styles from './Item.module.css'\n\ntype StepItemProps = ComponentProps<typeof Steps.Item>\n\n/**\n * The steps item.\n * @param props the component props.\n * @param props.className the CSS class name for the component.\n * @returns the React element.\n */\nexport const SItem = ({className, ...props}: StepItemProps) => {\n  return <Steps.Item {...props} className={cx(styles.item, className)}/>\n}\n","/**\n * @returns the Wizard icon component.\n */\nexport const WizardIcon = () => (\n  <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M9.91356 12.2014C9.94902 12.2322 9.96392 12.2507 9.97091 12.2611C9.9746 12.2666 9.97974 12.2747 9.98431 12.293C9.98452 12.3881 9.97896 12.4231 9.97347 12.4425L9.9733 12.4431C9.97154 12.4494 9.96743 12.4642 9.94436 12.4941C9.90102 12.5221 9.86337 12.5361 9.80599 12.5436C9.75021 12.5297 9.72282 12.5146 9.70528 12.5027C9.68601 12.4896 9.66045 12.468 9.62262 12.4232C9.61547 12.3737 9.61955 12.3255 9.63721 12.2648C9.65945 12.2353 9.67573 12.218 9.6883 12.2069C9.69672 12.1994 9.705 12.1933 9.71561 12.1879C9.80453 12.1766 9.86973 12.1854 9.91356 12.2014ZM7.52741 12.2182C7.54337 12.2371 7.55058 12.2496 7.55453 12.2575C7.55976 12.268 7.56852 12.2889 7.57406 12.336C7.56955 12.3926 7.56029 12.4238 7.55195 12.4439C7.54495 12.4608 7.5331 12.4831 7.50747 12.5145C7.48191 12.5284 7.4499 12.5383 7.39689 12.544C7.35485 12.5304 7.31728 12.5092 7.26778 12.4674C7.25183 12.4212 7.24534 12.3592 7.25504 12.2605C7.27472 12.2349 7.29919 12.2102 7.33282 12.1831C7.39802 12.1809 7.45887 12.1918 7.52741 12.2182Z\"\n      fill=\"#9CA3AF\" stroke=\"#9CA3AF\"/>\n    <path\n      d=\"M1.02321 12.3725L1.0232 12.3725C0.908298 12.2509 0.716529 12.2454 0.594907 12.3603C0.473281 12.4752 0.467834 12.667 0.582742 12.7886L1.02321 12.3725ZM1.02321 12.3725L1.76724 13.16L2.11533 13.5284L2.47898 13.1754L5.40979 10.3297L5.40979 10.3297C5.52984 10.2132 5.72166 10.216 5.83822 10.3361C5.95478 10.4561 5.95195 10.6479 5.8319 10.7645C5.8319 10.7645 5.8319 10.7645 5.8319 10.7645L2.34629 14.1488L2.69459 14.5075L2.34628 14.1488C2.20902 14.2821 1.98925 14.2773 1.85784 14.1383C1.85784 14.1383 1.85784 14.1382 1.85783 14.1382L0.582748 12.7886L1.02321 12.3725Z\"\n      fill=\"#9CA3AF\" stroke=\"#9CA3AF\"/>\n    <path\n      d=\"M17.1002 12.2259C17.1002 13.5286 16.0442 14.5846 14.7416 14.5846C13.4389 14.5846 12.3829 13.5286 12.3829 12.2259C12.3829 10.9233 13.4389 9.86729 14.7416 9.86729C16.0442 9.86729 17.1002 10.9233 17.1002 12.2259Z\"\n      stroke=\"#9CA3AF\" strokeWidth=\"1.8\"/>\n    <path\n      d=\"M4.75316 4.55147C5.08454 4.55147 5.35316 4.8201 5.35316 5.15147V5.41897C5.35316 5.75034 5.08454 6.01897 4.75316 6.01897H1.80055C1.46918 6.01897 1.20055 5.75034 1.20055 5.41897V5.15147C1.20055 4.8201 1.46918 4.55147 1.80055 4.55147H2.56553V1.95279C2.50786 2.03432 2.41814 2.11584 2.29638 2.19737C2.17462 2.2789 2.03684 2.35703 1.88304 2.43176C1.73565 2.5065 1.58505 2.56764 1.43125 2.6152V2.6152C1.20248 2.67583 1.0083 2.48451 1.0083 2.24784C1.0083 2.13636 1.0083 2.02016 1.0083 1.92222C1.0083 1.8215 1.0083 1.70146 1.0083 1.5871C1.0083 1.35568 1.19897 1.15653 1.41203 1.06618V1.06618C1.57224 0.991446 1.73244 0.899728 1.89265 0.791025C2.05927 0.682321 2.20346 0.573618 2.32522 0.464915V0.464915C2.49279 0.322793 2.70572 0.199951 2.92545 0.199951H3.53237C3.86374 0.199951 4.13237 0.46858 4.13237 0.799951V4.55147H4.75316Z\"\n      fill=\"#9CA3AF\"/>\n    <path\n      d=\"M13.1693 6.01897C12.838 6.01897 12.5639 5.74955 12.5974 5.41987C12.6059 5.33585 12.6164 5.25512 12.6288 5.17766C12.6742 4.93061 12.745 4.70693 12.8414 4.50662C12.9434 4.29964 13.0765 4.10934 13.2409 3.93574C13.4109 3.75546 13.6234 3.5852 13.8784 3.42495C14.1448 3.25802 14.3658 3.1178 14.5415 3.0043C14.7228 2.88411 14.8673 2.78395 14.975 2.70383C15.0827 2.62371 15.1563 2.54692 15.196 2.47347C15.2413 2.39335 15.264 2.30655 15.264 2.21307C15.264 2.08621 15.2385 1.97604 15.1875 1.88256C15.1365 1.78908 15.0628 1.71897 14.9665 1.67223C14.8702 1.61882 14.7511 1.59211 14.6095 1.59211C14.4961 1.59211 14.3885 1.6088 14.2864 1.64219C14.1844 1.67557 14.0853 1.72565 13.9889 1.79242C13.8983 1.85919 13.8104 1.93931 13.7254 2.03279V2.03279C13.5884 2.17273 13.3537 2.17265 13.2386 2.01418L12.8889 1.53287C12.7263 1.309 12.7367 0.999513 12.9545 0.828708C12.962 0.822771 12.9697 0.816834 12.9774 0.810897C13.1304 0.697389 13.3032 0.597234 13.4959 0.510432C13.6886 0.416954 13.8983 0.343507 14.1249 0.290091C14.3573 0.229998 14.5981 0.199951 14.8475 0.199951C15.2555 0.199951 15.5984 0.273398 15.8761 0.420293C16.1594 0.56051 16.3748 0.76082 16.5221 1.02122C16.6694 1.28163 16.7431 1.58877 16.7431 1.94265C16.7431 2.16967 16.7119 2.36998 16.6496 2.54358C16.5929 2.71051 16.5164 2.86074 16.4201 2.99428C16.3237 3.12782 16.2132 3.24801 16.0886 3.35484C15.9696 3.46167 15.8505 3.55849 15.7315 3.64529C15.5955 3.72541 15.468 3.80554 15.349 3.88566C15.23 3.95911 15.1195 4.03256 15.0175 4.106C14.9155 4.17277 14.8191 4.24622 14.7285 4.32634V4.32634C14.6235 4.41704 14.695 4.57673 14.8337 4.57673H16.2366C16.568 4.57673 16.8366 4.84536 16.8366 5.17673V5.41897C16.8366 5.75034 16.568 6.01897 16.2366 6.01897H13.1693Z\"\n      fill=\"#9CA3AF\"/>\n  </svg>\n)\n","import type {ComponentData} from '@react-form-builder/core'\nimport {\n  array,\n  boolean,\n  ComponentStore,\n  define,\n  event,\n  nodeArray,\n  number,\n  oneOf,\n  string,\n  useBuilderMode,\n  useComponentData\n} from '@react-form-builder/core'\nimport cx from 'clsx'\nimport type {ForwardedRef, PropsWithChildren, SyntheticEvent} from 'react'\nimport {forwardRef, useCallback, useMemo, useState} from 'react'\nimport type {StepItemProps} from 'rsuite'\nimport {Button, ButtonToolbar, Steps} from 'rsuite'\nimport {useArrayMapMemo} from '../hooks'\nimport {structureCategory} from './categories'\nimport {createStep, editorProps} from './internal/RsWizard/editorProps'\nimport {eventListeners} from './internal/RsWizard/eventListeners'\nimport {SItem} from './internal/RsWizard/Item'\nimport {RsWizardStepComponentType} from './internal/RsWizard/RsWizardStep'\nimport {WizardIcon} from './internal/RsWizard/WizardIcon'\n\nimport styles from './RsWizard.module.css'\n\n/**\n * Props for the RsWizard component.\n */\nexport interface RsWizardProps extends PropsWithChildren<any> {\n  /**\n   * Whether to show steps.\n   */\n  showSteps?: boolean\n  /**\n   * Whether to show step labels.\n   */\n  showStepsLabels?: boolean\n  /**\n   * Whether steps are vertical.\n   */\n  verticalSteps?: boolean\n  /**\n   * Navigation mode for steps.\n   */\n  stepsNavigation?: 'disable' | 'onlyVisited' | 'any'\n  /**\n   * Active step index.\n   */\n  activeIndex?: number\n  /**\n   * Label for previous button.\n   */\n  prevButtonLabel?: string\n  /**\n   * Label for next button.\n   */\n  nextButtonLabel?: string\n  /**\n   * Label for finish button.\n   */\n  finishButtonLabel?: string\n  /**\n   * Whether to validate on next.\n   */\n  validateOnNext?: boolean\n  /**\n   * Whether to validate on finish.\n   */\n  validateOnFinish?: boolean\n  /**\n   * Callback when step changes.\n   */\n  onChange?: (activeIndex?: number) => void\n  /**\n   * Callback when next button is clicked.\n   */\n  onNext?: (event: SyntheticEvent) => void\n  /**\n   * Callback when previous button is clicked.\n   */\n  onPrev?: (event: SyntheticEvent) => void\n  /**\n   * Callback when finish button is clicked.\n   */\n  onFinish?: (event: SyntheticEvent) => void\n}\n\nconst EmptyContent = () => <div className={styles.centered}>Missing content</div>\n\n/**\n * Props for wizard step item component.\n */\ninterface WizardStepItemProps {\n  /**\n   * Label for the step.\n   */\n  label?: string\n  /**\n   * CSS class name.\n   */\n  className: string\n  /**\n   * Status of the step.\n   */\n  status: StepItemProps['status']\n  /**\n   * Click handler for the step.\n   */\n  onClick: () => void\n}\n\n/**\n * Wizard component with step navigation and validation.\n * @param props the component props.\n * @param props.children the children components.\n * @param props.activeIndex the active step index.\n * @param props.onChange the callback when step changes.\n * @param props.onNext the callback when next button is clicked.\n * @param props.onPrev the callback when previous button is clicked.\n * @param props.onFinish the callback when finish button is clicked.\n * @param props.showSteps whether to show steps.\n * @param props.showStepsLabels whether to show step labels.\n * @param props.verticalSteps whether steps are vertical.\n * @param props.stepsNavigation the navigation mode for steps.\n * @param props.prevButtonLabel the label for previous button.\n * @param props.nextButtonLabel the label for next button.\n * @param props.finishButtonLabel the label for finish button.\n * @param props.validateOnNext whether to validate on next.\n * @param props.validateOnFinish whether to validate on finish.\n * @param props.props the additional wizard props.\n * @returns the React element.\n */\nconst RsWizard = forwardRef(function Wizard(wProps: RsWizardProps, ref: ForwardedRef<HTMLDivElement>) {\n  const {\n    children,\n    activeIndex = 0,\n    onChange,\n    onNext,\n    onPrev,\n    onFinish,\n    showSteps,\n    showStepsLabels,\n    verticalSteps,\n    stepsNavigation,\n    prevButtonLabel,\n    nextButtonLabel,\n    finishButtonLabel,\n    validateOnNext,\n    validateOnFinish,\n    className,\n    ...props\n  } = wProps\n  const [visited, setVisited] = useState(activeIndex)\n  const isBuilderMode = useBuilderMode() === 'builder'\n\n  if (visited < activeIndex) {\n    setVisited(activeIndex)\n  }\n\n  const componentData = useComponentData()\n\n  const labels = useArrayMapMemo(\n    componentData.store.children,\n    ({props}) => ({label: props.label?.value})\n  )\n\n  const openStep = useCallback((index: number) => {\n    if (visited < index) setVisited(index)\n    onChange?.(index)\n  }, [visited, onChange])\n\n  const handleFinish = useCallback((event: SyntheticEvent) => {\n    if (validateOnFinish) {\n      componentData.validate().then(() => {\n        if (componentData.hasErrors) return\n        onFinish?.(event)\n      })\n      return\n    }\n\n    onFinish?.(event)\n  }, [componentData, onFinish, validateOnFinish])\n\n  const handleNext = useCallback((event: SyntheticEvent) => {\n    let newIndex = activeIndex ?? 0\n    if (newIndex < labels.length) newIndex = newIndex + 1\n\n    const child = componentData.children[activeIndex]\n    if (validateOnNext) {\n      child?.validate().then(() => {\n        if (child?.hasErrors) return\n        openStep(newIndex)\n        onNext?.(event)\n      })\n      return\n    }\n    openStep(newIndex)\n    onNext?.(event)\n  }, [activeIndex, componentData.children, labels.length, onNext, openStep, validateOnNext])\n\n  const handlePrev = useCallback((event: SyntheticEvent) => {\n    let newIndex = activeIndex ?? 0\n    if (newIndex > 0) newIndex = newIndex - 1\n    openStep(newIndex)\n    onPrev?.(event)\n  }, [activeIndex, onPrev, openStep])\n\n  const isStepAvailable = useCallback((index: number) => {\n    return isBuilderMode || (\n      stepsNavigation === 'any' || stepsNavigation === 'onlyVisited' && index <= visited\n    )\n  }, [visited, isBuilderMode, stepsNavigation])\n\n  const getStepStatus = useCallback((index: number): StepItemProps['status'] => {\n    return index <= visited ? 'process' : 'wait'\n  }, [visited])\n\n  const handleStepClick = useCallback((index: number) => {\n    if (isStepAvailable(index)) openStep(index)\n  }, [openStep, isStepAvailable])\n\n  const isStart = activeIndex <= 0\n  const isFinish = activeIndex >= labels.length - 1\n  const disableNextButton = isFinish && finishButtonLabel === nextButtonLabel\n\n  const content = Array.isArray(children)\n    ? children[activeIndex] ?? children[0]\n    : null\n\n  const buttons = useMemo(() => (\n    <ButtonToolbar className={cx('buttons', styles.toolbar)}>\n      {!isStart && <Button onClick={handlePrev} disabled={isStart}>{prevButtonLabel}</Button>}\n      <Button onClick={isFinish ? handleFinish : handleNext} disabled={disableNextButton} appearance={'primary'}>\n        {isFinish ? finishButtonLabel : nextButtonLabel}\n      </Button>\n    </ButtonToolbar>\n  ), [disableNextButton, finishButtonLabel, handleFinish, handleNext, handlePrev, isFinish, isStart, nextButtonLabel, prevButtonLabel])\n\n  const wizardItems: WizardStepItemProps[] = useMemo(() => {\n    return labels.map(({label}, index) => {\n      const itemClassName = cx(\n        isStepAvailable(index) && 'available',\n        index === activeIndex && 'active'\n      )\n\n      const onClick = () => handleStepClick(index)\n      const status = getStepStatus(index)\n\n      return {\n        label,\n        className: itemClassName,\n        status,\n        onClick\n      }\n    })\n  }, [activeIndex, getStepStatus, handleStepClick, isStepAvailable, labels])\n\n  return (\n    <div {...props} ref={ref} className={cx(styles.container, className)}>\n      <div className={cx(styles.stepsContainer, verticalSteps && styles.verticalSteps)}>\n        {showSteps && !!content && (\n          <Steps current={activeIndex} vertical={verticalSteps} className={'steps'}>\n            {wizardItems.map(({label, onClick, status, className}, index) => (\n              <SItem\n                key={index}\n                title={showStepsLabels && label}\n                onClick={onClick}\n                status={status}\n                className={className}\n              />\n            ))}\n          </Steps>\n        )}\n        <div className={'content'}>{content ?? <EmptyContent/>}</div>\n      </div>\n      {!!content && buttons}\n    </div>\n  )\n})\n\n/**\n * Component type for RsWizard.\n */\nconst RsWizardComponentType = 'RsWizard'\n\n/**\n * Get initial json for wizard component.\n * @returns initial json string.\n */\nconst getInitialJson = () => {\n  const componentStore = new ComponentStore(RsWizardComponentType, RsWizardComponentType)\n  componentStore.children = [1, 2, 3].map(index => createStep(index))\n  return JSON.stringify(componentStore)\n}\n\nexport {rsWizardStep} from './internal/RsWizard/RsWizardStep'\n\nexport const rsWizard = define(RsWizard, RsWizardComponentType)\n  .name('Wizard')\n  .category(structureCategory)\n  .icon(WizardIcon)\n  .initialJson(getInitialJson())\n  .eventListeners(eventListeners)\n  .props({\n    activeIndex: number\n      .valued\n      .withEditorProps({\n        calculateEditorProps: ({store}: ComponentData) => {\n          const length = store.children?.length || 1\n          return {\n            min: 0,\n            max: length - 1\n          }\n        }\n      }),\n    stepsNavigation: oneOf('disable', 'onlyVisited', 'any')\n      .labeled('Disable', 'Only visited', 'Any')\n      .default('onlyVisited')\n      .withEditorProps({creatable: false}),\n    steps: array\n      .default([])\n      .withEditorProps(editorProps),\n    children: nodeArray\n      .withInsertRestriction((_, child) => {\n        return child.model.type === RsWizardStepComponentType\n      }),\n    prevButtonLabel: string.default('Previous'),\n    nextButtonLabel: string.default('Next'),\n    finishButtonLabel: string.default('Finish'),\n    showSteps: boolean.default(true),\n    showStepsLabels: boolean.default(true),\n    verticalSteps: boolean.default(false),\n    validateOnNext: boolean.default(true),\n    validateOnFinish: boolean.default(true),\n    onNext: event,\n    onPrev: event,\n    onFinish: event\n  })\n"],"names":["WizardStepIcon","jsxs","jsx","RsWizardStep","className","props","cx","styles","flexDirection","gap","containerStyles","RsWizardStepComponentType","rsWizardStep","define","structureCategory","string","node","_","parent","createStep","index","componentStore","ComponentStore","editorProps","wizardComponentData","viewerStore","componentData","activeIndex","InputCell","store","labels","label","findParentWithParams","checkFunction","eventListeners","data","self","parentWithParams","stepIndex","SItem","Steps","WizardIcon","EmptyContent","RsWizard","forwardRef","wProps","ref","children","onChange","onNext","onPrev","onFinish","showSteps","showStepsLabels","verticalSteps","stepsNavigation","prevButtonLabel","nextButtonLabel","finishButtonLabel","validateOnNext","validateOnFinish","visited","setVisited","useState","isBuilderMode","useBuilderMode","useComponentData","useArrayMapMemo","openStep","useCallback","handleFinish","event","handleNext","newIndex","child","handlePrev","isStepAvailable","getStepStatus","handleStepClick","isStart","isFinish","disableNextButton","content","buttons","useMemo","ButtonToolbar","Button","wizardItems","itemClassName","onClick","status","RsWizardComponentType","getInitialJson","rsWizard","number","oneOf","array","nodeArray","boolean"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@react-form-builder/components-rsuite",
   "description": "OptimaJet Form Builder Components - RSuite",
-  "version": "7.15.0",
+  "version": "8.1.0",
   "license": "MIT",
   "private": false,
   "author": "Optimajet",
@@ -196,7 +196,8 @@
       "types": "./dist/components-descriptions.d.ts"
     },
     "./schemas/rsuite-components.schema.json": "./dist/schemas/rsuite-components.schema.json",
-    "./css/formengine-rsuite.css": "./dist/css/formengine-rsuite.css",
+    "./assets/styles.ltr.css": "./dist/assets/styles.ltr.css",
+    "./assets/styles.rtl.css": "./dist/assets/styles.rtl.css",
     "./css/rsuite-no-reset.min.css": "./dist/css/rsuite-no-reset.min.css",
     "./css/rsuite-no-reset-rtl.min.css": "./dist/css/rsuite-no-reset-rtl.min.css"
   },
@@ -204,11 +205,9 @@
     "email": "support@optimajet.com"
   },
   "peerDependencies": {
-    "@emotion/css": "^11.13.5",
-    "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.1",
-    "@react-form-builder/core": "7.15.0",
+    "@react-form-builder/core": "8.1.0",
     "@rsuite/icons": "1.3.2",
+    "clsx": "^2.1.1",
     "date-fns": "^2.30.0",
     "react": ">=17.0.2 || ^18 || ^19",
     "react-number-format": "^5.1.4",
@@ -225,7 +224,8 @@
     "LICENSE"
   ],
   "devDependencies": {
-    "@react-form-builder/json-schema-generator": "^7.15.0",
+    "@react-form-builder/json-schema-generator": "^8.1.0",
+    "postcss": "^8.5.8",
     "vite-inline-css-plugin": "^0.0.1",
     "vite-node": "^5.2.0"
   },