@layers-app/shared 0.4.8 → 0.4.10

package/dist/components/FormViewer/components/Step.js

@@ -1,217 +1,384 @@
-import { jsxs as u, jsx as e } from "react/jsx-runtime";
-import { memo as I, Fragment as T } from "react";
-import { Stack as N, Flex as O, Image as E } from "@mantine/core";
-import { combineClasses as l, STATIC_CLASSES as i, getPageNumberClass as M } from "../helpers/staticClasses.js";
-import { alignRelation as f } from "../helpers/themeUtils.js";
-import { useFormViewerStore as h } from "../store/formStore.js";
-import { stepByControlReselect as S, questionNumberReselect as U } from "../store/selectors.js";
-import { Container as D } from "./Container.js";
-import { ListFocusBox as R } from "./ListFocusBox.js";
-import { NavControls as B } from "./NavControls.js";
-import { StepDescription as x } from "./StepDescription.js";
-import { StepTitle as Y } from "./StepTitle.js";
-import { ButtonField as k } from "./fields/ButtonField/ButtonField.js";
-import { ChoiceField as G } from "./fields/ChoiceField/ChoiceField.js";
-import { PictureChoiceField as P } from "./fields/ChoiceField/PictureChoiceField.js";
-import { ConfirmField as v } from "./fields/ConfirmField.js";
-import { DateField as $ } from "./fields/DateField.js";
-import { DropdownField as z } from "./fields/DropdownField/DropdownField.js";
-import { EmailField as K } from "./fields/EmailField.js";
-import { LocationField as j } from "./fields/LocationField.js";
-import { LongTextField as w } from "./fields/LongTextField.js";
-import { MultipleChoiceField as H } from "./fields/MultipleChoice/MultipleChoiceField.js";
-import { NumberField as q } from "./fields/NumberField.js";
-import { PhoneField as W } from "./fields/PhoneField.js";
-import { RatingField as V } from "./fields/RatingField.js";
-import { SliderField as J } from "./fields/SliderField.js";
-import { StartField as Q } from "./fields/StartField.js";
-import { TextField as X } from "./fields/TextField.js";
-import { UploadField as Z } from "./fields/UploadField/UploadField.js";
-import { YesNoField as oo } from "./fields/YesNoField.js";
-import n from "../FormViewer.module.css.js";
-const io = (t) => t ? `brightness(${t.brightness ?? 0}%) ${t.layout === "background" ? `blur(${t.blur ?? 0}px)` : ""}` : "none", m = (t) => t ? {
-  content: i.MEDIA_LAYOUT_CONTENT,
-  left: i.MEDIA_LAYOUT_LEFT,
-  right: i.MEDIA_LAYOUT_RIGHT,
-  fullLeft: i.MEDIA_LAYOUT_FULL_LEFT,
-  fullRight: i.MEDIA_LAYOUT_FULL_RIGHT,
-  background: i.MEDIA_LAYOUT_BACKGROUND,
-  top: i.MEDIA_LAYOUT_TOP,
-  bottom: i.MEDIA_LAYOUT_BOTTOM,
-  fullTop: i.MEDIA_LAYOUT_FULL_TOP,
-  fullBottom: i.MEDIA_LAYOUT_FULL_BOTTOM
-}[t] || i.BLOCK_IMAGE : i.BLOCK_IMAGE, to = {
-  text: X,
-  date: $,
-  number: q,
-  multipleChoice: H,
-  slider: J,
-  dropdown: z,
-  choice: G,
-  upload: Z,
-  location: j,
-  phone: W,
-  email: K,
-  yesNo: oo,
-  longText: w,
-  pictureChoice: P,
-  start: Q,
-  confirm: v,
-  button: k,
-  rating: V
-}, xo = I(
-  ({ step: t, theme: r }) => {
-    const { useStore: p } = h(), L = p((a) => a.isMobile), F = p(S), b = p(U), { media: o } = t, s = t.controls?.[0];
-    let d = i.PAGE;
-    if (s)
-      if (s.controlType === "start")
-        d = i.START;
-      else if (s.controlType === "confirm")
-        d = i.END;
+import { jsxs as y, jsx as i } from "react/jsx-runtime";
+import { memo as te, useRef as H, Fragment as L } from "react";
+import { useSensors as oe, useSensor as W, MouseSensor as re, TouchSensor as ne, DndContext as le } from "@dnd-kit/core";
+import { SortableContext as de, verticalListSortingStrategy as ae } from "@dnd-kit/sortable";
+import { isContentControlType as k } from "../helpers/controls.js";
+import { combineClasses as g, STATIC_CLASSES as a, getPageNumberClass as se } from "../helpers/staticClasses.js";
+import { alignRelation as me } from "../helpers/themeUtils.js";
+import { useFormViewerStore as ce, isSameEditorTarget as w } from "../store/formStore.js";
+import { stepByControlReselect as pe, questionNumberReselect as ge } from "../store/selectors.js";
+import { Container as ue } from "./Container.js";
+import { ControlTitle as fe } from "./ControlTitle.js";
+import { NavControls as ye } from "./NavControls.js";
+import { AddElementButton as he } from "./editor/AddElementButton.js";
+import { FloatingBar as G } from "./editor/FloatingBar.js";
+import { MediaSettingsBar as ve } from "./editor/MediaSettingsBar.js";
+import { SelectableBlock as h } from "./editor/SelectableBlock.js";
+import { SelectionRing as x } from "./editor/SelectionRing.js";
+import { SlideSettingsBar as Ce } from "./editor/SlideSettingsBar.js";
+import { SortableControl as Se } from "./editor/SortableControl.js";
+import { buttonElementKey as be, startButtonElementKey as Te, fieldElementKey as z, controlTitleElementKey as Ie } from "./editor/keys.js";
+import { ChoiceField as Ee } from "./fields/ChoiceField/ChoiceField.js";
+import { PictureChoiceField as Fe } from "./fields/ChoiceField/PictureChoiceField.js";
+import { ConfirmButton as U } from "./fields/ConfirmButton.js";
+import { DateField as Me } from "./fields/DateField.js";
+import { DividerField as Ne } from "./fields/DividerField.js";
+import { DropdownField as Le } from "./fields/DropdownField/DropdownField.js";
+import { EmailField as xe } from "./fields/EmailField.js";
+import { HeadingField as Be } from "./fields/HeadingField.js";
+import { ImageField as Pe } from "./fields/ImageField.js";
+import { LocationField as Ae } from "./fields/LocationField.js";
+import { LongTextField as Ke } from "./fields/LongTextField.js";
+import { MultipleChoiceField as Re } from "./fields/MultipleChoice/MultipleChoiceField.js";
+import { NumberField as De } from "./fields/NumberField.js";
+import { ParagraphField as Oe } from "./fields/ParagraphField.js";
+import { PhoneField as _e } from "./fields/PhoneField.js";
+import { RatingField as $e } from "./fields/RatingField.js";
+import { ScaleField as He } from "./fields/ScaleField.js";
+import { SliderField as We } from "./fields/SliderField.js";
+import { StartField as V } from "./fields/StartField.js";
+import { TextField as ke } from "./fields/TextField.js";
+import { UploadField as we } from "./fields/UploadField/UploadField.js";
+import { YesNoField as Ge } from "./fields/YesNoField.js";
+import d from "../FormViewer.module.css.js";
+const ze = (t) => t ? `brightness(${t.brightness ?? 0}%) blur(${t.blur ?? 0}px)` : "none", T = (t) => t ? {
+  left: a.MEDIA_LAYOUT_LEFT,
+  right: a.MEDIA_LAYOUT_RIGHT,
+  top: a.MEDIA_LAYOUT_TOP
+}[t] || a.BLOCK_IMAGE : a.BLOCK_IMAGE, Ue = {
+  text: ke,
+  date: Me,
+  number: De,
+  multipleChoice: Re,
+  slider: We,
+  dropdown: Le,
+  choice: Ee,
+  upload: we,
+  location: Ae,
+  phone: _e,
+  email: xe,
+  yesNo: Ge,
+  longText: Ke,
+  pictureChoice: Fe,
+  start: V,
+  confirm: U,
+  rating: $e,
+  scale: He,
+  heading: Be,
+  paragraph: Oe,
+  image: Pe,
+  divider: Ne
+}, Oi = te(
+  ({ step: t, theme: l }) => {
+    const { useStore: s, api: u } = ce(), B = s((e) => e.isMobile), o = s((e) => e.editing), Y = s((e) => e.config.settings), j = s(pe), q = s(ge), { media: n } = t, J = oe(
+      W(re, { activationConstraint: { distance: 5 } }),
+      W(ne, { activationConstraint: { distance: 5 } })
+    ), Q = ({ active: e, over: c }) => {
+      c && e.id !== c.id && u.reorderControls(t.id, String(e.id), String(c.id));
+    }, r = l?.background, v = r?.bgType ?? (r?.video ? "video" : r?.image ? "image" : "color"), P = v === "image" && !!r?.image || v === "video" && !!r?.video, I = !!(n?.image || n?.video), m = I ? B ? "top" : n?.layout ?? "left" : void 0, C = { type: "slide", stepId: t.id }, X = s(
+      (e) => w(e.editorSelection, C)
+    ), A = H(null), Z = o ? (e) => {
+      e.stopPropagation(), u.setEditorSelection(C);
+    } : void 0, ee = o ? (e) => {
+      e.stopPropagation(), u.setEditorHover(C);
+    } : void 0, E = o ? () => u.setEditorHover(null) : void 0, f = {
+      type: "element",
+      stepId: t.id,
+      elementKey: `media:${t.id}`
+    }, ie = s(
+      (e) => w(e.editorSelection, f)
+    ), F = H(null), K = o ? (e) => {
+      e.stopPropagation(), u.setEditorSelection(f);
+    } : void 0, R = o ? (e) => {
+      e.stopPropagation(), u.setEditorHover(f);
+    } : void 0, S = t.controls?.find(
+      (e) => !k(e.controlType)
+    );
+    let b = a.PAGE;
+    if (S)
+      if (S.controlType === "start")
+        b = a.START;
+      else if (S.controlType === "confirm")
+        b = a.END;
       else {
-        const a = b[s.id];
-        a && (d = M(a));
+        const e = q[S.id];
+        e && (b = se(e));
       }
-    const g = r?.align || "start";
-    return /* @__PURE__ */ u(
+    const D = l?.align || "start", M = !t.isStart && !t.isEnd, O = t.controls?.find((e) => e.controlType === "start"), N = t.controls?.filter(
+      (e) => e.controlType !== "start" && e.controlType !== "confirm"
+    ) ?? [], _ = (e) => {
+      const c = Ue[e.controlType], p = j[e.id];
+      if (!p) return /* @__PURE__ */ i(L, {}, e.id);
+      if (!c) return /* @__PURE__ */ i(L, {}, e.id);
+      const $ = k(e.controlType) || e.controlType === "start" || e.controlType === "confirm" ? /* @__PURE__ */ i(
+        h,
+        {
+          fullWidth: !0,
+          target: {
+            type: "element",
+            stepId: p.id,
+            elementKey: z(e.id)
+          },
+          children: /* @__PURE__ */ i(
+            c,
+            {
+              control: e,
+              step: p,
+              theme: l
+            }
+          )
+        }
+      ) : (
+        // Группа «лейбл + поле» с собственным зазором (--form-label-gap); между
+        // группами действует зазор контейнера (--form-container-gap). width:100%
+        // обязателен — иначе align-items контейнера сжимает группу по контенту.
+        /* @__PURE__ */ y(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              gap: "var(--form-label-gap)",
+              width: "100%"
+            },
+            children: [
+              /* @__PURE__ */ i(
+                h,
+                {
+                  fullWidth: !0,
+                  target: {
+                    type: "element",
+                    stepId: p.id,
+                    elementKey: Ie(e.id)
+                  },
+                  children: /* @__PURE__ */ i(
+                    "div",
+                    {
+                      className: g(a.BLOCK, d.stack),
+                      style: {
+                        display: "flex",
+                        flexDirection: "column",
+                        gap: 4,
+                        alignItems: "stretch",
+                        // Лейбл на всю ширину (как поле) — иначе в превью он сжимается
+                        // по контенту (align-items контейнера) и text-align не работает.
+                        width: "100%"
+                      },
+                      children: /* @__PURE__ */ i(
+                        fe,
+                        {
+                          originalStepId: p.id,
+                          theme: l,
+                          control: e
+                        }
+                      )
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ i(
+                h,
+                {
+                  fullWidth: !0,
+                  target: {
+                    type: "element",
+                    stepId: p.id,
+                    elementKey: z(e.id)
+                  },
+                  children: /* @__PURE__ */ i(
+                    c,
+                    {
+                      control: e,
+                      step: p,
+                      theme: l
+                    },
+                    e.id
+                  )
+                }
+              )
+            ]
+          }
+        )
+      );
+      return o ? /* @__PURE__ */ i(Se, { id: e.id, children: $ }, e.id) : /* @__PURE__ */ i(L, { children: $ }, e.id);
+    };
+    return /* @__PURE__ */ y(
       "div",
       {
-        className: l(
-          n.stepRoot,
-          i.PAGE,
-          d
+        ref: A,
+        className: g(
+          d.stepRoot,
+          a.PAGE,
+          b
         ),
         style: {
-          "--size": r?.size,
-          "--align": g,
-          "--media-image": o?.image ? `url(${o.image})` : "none",
-          "--media-image-filter": io(o),
-          "--bg-color": r?.background?.image ? "transparent" : r?.background?.color || "none",
-          "--bg-opacityHex": `${(r?.background?.opacity ?? 1) * 100}%`,
-          fontWeight: r?.font?.fontWeight
+          "--size": l?.size,
+          "--align": D,
+          "--media-image": n?.image ? `url(${n.image})` : "none",
+          // brightness по умолчанию 100% (иначе getImageFilter даёт 0% → чёрный).
+          "--media-image-filter": ze(
+            n ? { ...n, brightness: n.brightness ?? 100 } : null
+          ),
+          "--media-size": `${n?.size ?? 40}%`,
+          // Фон слайда — ТОЛЬКО собственный: цвет прямо на фоне, картинка/видео
+          // отдельным слоем. Без своего фона слайд прозрачный → виден общий
+          // фон формы.
+          "--bg-color": v === "color" && r?.color ? r.color : "transparent",
+          "--slide-bg-image": P && r?.image ? `url(${r.image})` : "none",
+          "--slide-bg-filter": `brightness(${r?.brightness ?? 100}%) blur(${r?.blur ?? 0}px)`,
+          "--bg-opacityHex": `${(r?.opacity ?? 1) * 100}%`,
+          // Цвет текста тела задаём на корне слайда из font.color шага —
+          // так старт/энд-слайды с собственным цветом текста (edgeText)
+          // перекрывают общий токен формы только в своём поддереве.
+          // Если у темы нет font.color — свойство опускается (React), и
+          // работает общий токен --form-color-text формы.
+          "--form-color-text": l?.font?.color || void 0,
+          fontWeight: l?.font?.fontWeight
         },
-        "data-mobile": L,
-        "data-align": f[g],
-        "data-media-layout": o?.layout,
+        "data-mobile": B,
+        "data-align": me[D],
+        "data-media-layout": m,
+        onClick: Z,
+        onMouseOver: ee,
+        onMouseLeave: E,
         children: [
-          o && o.layout === "background" && /* @__PURE__ */ e(
-            "div",
+          P && /* @__PURE__ */ i("div", { className: d.slideBg, "aria-hidden": !0, children: v === "video" && r?.video && /* @__PURE__ */ i(
+            "video",
             {
-              className: l(
-                m(o.layout),
-                n.media
-              )
+              className: d.slideBgVideo,
+              src: r.video,
+              autoPlay: !0,
+              loop: !0,
+              muted: !0,
+              playsInline: !0
             }
-          ),
-          o && ["top", "fullTop", "left", "fullLeft"].includes(
-            o.layout ?? ""
-          ) && /* @__PURE__ */ e(
+          ) }),
+          o && /* @__PURE__ */ i(x, { target: C, variant: "slide" }),
+          o && X && /* @__PURE__ */ i(G, { reference: A.current, children: /* @__PURE__ */ i(Ce, { stepId: t.id }) }),
+          o && ie && /* @__PURE__ */ i(G, { reference: F.current, children: /* @__PURE__ */ i(ve, { stepId: t.id }) }),
+          I && ["top", "left"].includes(m ?? "") && /* @__PURE__ */ y(
             "div",
             {
-              className: l(
-                m(o.layout),
-                n.media
+              ref: F,
+              className: g(
+                T(m),
+                d.media
               ),
-              children: /* @__PURE__ */ e(
-                "div",
-                {
-                  className: l(
-                    m(o.layout),
-                    n.mediaInner
-                  ),
-                  "data-radius": r?.borderRadius
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ e("div", { className: l(n.content), children: !!t.controls?.length && /* @__PURE__ */ e(D, { theme: t.theme, children: t.controls.map((a, y, A) => {
-            const _ = to[a.controlType], C = y === A.length - 1, c = F[a.id];
-            return c ? /* @__PURE__ */ u(T, { children: [
-              /* @__PURE__ */ u(R, { controlId: a.id, children: [
-                /* @__PURE__ */ u(
-                  N,
-                  {
-                    gap: 4,
-                    align: f[r?.align || "start"],
-                    className: l(
-                      i.BLOCK,
-                      n.stack
-                    ),
-                    children: [
-                      /* @__PURE__ */ e(
-                        Y,
-                        {
-                          originalStepId: c.id,
-                          theme: r,
-                          control: a
-                        }
-                      ),
-                      /* @__PURE__ */ e(
-                        x,
-                        {
-                          originalStepId: c.id,
-                          theme: r,
-                          control: a
-                        }
-                      )
-                    ]
-                  }
-                ),
-                o && ["content"].includes(o.layout ?? "") && /* @__PURE__ */ e(O, { justify: f[r?.align || "start"], children: /* @__PURE__ */ e(
+              style: o ? { cursor: "pointer" } : void 0,
+              onClick: K,
+              onMouseOver: R,
+              onMouseLeave: E,
+              children: [
+                o && /* @__PURE__ */ i(x, { target: f, variant: "media" }),
+                /* @__PURE__ */ i(
                   "div",
                   {
-                    className: l(
-                      m(o.layout),
-                      n.media
+                    className: g(
+                      T(m),
+                      d.mediaInner
                     ),
-                    "data-radius": r?.borderRadius,
-                    style: {
-                      "--size": o.size ? `${o.size}%` : "100%"
-                    },
-                    children: /* @__PURE__ */ e(
-                      E,
+                    "data-radius": l?.borderRadius,
+                    children: n?.video && /* @__PURE__ */ i(
+                      "video",
                       {
-                        src: o.image,
-                        className: l(
-                          m(o.layout),
-                          n.mediaInner
-                        )
+                        className: d.mediaVideo,
+                        src: n.video,
+                        autoPlay: !0,
+                        loop: !0,
+                        muted: !0,
+                        playsInline: !0
                       }
                     )
                   }
-                ) }),
-                /* @__PURE__ */ e(
-                  _,
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ i("div", { className: g(d.content), children: (M || !!t.controls?.length || o) && /* @__PURE__ */ y(ue, { theme: t.theme, stepId: t.id, children: [
+            o ? /* @__PURE__ */ i(le, { sensors: J, onDragEnd: Q, children: /* @__PURE__ */ i(
+              de,
+              {
+                items: N.map((e) => e.id),
+                strategy: ae,
+                children: N.map(_)
+              }
+            ) }) : N.map(_),
+            /* @__PURE__ */ i(
+              he,
+              {
+                stepId: t.id,
+                contentOnly: !M
+              }
+            ),
+            M && /* @__PURE__ */ i(
+              h,
+              {
+                fullWidth: !0,
+                target: {
+                  type: "element",
+                  stepId: t.id,
+                  elementKey: be(t.id)
+                },
+                children: /* @__PURE__ */ i(ye, { data: t })
+              }
+            ),
+            t.isStart && O && /* @__PURE__ */ i(
+              h,
+              {
+                fullWidth: !0,
+                target: {
+                  type: "element",
+                  stepId: t.id,
+                  elementKey: Te(t.id)
+                },
+                children: /* @__PURE__ */ i(
+                  V,
                   {
-                    control: a,
-                    step: c,
-                    theme: r
-                  },
-                  a.id
+                    control: O,
+                    step: t,
+                    theme: l
+                  }
                 )
-              ] }),
-              C && /* @__PURE__ */ e(B, { data: t })
-            ] }, a.id) : /* @__PURE__ */ e(T, {}, a.id);
-          }) }) }),
-          o && ["bottom", "fullBottom", "right", "fullRight"].includes(
-            o.layout ?? ""
-          ) && /* @__PURE__ */ e(
+              }
+            ),
+            t.isEnd && Y.copyright && /* @__PURE__ */ i(U, { theme: l })
+          ] }) }),
+          I && m === "right" && /* @__PURE__ */ y(
             "div",
             {
-              className: l(
-                m(o.layout),
-                n.media
+              ref: F,
+              className: g(
+                T(m),
+                d.media
               ),
-              children: /* @__PURE__ */ e(
-                "div",
-                {
-                  className: l(
-                    m(o.layout),
-                    n.mediaInner
-                  ),
-                  "data-radius": t.theme?.borderRadius
-                }
-              )
+              style: o ? { cursor: "pointer" } : void 0,
+              onClick: K,
+              onMouseOver: R,
+              onMouseLeave: E,
+              children: [
+                o && /* @__PURE__ */ i(x, { target: f, variant: "media" }),
+                /* @__PURE__ */ i(
+                  "div",
+                  {
+                    className: g(
+                      T(m),
+                      d.mediaInner
+                    ),
+                    "data-radius": t.theme?.borderRadius,
+                    children: n?.video && /* @__PURE__ */ i(
+                      "video",
+                      {
+                        className: d.mediaVideo,
+                        src: n.video,
+                        autoPlay: !0,
+                        loop: !0,
+                        muted: !0,
+                        playsInline: !0
+                      }
+                    )
+                  }
+                )
+              ]
             }
           )
         ]
@@ -220,6 +387,6 @@ const io = (t) => t ? `brightness(${t.brightness ?? 0}%) ${t.layout === "backgro
   }
 );
 export {
-  xo as Step,
-  io as getImageFilter
+  Oi as Step,
+  ze as getImageFilter
 };

package/dist/components/FormViewer/components/editor/AddElementButton.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Кнопка «Добавить элемент» внутри формы. Видна только в режиме редактирования;
+ * по клику открывает модалку выбора элемента (через колбэк onAddElement,
+ * который предоставляет редактор форм).
+ */
+export declare const AddElementButton: ({ stepId, contentOnly, }: {
+    stepId: string;
+    /** Разрешить добавлять только контентные контролы (для start/end слайдов). */
+    contentOnly?: boolean;
+}) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=AddElementButton.d.ts.map

package/dist/components/FormViewer/components/editor/AddElementButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddElementButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/FormViewer/components/editor/AddElementButton.tsx"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,GAAI,0BAG9B;IACD,MAAM,EAAE,MAAM,CAAC;IACf,8EAA8E;IAC9E,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,mDAoBA,CAAC"}

package/dist/components/FormViewer/components/editor/AddElementButton.js

@@ -0,0 +1,22 @@
+import { jsxs as l, jsx as d } from "react/jsx-runtime";
+import { useTranslation as c } from "react-i18next";
+import { IconPlus as u } from "@tabler/icons-react";
+import { useFormViewerStore as a } from "../../store/formStore.js";
+import p from "./SelectableBlock.module.css.js";
+const b = ({
+  stepId: e,
+  contentOnly: n
+}) => {
+  const { t: r } = c("forms"), { useStore: o } = a(), s = o((t) => t.editing), m = o((t) => t.onAddElement);
+  if (!s) return null;
+  const i = (t) => {
+    t.stopPropagation(), m?.({ stepId: e, contentOnly: n });
+  };
+  return /* @__PURE__ */ l("button", { type: "button", className: p.addElement, onClick: i, children: [
+    /* @__PURE__ */ d(u, { size: 18 }),
+    r("addElement")
+  ] });
+};
+export {
+  b as AddElementButton
+};

package/dist/components/FormViewer/components/editor/AlignMenu.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { Align } from '../../types/form';
+export declare const ALIGN_ICONS: Record<Align, ReactNode>;
+/**
+ * Дропдаун горизонтального выравнивания одного элемента. Значение и его
+ * сохранение передаёт вызывающий — выравнивание индивидуально для каждого
+ * элемента (заголовок слайда / заголовок контрола / кнопка).
+ */
+export declare const AlignMenu: ({ value, onSelect, opened, onOpenedChange, }: {
+    value: Align;
+    onSelect: (align: Align) => void;
+    opened: boolean;
+    onOpenedChange: (opened: boolean) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AlignMenu.d.ts.map

package/dist/components/FormViewer/components/editor/AlignMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlignMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/FormViewer/components/editor/AlignMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASlC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAKzC,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,KAAK,EAAE,SAAS,CAIhD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,SAAS,GAAI,8CAKvB;IACD,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,cAAc,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC3C,4CAmCA,CAAC"}