@bigbinary/neeto-molecules 1.1.20 → 1.1.22

package/dist/ThemeSidebar.js

@@ -3,7 +3,8 @@ import { Typography, Toastr, Button, Select, ColorPicker, Dropdown, Tooltip, Tag
 import { useTranslation, Trans } from 'react-i18next';
 import * as yup from 'yup';
 import { Switch, Input, Form } from '@bigbinary/neetoui/formik';
-import { isNotEmpty, findBy, noop, isPresent, capitalize } from '@bigbinary/neeto-commons-frontend/pure';
+import { isNotEmpty, findBy, noop, isPresent, capitalize } from '@bigbinary/neeto-cist';
+import { withT } from '@bigbinary/neeto-commons-frontend/react-utils';
 import { isEmpty, mergeLeft, mergeRight, path } from 'ramda';
 import classnames from 'classnames';
 import { ImageUpload, LeftAlign, CenterAlign, MenuVertical, MenuHorizontal, Search, LeftArrow, Plus } from '@bigbinary/neeto-icons';
@@ -657,8 +658,8 @@ try {
   }
 }
 
-function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var readFile = function readFile(file) {
   return new Promise(function (resolve) {
     var reader = new FileReader();
@@ -705,7 +706,7 @@ var transformTheme = function transformTheme(values) {
       answerColor: values.answerColor,
       answerTextColor: values.answerTextColor
     },
-    backgroundImage: _objectSpread$3(_objectSpread$3({}, values.backgroundImage), {}, {
+    backgroundImage: _objectSpread$4(_objectSpread$4({}, values.backgroundImage), {}, {
       backgroundColor: values.backgroundColor,
       backgroundOverlayOpacity: values.backgroundOverlayOpacity,
       isDominantBackgroundColorEnabled: values.isDominantBackgroundColorEnabled,
@@ -1094,11 +1095,10 @@ var SelectBlock = function SelectBlock(_ref) {
   })));
 };
 
-var Logo = function Logo(_ref) {
-  var logo = _ref.logo,
+var Logo = withT(function (_ref) {
+  var t = _ref.t,
+    logo = _ref.logo,
     _onChange = _ref.onChange;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
   return /*#__PURE__*/React.createElement(Card, {
     title: t("neetoMolecules.themeSidebar.logo")
   }, /*#__PURE__*/React.createElement("div", {
@@ -1123,7 +1123,7 @@ var Logo = function Logo(_ref) {
       return _onChange("logo.position", value);
     }
   })));
-};
+});
 var Logo$1 = /*#__PURE__*/React.memo(Logo);
 
 var AlignmentBlock = function AlignmentBlock(_ref) {
@@ -1188,8 +1188,8 @@ var ColorBlock = function ColorBlock(_ref) {
   }));
 };
 
