@bigbinary/neeto-themes-frontend 3.1.22 → 3.1.24

package/dist/cjs/NeetoThemesBuilder.js

@@ -32,6 +32,7 @@ var formik = require('formik');
 var jsxRuntime = require('react/jsx-runtime');
 var Right = require('@bigbinary/neeto-icons/Right');
 var HelpPopover = require('@bigbinary/neeto-molecules/HelpPopover');
+var Radio = require('@bigbinary/neetoui/formik/Radio');
 var i18next = require('i18next');
 var CenterAlign = require('@bigbinary/neeto-icons/CenterAlign');
 var LeftAlign = require('@bigbinary/neeto-icons/LeftAlign');
@@ -417,6 +418,30 @@ var CustomCSS = function CustomCSS(_ref) {
   });
 };
 
+var LogoPosition = function LogoPosition() {
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useFormikContext = formik.useFormikContext(),
+    values = _useFormikContext.values;
+  var index = neetoCist.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__*/jsxRuntime.jsxs(Radio, {
+    stacked: true,
+    label: t("neetoThemes.build.leftSideBar.themes.logoPosition.title"),
+    name: "properties[".concat(index, "].value"),
+    children: [/*#__PURE__*/jsxRuntime.jsx(Radio.Item, {
+      label: t("neetoThemes.build.leftSideBar.themes.logoPosition.belowLeft"),
+      value: "below_left"
+    }), /*#__PURE__*/jsxRuntime.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) {
@@ -512,6 +537,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;
       }
@@ -1121,7 +1155,7 @@ var Images = function Images(_ref) {
     }), /*#__PURE__*/jsxRuntime.jsx(Properties, {
       onPropertiesChange: onPropertiesChange,
       condition: attribute
-    })]
+    }), key === "logo" && /*#__PURE__*/jsxRuntime.jsx(LogoPosition, {})]
   });
 };