npm - @brunoalz/smartgesti-site-editor - Versions diffs - 1.10.2 → 1.11.1 - Mend

@brunoalz/smartgesti-site-editor 1.10.2 → 1.11.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (21) hide show

package/dist/editor/PropertyEditor/BlockPropertyEditor.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BlockPropertyEditor.d.ts","sourceRoot":"","sources":["../../../src/editor/PropertyEditor/BlockPropertyEditor.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,KAAK,EAAE,YAAY,EAAsE,MAAM,cAAc,CAAC;AAKvH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAkDzD,UAAU,wBAAwB;IAChC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IACjD,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,wEAAwE;IACxE,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED;;;GAGG;AACH,eAAO,MAAM,mBAAmB,~~gEAiJ9B~~,CAAC"}
1	+ {"version":3,"file":"BlockPropertyEditor.d.ts","sourceRoot":"","sources":["../../../src/editor/PropertyEditor/BlockPropertyEditor.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,KAAK,EAAE,YAAY,EAAsE,MAAM,cAAc,CAAC;AAKvH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAkDzD,UAAU,wBAAwB;IAChC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IACjD,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,wEAAwE;IACxE,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED;;;GAGG;AACH,eAAO,MAAM,mBAAmB,gEA6J9B,CAAC"}

package/dist/editor/PropertyEditor/BlockPropertyEditor.js CHANGED Viewed

@@ -1,12 +1,12 @@
-import { jsx as p, jsxs as T } from "react/jsx-runtime";
-import { memo as b, useMemo as d, useCallback as w } from "react";
-import { VariationSelector as S } from "./VariationSelector.js";
-import { BlockHeader as M } from "./BlockHeader.js";
-import { CollapsiblePropertyGroup as O } from "./CollapsiblePropertyGroup.js";
+import { jsx as d, jsxs as T } from "react/jsx-runtime";
+import { memo as S, useMemo as f, useCallback as b } from "react";
+import { VariationSelector as M } from "./VariationSelector.js";
+import { BlockHeader as O } from "./BlockHeader.js";
+import { CollapsiblePropertyGroup as E } from "./CollapsiblePropertyGroup.js";
 import { evaluateShowWhen as j } from "../../engine/shared/showWhen.js";
-import { componentRegistry as E } from "../../engine/registry/registry.js";
-import { pluginRegistry as k } from "../../engine/plugins/pluginRegistry.js";
-const H = {
+import { componentRegistry as k } from "../../engine/registry/registry.js";
+import { pluginRegistry as H } from "../../engine/plugins/pluginRegistry.js";
+const R = {
   // Buttons (primary)
   primaryButtonColor: "primary",
   buttonColor: "primary",
@@ -32,83 +32,92 @@ const H = {
   // Background (generic)
   bg: "bg"
 };
-function R(f, e) {
-  const r = H[f];
+function W(x, e) {
+  const r = R[x];
   if (!r) return;
-  const s = e[r];
-  return typeof s == "string" ? s : void 0;
+  const a = e[r];
+  return typeof a == "string" ? a : void 0;
 }
-const q = b(function({
+const z = S(function({
   block: e,
   document: r,
-  currentPageId: s,
-  onUpdate: l,
-  uploadConfig: v,
-  focusedGroup: B
+  currentPageId: a,
+  onUpdate: c,
+  uploadConfig: B,
+  focusedGroup: F
 }) {
-  const i = d(() => e ? E.get(e.type) : null, [e]), x = d(
-    () => ({ document: r, currentPageId: s }),
-    [r, s]
-  ), h = d(() => {
+  const n = f(() => e ? k.get(e.type) : null, [e]), h = f(
+    () => ({ document: r, currentPageId: a }),
+    [r, a]
+  ), C = f(() => {
     if (!e || !r) return /* @__PURE__ */ new Set();
-    const t = k.getEditorRestrictions(r, e.type);
+    const t = H.getEditorRestrictions(r, e.type);
     return t?.lockedFields ? new Set(t.lockedFields) : /* @__PURE__ */ new Set();
-  }, [e, r]), C = d(() => {
-    if (!e || !i?.inspectorMeta) return {};
-    const t = e.props, o = i.defaultProps || {}, c = {};
-    for (const [a, n] of Object.entries(
-      i.inspectorMeta
+  }, [e, r]), g = f(() => {
+    if (!e || !n?.inspectorMeta) return {};
+    const t = e.props, i = n.defaultProps || {}, u = {}, v = (s, o) => {
+      if (!o.includes(".")) return s[o];
+      const p = o.split(".");
+      let l = s;
+      for (const m of p) {
+        if (l == null) return;
+        l = l[m];
+      }
+      return l;
+    };
+    for (const [s, o] of Object.entries(
+      n.inspectorMeta
     )) {
-      if (n.showWhen && !j(n.showWhen, t, o, x))
+      if (o.showWhen && !j(o.showWhen, t, i, h))
         continue;
-      const m = n.group || "Geral";
-      c[m] || (c[m] = []);
-      const u = t[a], g = n.inputType === "color" || n.inputType === "color-advanced";
-      let y = u === void 0 || g && u === "" ? o[a] : u;
-      y === void 0 && g && r?.theme?.colors && (y = R(
-        a,
+      const p = o.group || "Geral";
+      u[p] || (u[p] = []);
+      const l = v(t, s), m = o.inputType === "color" || o.inputType === "color-advanced";
+      let y = l === void 0 || m && l === "" ? v(i, s) : l;
+      y === void 0 && m && r?.theme?.colors && (y = W(
+        s,
         r.theme.colors
       ));
-      const P = h.has(a) ? { ...n, readOnly: !0 } : n;
-      c[m].push({
-        propName: a,
-        meta: P,
+      const w = C.has(s) ? { ...o, readOnly: !0 } : o;
+      u[p].push({
+        propName: s,
+        meta: w,
         value: y
       });
     }
-    return c;
-  }, [e, i, r, x, h]), F = w((t, o) => {
-    l(t === "logo" && (o === void 0 || o === "") ? { [t]: o, logoHeight: 70 } : { [t]: o });
-  }, [l]);
-  return e ? i ? /* @__PURE__ */ T("div", { className: "p-3 space-y-4", children: [
-    /* @__PURE__ */ p(
-      M,
+    return u;
+  }, [e, n, r, h, C]), P = b((t, i) => {
+    c(t === "logo" && (i === void 0 || i === "") ? { [t]: i, logoHeight: 70 } : { [t]: i });
+  }, [c]);
+  return e ? n ? /* @__PURE__ */ T("div", { className: "p-3 space-y-4", children: [
+    /* @__PURE__ */ d(
+      O,
       {
         type: e.type,
-        name: i.name,
-        description: i.description
+        name: n.name,
+        description: n.description
       }
     ),
-    i.variations && /* @__PURE__ */ p(S, { block: e, onUpdate: l }),
-    Object.keys(C).length === 0 ? /* @__PURE__ */ p("div", { className: "text-center text-gray-500 dark:text-gray-400 text-xs py-4", children: "Nenhuma propriedade configurável" }) : Object.entries(C).map(([t, o]) => /* @__PURE__ */ p(
-      O,
+    n.variations && /* @__PURE__ */ d(M, { block: e, onUpdate: c }),
+    Object.keys(g).length === 0 ? /* @__PURE__ */ d("div", { className: "text-center text-gray-500 dark:text-gray-400 text-xs py-4", children: "Nenhuma propriedade configurável" }) : Object.entries(g).map(([t, i]) => /* @__PURE__ */ d(
+      E,
       {
         groupName: t,
-        props: o,
-        onPropChange: F,
-        onMultiUpdate: l,
+        props: i,
+        onPropChange: P,
+        onMultiUpdate: c,
         allProps: e?.props,
-        uploadConfig: v,
-        isFocused: t === B
+        uploadConfig: B,
+        isFocused: t === F
       },
       t
     ))
   ] }) : /* @__PURE__ */ T("div", { className: "p-4 text-center text-red-500 text-sm", children: [
     "Tipo de bloco desconhecido: ",
     e.type
-  ] }) : /* @__PURE__ */ p("div", { className: "p-4 text-center text-gray-500 dark:text-gray-400 text-sm", children: "Selecione um bloco para editar" });
+  ] }) : /* @__PURE__ */ d("div", { className: "p-4 text-center text-gray-500 dark:text-gray-400 text-sm", children: "Selecione um bloco para editar" });
 });
 export {
-  q as BlockPropertyEditor
+  z as BlockPropertyEditor
 };
 //# sourceMappingURL=BlockPropertyEditor.js.map

package/dist/editor/PropertyEditor/BlockPropertyEditor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BlockPropertyEditor.js","sources":["../../../src/editor/PropertyEditor/BlockPropertyEditor.tsx"],"sourcesContent":["/*\n Block Property Editor - Refatorado\n * Editor dinâmico de propriedades baseado em inspectorMeta\n /\n\nimport { memo, useMemo, useCallback } from \"react\";\nimport { Block, SiteDocument, componentRegistry, InspectorMeta, evaluateShowWhen, pluginRegistry } from \"../../engine\";\nimport type { ShowWhenContext } from \"../../engine\";\nimport { VariationSelector } from \"./VariationSelector\";\nimport { BlockHeader } from \"./BlockHeader\";\nimport { CollapsiblePropertyGroup } from \"./CollapsiblePropertyGroup\";\nimport type { UploadConfig } from \"../LandingPageEditor\";\n\n// ============================================================================\n// Theme Color Fallback Map\n// Maps color property names → theme color token keys.\n// Used when block.props[colorProp] and defaultProps[colorProp] are both undefined,\n// so the editor shows the actual theme color instead of #000000.\n// ============================================================================\n\nconst THEME_COLOR_FALLBACKS: Record<string, string> = {\n // Buttons (primary)\n primaryButtonColor: \"primary\",\n buttonColor: \"primary\",\n primaryButtonTextColor: \"primaryText\",\n buttonTextColor: \"primaryText\",\n // Buttons (secondary)\n secondaryButtonColor: \"secondary\",\n secondaryButtonTextColor: \"primaryText\",\n // Badge\n badgeColor: \"accent\",\n badgeTextColor: \"primaryText\",\n // Links\n linkColor: \"linkColor\",\n linkHoverColor: \"primary\",\n // Border\n borderColor: \"border\",\n // Generic text\n color: \"text\",\n // Title/description\n titleColor: \"text\",\n subtitleColor: \"mutedText\",\n descriptionColor: \"mutedText\",\n // Background (generic)\n bg: \"bg\",\n};\n\n/\n Resolve theme color fallback for a color property.\n * Returns the theme color value if a mapping exists, undefined otherwise.\n /\nfunction resolveThemeColorFallback(\n propName: string,\n themeColors: Record<string, unknown>,\n): string \| undefined {\n const themeKey = THEME_COLOR_FALLBACKS[propName];\n if (!themeKey) return undefined;\n const color = themeColors[themeKey];\n return typeof color === \"string\" ? color : undefined;\n}\n\ninterface BlockPropertyEditorProps {\n block: Block \| null;\n document?: SiteDocument;\n currentPageId?: string;\n onUpdate: (updates: Record<string, any>) => void;\n uploadConfig?: UploadConfig;\n /* When set, the matching property group opens and scrolls into view /\n focusedGroup?: string \| null;\n}\n\n/\n Componente principal do editor de propriedades\n * Memoizado para performance\n /\nexport const BlockPropertyEditor = memo(function BlockPropertyEditor({\n block,\n document,\n currentPageId,\n onUpdate,\n uploadConfig,\n focusedGroup,\n}: BlockPropertyEditorProps) {\n // Obter definição do bloco do registry\n const blockDefinition = useMemo(() => {\n if (!block) return null;\n return componentRegistry.get(block.type);\n }, [block]);\n\n // Contexto para cross-block showWhen\n const showWhenContext = useMemo<ShowWhenContext>(\n () => ({ document, currentPageId }),\n [document, currentPageId],\n );\n\n // Obter restrições de edição do plugin (se houver)\n const lockedFields = useMemo(() => {\n if (!block \|\| !document) return new Set<string>();\n const restriction = pluginRegistry.getEditorRestrictions(document, block.type);\n if (!restriction?.lockedFields) return new Set<string>();\n return new Set(restriction.lockedFields);\n }, [block, document]);\n\n // Agrupar propriedades por grupo\n const groupedProps = useMemo(() => {\n if (!block \|\| !blockDefinition?.inspectorMeta) return {};\n\n const props = block.props as Record<string, any>;\n const defaultProps = (blockDefinition.defaultProps \|\| {}) as Record<string, any>;\n const groups: Record<\n string,\n Array<{ propName: string; meta: InspectorMeta; value: any }>\n > = {};\n\n for (const [propName, meta] of Object.entries(\n blockDefinition.inspectorMeta,\n )) {\n // Visibilidade condicional via showWhen\n if (meta.showWhen) {\n if (!evaluateShowWhen(meta.showWhen, props, defaultProps, showWhenContext)) {\n continue;\n }\n }\n\n const group = meta.group \|\| \"Geral\";\n if (!groups[group]) {\n groups[group] = [];\n }\n\n // Usar valor atual ou fallback para defaultProps, e depois theme colors\n const currentValue = props[propName];\n // Para campos de cor, também fazer fallback se o valor for string vazia\n const isColorInput = meta.inputType === \"color\" \|\| meta.inputType === \"color-advanced\";\n const shouldUseFallback = currentValue === undefined \|\| (isColorInput && currentValue === \"\");\n let value = shouldUseFallback ? defaultProps[propName] : currentValue;\n\n // Para color inputs sem valor definido, tentar fallback para cor do theme\n if (value === undefined && isColorInput && document?.theme?.colors) {\n value = resolveThemeColorFallback(\n propName,\n document.theme.colors as unknown as Record<string, unknown>,\n );\n }\n\n // Aplicar readOnly de plugin restrictions\n const effectiveMeta = lockedFields.has(propName)\n ? { ...meta, readOnly: true }\n : meta;\n\n groups[group].push({\n propName,\n meta: effectiveMeta,\n value,\n });\n }\n\n return groups;\n }, [block, blockDefinition, document, showWhenContext, lockedFields]);\n\n // IMPORTANTE: todos os hooks devem ser chamados ANTES de qualquer early return\n const handlePropChange = useCallback((propName: string, value: any) => {\n // Se remover o logo (definir como undefined), resetar logoHeight para padrão\n if (propName === \"logo\" && (value === undefined \|\| value === \"\")) {\n onUpdate({ [propName]: value, logoHeight: 70 });\n } else {\n onUpdate({ [propName]: value });\n }\n }, [onUpdate]);\n\n if (!block) {\n return (\n <div className=\"p-4 text-center text-gray-500 dark:text-gray-400 text-sm\">\n Selecione um bloco para editar\n </div>\n );\n }\n\n if (!blockDefinition) {\n return (\n <div className=\"p-4 text-center text-red-500 text-sm\">\n Tipo de bloco desconhecido: {block.type}\n </div>\n );\n }\n\n return (\n <div className=\"p-3 space-y-4\">\n {/ Header com ícone centralizado /}\n <BlockHeader\n type={block.type}\n name={blockDefinition.name}\n description={blockDefinition.description}\n />\n\n {/ Seletor de variações (Hero/Navbar) /}\n {blockDefinition.variations && (\n <VariationSelector block={block} onUpdate={onUpdate} />\n )}\n\n {/ Propriedades agrupadas com collapse */}\n {Object.keys(groupedProps).length === 0 ? (\n <div className=\"text-center text-gray-500 dark:text-gray-400 text-xs py-4\">\n Nenhuma propriedade configurável\n </div>\n ) : (\n Object.entries(groupedProps).map(([groupName, props]) => (\n <CollapsiblePropertyGroup\n key={groupName}\n groupName={groupName}\n props={props}\n onPropChange={handlePropChange}\n onMultiUpdate={onUpdate}\n allProps={block?.props as Record<string, any>}\n uploadConfig={uploadConfig}\n isFocused={groupName === focusedGroup}\n />\n ))\n )}\n </div>\n );\n});\n"],"names":["THEME_COLOR_FALLBACKS","resolveThemeColorFallback","propName","themeColors","themeKey","color","BlockPropertyEditor","memo","block","document","currentPageId","onUpdate","uploadConfig","focusedGroup","blockDefinition","useMemo","componentRegistry","showWhenContext","lockedFields","restriction","pluginRegistry","groupedProps","props","defaultProps","groups","meta","evaluateShowWhen","group","currentValue","isColorInput","value","effectiveMeta","handlePropChange","useCallback","jsxs","jsx","BlockHeader","VariationSelector","groupName","CollapsiblePropertyGroup"],"mappings":"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"}
1	+ {"version":3,"file":"BlockPropertyEditor.js","sources":["../../../src/editor/PropertyEditor/BlockPropertyEditor.tsx"],"sourcesContent":["/*\n Block Property Editor - Refatorado\n * Editor dinâmico de propriedades baseado em inspectorMeta\n /\n\nimport { memo, useMemo, useCallback } from \"react\";\nimport { Block, SiteDocument, componentRegistry, InspectorMeta, evaluateShowWhen, pluginRegistry } from \"../../engine\";\nimport type { ShowWhenContext } from \"../../engine\";\nimport { VariationSelector } from \"./VariationSelector\";\nimport { BlockHeader } from \"./BlockHeader\";\nimport { CollapsiblePropertyGroup } from \"./CollapsiblePropertyGroup\";\nimport type { UploadConfig } from \"../LandingPageEditor\";\n\n// ============================================================================\n// Theme Color Fallback Map\n// Maps color property names → theme color token keys.\n// Used when block.props[colorProp] and defaultProps[colorProp] are both undefined,\n// so the editor shows the actual theme color instead of #000000.\n// ============================================================================\n\nconst THEME_COLOR_FALLBACKS: Record<string, string> = {\n // Buttons (primary)\n primaryButtonColor: \"primary\",\n buttonColor: \"primary\",\n primaryButtonTextColor: \"primaryText\",\n buttonTextColor: \"primaryText\",\n // Buttons (secondary)\n secondaryButtonColor: \"secondary\",\n secondaryButtonTextColor: \"primaryText\",\n // Badge\n badgeColor: \"accent\",\n badgeTextColor: \"primaryText\",\n // Links\n linkColor: \"linkColor\",\n linkHoverColor: \"primary\",\n // Border\n borderColor: \"border\",\n // Generic text\n color: \"text\",\n // Title/description\n titleColor: \"text\",\n subtitleColor: \"mutedText\",\n descriptionColor: \"mutedText\",\n // Background (generic)\n bg: \"bg\",\n};\n\n/\n Resolve theme color fallback for a color property.\n * Returns the theme color value if a mapping exists, undefined otherwise.\n /\nfunction resolveThemeColorFallback(\n propName: string,\n themeColors: Record<string, unknown>,\n): string \| undefined {\n const themeKey = THEME_COLOR_FALLBACKS[propName];\n if (!themeKey) return undefined;\n const color = themeColors[themeKey];\n return typeof color === \"string\" ? color : undefined;\n}\n\ninterface BlockPropertyEditorProps {\n block: Block \| null;\n document?: SiteDocument;\n currentPageId?: string;\n onUpdate: (updates: Record<string, any>) => void;\n uploadConfig?: UploadConfig;\n /* When set, the matching property group opens and scrolls into view /\n focusedGroup?: string \| null;\n}\n\n/\n Componente principal do editor de propriedades\n * Memoizado para performance\n /\nexport const BlockPropertyEditor = memo(function BlockPropertyEditor({\n block,\n document,\n currentPageId,\n onUpdate,\n uploadConfig,\n focusedGroup,\n}: BlockPropertyEditorProps) {\n // Obter definição do bloco do registry\n const blockDefinition = useMemo(() => {\n if (!block) return null;\n return componentRegistry.get(block.type);\n }, [block]);\n\n // Contexto para cross-block showWhen\n const showWhenContext = useMemo<ShowWhenContext>(\n () => ({ document, currentPageId }),\n [document, currentPageId],\n );\n\n // Obter restrições de edição do plugin (se houver)\n const lockedFields = useMemo(() => {\n if (!block \|\| !document) return new Set<string>();\n const restriction = pluginRegistry.getEditorRestrictions(document, block.type);\n if (!restriction?.lockedFields) return new Set<string>();\n return new Set(restriction.lockedFields);\n }, [block, document]);\n\n // Agrupar propriedades por grupo\n const groupedProps = useMemo(() => {\n if (!block \|\| !blockDefinition?.inspectorMeta) return {};\n\n const props = block.props as Record<string, any>;\n const defaultProps = (blockDefinition.defaultProps \|\| {}) as Record<string, any>;\n const groups: Record<\n string,\n Array<{ propName: string; meta: InspectorMeta; value: any }>\n > = {};\n\n // Helper para ler props com dot-notation (ex: \"lightbox.showArrows\" -> props.lightbox.showArrows)\n const getNestedValue = (obj: Record<string, any>, path: string): any => {\n if (!path.includes('.')) return obj[path];\n const parts = path.split('.');\n let current: any = obj;\n for (const part of parts) {\n if (current == null) return undefined;\n current = current[part];\n }\n return current;\n };\n\n for (const [propName, meta] of Object.entries(\n blockDefinition.inspectorMeta,\n )) {\n // Visibilidade condicional via showWhen\n if (meta.showWhen) {\n if (!evaluateShowWhen(meta.showWhen, props, defaultProps, showWhenContext)) {\n continue;\n }\n }\n\n const group = meta.group \|\| \"Geral\";\n if (!groups[group]) {\n groups[group] = [];\n }\n\n // Usar valor atual ou fallback para defaultProps, e depois theme colors\n const currentValue = getNestedValue(props, propName);\n // Para campos de cor, também fazer fallback se o valor for string vazia\n const isColorInput = meta.inputType === \"color\" \|\| meta.inputType === \"color-advanced\";\n const shouldUseFallback = currentValue === undefined \|\| (isColorInput && currentValue === \"\");\n let value = shouldUseFallback ? getNestedValue(defaultProps, propName) : currentValue;\n\n // Para color inputs sem valor definido, tentar fallback para cor do theme\n if (value === undefined && isColorInput && document?.theme?.colors) {\n value = resolveThemeColorFallback(\n propName,\n document.theme.colors as unknown as Record<string, unknown>,\n );\n }\n\n // Aplicar readOnly de plugin restrictions\n const effectiveMeta = lockedFields.has(propName)\n ? { ...meta, readOnly: true }\n : meta;\n\n groups[group].push({\n propName,\n meta: effectiveMeta,\n value,\n });\n }\n\n return groups;\n }, [block, blockDefinition, document, showWhenContext, lockedFields]);\n\n // IMPORTANTE: todos os hooks devem ser chamados ANTES de qualquer early return\n const handlePropChange = useCallback((propName: string, value: any) => {\n // Se remover o logo (definir como undefined), resetar logoHeight para padrão\n if (propName === \"logo\" && (value === undefined \|\| value === \"\")) {\n onUpdate({ [propName]: value, logoHeight: 70 });\n } else {\n onUpdate({ [propName]: value });\n }\n }, [onUpdate]);\n\n if (!block) {\n return (\n <div className=\"p-4 text-center text-gray-500 dark:text-gray-400 text-sm\">\n Selecione um bloco para editar\n </div>\n );\n }\n\n if (!blockDefinition) {\n return (\n <div className=\"p-4 text-center text-red-500 text-sm\">\n Tipo de bloco desconhecido: {block.type}\n </div>\n );\n }\n\n return (\n <div className=\"p-3 space-y-4\">\n {/ Header com ícone centralizado /}\n <BlockHeader\n type={block.type}\n name={blockDefinition.name}\n description={blockDefinition.description}\n />\n\n {/ Seletor de variações (Hero/Navbar) /}\n {blockDefinition.variations && (\n <VariationSelector block={block} onUpdate={onUpdate} />\n )}\n\n {/ Propriedades agrupadas com collapse */}\n {Object.keys(groupedProps).length === 0 ? (\n <div className=\"text-center text-gray-500 dark:text-gray-400 text-xs py-4\">\n Nenhuma propriedade configurável\n </div>\n ) : (\n Object.entries(groupedProps).map(([groupName, props]) => (\n <CollapsiblePropertyGroup\n key={groupName}\n groupName={groupName}\n props={props}\n onPropChange={handlePropChange}\n onMultiUpdate={onUpdate}\n allProps={block?.props as Record<string, any>}\n uploadConfig={uploadConfig}\n isFocused={groupName === focusedGroup}\n />\n ))\n )}\n </div>\n );\n});\n"],"names":["THEME_COLOR_FALLBACKS","resolveThemeColorFallback","propName","themeColors","themeKey","color","BlockPropertyEditor","memo","block","document","currentPageId","onUpdate","uploadConfig","focusedGroup","blockDefinition","useMemo","componentRegistry","showWhenContext","lockedFields","restriction","pluginRegistry","groupedProps","props","defaultProps","groups","getNestedValue","obj","path","parts","current","part","meta","evaluateShowWhen","group","currentValue","isColorInput","value","effectiveMeta","handlePropChange","useCallback","jsxs","jsx","BlockHeader","VariationSelector","groupName","CollapsiblePropertyGroup"],"mappings":"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"}

package/dist/engine/export/exporters/sections/ImageGalleryExporter.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ImageGalleryExporter.d.ts","sourceRoot":"","sources":["../../../../../src/engine/export/exporters/sections/ImageGalleryExporter.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAgC,MAAM,8BAA8B,CAAC;AACxF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;~~AAgqC~~/D,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,WAAW,GAAG,MAAM,~~CAkDjH~~"}
1	+ {"version":3,"file":"ImageGalleryExporter.d.ts","sourceRoot":"","sources":["../../../../../src/engine/export/exporters/sections/ImageGalleryExporter.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAgC,MAAM,8BAA8B,CAAC;AACxF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAo/C/D,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,WAAW,GAAG,MAAM,CAoDjH"}