-function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var FontPickerBlock = function FontPickerBlock(_ref) {
   var label = _ref.label,
     _ref$placeholder = _ref.placeholder,
@@ -1211,7 +1211,7 @@ var FontPickerBlock = function FontPickerBlock(_ref) {
     styles: {
       option: function option(styles, _ref2) {
         var data = _ref2.data;
-        return _objectSpread$2(_objectSpread$2({}, styles), {}, {
+        return _objectSpread$3(_objectSpread$3({}, styles), {}, {
           fontFamily: data.value
         });
       }
@@ -1526,12 +1526,61 @@ var DEFAULT_TOOLTIP_PROPS = {
   position: "bottom"
 };
 
-var _excluded$1 = ["key", "onClick", "label", "type", "isVisible"];
+var _excluded$3 = ["label", "key"],
+  _excluded2 = ["isVisible", "key"];
+var MenuItem$1 = Dropdown.MenuItem,
+  Menu$1 = Dropdown.Menu;
+var Submenu = function Submenu(_ref) {
+  var label = _ref.label,
+    key = _ref.key,
+    menuItemProps = _objectWithoutProperties(_ref, _excluded$3);
+  return /*#__PURE__*/React.createElement(Dropdown, _extends({
+    customTarget: /*#__PURE__*/React.createElement(MenuItem$1.Button, null, label),
+    key: key,
+    position: "left",
+    trigger: "hover"
+  }, menuItemProps.dropdownProps), /*#__PURE__*/React.createElement(Menu$1, null, menuItemProps.menuItems.map(function (_ref2) {
+    var _ref2$isVisible = _ref2.isVisible,
+      isVisible = _ref2$isVisible === void 0 ? true : _ref2$isVisible,
+      key = _ref2.key,
+      menuItemProps = _objectWithoutProperties(_ref2, _excluded2);
+    if (!isVisible) return null;
+    return /*#__PURE__*/React.createElement(MoreDropdownMenuItem, _extends({
+      key: key
+    }, menuItemProps));
+  })));
+};
+
+var _excluded$2 = ["onClick", "label", "type", "hasSubItems"];
+function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var MenuItem = Dropdown.MenuItem,
+  Divider = Dropdown.Divider;
+var MoreDropdownMenuItem = function MoreDropdownMenuItem(_ref) {
+  var onClick = _ref.onClick,
+    label = _ref.label,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? MENU_ITEM_TYPES.menuItem : _ref$type,
+    _ref$hasSubItems = _ref.hasSubItems,
+    hasSubItems = _ref$hasSubItems === void 0 ? false : _ref$hasSubItems,
+    menuItemProps = _objectWithoutProperties(_ref, _excluded$2);
+  if (type === MENU_ITEM_TYPES.divider) {
+    return /*#__PURE__*/React.createElement(Divider, null);
+  }
+  if (hasSubItems) {
+    return /*#__PURE__*/React.createElement(Submenu, _objectSpread$2({
+      label: label
+    }, menuItemProps));
+  }
+  return /*#__PURE__*/React.createElement(MenuItem.Button, _objectSpread$2({
+    onClick: onClick
+  }, menuItemProps), label);
+};
+
+var _excluded$1 = ["isVisible", "key"];
 function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var Menu = Dropdown.Menu,
-  MenuItem = Dropdown.MenuItem,
-  Divider = Dropdown.Divider;
+var Menu = Dropdown.Menu;
 var MoreDropdown = function MoreDropdown(_ref) {
   var _ref$dropdownButtonPr = _ref.dropdownButtonProps,
     dropdownButtonProps = _ref$dropdownButtonPr === void 0 ? {} : _ref$dropdownButtonPr,
@@ -1568,22 +1617,14 @@ var MoreDropdown = function MoreDropdown(_ref) {
       style: "text"
     }, dropdownButtonProps)
   }, dropdownProps), /*#__PURE__*/React.createElement(Menu, null, menuTopChildren, menuItems.map(function (_ref2) {
-    var key = _ref2.key,
-      onClick = _ref2.onClick,
-      label = _ref2.label,
-      _ref2$type = _ref2.type,
-      type = _ref2$type === void 0 ? MENU_ITEM_TYPES.menuItem : _ref2$type,
-      _ref2$isVisible = _ref2.isVisible,
+    var _ref2$isVisible = _ref2.isVisible,
       isVisible = _ref2$isVisible === void 0 ? true : _ref2$isVisible,
+      key = _ref2.key,
       menuItemProps = _objectWithoutProperties(_ref2, _excluded$1);
     if (!isVisible) return null;
-    return type === MENU_ITEM_TYPES.menuItem ? /*#__PURE__*/React.createElement(MenuItem.Button, _extends({
-      key: key
-    }, _objectSpread$1({
-      onClick: onClick
-    }, menuItemProps)), label) : /*#__PURE__*/React.createElement(Divider, {
+    return /*#__PURE__*/React.createElement(MoreDropdownMenuItem, _extends({
       key: key
-    });
+    }, menuItemProps));
   }), menuBottomChildren));
 };