@layers-app/shared 0.4.9 → 0.4.10

package/dist/components/FormViewer/components/ui/FormRating.js

@@ -0,0 +1,32 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useState as u } from "react";
+import s from "./FormRating.module.css.js";
+const m = "M12 1.5 L14.53 8.52 L22 8.76 L16.09 13.33 L18.17 20.49 L12 16.3 L5.83 20.49 L7.91 13.33 L2.01 8.76 L9.47 8.52 Z", v = () => /* @__PURE__ */ t("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": !0, focusable: "false", children: /* @__PURE__ */ t("path", { d: m }) }), h = ({
+  value: a = 0,
+  onChange: l,
+  count: n = 5,
+  readOnly: e
+}) => {
+  const [c, i] = u(null), d = c ?? a;
+  return /* @__PURE__ */ t("div", { className: s.root, role: "radiogroup", children: Array.from({ length: n }, (o, r) => r + 1).map((o) => {
+    const r = o <= d;
+    return /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        className: s.star,
+        "data-filled": r,
+        disabled: e,
+        "aria-label": String(o),
+        onMouseEnter: e ? void 0 : () => i(o),
+        onMouseLeave: e ? void 0 : () => i(null),
+        onClick: e ? void 0 : () => l?.(o),
+        children: /* @__PURE__ */ t(v, {})
+      },
+      o
+    );
+  }) });
+};
+export {
+  h as FormRating
+};

package/dist/components/FormViewer/components/ui/FormRating.module.css.js

@@ -0,0 +1,9 @@
+const t = "_root_uh196_9", o = "_star_uh196_25", s = {
+  root: t,
+  star: o
+};
+export {
+  s as default,
+  t as root,
+  o as star
+};

package/dist/components/FormViewer/components/ui/FormSlider.d.ts

