@bigbinary/neeto-molecules 1.1.20 → 1.1.22

package/dist/Schedule.js

@@ -1,10 +1,10 @@
 import React, { createContext, useContext, useState, useEffect, useImperativeHandle, forwardRef } from 'react';
 import { FieldArray, ErrorMessage, useFormikContext, Formik, Form as Form$1 } from 'formik';
-import { findIndexBy, isPresent, toLabelAndValue, isNotPresent, noop } from '@bigbinary/neeto-commons-frontend/pure';
+import { findIndexBy, isPresent, toLabelAndValue, isNotPresent, noop } from '@bigbinary/neeto-cist';
 import { uniq, pluck, difference, append, without, identity, mergeRight, pick, assoc } from 'ramda';
+import { withT } from '@bigbinary/neeto-commons-frontend/react-utils';
 import { timeFormat, joinHyphenCase } from '@bigbinary/neeto-commons-frontend/utils';
 import { Typography, Button, Dropdown, Label, Checkbox as Checkbox$1, Tooltip } from '@bigbinary/neetoui';
-import { useTranslation } from 'react-i18next';
 import { ianaTimezoneToHumanReadable } from '@bigbinary/neeto-time-zones';
 import dayjs from 'dayjs';
 import i18next from 'i18next';
@@ -15,6 +15,7 @@ import utc from 'dayjs/plugin/utc';
 import weekday from 'dayjs/plugin/weekday';
 import { Delete, Plus, Copy, MenuVertical, MenuHorizontal } from '@bigbinary/neeto-icons';
 import { Select, Checkbox } from '@bigbinary/neetoui/formik';
+import { useTranslation } from 'react-i18next';
 
 var DAYS = ["monday", "tuesday", "wednesday", "thursday", "friday", "saturday", "sunday"];
 var DEFAULT_SLOT_INTERVAL = 30;
@@ -142,8 +143,8 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-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; }
+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 REMOVE_SELECT_DOWN_ARROW = {
   DropdownIndicator: function DropdownIndicator() {
     return null;
@@ -154,7 +155,7 @@ var REMOVE_SELECT_DOWN_ARROW = {
 };
 var BLUR_TEXT_WHEN_SELECT_MENU_IS_OPEN = {
   singleValue: function singleValue(base, state) {
-    return _objectSpread$1(_objectSpread$1({}, base), {}, {
+    return _objectSpread$2(_objectSpread$2({}, base), {}, {
       color: state.selectProps.menuIsOpen ? "#c2c8cc" : base.color
     });
   }
@@ -376,10 +377,9 @@ var findIndicesOfOverlappingRangesInPeriods = function findIndicesOfOverlappingR
   };
 };
 
-var DisplayAvailability = function DisplayAvailability(_ref) {
-  var periods = _ref.periods;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
+var DisplayAvailability = withT(function (_ref) {
+  var t = _ref.t,
+    periods = _ref.periods;
   return /*#__PURE__*/React.createElement("div", {
     className: "w-full space-y-4"
   }, DAYS.map(function (day) {
@@ -425,7 +425,7 @@ var DisplayAvailability = function DisplayAvailability(_ref) {
       style: "h5"
     }, t("neetoMolecules.schedule.unavailable"))));
   }));
-};
+});
 
 function _arrayWithoutHoles(arr) {
   if (Array.isArray(arr)) return _arrayLikeToArray$1(arr);
@@ -843,12 +843,61 @@ var DEFAULT_TOOLTIP_PROPS = {
   position: "bottom"
 };
 
-var _excluded = ["key", "onClick", "label", "type", "isVisible"];
+var _excluded$2 = ["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$2);
+  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$1 = ["onClick", "label", "type", "hasSubItems"];
+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 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$1);
+  if (type === MENU_ITEM_TYPES.divider) {
+    return /*#__PURE__*/React.createElement(Divider, null);
+  }
+  if (hasSubItems) {
+    return /*#__PURE__*/React.createElement(Submenu, _objectSpread$1({
+      label: label
+    }, menuItemProps));
+  }
+  return /*#__PURE__*/React.createElement(MenuItem.Button, _objectSpread$1({
+    onClick: onClick
+  }, menuItemProps), label);
+};
+
+var _excluded = ["isVisible", "key"];
 function ownKeys(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(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(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,
@@ -885,22 +934,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);
     if (!isVisible) return null;
-    return type === MENU_ITEM_TYPES.menuItem ? /*#__PURE__*/React.createElement(MenuItem.Button, _extends({
-      key: key
-    }, _objectSpread({
-      onClick: onClick
-    }, menuItemProps)), label) : /*#__PURE__*/React.createElement(Divider, {
+    return /*#__PURE__*/React.createElement(MoreDropdownMenuItem, _extends({
       key: key
-    });
+    }, menuItemProps));
   }), menuBottomChildren));
 };