@bigbinary/neeto-themes-frontend 1.1.20 → 1.1.22

package/dist/index.cjs.js

@@ -78,7 +78,7 @@ var Tag__default = /*#__PURE__*/_interopDefaultLegacy(Tag);
 /** @type {import("neetocommons/react-utils").ZustandStoreHook} */
 var useConfigStore = zustand.create(reactUtils.withImmutableActions(function (set) {
   return {
-    themeConfig: {},
+    themeConfig: [],
     entityType: "",
     entityId: "",
     variableNamesMap: {},
@@ -668,6 +668,7 @@ var useThemeUtils = function useThemeUtils() {
   var root = document.querySelector(":root");
   var setVariable = function setVariable(name, value) {
     var variableName = variableNamesMap[name];
+    if (!variableName) return;
     root.style.setProperty(variableName, value);
   };
   var setTheme = function setTheme(theme) {
@@ -23335,7 +23336,7 @@ var Slider$1 = Slider;
 var SliderBlock = function SliderBlock(_ref) {
   var label = _ref.label,
     onChange = _ref.onChange,
-    defaultValue = _ref.defaultValue,
+    value = _ref.value,
     min = _ref.min,
     max = _ref.max,
     marks = _ref.marks;
@@ -23347,11 +23348,11 @@ var SliderBlock = function SliderBlock(_ref) {
       style: "body2",
       children: label
     }), /*#__PURE__*/jsxRuntime.jsx(Slider$1, {
-      defaultValue: defaultValue,
       marks: marks,
       max: max,
       min: min,
       onChange: onChange,
+      value: value,
       className: "my-2 w-20",
       tooltip: {
         formatter: null
@@ -23443,8 +23444,12 @@ var Properties = function Properties() {
     setVariable(neetoCist.snakeToCamelCase(name), variableValue !== null && variableValue !== void 0 ? variableValue : value);
   };
   var handleOverlayChange = function handleOverlayChange(key, value) {
+    var index = neetoCist.findIndexBy({
+      key: key
+    }, values.properties);
     var overlayColorVariable = "".concat(key, "_overlay_color");
-    handleChange("".concat(key, "_overlay_opacity"), value, Math.abs(value / 100));
+    setFieldValue("properties[".concat(index, "].value"), value);
+    setVariable("".concat(key, "_overlay_opacity"), Math.abs(value / 100));
     if (value < 0) {
       handleChange(overlayColorVariable, "#000000", "0, 0, 0");
     } else {
@@ -23498,11 +23503,11 @@ var Properties = function Properties() {
           value = _ref5.value,
           kind = _ref5.kind;
         return isPropertyVisible(key, values, themeConfig) && /*#__PURE__*/jsxRuntime.jsx(SliderBlock, {
-          defaultValue: Number(value) || 0,
           label: buildLabel(key, kind),
           marks: OVERLAY_OPACITY_SLIDER_MARKS,
           max: HUNDRED,
           min: ramda.negate(HUNDRED),
+          value: Number(value) || 0,
           onChange: function onChange(opacity) {
             return handleOverlayChange(key, opacity);
           }