@bigbinary/neeto-themes-frontend 3.1.23 → 3.1.24

package/app/javascript/src/translations/en.json

@@ -87,6 +87,11 @@
             "newThemeName": "My theme"
           },
           "customCSS": "Custom CSS",
+          "logoPosition": {
+            "title": "Logo position",
+            "belowLeft": "Below left",
+            "overLeft": "Over left"
+          },
           "themeCloned": "Theme has been cloned successfully.",
           "themeCloneFailed": "Failed to clone theme, please try after some time."
         }

package/dist/NeetoThemesBuilder.js

@@ -30,6 +30,7 @@ import { useFormikContext, Field } from 'formik';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import Right from '@bigbinary/neeto-icons/Right';
 import HelpPopover from '@bigbinary/neeto-molecules/HelpPopover';
+import Radio from '@bigbinary/neetoui/formik/Radio';
 import { t as t$1 } from 'i18next';
 import CenterAlign from '@bigbinary/neeto-icons/CenterAlign';
 import LeftAlign from '@bigbinary/neeto-icons/LeftAlign';
@@ -415,6 +416,30 @@ var CustomCSS = function CustomCSS(_ref) {
   });
 };
 
+var LogoPosition = function LogoPosition() {
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useFormikContext = useFormikContext(),
+    values = _useFormikContext.values;
+  var index = findIndexBy({
+    key: "logo_position"
+  }, values.properties);
+  // Do not show this field if the logo_position property is not present.
+  if (index === -1) return null;
+  return /*#__PURE__*/jsxs(Radio, {
+    stacked: true,
+    label: t("neetoThemes.build.leftSideBar.themes.logoPosition.title"),
+    name: "properties[".concat(index, "].value"),
+    children: [/*#__PURE__*/jsx(Radio.Item, {
+      label: t("neetoThemes.build.leftSideBar.themes.logoPosition.belowLeft"),
+      value: "below_left"
+    }), /*#__PURE__*/jsx(Radio.Item, {
+      label: t("neetoThemes.build.leftSideBar.themes.logoPosition.overLeft"),
+      value: "over_left"
+    })]
+  });
+};
+
 function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var buildInitialValues = function buildInitialValues(theme, themePropertiesSchema) {
@@ -510,6 +535,15 @@ var buildInitialValues = function buildInitialValues(theme, themePropertiesSchem
           }, order !== null && {
             order: order
           });
+        case "logo_position":
+          return _objectSpread$3({
+            value: defaultValue,
+            kind: "logo_position",
+            key: key,
+            dependsOn: dependsOn
+          }, order !== null && {
+            order: order
+          });
         default:
           return null;
       }
@@ -1119,7 +1153,7 @@ var Images = function Images(_ref) {
     }), /*#__PURE__*/jsx(Properties, {
       onPropertiesChange: onPropertiesChange,
       condition: attribute
-    })]
+    }), key === "logo" && /*#__PURE__*/jsx(LogoPosition, {})]
   });
 };