md-components-mdigial-azamat 0.0.322 → 0.0.324

package/dist/CardIconList/CardIconList.js

@@ -1,51 +1,56 @@
 import { jsx as r, jsxs as b } from "react/jsx-runtime";
-import { FeaturesCard as E } from "../Cards/FeaturesCard/index.js";
-import { FieldTypes as t, DataTypesEnum as m } from "../Types/FiledTypes.js";
-import { t as T } from "../themeProps-d4f49292.js";
+import { FeaturesCard as T } from "../Cards/FeaturesCard/index.js";
+import { FieldTypes as e, DataTypesEnum as m } from "../Types/FiledTypes.js";
+import { t as E } from "../themeProps-d4f49292.js";
 import { C } from "../ComponentContainer-dca711c6.js";
-import { H as N } from "../Heading-f935c90a.js";
-import { S as A } from "../SafeHtml-c32fde04.js";
+import { H as I } from "../Heading-f935c90a.js";
+import { S as N } from "../SafeHtml-c32fde04.js";
 import { c as s } from "../cn-6a4bf187.js";
-import { S as e } from "../size-b1291031.js";
-const I = {
+import { S as t } from "../size-b1291031.js";
+const A = {
   type: "cards",
   label: "Карточки",
   dataType: "array",
   data: {
-    title: t.TITLE,
-    description: t.DESCRIPTION,
-    image: t.FILE,
-    is_black: t.BOOLEAN,
-    variant: t.VARIANT,
-    badge: t.TITLE,
-    color_bg: t.COLOR,
-    item_color_text: t.COLOR,
-    color_description: t.COLOR
+    title: e.TITLE,
+    description: e.DESCRIPTION,
+    image: e.FILE,
+    // Карточку рисует FeaturesCard, а он показывает ссылку по link/link_text.
+    // Без них в схеме конструктор не строит поля, и подпись ссылки в карточке
+    // нельзя ни исправить, ни стереть.
+    link: e.LINK,
+    link_text: e.TITLE,
+    is_black: e.BOOLEAN,
+    variant: e.VARIANT,
+    badge: e.TITLE,
+    color_bg: e.COLOR,
+    item_color_text: e.COLOR,
+    color_description: e.COLOR
   }
 }, y = {
   type: "multiHasText",
   label: "Множественные текстовые карточки",
   dataType: "boolean"
-}, O = {
+}, _ = {
   label: "Размер карточки",
   key: "size",
   dataType: m.select,
   options: [
-    { value: e.SMALL, label: "Маленький" },
-    { value: e.MEDIUM, label: "Средний" },
-    { value: e.LARGE, label: "Большой" }
+    { value: t.SMALL, label: "Маленький" },
+    { value: t.MEDIUM, label: "Средний" },
+    { value: t.LARGE, label: "Большой" }
   ]
-}, R = {
+}, O = {
   label: "Размер изображений",
   key: "image_size",
   dataType: m.select,
   options: [
-    { value: e.SMALL, label: "Маленький" },
-    { value: e.MEDIUM, label: "Средний" },
-    { value: e.LARGE, label: "Большой" },
+    { value: t.SMALL, label: "Маленький" },
+    { value: t.MEDIUM, label: "Средний" },
+    { value: t.LARGE, label: "Большой" },
     { value: "xlarge", label: "Очень большой" }
   ]
-}, S = {
+}, R = {
   label: "Выравнивание контента карточек",
   key: "content_align",
   dataType: m.select,
@@ -54,32 +59,32 @@ const I = {
     { value: "center", label: "Середина" },
     { value: "end", label: "Конец" }
   ]
-}, _ = [
-  I,
+}, S = [
+  A,
   "title",
-  T,
+  E,
   "description",
+  _,
   O,
   R,
-  S,
   "turnover",
   y,
   "grid"
-], w = ({
+], k = ({
   cards: i,
   title: c,
   title_tag: f,
   title_color: d,
   description: o,
-  size: g = e.SMALL,
-  image_size: u = e.LARGE,
+  size: g = t.SMALL,
+  image_size: u = t.LARGE,
   turnover: h,
   multiHasText: n = !1,
   grid: x,
   layoutMode: a,
-  content_align: v = "start"
+  content_align: L = "start"
 }) => {
-  const L = (() => {
+  const v = (() => {
     if (a)
       switch (a) {
         case "grid-2":
@@ -100,9 +105,9 @@ const I = {
     if (n)
       return "grid grid-cols-2 items-stretch max-tablet:grid-cols-1 h-full";
     switch (g) {
-      case e.MEDIUM:
+      case t.MEDIUM:
         return "grid grid-cols-3 items-stretch max-tablet:grid-cols-1";
-      case e.LARGE:
+      case t.LARGE:
         return "grid grid-cols-2 items-stretch max-tablet:grid-cols-1";
       default:
         return "grid grid-cols-2 items-stretch max-tablet:grid-cols-1";
@@ -115,7 +120,7 @@ const I = {
       children: [
         (c || o) && /* @__PURE__ */ b("div", { className: "mb-[24px] max-tablet:mb-[8px] w-full text-center", children: [
           c && /* @__PURE__ */ r(
-            N,
+            I,
             {
               tag: f,
               fallback: "h2",
@@ -127,7 +132,7 @@ const I = {
             }
           ),
           o && /* @__PURE__ */ r(
-            A,
+            N,
             {
               html: o,
               as: "div",
@@ -135,14 +140,14 @@ const I = {
             }
           )
         ] }),
-        /* @__PURE__ */ r("div", { className: s(L, "gap-[24px] w-full"), children: i == null ? void 0 : i.map(
+        /* @__PURE__ */ r("div", { className: s(v, "gap-[24px] w-full"), children: i == null ? void 0 : i.map(
           (l, p) => l && /* @__PURE__ */ r(
-            E,
+            T,
             {
               data: l,
               size: g,
               image_size: u,
-              content_align: v,
+              content_align: L,
               className: s(
                 {
                   "h-full": !a && n || a === "first-large"
@@ -159,8 +164,8 @@ const I = {
     }
   ) });
 };
-w.propsToEdit = _;
+k.propsToEdit = S;
 export {
-  w as CardIconList,
-  _ as propsToEdit
+  k as CardIconList,
+  S as propsToEdit
 };

package/dist/Cards/FeaturesCard/index.js

@@ -1,11 +1,11 @@
 import { jsxs as x, jsx as o } from "react/jsx-runtime";
 import { FieldTypes as i } from "../../Types/FiledTypes.js";
-import { B as b } from "../../index-4ceee683.js";
-import { I as _ } from "../../index-df8034eb.js";
-import { S as f } from "../../SafeHtml-c32fde04.js";
+import { B as _ } from "../../index-4ceee683.js";
+import { I as f } from "../../index-df8034eb.js";
+import { S as w } from "../../SafeHtml-c32fde04.js";
 import { c as p } from "../../cn-6a4bf187.js";
-import { S as l } from "../../size-b1291031.js";
-const w = {
+import { S as n } from "../../size-b1291031.js";
+const u = {
   type: "data",
   label: "Данные карточки функции",
   dataType: "object",
@@ -24,15 +24,15 @@ const w = {
       color_description: i.COLOR
     }
   }
-}, u = [w, "size", "image_size", "className"], t = {
-  [l.SMALL]: { width: 48, height: 48 },
-  [l.MEDIUM]: { width: 84, height: 84 },
-  [l.LARGE]: { width: 120, height: 120 },
+}, L = [u, "size", "image_size", "className"], t = {
+  [n.SMALL]: { width: 48, height: 48 },
+  [n.MEDIUM]: { width: 84, height: 84 },
+  [n.LARGE]: { width: 120, height: 120 },
   xlarge: { width: 330, height: 220 }
-}, L = ({
+}, y = ({
   data: e,
   size: r,
-  image_size: m = l.LARGE,
+  image_size: m = n.LARGE,
   content_align: h = "start",
   className: g
 }) => {
@@ -40,15 +40,15 @@ const w = {
     start: "items-start text-left",
     center: "items-center text-center",
     end: "items-end text-right"
-  }, c = s[h] || s.start, n = t[m] ?? t[l.LARGE];
+  }, c = s[h] || s.start, l = t[m] ?? t[n.LARGE], b = (e == null ? void 0 : e.button_type) === "button" ? !!(e != null && e.button_text) : !!(e != null && e.link_text);
   return console.log((e == null ? void 0 : e.title) || (e == null ? void 0 : e.description)), /* @__PURE__ */ x(
     "div",
     {
       className: p(
         "relative bg-white rounded-[20px] flex flex-col justify-between gap-[32px] w-full box-border",
         c,
-        r === l.LARGE && "min-h-[300px]",
-        r === l.SMALL ? "p-[24px]" : "p-[32px]",
+        r === n.LARGE && "min-h-[300px]",
+        r === n.SMALL ? "p-[24px]" : "p-[32px]",
         g
       ),
       style: { background: e == null ? void 0 : e.color_bg },
@@ -66,18 +66,18 @@ const w = {
             }
           ),
           (e == null ? void 0 : e.image) && /* @__PURE__ */ o(
-            _,
+            f,
             {
               src: e == null ? void 0 : e.image,
               alt: e == null ? void 0 : e.title,
-              width: n.width,
-              height: n.height,
+              width: l.width,
+              height: l.height,
               className: p(
                 "object-contain",
-                n.width === 48 && "min-w-[48px] min-h-[48px] w-[48px] h-[48px]",
-                n.width === 84 && "min-w-[84px] min-h-[84px] w-[84px] h-[84px]",
-                n.width === 120 && "min-w-[120px] min-h-[120px] w-[120px] h-[120px]",
-                n.width === 330 && "min-w-[220px] min-h-[180px] w-[220px] h-[180px] min-[641px]:min-w-[330px] min-[641px]:w-[330px] min-[641px]:min-h-[220px] min-[641px]:h-[220px] max-w-fit"
+                l.width === 48 && "min-w-[48px] min-h-[48px] w-[48px] h-[48px]",
+                l.width === 84 && "min-w-[84px] min-h-[84px] w-[84px] h-[84px]",
+                l.width === 120 && "min-w-[120px] min-h-[120px] w-[120px] h-[120px]",
+                l.width === 330 && "min-w-[220px] min-h-[180px] w-[220px] h-[180px] min-[641px]:min-w-[330px] min-[641px]:w-[330px] min-[641px]:min-h-[220px] min-[641px]:h-[220px] max-w-fit"
               ),
               imageStyles: "object-contain"
             }
@@ -97,7 +97,7 @@ const w = {
                 className: "text-[15px] leading-[22px] text-graySoft break-words [&_a]:underline [&_a]:hover:opacity-80 [&_a]:text-inherit",
                 style: { color: e == null ? void 0 : e.color_description },
                 children: /* @__PURE__ */ o(
-                  f,
+                  w,
                   {
                     html: e.description,
                     as: "div"
@@ -107,14 +107,14 @@ const w = {
             )
           ] })
         ] }),
-        r === l.LARGE && ((e == null ? void 0 : e.button_type) === "button" ? /* @__PURE__ */ o(
+        r === n.LARGE && b && ((e == null ? void 0 : e.button_type) === "button" ? /* @__PURE__ */ o(
           "a",
           {
             href: e == null ? void 0 : e.link,
             target: "_blank",
             className: "font-inter text-[16px] leading-[24px] font-semibold",
             children: /* @__PURE__ */ o(
-              b,
+              _,
               {
                 variant: e == null ? void 0 : e.button_variant,
                 button_hex: e == null ? void 0 : e.button_hex,
@@ -136,8 +136,8 @@ const w = {
     }
   );
 };
-L.propsToEdit = u;
+y.propsToEdit = L;
 export {
-  L as FeaturesCard,
-  u as propsToEdit
+  y as FeaturesCard,
+  L as propsToEdit
 };

package/dist/GroupedTable/GroupedTable.js

@@ -1,125 +1,163 @@
-import { jsx as e, jsxs as p } from "react/jsx-runtime";
-import { C as G } from "../ComponentContainer-dca711c6.js";
-import { H as L } from "../Heading-f935c90a.js";
-import { c as r } from "../cn-6a4bf187.js";
-import { propsToEdit as T } from "./schema.js";
-const v = (n) => n.reduce((a, o) => {
-  var i;
-  const s = a[a.length - 1], l = (i = o.group) == null ? void 0 : i.trim();
-  return l ? s && !s.standalone && s.title === l ? (s.span += 1, a) : (a.push({ title: l, span: 1, standalone: !1 }), a) : (a.push({ title: o.title, span: 1, standalone: !0 }), a);
-}, []), C = {
+import { jsx as t, jsxs as x } from "react/jsx-runtime";
+import { C as L } from "../ComponentContainer-dca711c6.js";
+import { H as T } from "../Heading-f935c90a.js";
+import { c as l } from "../cn-6a4bf187.js";
+import { propsToEdit as O } from "./schema.js";
+const k = (n) => n.reduce((a, s) => {
+  var m;
+  const r = a[a.length - 1], o = (m = s.group) == null ? void 0 : m.trim();
+  return o ? r && !r.standalone && r.title === o ? (r.span += 1, a) : (a.push({ title: o, span: 1, standalone: !1 }), a) : (a.push({ title: s.title, span: 1, standalone: !0 }), a);
+}, []), I = {
   "bottom-right": "justify-end",
   "bottom-left": "justify-start",
   "top-right": "justify-end",
   "top-left": "justify-start"
-}, u = (n) => n.startsWith("top"), O = {
+}, f = (n) => n.startsWith("top"), A = {
   small: "w-[120px] max-tablet:w-[80px]",
   medium: "w-[200px] max-tablet:w-[130px]",
   large: "w-[280px] max-tablet:w-[170px]"
-}, x = "border border-greyLight px-4 py-3 text-center align-middle", S = ({
+}, i = "border border-greyLight px-4 py-3 text-center align-middle", H = ({
   title: n,
   title_tag: a,
-  caption: o,
-  columns: s,
-  rows: l,
-  image: i,
-  image_alt: y,
-  overlay_position: c = "bottom-right",
-  overlay_size: E = "medium"
+  caption: s,
+  columns: r,
+  rows: o,
+  image: m,
+  image_alt: G,
+  overlay_position: p = "bottom-right",
+  overlay_size: S = "medium",
+  width: v = "full",
+  title_placement: C = "above"
 }) => {
-  const d = s ?? [];
-  if (!d.length)
+  const c = r ?? [];
+  if (!c.length)
     return null;
-  const b = v(d), f = b.some((t) => !t.standalone), g = i ? /* @__PURE__ */ e(
+  const b = k(c), h = C === "inside", g = v === "content", N = b.some((e) => !e.standalone), w = m ? /* @__PURE__ */ t(
     "div",
     {
-      className: r(
+      className: l(
         "pointer-events-none flex",
-        C[c],
+        I[p],
         // Небольшой заход на край таблицы: так штамп читается как печать
         // на документе, а не как отдельная картинка рядом
-        u(c) ? "-mb-6" : "-mt-6"
+        f(p) ? "-mb-6" : "-mt-6"
       ),
-      children: /* @__PURE__ */ e(
+      children: /* @__PURE__ */ t(
         "img",
         {
-          src: i,
-          alt: y ?? "",
-          className: r("select-none", O[E])
+          src: m,
+          alt: G ?? "",
+          className: l("select-none", A[S])
         }
       )
     }
   ) : null;
-  return /* @__PURE__ */ p(G, { children: [
-    n && /* @__PURE__ */ e(
-      L,
+  return /* @__PURE__ */ x(L, { children: [
+    n && !h && /* @__PURE__ */ t(
+      T,
       {
         tag: a,
         fallback: "h3",
-        className: r(
+        className: l(
           "mx-auto mb-6 max-w-[1200px] text-center text-[22px] leading-[28px] font-medium text-black",
           "max-tablet:mb-4 max-tablet:text-[18px] max-tablet:leading-[24px]"
         ),
         children: n
       }
     ),
-    /* @__PURE__ */ p("div", { className: "mx-auto w-full max-w-[1200px]", children: [
-      u(c) ? g : null,
-      /* @__PURE__ */ e("div", { className: "overflow-x-auto custom-scrollbar", children: /* @__PURE__ */ p("table", { className: "w-full border-collapse text-[15px] leading-[20px] text-black", children: [
-        o && /* @__PURE__ */ e(
-          "caption",
-          {
-            className: r(
-              x,
-              "border-b-0 bg-lightGray3 font-medium caption-top"
-            ),
-            children: o
-          }
+    /* @__PURE__ */ x(
+      "div",
+      {
+        className: l(
+          "mx-auto max-w-[1200px]",
+          g ? "w-fit max-w-full" : "w-full"
         ),
-        /* @__PURE__ */ p("thead", { children: [
-          /* @__PURE__ */ e("tr", { children: b.map((t, m) => /* @__PURE__ */ e(
-            "th",
+        children: [
+          f(p) ? w : null,
+          /* @__PURE__ */ t("div", { className: "overflow-x-auto custom-scrollbar", children: /* @__PURE__ */ x(
+            "table",
             {
-              scope: t.span > 1 ? "colgroup" : "col",
-              colSpan: t.span,
-              rowSpan: f && t.standalone ? 2 : 1,
-              className: r(x, "font-medium"),
-              children: t.title
-            },
-            m
-          )) }),
-          f && /* @__PURE__ */ e("tr", { children: d.map(
-            (t, m) => {
-              var h;
-              return (h = t.group) != null && h.trim() ? /* @__PURE__ */ e(
-                "th",
-                {
-                  scope: "col",
-                  className: r(x, "bg-lightGray3 font-normal"),
-                  children: t.title
-                },
-                m
-              ) : null;
+              className: l(
+                "border-collapse text-[15px] leading-[20px] text-black",
+                g ? "w-auto" : "w-full"
+              ),
+              children: [
+                s && !h && /* @__PURE__ */ t(
+                  "caption",
+                  {
+                    className: l(
+                      i,
+                      "border-b-0 bg-lightGray3 font-medium caption-top"
+                    ),
+                    children: s
+                  }
+                ),
+                /* @__PURE__ */ x("thead", { children: [
+                  h && n && /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t(
+                    "th",
+                    {
+                      scope: "col",
+                      colSpan: c.length,
+                      className: l(i, "font-medium"),
+                      children: n
+                    }
+                  ) }),
+                  h && s && /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t(
+                    "th",
+                    {
+                      scope: "col",
+                      colSpan: c.length,
+                      className: l(i, "bg-lightGray3 font-medium"),
+                      children: s
+                    }
+                  ) }),
+                  /* @__PURE__ */ t("tr", { children: b.map((e, d) => /* @__PURE__ */ t(
+                    "th",
+                    {
+                      scope: e.span > 1 ? "colgroup" : "col",
+                      colSpan: e.span,
+                      rowSpan: N && e.standalone ? 2 : 1,
+                      className: l(i, "font-medium"),
+                      children: e.title
+                    },
+                    d
+                  )) }),
+                  N && /* @__PURE__ */ t("tr", { children: c.map(
+                    (e, d) => {
+                      var u;
+                      return (u = e.group) != null && u.trim() ? /* @__PURE__ */ t(
+                        "th",
+                        {
+                          scope: "col",
+                          className: l(i, "bg-lightGray3 font-normal"),
+                          children: e.title
+                        },
+                        d
+                      ) : null;
+                    }
+                  ) })
+                ] }),
+                /* @__PURE__ */ t("tbody", { children: o == null ? void 0 : o.map((e, d) => /* @__PURE__ */ t("tr", { children: c.map((u, y) => {
+                  var j, E;
+                  return /* @__PURE__ */ t(
+                    "td",
+                    {
+                      className: i,
+                      children: ((E = (j = e.cells) == null ? void 0 : j[y]) == null ? void 0 : E.value) ?? ""
+                    },
+                    y
+                  );
+                }) }, e.id ?? d)) })
+              ]
             }
-          ) })
-        ] }),
-        /* @__PURE__ */ e("tbody", { children: l == null ? void 0 : l.map((t, m) => /* @__PURE__ */ e("tr", { children: d.map((h, N) => {
-          var w, j;
-          return /* @__PURE__ */ e(
-            "td",
-            {
-              className: x,
-              children: ((j = (w = t.cells) == null ? void 0 : w[N]) == null ? void 0 : j.value) ?? ""
-            },
-            N
-          );
-        }) }, t.id ?? m)) })
-      ] }) }),
-      u(c) ? null : g
-    ] })
+          ) }),
+          f(p) ? null : w
+        ]
+      }
+    )
   ] });
 };
-S.propsToEdit = T;
+H.propsToEdit = O;
 export {
-  S as GroupedTable
+  H as GroupedTable
 };

package/dist/GroupedTable/schema.js

@@ -1,5 +1,5 @@
-import { DataTypesEnum as e, FieldTypes as a } from "../Types/FiledTypes.js";
-const l = {
+import { DataTypesEnum as e, FieldTypes as l } from "../Types/FiledTypes.js";
+const a = {
   type: "caption",
   key: "caption",
   dataType: e.string,
@@ -10,12 +10,12 @@ const l = {
   dataType: e.array,
   data: {
     group: {
-      type: a.TITLE,
+      type: l.TITLE,
       key: "group",
       label: "Группа (одинаковая у соседних колонок объединит их в шапке)"
     },
     title: {
-      type: a.TITLE,
+      type: l.TITLE,
       key: "title",
       label: "Заголовок колонки"
     }
@@ -31,19 +31,37 @@ const l = {
       dataType: e.array,
       data: {
         value: {
-          type: a.TITLE,
+          type: l.TITLE,
           key: "value",
           label: "Значение"
         }
       }
     }
   }
+}, p = {
+  dataType: e.select,
+  type: "width",
+  key: "width",
+  label: "Ширина таблицы",
+  options: [
+    { label: "Во всю ширину", value: "full" },
+    { label: "По содержимому", value: "content" }
+  ]
 }, y = {
+  dataType: e.select,
+  type: "title_placement",
+  key: "title_placement",
+  label: "Где заголовок",
+  options: [
+    { label: "Над таблицей", value: "above" },
+    { label: "Первой строкой внутри", value: "inside" }
+  ]
+}, i = {
   type: "image_alt",
   key: "image_alt",
   dataType: e.string,
   label: "Описание картинки поверх таблицы (читают голосом)"
-}, p = {
+}, s = {
   dataType: e.select,
   type: "overlay_position",
   key: "overlay_position",
@@ -54,7 +72,7 @@ const l = {
     { label: "Сверху справа", value: "top-right" },
     { label: "Сверху слева", value: "top-left" }
   ]
-}, i = {
+}, n = {
   dataType: e.select,
   type: "overlay_size",
   key: "overlay_size",
@@ -66,13 +84,15 @@ const l = {
   ]
 }, r = [
   "title",
-  l,
+  y,
+  a,
   t,
   o,
-  "image",
-  y,
   p,
-  i
+  "image",
+  i,
+  s,
+  n
 ];
 export {
   r as propsToEdit

package/package.json

@@ -2,7 +2,7 @@
   "name": "md-components-mdigial-azamat",
   "author": "Azamat Raimbekov",
   "private": false,
-  "version": "0.0.322",
+  "version": "0.0.324",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",