@bigbinary/neeto-themes-frontend 2.0.9 → 2.1.0

package/dist/index.js

@@ -1,7 +1,7 @@
 import { shallow } from 'zustand/shallow';
 import { useEffect, createElement, useState, useRef, memo, useCallback } from 'react';
 import { t as t$1 } from 'i18next';
-import { isNotPresent, snakeToCamelCase, filterBy, findBy, isPresent, isNot, findIndexBy, toLabelAndValue, humanize, isNotEmpty, noop } from '@bigbinary/neeto-cist';
+import { isNotPresent, snakeToCamelCase, filterBy, findBy, isPresent, isNot, hyphenate, findIndexBy, toLabelAndValue, humanize, isNotEmpty, noop } from '@bigbinary/neeto-cist';
 import { withImmutableActions, useMutationWithInvalidation, withT, withTitle } from '@bigbinary/neeto-commons-frontend/react-utils';
 import Spinner from '@bigbinary/neetoui/Spinner';
 import { useQuery } from '@tanstack/react-query';
@@ -549,6 +549,7 @@ var Card$2 = function Card(_ref) {
     children = _ref.children;
   return /*#__PURE__*/jsxs("div", {
     className: "neeto-ui-border-gray-300 neeto-ui-rounded-lg neeto-ui-bg-white space-y-3 border p-4",
+    "data-cy": "theme-".concat(hyphenate(title), "-properties"),
     children: [title && /*#__PURE__*/jsx("div", {
       className: "flex items-center justify-between",
       children: /*#__PURE__*/jsx(Typography, {
@@ -930,7 +931,9 @@ var Properties = function Properties(_ref) {
     var index = findIndexBy({
       key: name
     }, values.properties);
-    if (index !== -1) setFieldValue("properties[".concat(index, "].value"), value);
+    if (index !== -1 && values.properties[index].value !== value) {
+      setFieldValue("properties[".concat(index, "].value"), value);
+    }
     setVariable(snakeToCamelCase(name), variableValue !== null && variableValue !== void 0 ? variableValue : value);
   };
   var handleOverlayChange = function handleOverlayChange(key, value) {
@@ -1603,6 +1606,7 @@ var Themes = function Themes(_ref) {
           children: t("neetoThemes.build.leftSideBar.themes.systemThemes")
         }), /*#__PURE__*/jsx("div", {
           className: "flex flex-col gap-4 px-4 pb-10 lg:px-5 xl:px-6",
+          "data-cy": "system-themes",
           children: filteredDefaultThemes.map(function (theme) {
             return /*#__PURE__*/createElement(Card$1, {
               onApplyTheme: onApplyTheme,
@@ -1628,6 +1632,7 @@ var Themes = function Themes(_ref) {
         children: t("neetoThemes.build.leftSideBar.themes.customThemes")
       }), /*#__PURE__*/jsx("div", {
         className: "flex flex-col gap-4 px-6",
+        "data-cy": "custom-themes",
         children: filteredThemes.map(function (theme) {
           var isActive = (currentTheme === null || currentTheme === void 0 ? void 0 : currentTheme.id) === theme.id;
           var isPreviewing = (previewingTheme === null || previewingTheme === void 0 ? void 0 : previewingTheme.id) === theme.id;