@bigbinary/neeto-themes-frontend 3.1.20 → 3.1.21

package/README.md

@@ -108,6 +108,14 @@ and `neeto-themes-engine` Rails engine.
    - `use_default_image_size`: Used to apply defaultImageSize prop passed to
      ImageUploader component.
 
+   - `default_image_size`: Used to pass defaultImageSize prop passed to
+     ImageUploader component. Should be an object with `width` and `height`
+     properties.
+
+   - `fixed_aspect_ratio`: Used to pass fixedAspectRatio prop passed to
+     ImageUploader component. Should be an object with `width` and `height`
+     properties.
+
 3. **Provide a css variable prefix**
 
    This value will be used to prefix all CSS variables. Eg:

package/dist/NeetoThemesBuilder.js

@@ -984,7 +984,8 @@ var ImageBlock = function ImageBlock(_ref) {
     } : _ref$uploadConfig,
     attribute = _ref.attribute,
     defaultImageSize = _ref.defaultImageSize,
-    useDefaultImageSize = _ref.useDefaultImageSize;
+    useDefaultImageSize = _ref.useDefaultImageSize,
+    fixedAspectRatio = _ref.fixedAspectRatio;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useFormikContext = useFormikContext(),
@@ -1063,6 +1064,7 @@ var ImageBlock = function ImageBlock(_ref) {
     }), /*#__PURE__*/jsxs("div", {
       className: "space-y-3",
       children: [/*#__PURE__*/createElement(ImageUploader, {
+        fixedAspectRatio: fixedAspectRatio,
         uploadConfig: uploadConfig,
         className: "h-40 w-full",
         defaultImageSize: useDefaultImageSize ? defaultImageSize : {},
@@ -1089,7 +1091,8 @@ var Images = function Images(_ref) {
     className = _ref.className,
     onPropertiesChange = _ref.onPropertiesChange,
     defaultImageSize = _ref.defaultImageSize,
-    useDefaultImageSize = _ref.useDefaultImageSize;
+    useDefaultImageSize = _ref.useDefaultImageSize,
+    fixedAspectRatio = _ref.fixedAspectRatio;
   var _useFormikContext = useFormikContext(),
     values = _useFormikContext.values;
   var _useConfigStore = useConfigStore(function (store) {
@@ -1109,6 +1112,7 @@ var Images = function Images(_ref) {
     children: [/*#__PURE__*/jsx(ImageBlock, {
       attribute: attribute,
       defaultImageSize: defaultImageSize,
+      fixedAspectRatio: fixedAspectRatio,
       imageData: imageData,
       useDefaultImageSize: useDefaultImageSize,
       name: key
@@ -1154,6 +1158,7 @@ var Customize = function Customize(_ref) {
     isApplyingTheme = _ref.isApplyingTheme,
     onPropertiesChange = _ref.onPropertiesChange,
     defaultImageSize = _ref.defaultImageSize,
+    fixedAspectRatio = _ref.fixedAspectRatio,
     onEditCSSClick = _ref.onEditCSSClick,
     currentScreen = _ref.currentScreen;
   var _useTranslation = useTranslation(),
@@ -1296,17 +1301,20 @@ var Customize = function Customize(_ref) {
             kind: "image"
           }, themePropertiesSchema).map(function (_ref6) {
             var key = _ref6.key,
-              useDefaultImageSize = _ref6.useDefaultImageSize;
-            return /*#__PURE__*/createElement(Images, {
-              defaultImageSize: defaultImageSize,
+              useDefaultImageSize = _ref6.useDefaultImageSize,
+              propertyDefaultSize = _ref6.defaultImageSize,
+              propertyFixedAspectRatio = _ref6.fixedAspectRatio;
+            return /*#__PURE__*/createElement(Images, _defineProperty({
+              fixedAspectRatio: fixedAspectRatio,
               onPropertiesChange: onPropertiesChange,
               useDefaultImageSize: useDefaultImageSize,
               attribute: key,
               className: classnames({
                 hidden: isCustomCssScreen
               }),
+              defaultImageSize: propertyDefaultSize || defaultImageSize,
               key: key
-            });
+            }, "fixedAspectRatio", propertyFixedAspectRatio || fixedAspectRatio));
           }), enabledFeatures.customCSS && /*#__PURE__*/jsx(CustomCSS, {
             currentScreen: currentScreen,
             onEditCSSClick: onEditCSSClick
@@ -1908,6 +1916,7 @@ var Sidebar = function Sidebar(_ref) {
   var thumbnail = _ref.thumbnail,
     onPropertiesChange = _ref.onPropertiesChange,
     defaultImageSize = _ref.defaultImageSize,
+    fixedAspectRatio = _ref.fixedAspectRatio,
     onApplyThemeSuccess = _ref.onApplyThemeSuccess,
     onUpdateThemeSuccess = _ref.onUpdateThemeSuccess,
     onApplyGlobalThemeSuccess = _ref.onApplyGlobalThemeSuccess;
@@ -1997,7 +2006,7 @@ var Sidebar = function Sidebar(_ref) {
   var themeToEdit = useRef(null);
   var isCustomCssScreen = isScreenCustomCSS(currentScreen);
   var handleCreateNewTheme = function handleCreateNewTheme() {
-    history.push(buildUrl(buildPathname(routes.themes["new"])));
+    history.push(buildPathname(routes.themes["new"]));
   };
   var handleEditTheme = function handleEditTheme(theme) {
     themeToEdit.current = theme;
@@ -2016,7 +2025,7 @@ var Sidebar = function Sidebar(_ref) {
   };
   var navigateToThemesScreen = function navigateToThemesScreen(themeId) {
     highlightTheme(isPresent(themeId) ? themeId : currentTheme === null || currentTheme === void 0 ? void 0 : currentTheme.id);
-    history.push(buildUrl(buildPathname(routes.themes.index)));
+    history.push(buildPathname(routes.themes.index));
     themeToEdit.current = null;
   };
   var handleBackPress = function handleBackPress(themeId) {
@@ -2112,6 +2121,7 @@ var Sidebar = function Sidebar(_ref) {
             return /*#__PURE__*/jsx(Customize, {
               currentScreen: currentScreen,
               defaultImageSize: defaultImageSize,
+              fixedAspectRatio: fixedAspectRatio,
               isApplyingTheme: isApplyingTheme,
               onApplyTheme: onApplyTheme,
               onCreateTheme: onCreateTheme,
@@ -2127,6 +2137,7 @@ var Sidebar = function Sidebar(_ref) {
             return /*#__PURE__*/jsx(Customize, {
               currentScreen: currentScreen,
               defaultImageSize: defaultImageSize,
+              fixedAspectRatio: fixedAspectRatio,
               isApplyingTheme: isApplyingTheme,
               onApplyTheme: onApplyTheme,
               onCreateTheme: onCreateTheme,
@@ -2171,6 +2182,8 @@ var NeetoThemesBuilder = function NeetoThemesBuilder(_ref) {
     onPropertiesChange = _ref.onPropertiesChange,
     _ref$defaultImageSize = _ref.defaultImageSize,
     defaultImageSize = _ref$defaultImageSize === void 0 ? {} : _ref$defaultImageSize,
+    _ref$fixedAspectRatio = _ref.fixedAspectRatio,
+    fixedAspectRatio = _ref$fixedAspectRatio === void 0 ? {} : _ref$fixedAspectRatio,
     _ref$helpDocUrl = _ref.helpDocUrl,
     helpDocUrl = _ref$helpDocUrl === void 0 ? null : _ref$helpDocUrl,
     _ref$isTemplateThemes = _ref.isTemplateThemesEnabled,
@@ -2261,6 +2274,7 @@ var NeetoThemesBuilder = function NeetoThemesBuilder(_ref) {
       title: pageTitle || t("neetoThemes.common.theme")
     }), /*#__PURE__*/jsx(Sidebar, {
       defaultImageSize: defaultImageSize,
+      fixedAspectRatio: fixedAspectRatio,
       onApplyGlobalThemeSuccess: onApplyGlobalThemeSuccess,
       onApplyThemeSuccess: onApplyThemeSuccess,
       onPropertiesChange: onPropertiesChange,