@bigbinary/neeto-themes-frontend 3.1.25 → 3.1.27

package/dist/cjs/NeetoThemesBuilder.js

@@ -6,10 +6,10 @@ var neetoCist = require('@bigbinary/neeto-cist');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var Spinner = require('@bigbinary/neetoui/Spinner');
 var reactI18next = require('react-i18next');
-var utils = require('../index-Yv0AE3Ax.js');
+var utils = require('../index-qMUciLPW.js');
 var reactQuery = require('@tanstack/react-query');
 var axios = require('axios');
-var useThemeUtils = require('../useThemeUtils-CUKQqXSo.js');
+var useThemeUtils = require('../useThemeUtils-C9AHecqZ.js');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var classnames = require('classnames');
 var utils$1 = require('@bigbinary/neeto-commons-frontend/utils');
@@ -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", {
@@ -1206,6 +1211,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"),
@@ -1659,7 +1665,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",
@@ -2331,10 +2337,10 @@ var NeetoThemesBuilder = function NeetoThemesBuilder(_ref) {
     window.addEventListener("orientationchange", setViewportHeight);
     window.addEventListener("scroll", setViewportHeight);
     return function () {
-      window.addEventListener("load", setViewportHeight);
+      window.removeEventListener("load", setViewportHeight);
       window.removeEventListener("resize", setViewportHeight);
       window.removeEventListener("orientationchange", setViewportHeight);
-      window.addEventListener("scroll", setViewportHeight);
+      window.removeEventListener("scroll", setViewportHeight);
     };
   }, []);
   return /*#__PURE__*/jsxRuntime.jsxs("div", {