@7shifts/sous-chef 2.2.0 → 2.3.2

package/dist/index.modern.js

@@ -3,10 +3,11 @@ import classnames from 'classnames';
 import ReactDOM from 'react-dom';
 import Select, { components } from 'react-select';
 import DayPickerInput from 'react-day-picker/DayPickerInput';
+import { isDate, startOfDay } from 'date-fns';
 import { DateUtils } from 'react-day-picker';
 import dateFnsFormat from 'date-fns/format';
 import dateFnsParse from 'date-fns/parse';
-import startOfDay from 'date-fns/startOfDay';
+import startOfDay$1 from 'date-fns/startOfDay';
 import eachDayOfInterval from 'date-fns/eachDayOfInterval';
 import parseTime from 'time-autocomplete/src/core/AMPMParser';
 import ReactModal from 'react-modal';
@@ -1781,6 +1782,21 @@ var IconFourSquares = function IconFourSquares(props) {
 
 IconFourSquares.displayName = 'IconFourSquares';
 
+var IconGavel = function IconGavel(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 60 60",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-gavel",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "m58.698 21.863-2.418-2.42a4.442 4.442 0 0 0-5.476-.638l-9.61-9.609a4.442 4.442 0 0 0-.638-5.476l-2.418-2.418a4.438 4.438 0 0 0-6.28 0L18.551 14.605a4.446 4.446 0 0 0 0 6.28l2.42 2.42a4.448 4.448 0 0 0 5.475.637l3.48 3.48-6.891 6.89-.947-.946a5.095 5.095 0 0 0-7.198 0l-13.403 13.4a5.095 5.095 0 0 0 0 7.198l4.548 4.548a5.095 5.095 0 0 0 7.197 0l13.401-13.403a5.095 5.095 0 0 0 0-7.198l-.947-.947 6.891-6.89 3.48 3.479a4.449 4.449 0 0 0 .637 5.476l2.42 2.419a4.446 4.446 0 0 0 6.28 0l13.303-13.305a4.439 4.439 0 0 0 0-6.28ZM23.983 42.457l-13.401 13.4a1.34 1.34 0 0 1-1.894 0l-4.546-4.545a1.34 1.34 0 0 1 0-1.894l13.401-13.4a1.34 1.34 0 0 1 1.894 0l4.546 4.545a1.341 1.341 0 0 1 0 1.894Zm32.065-16.966L42.743 38.796a.69.69 0 0 1-.977 0l-2.42-2.42a.691.691 0 0 1 0-.976l1.932-1.93L26.53 18.721l-1.93 1.931a.692.692 0 0 1-.978 0l-2.419-2.419a.692.692 0 0 1 0-.977L34.51 3.952a.691.691 0 0 1 .977 0l2.419 2.42a.691.691 0 0 1 0 .976l-1.93 1.931L50.72 24.026l1.931-1.93a.69.69 0 0 1 .977 0l2.419 2.418a.692.692 0 0 1 0 .977Z",
+    fill: "currentColor"
+  }));
+};
+
+IconGavel.displayName = 'IconGavel';
+
 var IconGift = function IconGift(props) {
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -4495,7 +4511,7 @@ var getSelectStyles = function getSelectStyles(_ref) {
       return Object.assign({}, base, {
         flex: '1',
         fontFamily: FONT_FAMILY,
-        minWidth: '64px',
+        minWidth: '110px',
         backgroundColor: state.isDisabled && !asToolbarFilter ? GREY100 : WHITE,
         position: 'initial'
       });
@@ -4540,11 +4556,12 @@ var getSelectStyles = function getSelectStyles(_ref) {
       return Object.assign({}, base, {
         color: state.isDisabled ? GREY400 : null,
         marginRight: 0,
-        position: 'static',
+        position: asToolbarFilter ? 'static' : 'absolute',
         transform: 'initial',
         overflow: 'hidden',
         textOverflow: 'ellipsis',
-        whiteSpace: 'nowrap'
+        whiteSpace: 'nowrap',
+        top: !asToolbarFilter && 'auto'
       });
     },
     dropdownIndicator: function dropdownIndicator(base, state) {
@@ -4559,7 +4576,8 @@ var getSelectStyles = function getSelectStyles(_ref) {
         color: state.isDisabled ? GREY400 : state.isSelected ? EGGPLANT700 : GREY500,
         cursor: 'pointer',
         fontFamily: FONT_FAMILY,
-        fontSize: '14px'
+        fontSize: '14px',
+        wordBreak: 'break-word'
       });
     },
     group: function group(base) {
@@ -4618,6 +4636,7 @@ var MultiSelectField = function MultiSelectField(_ref) {
       caption = _ref.caption,
       error = _ref.error,
       placeholder = _ref.placeholder,
+      noOptionsMessage = _ref.noOptionsMessage,
       disabled = _ref.disabled,
       _ref$closeOnSelect = _ref.closeOnSelect,
       closeOnSelect = _ref$closeOnSelect === void 0 ? false : _ref$closeOnSelect,
@@ -4639,12 +4658,16 @@ var MultiSelectField = function MultiSelectField(_ref) {
     caption: caption,
     error: controllers.error
   };
+  var defaultNoOptionsMessage = noOptionsMessage && typeof noOptionsMessage === 'string' ? function () {
+    return noOptionsMessage;
+  } : undefined;
   return React__default.createElement(Field, Object.assign({}, fieldProps), React__default.createElement(Select, {
     inputId: controllers.id,
     options: options,
     isDisabled: disabled,
     value: controllers.value,
     placeholder: placeholder,
+    noOptionsMessage: typeof noOptionsMessage === 'function' ? noOptionsMessage : defaultNoOptionsMessage,
     styles: getSelectStyles({
       isInvalid: hasError,
       wrapToNextLine: true
@@ -4670,7 +4693,8 @@ var MultiSelectField = function MultiSelectField(_ref) {
       }
 
       var target = e.target;
-      var isScrollingTheMenu = typeof target.className === 'string' && target.className.includes('MenuList');
+      var firstOption = target.children[0];
+      var isScrollingTheMenu = firstOption && typeof firstOption.id === 'string' && firstOption.id.includes('react-select');
       return !isScrollingTheMenu;
     }
   }));
@@ -4777,6 +4801,7 @@ var SelectField = function SelectField(_ref) {
       caption = _ref.caption,
       error = _ref.error,
       placeholder = _ref.placeholder,
+      noOptionsMessage = _ref.noOptionsMessage,
       disabled = _ref.disabled,
       prefix = _ref.prefix,
       _ref$asToolbarFilter = _ref.asToolbarFilter,
@@ -4799,6 +4824,9 @@ var SelectField = function SelectField(_ref) {
     caption: caption,
     error: controllers.error
   };
+  var defaultNoOptionsMessage = noOptionsMessage && typeof noOptionsMessage === 'string' ? function () {
+    return noOptionsMessage;
+  } : undefined;
   return React__default.createElement(Field, Object.assign({}, fieldProps), React__default.createElement(AffixContainer, {
     prefix: prefix
   }, React__default.createElement(Select, {
@@ -4807,6 +4835,7 @@ var SelectField = function SelectField(_ref) {
     isDisabled: disabled,
     value: controllers.value,
     placeholder: placeholder,
+    noOptionsMessage: typeof noOptionsMessage === 'function' ? noOptionsMessage : defaultNoOptionsMessage,
     styles: getSelectStyles({
       isInvalid: hasError,
       asToolbarFilter: asToolbarFilter
@@ -4835,7 +4864,8 @@ var SelectField = function SelectField(_ref) {
       }
 
       var target = e.target;
-      var isScrollingTheMenu = typeof target.className === 'string' && target.className.includes('MenuList');
+      var firstOption = target.children[0];
+      var isScrollingTheMenu = firstOption && typeof firstOption.id === 'string' && firstOption.id.includes('react-select');
       return !isScrollingTheMenu;
     }
   })));
@@ -4861,7 +4891,7 @@ var useDateFieldControllers = function useDateFieldControllers(_ref) {
     error: error,
     value: value,
     onChange: function onChange(newValue) {
-      return _onChange && _onChange(newValue);
+      return _onChange && _onChange(isDate(newValue) ? startOfDay(newValue) : newValue);
     },
     onBlur: function onBlur() {
       return _onBlur && _onBlur();
@@ -4874,7 +4904,7 @@ var useDateFieldControllers = function useDateFieldControllers(_ref) {
       error: error !== undefined ? controllers.error : formikState.error,
       value: value !== undefined ? controllers.value : formikState.value,
       onChange: _onChange ? controllers.onChange : function (newValue) {
-        formik.setFieldValue(name, newValue === undefined ? null : newValue);
+        formik.setFieldValue(name, newValue === undefined ? null : startOfDay(newValue));
       },
       onBlur: _onBlur ? controllers.onBlur : function () {
         return formik.setFieldTouched(name);
@@ -4929,7 +4959,7 @@ function formatDate(date, format, locale) {
   });
 }
 function setToMidnight(date) {
-  return date && startOfDay(date);
+  return date && startOfDay$1(date);
 }
 function getStartOfWeek(date, weekIndex) {
   var d = new Date(date);
@@ -5769,5 +5799,5 @@ var Avatar = function Avatar(_ref) {
   }, badge));
 };
 
-export { Avatar, Badge$1 as Badge, Button$1 as Button, CheckboxField, DataTable, DataTableCell, DataTableEditableCell, DataTableRow, DateField, DateRangeField, Form, FormRow, IconAnalytics, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowToTop, IconArrowUp, IconAward, IconBalanceScale, IconBalanceScaleLeft, IconBan, IconBarsH, IconBarsV, IconBell, IconBold, IconBolt, IconBook, IconBriefcase, IconBullseyeArrow, IconCalculator, IconCalendar, IconCalendarAlt, IconCalendarCheck, IconCalendarDay, IconCalendarExclamation, IconCalendarTomorrow, IconCamera, IconCameraSlash, IconCashRegister, IconChartBar, IconCheck, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconClipboardList, IconClock, IconCog, IconComment, IconCommentLines, IconCopy, IconCreditCard, IconCreditCardPlus, IconDownload, IconEdit, IconEllipsisV, IconEnvelope, IconExclaimation, IconExclaimationTriangle, IconExpand, IconExternalLink, IconEye, IconEyeSlash, IconFile, IconFilePdf, IconFlag, IconFourDotsCircle, IconFourSquares, IconGift, IconGrinBeam, IconGripVertical, IconHandshake, IconImage, IconInfoCircle, IconIslandTropical, IconItalic, IconLaptopSearch, IconLink, IconList, IconListOI as IconListOi, IconLock, IconMagicSolid, IconMapMarker, IconMegaphone, IconMinus, IconMinusCircle, IconMoneyBill, IconNotesMedical, IconOvertime, IconPaperPlane, IconPaperPlaneClock, IconPaperclip, IconPencil, IconPercentage, IconPhone, IconPlug, IconPlus, IconPrint, IconQuestionCircle, IconRepeat, IconSearch, IconSignOut, IconSitemap, IconSlidersH, IconSort, IconStar, IconStickyNoteLines, IconStopwatch, IconStrikethrough, IconSync, IconSyncExclaimation, IconTachometer, IconTimes, IconTimesOctagon, IconTrash, IconUnderline, IconUndo, IconUserComputer, IconUserLight, IconUserPlus, IconUserSlash, IconUserSolid, IconUserTag, IconUserTie, IconUsers, IconVideo, IconVolume, IconVolumeMute, IconWrench, Inline, Modal, ModalBody, ModalFooter, MultiSelectField, PaginationControls, PasswordField, PillSelectField, RadioGroupField, RadioGroupOption, ResourceTable, ResourceTableRow, SIZE_25_PERCENT, SIZE_33_PERCENT, SIZE_50_PERCENT, SIZE_66_PERCENT, SIZE_75_PERCENT, SelectField, Spinner, Stack, TextAreaField, TextField, TimeField, Toggle, Tooltip$1 as Tooltip, WeekField };
+export { Avatar, Badge$1 as Badge, Button$1 as Button, CheckboxField, DataTable, DataTableCell, DataTableEditableCell, DataTableRow, DateField, DateRangeField, Form, FormRow, IconAnalytics, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowToTop, IconArrowUp, IconAward, IconBalanceScale, IconBalanceScaleLeft, IconBan, IconBarsH, IconBarsV, IconBell, IconBold, IconBolt, IconBook, IconBriefcase, IconBullseyeArrow, IconCalculator, IconCalendar, IconCalendarAlt, IconCalendarCheck, IconCalendarDay, IconCalendarExclamation, IconCalendarTomorrow, IconCamera, IconCameraSlash, IconCashRegister, IconChartBar, IconCheck, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconClipboardList, IconClock, IconCog, IconComment, IconCommentLines, IconCopy, IconCreditCard, IconCreditCardPlus, IconDownload, IconEdit, IconEllipsisV, IconEnvelope, IconExclaimation, IconExclaimationTriangle, IconExpand, IconExternalLink, IconEye, IconEyeSlash, IconFile, IconFilePdf, IconFlag, IconFourDotsCircle, IconFourSquares, IconGavel, IconGift, IconGrinBeam, IconGripVertical, IconHandshake, IconImage, IconInfoCircle, IconIslandTropical, IconItalic, IconLaptopSearch, IconLink, IconList, IconListOI as IconListOi, IconLock, IconMagicSolid, IconMapMarker, IconMegaphone, IconMinus, IconMinusCircle, IconMoneyBill, IconNotesMedical, IconOvertime, IconPaperPlane, IconPaperPlaneClock, IconPaperclip, IconPencil, IconPercentage, IconPhone, IconPlug, IconPlus, IconPrint, IconQuestionCircle, IconRepeat, IconSearch, IconSignOut, IconSitemap, IconSlidersH, IconSort, IconStar, IconStickyNoteLines, IconStopwatch, IconStrikethrough, IconSync, IconSyncExclaimation, IconTachometer, IconTimes, IconTimesOctagon, IconTrash, IconUnderline, IconUndo, IconUserComputer, IconUserLight, IconUserPlus, IconUserSlash, IconUserSolid, IconUserTag, IconUserTie, IconUsers, IconVideo, IconVolume, IconVolumeMute, IconWrench, Inline, Modal, ModalBody, ModalFooter, MultiSelectField, PaginationControls, PasswordField, PillSelectField, RadioGroupField, RadioGroupOption, ResourceTable, ResourceTableRow, SIZE_25_PERCENT, SIZE_33_PERCENT, SIZE_50_PERCENT, SIZE_66_PERCENT, SIZE_75_PERCENT, SelectField, Spinner, Stack, TextAreaField, TextField, TimeField, Toggle, Tooltip$1 as Tooltip, WeekField };
 //# sourceMappingURL=index.modern.js.map