@bigbinary/neeto-themes-frontend 3.1.6 → 3.1.7

package/README.md

@@ -105,6 +105,9 @@ 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.
+
 3. **Provide a css variable prefix**
 
    This value will be used to prefix all CSS variables. Eg:

package/dist/NeetoThemesBuilder.js

@@ -1,9 +1,9 @@
 import { shallow } from 'zustand/shallow';
 import { useState, useEffect, createElement, useRef, memo, useCallback } from 'react';
-import { t as t$1 } from 'i18next';
 import { hyphenate, findBy, findIndexBy, isPresent, isNot, filterBy, snakeToCamelCase, isNotPresent, toLabelAndValue, humanize, isNotEmpty, noop } from '@bigbinary/neeto-cist';
-import { useMutationWithInvalidation, withT, useBreakpoints, withTitle } from '@bigbinary/neeto-commons-frontend/react-utils';
+import { useMutationWithInvalidation, withT, 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-i8lxlWVz.js';
 import { useQuery, useQueryClient } from '@tanstack/react-query';
 import axios from 'axios';
@@ -14,7 +14,6 @@ import { joinHyphenCase, buildUrl } from '@bigbinary/neeto-commons-frontend/util
 import Collapse from '@bigbinary/neeto-icons/Collapse';
 import Alert from '@bigbinary/neetoui/Alert';
 import Button from '@bigbinary/neetoui/Button';
-import { useTranslation, Trans } from 'react-i18next';
 import { useHistory, useParams, Switch as Switch$1, Route } from 'react-router-dom';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
@@ -32,6 +31,7 @@ import Editor from '@monaco-editor/react';
 import { useFormikContext, Field } from 'formik';
 import Down from '@bigbinary/neeto-icons/Down';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { t as t$1 } from 'i18next';
 import CenterAlign from '@bigbinary/neeto-icons/CenterAlign';
 import LeftAlign from '@bigbinary/neeto-icons/LeftAlign';
 import ColorPicker from '@bigbinary/neetoui/ColorPicker';
@@ -1032,7 +1032,9 @@ var ImageBlock = function ImageBlock(_ref) {
     uploadConfig = _ref$uploadConfig === void 0 ? {
       maxImageSize: ONE_MEGABYTE
     } : _ref$uploadConfig,
-    attribute = _ref.attribute;
+    attribute = _ref.attribute,
+    defaultImageSize = _ref.defaultImageSize,
+    useDefaultImageSize = _ref.useDefaultImageSize;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useFormikContext = useFormikContext(),
@@ -1113,6 +1115,7 @@ var ImageBlock = function ImageBlock(_ref) {
       children: [/*#__PURE__*/createElement(ImageUploader, {
         uploadConfig: uploadConfig,
         className: "h-40 w-full",
+        defaultImageSize: useDefaultImageSize ? defaultImageSize : {},
         key: imageData === null || imageData === void 0 ? void 0 : imageData.url,
         src: imageData === null || imageData === void 0 ? void 0 : imageData.url,
         onUploadComplete: handleImageChange
@@ -1134,7 +1137,9 @@ var ImageBlock = function ImageBlock(_ref) {
 var Images = function Images(_ref) {
   var attribute = _ref.attribute,
     className = _ref.className,
-    onPropertiesChange = _ref.onPropertiesChange;
+    onPropertiesChange = _ref.onPropertiesChange,
+    defaultImageSize = _ref.defaultImageSize,
+    useDefaultImageSize = _ref.useDefaultImageSize;
   var _useFormikContext = useFormikContext(),
     values = _useFormikContext.values;
   var key = snakeToCamelCase(attribute);
@@ -1146,7 +1151,9 @@ var Images = function Images(_ref) {
     name: "images",
     children: [/*#__PURE__*/jsx(ImageBlock, {
       attribute: attribute,
+      defaultImageSize: defaultImageSize,
       imageData: imageData,
+      useDefaultImageSize: useDefaultImageSize,
       name: key
     }), /*#__PURE__*/jsx(Properties, {
       onPropertiesChange: onPropertiesChange,
@@ -1179,6 +1186,7 @@ var Customize = function Customize(_ref) {
     onUpdateTheme = _ref.onUpdateTheme,
     isApplyingTheme = _ref.isApplyingTheme,
     onPropertiesChange = _ref.onPropertiesChange,
+    defaultImageSize = _ref.defaultImageSize,
     onEditCSSClick = _ref.onEditCSSClick,
     currentScreen = _ref.currentScreen;
   var _useTranslation = useTranslation(),
@@ -1313,9 +1321,12 @@ var Customize = function Customize(_ref) {
           }), filterBy({
             kind: "image"
           }, themePropertiesSchema).map(function (_ref6) {
-            var key = _ref6.key;
+            var key = _ref6.key,
+              useDefaultImageSize = _ref6.useDefaultImageSize;
             return /*#__PURE__*/createElement(Images, {
+              defaultImageSize: defaultImageSize,
               onPropertiesChange: onPropertiesChange,
+              useDefaultImageSize: useDefaultImageSize,
               attribute: key,
               className: classnames({
                 hidden: isCustomCssScreen
@@ -1922,6 +1933,7 @@ var Sidebar = function Sidebar(_ref) {
   var _themeToDelete$curren2, _themeToDelete$curren3, _themeToDelete$curren4;
   var thumbnail = _ref.thumbnail,
     onPropertiesChange = _ref.onPropertiesChange,
+    defaultImageSize = _ref.defaultImageSize,
     onApplyThemeSuccess = _ref.onApplyThemeSuccess,
     onUpdateThemeSuccess = _ref.onUpdateThemeSuccess,
     onApplyGlobalThemeSuccess = _ref.onApplyGlobalThemeSuccess;
@@ -2125,6 +2137,7 @@ var Sidebar = function Sidebar(_ref) {
           render: function render() {
             return /*#__PURE__*/jsx(Customize, {
               currentScreen: currentScreen,
+              defaultImageSize: defaultImageSize,
               isApplyingTheme: isApplyingTheme,
               onApplyTheme: onApplyTheme,
               onCreateTheme: onCreateTheme,
@@ -2139,6 +2152,7 @@ var Sidebar = function Sidebar(_ref) {
           render: function render() {
             return /*#__PURE__*/jsx(Customize, {
               currentScreen: currentScreen,
+              defaultImageSize: defaultImageSize,
               isApplyingTheme: isApplyingTheme,
               onApplyTheme: onApplyTheme,
               onCreateTheme: onCreateTheme,
@@ -2181,10 +2195,14 @@ var NeetoThemesBuilder = function NeetoThemesBuilder(_ref) {
     entityId = _ref.entityId,
     thumbnail = _ref.thumbnail,
     onPropertiesChange = _ref.onPropertiesChange,
+    _ref$defaultImageSize = _ref.defaultImageSize,
+    defaultImageSize = _ref$defaultImageSize === void 0 ? {} : _ref$defaultImageSize,
     _ref$helpDocUrl = _ref.helpDocUrl,
     helpDocUrl = _ref$helpDocUrl === void 0 ? null : _ref$helpDocUrl,
     _ref$isTemplateThemes = _ref.isTemplateThemesEnabled,
     isTemplateThemesEnabled = _ref$isTemplateThemes === void 0 ? false : _ref$isTemplateThemes,
+    _ref$pageTitle = _ref.pageTitle,
+    pageTitle = _ref$pageTitle === void 0 ? null : _ref$pageTitle,
     _ref$onApplyThemeSucc = _ref.onApplyThemeSuccess,
     onApplyThemeSuccess = _ref$onApplyThemeSucc === void 0 ? noop : _ref$onApplyThemeSucc,
     _ref$onUpdateThemeSuc = _ref.onUpdateThemeSuccess,
@@ -2205,6 +2223,8 @@ var NeetoThemesBuilder = function NeetoThemesBuilder(_ref) {
       };
     }, shallow),
     setConfigState = _useConfigStore.setConfigState;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   var _useShowThemeEntity = useShowThemeEntity(entityId),
     _useShowThemeEntity$d = _useShowThemeEntity.data,
     _useShowThemeEntity$d2 = _useShowThemeEntity$d === void 0 ? {} : _useShowThemeEntity$d,
@@ -2239,7 +2259,10 @@ var NeetoThemesBuilder = function NeetoThemesBuilder(_ref) {
   }, [currentTheme, isCurrentThemeLoading]);
   return /*#__PURE__*/jsxs("div", {
     className: "neeto-themes__wrapper",
-    children: [/*#__PURE__*/jsx(Sidebar, {
+    children: [/*#__PURE__*/jsx(PageTitle, {
+      title: pageTitle || t("neetoThemes.common.theme")
+    }), /*#__PURE__*/jsx(Sidebar, {
+      defaultImageSize: defaultImageSize,
       onApplyGlobalThemeSuccess: onApplyGlobalThemeSuccess,
       onApplyThemeSuccess: onApplyThemeSuccess,
       onPropertiesChange: onPropertiesChange,
@@ -2254,7 +2277,6 @@ var NeetoThemesBuilder = function NeetoThemesBuilder(_ref) {
     })]
   });
 };
-var index = withTitle(NeetoThemesBuilder, t$1("neetoThemes.common.theme"));
 
-export { index as default };
+export { NeetoThemesBuilder as default };
 //# sourceMappingURL=NeetoThemesBuilder.js.map