@@ -0,0 +1,10 @@
+export type FormSliderProps = {
+    value: number;
+    onChange: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+};
+/** Слайдер взамен Mantine `Slider`. Логика перетаскивания — `useMove`. */
+export declare const FormSlider: ({ value, onChange, min, max, step, }: FormSliderProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FormSlider.d.ts.map

package/dist/components/FormViewer/components/ui/FormSlider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSlider.d.ts","sourceRoot":"","sources":["../../../../../src/components/FormViewer/components/ui/FormSlider.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,0EAA0E;AAC1E,eAAO,MAAM,UAAU,GAAI,sCAMxB,eAAe,4CAkBjB,CAAC"}

package/dist/components/FormViewer/components/ui/FormSlider.js

@@ -0,0 +1,23 @@
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { clamp as o, useMove as u } from "@mantine/hooks";
+import t from "./FormSlider.module.css.js";
+const y = ({
+  value: d,
+  onChange: a,
+  min: r = 0,
+  max: s = 100,
+  step: c = 1
+}) => {
+  const l = s > r ? o((d - r) / (s - r), 0, 1) : 0, { ref: f } = u(({ x: i }) => {
+    if (s <= r) return;
+    const p = r + o(i, 0, 1) * (s - r), h = Math.round(p / c) * c;
+    a(o(h, r, s));
+  });
+  return /* @__PURE__ */ e("div", { className: t.root, children: /* @__PURE__ */ n("div", { className: t.track, ref: f, children: [
+    /* @__PURE__ */ e("div", { className: t.filled, style: { width: `${l * 100}%` } }),
+    /* @__PURE__ */ e("div", { className: t.thumb, style: { left: `${l * 100}%` } })
+  ] }) });
+};
+export {
+  y as FormSlider
+};

package/dist/components/FormViewer/components/ui/FormSlider.module.css.js

@@ -0,0 +1,13 @@
+const t = "_root_15cai_5", c = "_track_15cai_15", o = "_filled_15cai_33", _ = "_thumb_15cai_51", a = {
+  root: t,
+  track: c,
+  filled: o,
+  thumb: _
+};
+export {
+  a as default,
+  o as filled,
+  t as root,
+  _ as thumb,
+  c as track
+};

package/dist/components/FormViewer/components/ui/FormText.d.ts

@@ -0,0 +1,23 @@
+import { CSSProperties, ElementType, ReactNode } from 'react';
+declare const SIZE_MAP: Record<string, string>;
+export type FormTextProps = {
+    children: ReactNode;
+    /** Ключ размера (xs–xl) или явное CSS-значение. */
+    size?: keyof typeof SIZE_MAP | (string & {});
+    /** Цвет текста (CSS-значение или токен). */
+    c?: string;
+    ta?: CSSProperties['textAlign'];
+    fw?: number;
+    mt?: number;
+    /** line-height: 1 (как Mantine `inline`). */
+    inline?: boolean;
+    /** Обрезка в одну строку с многоточием. */
+    truncate?: boolean;
+    className?: string;
+    component?: ElementType;
+    style?: CSSProperties;
+};
+/** Текстовый примитив взамен Mantine `Text`. */
+export declare const FormText: ({ children, size, c, ta, fw, mt, inline, truncate, className, component: Component, style, }: FormTextProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FormText.d.ts.map

package/dist/components/FormViewer/components/ui/FormText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormText.d.ts","sourceRoot":"","sources":["../../../../../src/components/FormViewer/components/ui/FormText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAM9D,QAAA,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAMpC,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC7C,4CAA4C;IAC5C,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,EAAE,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,6CAA6C;IAC7C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF,gDAAgD;AAChD,eAAO,MAAM,QAAQ,GAAI,8FAYtB,aAAa,4CAuBf,CAAC"}

package/dist/components/FormViewer/components/ui/FormText.js

@@ -0,0 +1,47 @@
+import { jsx as d } from "react/jsx-runtime";
+import { combineClasses as f } from "../../helpers/staticClasses.js";
+import o from "./FormText.module.css.js";
+const g = {
+  xs: "0.75rem",
+  sm: "0.875rem",
+  md: "1rem",
+  lg: "1.125rem",
+  xl: "1.25rem"
+}, A = ({
+  children: e,
+  size: t = "md",
+  c: m,
+  ta: r,
+  fw: n,
+  mt: s,
+  inline: i,
+  truncate: l,
+  className: c,
+  component: x = "div",
+  style: p
+}) => {
+  const a = g[t] || t;
+  return /* @__PURE__ */ d(
+    x,
+    {
+      className: f(
+        o.text,
+        l ? o.truncate : void 0,
+        i ? o.inline : void 0,
+        c
+      ),
+      style: {
+        fontSize: a,
+        color: m,
+        textAlign: r,
+        fontWeight: n,
+        marginTop: s,
+        ...p
+      },
+      children: e
+    }
+  );
+};
+export {
+  A as FormText
+};

package/dist/components/FormViewer/components/ui/FormText.module.css.js

@@ -0,0 +1,11 @@
+const t = "_text_16tvi_5", n = "_truncate_16tvi_17", e = "_inline_16tvi_31", i = {
+  text: t,
+  truncate: n,
+  inline: e
+};
+export {
+  i as default,
+  e as inline,
+  t as text,
+  n as truncate
+};

package/dist/components/FormViewer/constants/defaultTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/constants/defaultTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAElD,eAAO,MAAM,aAAa,EAAE,iBAqC3B,CAAC"}
+{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/constants/defaultTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAElD,eAAO,MAAM,aAAa,EAAE,iBA+D3B,CAAC"}

package/dist/components/FormViewer/constants/defaultTheme.js

@@ -1,23 +1,30 @@
-const o = {
+const t = {
   align: "start",
   listStyle: "disc",
   input: {},
   customCSS: "",
+  tokens: {},
   primaryColor: "#228BE6",
   size: "md",
   borderRadius: "md",
+  buttonFullWidth: !1,
+  buttonAlign: "start",
+  buttonShowBack: !1,
+  buttonLayout: "horizontal",
   font: { fontFamily: "Roboto", fontWeight: 400 },
-  title: {
+  slideTitle: {
     fontFamily: "Roboto",
-    fontWeight: 400,
-    fontSize: 20,
-    color: "var(--mantine-color-bright)"
+    fontWeight: 700,
+    fontSize: 28,
+    color: "var(--mantine-color-bright)",
+    align: "start"
   },
-  description: {
+  title: {
     fontFamily: "Roboto",
     fontWeight: 400,
-    fontSize: 14,
-    color: "var(--mantine-color-bright)"
+    fontSize: 20,
+    color: "var(--mantine-color-bright)",
+    align: "start"
   },
   container: {
     opacity: 1,
@@ -33,9 +40,28 @@ const o = {
     brightness: 100,
     opacity: 1,
     fit: "cover",
+    position: "center",
     blendMode: "normal"
-  }
+  },
+  // По умолчанию у старт/энд-слайдов нет собственного фона — виден общий фон
+  // формы. Тема может задать им отдельный фон (напр. картинку).
+  startBackground: { bgType: "none" },
+  endBackground: { bgType: "none" },
+  // По умолчанию у старт/энд-слайдов нет собственного контейнера (пустой объект
+  // трактуется как «не задан» — используется общий контейнер темы). Тема может
+  // задать им отдельный контейнер (напр. «стеклянный»).
+  startContainer: {},
+  endContainer: {},
+  // По умолчанию у старт/энд-слайдов нет переопределения темы (пустой объект =
+  // «не задано» — стили наследуются от общей темы формы).
+  startTheme: {},
+  endTheme: {},
+  // Кнопка «Начать» по умолчанию компактная (не на всю ширину).
+  startButtonFullWidth: !1,
+  // Дефолты для новых слайдов/элементов — задаются в конкретной теме.
+  slideDefaults: {},
+  controlDefaults: {}
 };
 export {
-  o as DEFAULT_THEME
+  t as DEFAULT_THEME
 };

package/dist/components/FormViewer/helpers/conditions.d.ts

@@ -50,7 +50,6 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
         variableName?: string | undefined;
         minOptions?: number | undefined;
         maxOptions?: number | undefined;
-        showInput?: boolean | undefined;
         otherOption?: boolean | undefined;
     } | {
         id: string;
@@ -85,7 +84,6 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
         title?: string | undefined;
         description?: string | undefined;
         required?: boolean | undefined;
-        showInput?: boolean | undefined;
         variableName?: string | undefined;
         otherOption?: boolean | undefined;
     } | {
@@ -101,7 +99,6 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
         icon?: string | undefined;
         required?: boolean | undefined;
         variableName?: string | undefined;
-        showInput?: boolean | undefined;
     } | {
         id: string;
         controlType: "upload";
@@ -186,36 +183,77 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
         label?: string | undefined;
     } | {
         id: string;
-        controlType: "button";
+        controlType: "rating";
         title?: string | undefined;
         description?: string | undefined;
-        label?: string | undefined;
-        link?: string | undefined;
-        showIconButton?: boolean | undefined;
-        buttonIcon?: string | undefined;
-        alignButton?: "start" | "center" | "end" | undefined;
-        buttons?: any[] | undefined;
-        orientation?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
-        width?: number | undefined;
-        enableTooltip?: boolean | undefined;
         required?: boolean | undefined;
-        fullWidthMobile?: boolean | undefined;
+        variableName?: string | undefined;
+        count?: number | undefined;
     } | {
         id: string;
-        controlType: "rating";
+        controlType: "scale";
         title?: string | undefined;
         description?: string | undefined;
+        icon?: string | undefined;
         required?: boolean | undefined;
         variableName?: string | undefined;
-        count?: number | undefined;
+        min?: number | undefined;
+        max?: number | undefined;
+        minLabel?: string | undefined;
+        maxLabel?: string | undefined;
+    } | {
+        id: string;
+        controlType: "heading";
+        title?: string | undefined;
+        description?: string | undefined;
+        required?: boolean | undefined;
+        fontSize?: number | undefined;
+        align?: "start" | "center" | "end" | undefined;
+        color?: string | undefined;
+    } | {
+        id: string;
+        controlType: "paragraph";
+        title?: string | undefined;
+        description?: string | undefined;
+        required?: boolean | undefined;
+        variant?: "paragraph" | "note" | "caption" | undefined;
+        fontSize?: number | undefined;
+        align?: "start" | "center" | "end" | undefined;
+        color?: string | undefined;
+        link?: string | undefined;
+    } | {
+        id: string;
+        controlType: "image";
+        title?: string | undefined;
+        description?: string | undefined;
+        required?: boolean | undefined;
+        image?: string | undefined;
+        width?: "auto" | "50" | "75" | "100" | undefined;
+        align?: "start" | "center" | "end" | undefined;
+        radius?: number | undefined;
+        alt?: string | undefined;
+        link?: string | undefined;
+    } | {
+        id: string;
+        controlType: "divider";
+        title?: string | undefined;
+        description?: string | undefined;
+        required?: boolean | undefined;
+        lineStyle?: "line" | "dashed" | "dots" | "space" | undefined;
+        thickness?: number | undefined;
+        space?: "s" | "m" | "l" | undefined;
+        color?: string | undefined;
     })[];
     trigger: string;
     isStart?: boolean | undefined;
     isEnd?: boolean | undefined;
+    title?: string | undefined;
+    headingMigrated?: boolean | undefined;
     autoSubmit?: boolean | undefined;
     confirmLabel?: string | undefined;
+    backLabel?: string | undefined;
     media?: {
-        layout?: "content" | "left" | "right" | "top" | "bottom" | "fullLeft" | "fullRight" | "fullTop" | "fullBottom" | "background" | undefined;
+        layout?: "left" | "right" | undefined;
         brightness?: number | undefined;
         image?: string | undefined;
         video?: string | undefined;
@@ -236,25 +274,51 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
         listStyle?: string | undefined;
         borderRadius?: "sm" | "md" | "lg" | undefined;
         primaryColor?: string | undefined;
-        title?: {
+        slideTitle?: {
             fontSize?: number | undefined;
             fontWeight?: number | undefined;
             fontFamily?: string | undefined;
             color?: string | undefined;
+            lineHeight?: number | undefined;
+            letterSpacing?: number | undefined;
+            align?: "start" | "center" | "end" | undefined;
         } | undefined;
-        description?: {
+        title?: {
             fontSize?: number | undefined;
             fontWeight?: number | undefined;
             fontFamily?: string | undefined;
             color?: string | undefined;
+            lineHeight?: number | undefined;
+            letterSpacing?: number | undefined;
+            align?: "start" | "center" | "end" | undefined;
         } | undefined;
         font?: {
             fontSize?: number | undefined;
             fontWeight?: number | undefined;
             fontFamily?: string | undefined;
             color?: string | undefined;
+            lineHeight?: number | undefined;
+            letterSpacing?: number | undefined;
+            align?: "start" | "center" | "end" | undefined;
         } | undefined;
+        buttonFullWidth?: boolean | undefined;
+        buttonAlign?: "start" | "center" | "end" | "between" | undefined;
+        buttonShowBack?: boolean | undefined;
+        buttonLayout?: "horizontal" | "vertical" | undefined;
         container?: {
+            background?: {
+                bgType?: "image" | "color" | "video" | "none" | undefined;
+                color?: string | undefined;
+                image?: string | undefined;
+                video?: string | undefined;
+                videoThumb?: string | undefined;
+                blur?: number | undefined;
+                brightness?: number | undefined;
+                opacity?: number | undefined;
+                fit?: string | undefined;
+                position?: string | undefined;
+                blendMode?: string | undefined;
+            } | undefined;
             color?: string | undefined;
             opacity?: number | undefined;
             blur?: number | undefined;
@@ -263,19 +327,98 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
             shadowColor?: string | undefined;
         } | undefined;
         background?: {
+            bgType?: "image" | "color" | "video" | "none" | undefined;
             color?: string | undefined;
             image?: string | undefined;
+            video?: string | undefined;
+            videoThumb?: string | undefined;
             blur?: number | undefined;
             brightness?: number | undefined;
             opacity?: number | undefined;
             fit?: string | undefined;
+            position?: string | undefined;
             blendMode?: string | undefined;
         } | undefined;
+        startBackground?: {
+            bgType?: "image" | "color" | "video" | "none" | undefined;
+            color?: string | undefined;
+            image?: string | undefined;
+            video?: string | undefined;
+            videoThumb?: string | undefined;
+            blur?: number | undefined;
+            brightness?: number | undefined;
+            opacity?: number | undefined;
+            fit?: string | undefined;
+            position?: string | undefined;
+            blendMode?: string | undefined;
+        } | undefined;
+        endBackground?: {
+            bgType?: "image" | "color" | "video" | "none" | undefined;
+            color?: string | undefined;
+            image?: string | undefined;
+            video?: string | undefined;
+            videoThumb?: string | undefined;
+            blur?: number | undefined;
+            brightness?: number | undefined;
+            opacity?: number | undefined;
+            fit?: string | undefined;
+            position?: string | undefined;
+            blendMode?: string | undefined;
+        } | undefined;
+        startContainer?: {
+            background?: {
+                bgType?: "image" | "color" | "video" | "none" | undefined;
+                color?: string | undefined;
+                image?: string | undefined;
+                video?: string | undefined;
+                videoThumb?: string | undefined;
+                blur?: number | undefined;
+                brightness?: number | undefined;
+                opacity?: number | undefined;
+                fit?: string | undefined;
+                position?: string | undefined;
+                blendMode?: string | undefined;
+            } | undefined;
+            color?: string | undefined;
+            opacity?: number | undefined;
+            blur?: number | undefined;
+            backgroundImage?: string | undefined;
+            shadowSize?: number | undefined;
+            shadowColor?: string | undefined;
+        } | undefined;
+        endContainer?: {
+            background?: {
+                bgType?: "image" | "color" | "video" | "none" | undefined;
+                color?: string | undefined;
+                image?: string | undefined;
+                video?: string | undefined;
+                videoThumb?: string | undefined;
+                blur?: number | undefined;
+                brightness?: number | undefined;
+                opacity?: number | undefined;
+                fit?: string | undefined;
+                position?: string | undefined;
+                blendMode?: string | undefined;
+            } | undefined;
+            color?: string | undefined;
+            opacity?: number | undefined;
+            blur?: number | undefined;
+            backgroundImage?: string | undefined;
+            shadowSize?: number | undefined;
+            shadowColor?: string | undefined;
+        } | undefined;
+        startTheme?: Record<string, unknown> | undefined;
+        endTheme?: Record<string, unknown> | undefined;
+        startButtonFullWidth?: boolean | undefined;
+        slideDefaults?: Record<string, unknown> | undefined;
+        controlDefaults?: Record<string, Record<string, unknown>> | undefined;
         input?: {
             backgroundColor?: string | undefined;
             borderColor?: string | undefined;
+            fontFamily?: string | undefined;
         } | undefined;
         customCSS?: string | undefined;
+        tokens?: Record<string, string> | undefined;
     } | undefined;
     position?: {
         x: number;

package/dist/components/FormViewer/helpers/conditions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conditions.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/helpers/conditions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAGlD,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEpE,eAAO,MAAM,WAAW,GACtB,MAAM,QAAQ,EACd,OAAO,QAAQ,EAAE,EACjB,MAAM,iBAAiB,CAAC,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQzC,CAAC;AA2FF,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,WAAW,EAAE,YAAY,EAAE,CAmBjE,CAAC"}
+{"version":3,"file":"conditions.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/helpers/conditions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAGlD,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEpE,eAAO,MAAM,WAAW,GACtB,MAAM,QAAQ,EACd,OAAO,QAAQ,EAAE,EACjB,MAAM,iBAAiB,CAAC,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQzC,CAAC;AA2FF,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,WAAW,EAAE,YAAY,EAAE,CAwBjE,CAAC"}

package/dist/components/FormViewer/helpers/conditions.js

@@ -1,21 +1,21 @@
 import { isNil as a } from "lodash-es";
-const c = (o, l, i) => {
-  const e = f(o, i.getValues()), r = l.find((t) => t.id === e), d = l.findIndex((t) => t.id === o.id);
+const u = (i, l, o) => {
+  const e = f(i, o.getValues()), r = l.find((t) => t.id === e), d = l.findIndex((t) => t.id === i.id);
   return r ?? l[d + 1];
-}, m = (o, l, i) => {
-  const e = o.controls.find((t) => t.id === l), r = e && "options" in e ? e.options : void 0;
-  return (Array.isArray(i) ? i : a(i) ? [] : [i]).flatMap((t) => {
+}, m = (i, l, o) => {
+  const e = i.controls.find((t) => t.id === l), r = e && "options" in e ? e.options : void 0;
+  return (Array.isArray(o) ? o : a(o) ? [] : [o]).flatMap((t) => {
     const n = String(t), s = r?.find((p) => p.id === n)?.label;
     return a(s) ? [n] : [n, s];
   });
-}, f = (o, l) => {
-  if (o.conditions?.length) {
-    const i = o.conditions.find((e) => {
+}, f = (i, l) => {
+  if (i.conditions?.length) {
+    const o = i.conditions.find((e) => {
       const r = l[e.controlId];
       if (e.operator === "empty" && a(r) || e.operator === "filledIn" && (r || r === 0))
         return !0;
       if (e.operator === "selected" || e.operator === "notSelected") {
-        const n = (e.compareValue ?? "").toLowerCase(), s = m(o, e.controlId, r).some(
+        const n = (e.compareValue ?? "").toLowerCase(), s = m(i, e.controlId, r).some(
           (p) => p.toLowerCase() === n
         );
         return e.operator === "selected" ? s : !s;
@@ -30,9 +30,9 @@ const c = (o, l, i) => {
       if (e.operator === "is" && d === t || e.operator === "isNot" && d !== t || e.operator === "startsWidth" && d.startsWith(t) || e.operator === "endsWidth" && d.endsWith(t))
         return !0;
     });
-    if (i) return i.trigger;
+    if (o) return o.trigger;
   }
-  return o.trigger;
+  return i.trigger;
 }, h = {
   choice: ["filledIn", "empty", "selected", "notSelected"],
   pictureChoice: ["filledIn", "empty", "selected", "notSelected"],
@@ -50,10 +50,15 @@ const c = (o, l, i) => {
   upload: ["filledIn", "empty"],
   start: [],
   confirm: [],
-  button: [],
-  rating: ["filledIn", "empty", "is", "isNot", "smallerWhen", "biggerWhen"]
+  rating: ["filledIn", "empty", "is", "isNot", "smallerWhen", "biggerWhen"],
+  scale: ["filledIn", "empty", "is", "isNot", "smallerWhen", "biggerWhen"],
+  // Контентные контролы не собирают ответы — условий по ним нет.
+  heading: [],
+  paragraph: [],
+  image: [],
+  divider: []
 };
 export {
-  c as getNextStep,
+  u as getNextStep,
   h as operatorsRelation
 };

package/dist/components/FormViewer/helpers/controls.d.ts

@@ -1,7 +1,21 @@
 import { ReactNode } from 'react';
 import { ControlType } from '../types/form';
+/**
+ * Иконка и цвет элемента формы. Цвет — имя палитры Mantine: подложка иконки
+ * берётся из `--mantine-color-{color}-filled`, а `gray` в модалке добавления
+ * рисуется через `dark-4` (см. AddElementModal).
+ *
+ * Размер задаётся снаружи (`1em`), поэтому иконку можно вставлять в контейнер
+ * любого размера.
+ */
 export declare const controlsDataMap: Record<ControlType, {
     icon: ReactNode;
     color: string;
 }>;
+/**
+ * Контентные (оформительские) контролы — не собирают ответы и не нумеруются
+ * как вопросы. Ведут себя как обычные элементы (перенос/удаление/дублирование).
+ */
+export declare const CONTENT_CONTROL_TYPES: readonly ["heading", "paragraph", "image", "divider"];
+export declare const isContentControlType: (type: ControlType) => boolean;
 //# sourceMappingURL=controls.d.ts.map

package/dist/components/FormViewer/helpers/controls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/helpers/controls.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAuBlC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,eAAO,MAAM,eAAe,EAAE,MAAM,CAClC,WAAW,EACX;IACE,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf,CA0EF,CAAC"}
+{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/helpers/controls.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AA0BlC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAQ5C;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,EAAE,MAAM,CAClC,WAAW,EACX;IACE,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf,CAyGF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,uDAKS,CAAC;AAE5C,eAAO,MAAM,oBAAoB,GAAI,MAAM,WAAW,KAAG,OACI,CAAC"}