@bigbinary/neeto-themes-frontend 2.0.10 → 2.1.1

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';
@@ -187,7 +187,7 @@ var setTheme = function setTheme(theme, variableNamesMap, themeConfig) {
   if (isNotPresent(theme === null || theme === void 0 ? void 0 : theme.properties)) return;
   theme.properties.forEach(function (property) {
     var attribute = snakeToCamelCase(property.key);
-    if (!isPropertyIndependent(property.key, theme, themeConfig)) {
+    if (property.kind !== "overlay_opacity" && !isPropertyIndependent(property.key, theme, themeConfig)) {
       setVariable(attribute, "", variableNamesMap);
       return;
     }
@@ -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, {
@@ -1605,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,
@@ -1630,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;