md-components-mdigial-azamat 0.0.331 → 0.0.332

package/dist/MainBanner/MainBanner.js

@@ -1,126 +1,152 @@
-import { jsxs as f, jsx as l } from "react/jsx-runtime";
-import { DataTypesEnum as v } from "../Types/FiledTypes.js";
-import { e as S, t as k, a as C } from "../themeProps-d4f49292.js";
-import { B as N } from "../index-4ceee683.js";
-import { b as j } from "../const-9ea436d6.js";
-import { C as B } from "../ComponentContainer-dca711c6.js";
-import { H as E } from "../Heading-f935c90a.js";
-import { I as o } from "../index-df8034eb.js";
-import { S as P } from "../SafeHtml-c32fde04.js";
-import { c as p } from "../cn-6a4bf187.js";
-const T = {
+import { jsxs as g, jsx as a } from "react/jsx-runtime";
+import { DataTypesEnum as s, FieldTypes as H } from "../Types/FiledTypes.js";
+import { e as T, t as E, a as j } from "../themeProps-d4f49292.js";
+import { B } from "../index-4ceee683.js";
+import { b as I } from "../const-9ea436d6.js";
+import { C as _ } from "../ComponentContainer-dca711c6.js";
+import { H as L } from "../Heading-f935c90a.js";
+import { I as p } from "../index-df8034eb.js";
+import { S as M } from "../SafeHtml-c32fde04.js";
+import { c as r } from "../cn-6a4bf187.js";
+const P = {
+  label: "Высота картинки",
+  key: "image_height_mode",
+  dataType: s.select,
+  options: [
+    { value: "fixed", label: "450 px — как было" },
+    { value: "content", label: "По содержимому картинки" },
+    { value: "custom", label: "Своя высота" }
+  ]
+}, z = {
+  label: "Своя высота, px",
+  key: "image_height",
+  type: H.NUMBER,
+  dataType: s.number
+}, A = {
   label: "Размер логотипа",
   key: "logo_size",
-  dataType: v.select,
+  dataType: s.select,
   options: [
     { value: "small", label: "Маленький" },
     { value: "medium", label: "Средний" },
     { value: "large", label: "Большой" }
   ]
-}, z = [
+}, D = [
   "title",
   "description",
-  S,
-  k,
-  C,
+  T,
+  E,
+  j,
   "image",
   "image_mob",
+  P,
+  z,
   "logo",
-  T,
+  A,
   "grid",
-  j
-], h = {
+  I
+], u = 450, F = (l, o) => {
+  if (l === "content")
+    return;
+  if (l === "fixed")
+    return u;
+  const t = Number(o);
+  return Number.isFinite(t) && t > 0 ? t : u;
+}, y = {
   small: "w-[280px] h-[70px] max-tablet:w-full max-tablet:h-[40px] max-tablet:my-[12px] max-tablet:mb-[24px]",
   medium: "w-[427px] h-[94px] max-tablet:w-full max-tablet:h-[45px] max-tablet:my-[12px] max-tablet:mb-[24px]",
   large: "w-[550px] h-[150px] max-tablet:w-full max-tablet:h-[65px] max-tablet:my-[12px] max-tablet:mb-[24px]"
-}, H = ({
-  title: e,
-  title_tag: g,
-  description: i,
-  buttons: t,
-  image: r,
-  image_mob: s,
-  logo: c,
-  logo_size: y = "medium",
-  grid: b,
-  background_color: n,
-  title_color: d,
-  text_color: m
+}, G = ({
+  title: l,
+  title_tag: o,
+  description: t,
+  buttons: m,
+  image: c,
+  image_mob: n,
+  logo: b,
+  logo_size: v = "medium",
+  grid: d,
+  background_color: f,
+  title_color: h,
+  text_color: x,
+  image_height: w,
+  image_height_mode: S
 }) => {
-  const u = (x, a) => (a == null ? void 0 : a.length) % 2 !== 0 && x === (a == null ? void 0 : a.length) - 1, w = h[y] ?? h.medium;
-  return /* @__PURE__ */ f(
+  const k = (i, e) => (e == null ? void 0 : e.length) % 2 !== 0 && i === (e == null ? void 0 : e.length) - 1, N = y[v] ?? y.medium, C = F(S, w);
+  return /* @__PURE__ */ g(
     "section",
     {
-      style: n ? { backgroundColor: n } : void 0,
+      style: f ? { backgroundColor: f } : void 0,
       children: [
-        /* @__PURE__ */ f(B, { className: "flex flex-col items-center", children: [
-          c && /* @__PURE__ */ l(
-            o,
+        /* @__PURE__ */ g(_, { className: "flex flex-col items-center", children: [
+          b && /* @__PURE__ */ a(
+            p,
             {
-              src: c,
-              alt: e,
-              className: p(
+              src: b,
+              alt: l,
+              className: r(
                 "mb-[36px] object-contain mt-[40px] flex items-center",
-                w
+                N
               ),
               imageStyles: "h-full w-full object-contain"
             }
           ),
-          /* @__PURE__ */ l(
-            E,
+          /* @__PURE__ */ a(
+            L,
             {
-              tag: g,
+              tag: o,
               fallback: "h1",
               className: "text-black2 text-[40px] font-bold leading-[50px] mb-[24px] text-center max-tablet:text-[26px] max-tablet:leading-[34px] max-tablet:mb-[20px]",
-              style: d ? { color: d } : void 0,
-              children: e
+              style: h ? { color: h } : void 0,
+              children: l
             }
           ),
-          i && /* @__PURE__ */ l("div", { style: m ? { color: m } : void 0, children: /* @__PURE__ */ l(
-            P,
+          t && /* @__PURE__ */ a("div", { style: x ? { color: x } : void 0, children: /* @__PURE__ */ a(
+            M,
             {
-              html: i,
+              html: t,
               as: "div",
-              className: p(
+              className: r(
                 "text-center text-[20px] font-normal leading-[25px] mb-[32px] w-[75%] mx-auto max-tablet:text-[16px] max-tablet:leading-[20px] max-tablet:w-full",
-                !m && "text-black2"
+                !x && "text-black2"
               )
             }
           ) }),
-          /* @__PURE__ */ l(
+          !!(m != null && m.length) && /* @__PURE__ */ a(
             "div",
             {
-              className: `grid grid-cols-${b} items-center gap-[16px] mb-[60px]
+              className: `grid grid-cols-${d} items-center gap-[16px] mb-[60px]
         max-tablet:grid-cols-1 max-tablet:w-full max-tablet:mb-[40px]`,
-              children: t == null ? void 0 : t.map((x, a) => /* @__PURE__ */ l(
-                N,
+              children: m.map((i, e) => /* @__PURE__ */ a(
+                B,
                 {
-                  ...x,
+                  ...i,
                   target: "_blank",
-                  className: p(
+                  className: r(
                     "flex items-center h-[56px] mx-auto px-[32px] py-[12px] max-tablet:px-[32px] max-tablet:py-[12px]",
-                    { [`col-span-${b}`]: u(a, t) }
+                    { [`col-span-${d}`]: k(e, m) }
                   )
                 },
-                a
+                e
               ))
             }
           )
         ] }),
-        r && /* @__PURE__ */ l(
-          o,
+        c && /* @__PURE__ */ a(
+          p,
           {
-            src: r,
-            alt: e,
-            className: "w-full h-[450px] mb-[64px] block max-mobile:hidden",
-            imageStyles: "w-full h-full object-contain max-mobile:object-cover"
+            src: c,
+            alt: l,
+            height: C,
+            className: "w-full mb-[64px] block max-mobile:hidden",
+            imageStyles: "block w-full h-full object-contain max-mobile:object-cover"
           }
         ),
-        s && /* @__PURE__ */ l(
-          o,
+        n && /* @__PURE__ */ a(
+          p,
           {
-            src: s,
-            alt: e,
+            src: n,
+            alt: l,
             className: "w-full h-fit max-h-[450px] overflow-hidden hidden max-mobile:block mb-[64px] max-mobile:mb-[40px]",
             imageStyles: "w-full h-full object-contain"
           }
@@ -129,8 +155,8 @@ const T = {
     }
   );
 };
-H.propsToEdit = z;
+G.propsToEdit = D;
 export {
-  H as MainBanner,
-  z as propsToEdit
+  G as MainBanner,
+  D as propsToEdit
 };

package/package.json

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