@bigbinary/neeto-themes-frontend 3.1.14 → 3.1.16

package/README.md

@@ -105,8 +105,8 @@ and `neeto-themes-engine` Rails engine.
    - `parent_class`: This key needs to be added for custom css feature to work
      properly. See more on [custom css](#custom-css) feature.
 
-   - `use_default_image_size`: Used to apply defaultImageSize prop
-     passed to ImageUploader component.
+   - `use_default_image_size`: Used to apply defaultImageSize prop passed to
+     ImageUploader component.
 
 3. **Provide a css variable prefix**
 
@@ -197,17 +197,19 @@ for step-by-step instructions to develop the frontend package.
 ### Custom CSS
 
 `neeto-themes-nano` will inject custom css into your application as part of a
-theme. It requires the initializer to be set with the additional property
+theme. You can provide `enabledFeatures={{ customCSS: false }}` in
+`NeetoThemesBuilder` to manually disable the CustomCSS feature. This feature
+requires the initializer to be set with the additional property
 `{ kind: "custom_css", key: "custom_css", default_value: "", parent_class: "neeto-form-eui" }`.
 The `parent_class` key will be used as a parent to inject styles and for CSS
 nesting. This ensures that styles are not injected on pages where you do not
 want it and also ensures that style rules targeting elements outside this class
-will not be applied. Please ensure that the value provided to `parent_class` is
-present in your application as a wrapper CSS class. For example:
-`neeto-form-eui` in neetoForm is present in all external pages where theme needs
-to be applied. It also provides a code editor with syntax highlighting which
-depends on [Monaco editor](https://github.com/suren-atoyan/monaco-react) as a
-peer dependency. Please install it in the host application for proper working.
+will not be applied. Please ensure that the value provided to`parent_class`is
+present in your application as a wrapper CSS class. For example:`neeto-form-eui`
+in neetoForm is present in all external pages where theme needs to be applied. .
+It also provides a code editor with syntax highlighting which depends on
+[Monaco editor](https://github.com/suren-atoyan/monaco-react) as a peer
+dependency. Please install it in the host application for proper working.
 
 ## Instructions for Publishing
 

package/dist/NeetoThemesBuilder.js

@@ -4,10 +4,10 @@ import { hyphenate, isPresent, findBy, findIndexBy, isNot, filterBy, snakeToCame
 import { useMutationWithInvalidation, useBreakpoints, PageTitle } from '@bigbinary/neeto-commons-frontend/react-utils';
 import Spinner from '@bigbinary/neetoui/Spinner';
 import { useTranslation, Trans } from 'react-i18next';
-import { B as BASE_URL, b as scrollElementIntoView, c as setCustomCSS, g as getDominantColorFromUrl, i as isEditThemeRoute, d as isFunction, e as isNewThemeRoute } from './index-Bxlleq-V.js';
+import { B as BASE_URL, b as scrollElementIntoView, c as setCustomCSS, g as getDominantColorFromUrl, i as isEditThemeRoute, d as isFunction, e as isNewThemeRoute } from './index-CFGmwZqT.js';
 import { useQuery, useQueryClient } from '@tanstack/react-query';
 import axios from 'axios';
-import { Q as QUERY_KEYS, a as useConfigStore, b as useThemeStore, u as useThemeUtils, P as POSITION_OPTIONS, O as OVERLAY_OPACITY_SLIDER_MARKS, H as HUNDRED, F as FONT_OPTIONS, T as THEME_VALIDATION_SCHEMA } from './useThemeUtils-Do1vR9LD.js';
+import { Q as QUERY_KEYS, a as useConfigStore, b as useThemeStore, u as useThemeUtils, P as POSITION_OPTIONS, O as OVERLAY_OPACITY_SLIDER_MARKS, H as HUNDRED, F as FONT_OPTIONS, T as THEME_VALIDATION_SCHEMA } from './useThemeUtils-Dc4lCLOF.js';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import classnames from 'classnames';
 import { joinHyphenCase, buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
@@ -1158,13 +1158,15 @@ var Customize = function Customize(_ref) {
         themePropertiesSchema: store["themePropertiesSchema"],
         entityType: store["entityType"],
         isFetchingSchema: store["isFetchingSchema"],
-        helpPopoverProps: store["helpPopoverProps"]
+        helpPopoverProps: store["helpPopoverProps"],
+        enabledFeatures: store["enabledFeatures"]
       };
     }, shallow),
     themePropertiesSchema = _useConfigStore.themePropertiesSchema,
     entityType = _useConfigStore.entityType,
     isFetchingSchema = _useConfigStore.isFetchingSchema,
-    helpPopoverProps = _useConfigStore.helpPopoverProps;
+    helpPopoverProps = _useConfigStore.helpPopoverProps,
+    enabledFeatures = _useConfigStore.enabledFeatures;
   var _useParams = useParams(),
     themeId = _useParams.themeId;
   var _useThemeStore = useThemeStore(function (store) {
@@ -1295,7 +1297,7 @@ var Customize = function Customize(_ref) {
               }),
               key: key
             });
-          }), /*#__PURE__*/jsx(CustomCSS, {
+          }), enabledFeatures.customCSS && /*#__PURE__*/jsx(CustomCSS, {
             currentScreen: currentScreen,
             onEditCSSClick: onEditCSSClick
           }), /*#__PURE__*/jsxs("div", {
@@ -2172,7 +2174,11 @@ var NeetoThemesBuilder = function NeetoThemesBuilder(_ref) {
     _ref$onApplyGlobalThe = _ref.onApplyGlobalThemeSuccess,
     onApplyGlobalThemeSuccess = _ref$onApplyGlobalThe === void 0 ? noop : _ref$onApplyGlobalThe,
     _ref$helpPopoverProps = _ref.helpPopoverProps,
-    helpPopoverProps = _ref$helpPopoverProps === void 0 ? {} : _ref$helpPopoverProps;
+    helpPopoverProps = _ref$helpPopoverProps === void 0 ? {} : _ref$helpPopoverProps,
+    _ref$enabledFeatures = _ref.enabledFeatures,
+    enabledFeatures = _ref$enabledFeatures === void 0 ? {
+      customCSS: true
+    } : _ref$enabledFeatures;
   var _useThemeStore = useThemeStore(function (store) {
       return {
         setThemeState: store["setThemeState"]
@@ -2203,7 +2209,8 @@ var NeetoThemesBuilder = function NeetoThemesBuilder(_ref) {
       entityId: entityId,
       isTemplateThemesEnabled: isTemplateThemesEnabled,
       helpDocUrl: helpDocUrl,
-      helpPopoverProps: helpPopoverProps
+      helpPopoverProps: helpPopoverProps,
+      enabledFeatures: enabledFeatures
     });
   }, []);
   useEffect(function () {