@bigbinary/neeto-themes-frontend 3.1.26 → 3.1.28

package/dist/cjs/NeetoThemesBuilder.js

@@ -269,7 +269,8 @@ var Card$2 = function Card(_ref) {
     children = _ref.children,
     name = _ref.name,
     className = _ref.className,
-    helpPopoverProps = _ref.helpPopoverProps;
+    helpPopoverProps = _ref.helpPopoverProps,
+    required = _ref.required;
   var _useConfigStore = useThemeUtils.useConfigStore(function (store) {
       return {
         accordionOpenState: store["accordionOpenState"],
@@ -297,7 +298,11 @@ var Card$2 = function Card(_ref) {
         lineHeight: "normal",
         style: "h4",
         weight: "semibold",
-        children: [title, neetoCist.isPresent(helpPopoverProps) && /*#__PURE__*/jsxRuntime.jsx(HelpPopover, _objectSpread$4({}, helpPopoverProps))]
+        children: [title, required && /*#__PURE__*/jsxRuntime.jsx("span", {
+          "aria-hidden": true,
+          className: "-ml-1",
+          children: "*"
+        }), neetoCist.isPresent(helpPopoverProps) && /*#__PURE__*/jsxRuntime.jsx(HelpPopover, _objectSpread$4({}, helpPopoverProps))]
       }), /*#__PURE__*/jsxRuntime.jsx(Right, {
         size: 20,
         className: classnames("transition-all duration-300", {
@@ -866,7 +871,8 @@ var SwitchBlock = function SwitchBlock(_ref) {
 
 var Properties = function Properties(_ref) {
   var onPropertiesChange = _ref.onPropertiesChange,
-    condition = _ref.condition;
+    condition = _ref.condition,
+    themeId = _ref.themeId;
   var _useConfigStore = useThemeUtils.useConfigStore(function (store) {
       return {
         themePropertiesSchema: store["themePropertiesSchema"]
@@ -925,6 +931,7 @@ var Properties = function Properties(_ref) {
     }
   };
   react.useEffect(function () {
+    if (!((values === null || values === void 0 ? void 0 : values.id) === themeId)) return;
     onPropertiesChange === null || onPropertiesChange === void 0 || onPropertiesChange(values, handleChange, handleColorChange);
     setTheme(values);
     setThemeState({
@@ -1206,6 +1213,7 @@ var ThemeMeta = function ThemeMeta(_ref) {
     nameHelpPopoverProps = _helpPopoverProps$nam === void 0 ? {} : _helpPopoverProps$nam;
   return /*#__PURE__*/jsxRuntime.jsx(Card$2, {
     className: className,
+    required: true,
     helpPopoverProps: nameHelpPopoverProps,
     name: "name",
     title: t("neetoThemes.common.name"),
@@ -1364,7 +1372,8 @@ var Customize = function Customize(_ref) {
             name: "style",
             title: t("neetoThemes.common.style"),
             children: /*#__PURE__*/jsxRuntime.jsx(Properties, {
-              onPropertiesChange: onPropertiesChange
+              onPropertiesChange: onPropertiesChange,
+              themeId: themeId
             })
           }), neetoCist.filterBy({
             kind: "image"
@@ -1659,7 +1668,7 @@ var Card = function Card(_ref) {
         children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex items-center space-x-2",
           children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
-            className: "line-clamp-2 min-w-0 flex-grow break-words pt-1",
+            className: "line-clamp-2 min-w-0 flex-grow wrap-anywhere pt-1",
             "data-cy": "theme-name",
             lineHeight: "snug",
             style: "body2",