@bigbinary/neeto-themes-frontend 3.1.6 → 3.1.7

package/dist/cjs/NeetoThemesBuilder.js

@@ -2,10 +2,10 @@
 
 var shallow = require('zustand/shallow');
 var react = require('react');
-var i18next = require('i18next');
 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-BCC98npS.js');
 var reactQuery = require('@tanstack/react-query');
 var axios = require('axios');
@@ -16,7 +16,6 @@ var utils$1 = require('@bigbinary/neeto-commons-frontend/utils');
 var Collapse = require('@bigbinary/neeto-icons/Collapse');
 var Alert = require('@bigbinary/neetoui/Alert');
 var Button = require('@bigbinary/neetoui/Button');
-var reactI18next = require('react-i18next');
 var reactRouterDom = require('react-router-dom');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
@@ -34,6 +33,7 @@ var Editor = require('@monaco-editor/react');
 var formik = require('formik');
 var Down = require('@bigbinary/neeto-icons/Down');
 var jsxRuntime = require('react/jsx-runtime');
+var i18next = require('i18next');
 var CenterAlign = require('@bigbinary/neeto-icons/CenterAlign');
 var LeftAlign = require('@bigbinary/neeto-icons/LeftAlign');
 var ColorPicker = require('@bigbinary/neetoui/ColorPicker');
@@ -1053,7 +1053,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 = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useFormikContext = formik.useFormikContext(),
@@ -1134,6 +1136,7 @@ var ImageBlock = function ImageBlock(_ref) {
       children: [/*#__PURE__*/react.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
@@ -1155,7 +1158,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 = formik.useFormikContext(),
     values = _useFormikContext.values;
   var key = neetoCist.snakeToCamelCase(attribute);
@@ -1167,7 +1172,9 @@ var Images = function Images(_ref) {
     name: "images",
     children: [/*#__PURE__*/jsxRuntime.jsx(ImageBlock, {
       attribute: attribute,
+      defaultImageSize: defaultImageSize,
       imageData: imageData,
+      useDefaultImageSize: useDefaultImageSize,
       name: key
     }), /*#__PURE__*/jsxRuntime.jsx(Properties, {
       onPropertiesChange: onPropertiesChange,
@@ -1200,6 +1207,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 = reactI18next.useTranslation(),
@@ -1334,9 +1342,12 @@ var Customize = function Customize(_ref) {
           }), neetoCist.filterBy({
             kind: "image"
           }, themePropertiesSchema).map(function (_ref6) {
-            var key = _ref6.key;
+            var key = _ref6.key,
+              useDefaultImageSize = _ref6.useDefaultImageSize;
             return /*#__PURE__*/react.createElement(Images, {
+              defaultImageSize: defaultImageSize,
               onPropertiesChange: onPropertiesChange,
+              useDefaultImageSize: useDefaultImageSize,
               attribute: key,
               className: classnames({
                 hidden: isCustomCssScreen
@@ -1943,6 +1954,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;
@@ -2146,6 +2158,7 @@ var Sidebar = function Sidebar(_ref) {
           render: function render() {
             return /*#__PURE__*/jsxRuntime.jsx(Customize, {
               currentScreen: currentScreen,
+              defaultImageSize: defaultImageSize,
               isApplyingTheme: isApplyingTheme,
               onApplyTheme: onApplyTheme,
               onCreateTheme: onCreateTheme,
@@ -2160,6 +2173,7 @@ var Sidebar = function Sidebar(_ref) {
           render: function render() {
             return /*#__PURE__*/jsxRuntime.jsx(Customize, {
               currentScreen: currentScreen,
+              defaultImageSize: defaultImageSize,
               isApplyingTheme: isApplyingTheme,
               onApplyTheme: onApplyTheme,
               onCreateTheme: onCreateTheme,
@@ -2202,10 +2216,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 ? neetoCist.noop : _ref$onApplyThemeSucc,
     _ref$onUpdateThemeSuc = _ref.onUpdateThemeSuccess,
@@ -2226,6 +2244,8 @@ var NeetoThemesBuilder = function NeetoThemesBuilder(_ref) {
       };
     }, shallow.shallow),
     setConfigState = _useConfigStore.setConfigState;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
   var _useShowThemeEntity = useShowThemeEntity(entityId),
     _useShowThemeEntity$d = _useShowThemeEntity.data,
     _useShowThemeEntity$d2 = _useShowThemeEntity$d === void 0 ? {} : _useShowThemeEntity$d,
@@ -2260,7 +2280,10 @@ var NeetoThemesBuilder = function NeetoThemesBuilder(_ref) {
   }, [currentTheme, isCurrentThemeLoading]);
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "neeto-themes__wrapper",
-    children: [/*#__PURE__*/jsxRuntime.jsx(Sidebar, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(reactUtils.PageTitle, {
+      title: pageTitle || t("neetoThemes.common.theme")
+    }), /*#__PURE__*/jsxRuntime.jsx(Sidebar, {
+      defaultImageSize: defaultImageSize,
       onApplyGlobalThemeSuccess: onApplyGlobalThemeSuccess,
       onApplyThemeSuccess: onApplyThemeSuccess,
       onPropertiesChange: onPropertiesChange,
@@ -2275,7 +2298,6 @@ var NeetoThemesBuilder = function NeetoThemesBuilder(_ref) {
     })]
   });
 };
-var index = reactUtils.withTitle(NeetoThemesBuilder, i18next.t("neetoThemes.common.theme"));
 
-module.exports = index;
+module.exports = NeetoThemesBuilder;
 //# sourceMappingURL=NeetoThemesBuilder.js.map