@7shifts/sous-chef 3.31.1-beta4 → 3.32.0

package/dist/index.js

@@ -4427,6 +4427,16 @@ var SORT_ORDER = {
 };
 
 var getNextSort = function getNextSort(column) {
+  if (column.reverseSortOrder) {
+    switch (column.currentSort) {
+      case SORT_ORDER.ASC:
+        return SORT_ORDER.DESC;
+      case SORT_ORDER.DESC:
+        return null;
+      default:
+        return SORT_ORDER.ASC;
+    }
+  }
   switch (column.currentSort) {
     case SORT_ORDER.ASC:
       return null;
@@ -6457,8 +6467,7 @@ var Calendar = function Calendar(_ref) {
     disabledDays = _ref.disabledDays,
     anchorRef = _ref.anchorRef,
     testId = _ref.testId,
-    onMonthChange = _ref.onMonthChange,
-    id = _ref.id;
+    onMonthChange = _ref.onMonthChange;
   var _useState = React.useState(null),
     calendarRef = _useState[0],
     setCalendarRef = _useState[1];
@@ -6521,9 +6530,7 @@ var Calendar = function Calendar(_ref) {
     }
   };
   return React__default.createElement(Portal, null, React__default.createElement("div", {
-    className: styles$G['calendar'],
-    id: id,
-    tabIndex: 1
+    className: styles$G['calendar']
   }, React__default.createElement("div", {
     className: styles$G['calendar__overlay'],
     ref: function ref(_ref2) {
@@ -8952,117 +8959,6 @@ var useDateFieldControllers = function useDateFieldControllers(_ref) {
 
 var inputStyles = {"text-field":"_10EFd","date-field":"_33Mhr","text-field--invalid":"_3iXEe","date-field--invalid":"_iupg8","text-field--prefixed":"_2lxID","date-field--prefixed":"_Ukc0m","text-field--suffixed":"_2AI5V","date-field--suffixed":"_3P7jE"};
 
-var DEFAULT_SLOTS = 'dMy';
-var maskfy = function maskfy(params) {
-  var value = params.value,
-    format = params.format,
-    _params$slots = params.slots,
-    slots = _params$slots === void 0 ? DEFAULT_SLOTS : _params$slots,
-    cursorPosition = params.cursorPosition;
-  var formatCursorPosition = format[cursorPosition.selectionStart];
-  var isInAnchorPosition = !slots.includes(formatCursorPosition);
-  var isDeletingAnchor = value.length < format.length && isInAnchorPosition;
-  var _calculateCursorPosit = calculateCursorPosition(_extends({}, params, {
-      isDeletingAnchor: isDeletingAnchor
-    })),
-    selectionStart = _calculateCursorPosit[0],
-    selectionEnd = _calculateCursorPosit[1];
-  return {
-    maskedValue: calculateMask(_extends({}, params, {
-      isDeletingAnchor: isDeletingAnchor
-    })),
-    cursorPosition: {
-      selectionStart: selectionStart,
-      selectionEnd: selectionEnd
-    }
-  };
-};
-var calculateMask = function calculateMask(_ref) {
-  var value = _ref.value,
-    format = _ref.format,
-    _ref$slots = _ref.slots,
-    slots = _ref$slots === void 0 ? DEFAULT_SLOTS : _ref$slots,
-    isDeletingAnchor = _ref.isDeletingAnchor,
-    cursorPosition = _ref.cursorPosition;
-  var slotsSet = new Set(slots);
-  var accept = new RegExp('\\d', 'g');
-  var inputMatches = value.match(accept) || [];
-  var _calculateDigitReplac = calculateDigitReplacement(slots, format, inputMatches.length, cursorPosition),
-    isReplacingDigit = _calculateDigitReplac.isReplacingDigit,
-    isReplacingAt = _calculateDigitReplac.isReplacingAt;
-  if (isReplacingDigit) {
-    inputMatches.splice(isReplacingAt, 1);
-  }
-  if (isDeletingAnchor) {
-    inputMatches.pop();
-  }
-  var maskedValue = Array.from(format, function (character) {
-    return inputMatches[0] === character || slotsSet.has(character) ? inputMatches.shift() || character : character;
-  });
-  return maskedValue.join('');
-};
-var calculateCursorPosition = function calculateCursorPosition(params) {
-  var value = params.value,
-    format = params.format,
-    cursorPosition = params.cursorPosition,
-    _params$slots2 = params.slots,
-    slots = _params$slots2 === void 0 ? DEFAULT_SLOTS : _params$slots2;
-  var slotsSet = new Set(slots);
-  var prev = function (j) {
-    return Array.from(format, function (c, i) {
-      return slotsSet.has(c) ? j = i + 1 : j;
-    });
-  }(0);
-  var first = [].concat(format).findIndex(function (c) {
-    return slotsSet.has(c);
-  });
-  var calculatedCursorRange = [cursorPosition.selectionStart, cursorPosition.selectionEnd].map(function (position) {
-    var valueCharacters = calculateMask(_extends({}, params, {
-      value: value.slice(0, position)
-    })).split('');
-    var slotIndex = valueCharacters.findIndex(function (character) {
-      return slotsSet.has(character);
-    });
-    if (slotIndex < 0) {
-      return prev[prev.length - 1];
-    }
-    return slotIndex;
-  });
-  return calculatedCursorRange;
-};
-var calculateDigitReplacement = function calculateDigitReplacement(slots, format, amountOfDigitsTyped, cursorPosition) {
-  var slotsRegExp = new RegExp("[" + slots.split('').join('|') + "]", 'g');
-  var slotsMatches = format.match(slotsRegExp) || [];
-  var isReplacingDigit = amountOfDigitsTyped > slotsMatches.length;
-  var getCharacterPosition = function getCharacterPosition() {
-    var formatUntilTheCursorPoint = format.slice(0, cursorPosition.selectionStart);
-    var slotsFormatSlicedMatches = formatUntilTheCursorPoint.match(slotsRegExp) || [];
-    return slotsFormatSlicedMatches.length;
-  };
-  return {
-    isReplacingDigit: isReplacingDigit,
-    isReplacingAt: isReplacingDigit ? getCharacterPosition() : 0
-  };
-};
-
-var useFieldMask = function useFieldMask(format) {
-  var maskfyField = function maskfyField(input) {
-    var _maskfy = maskfy({
-        value: input.value,
-        format: format,
-        cursorPosition: {
-          selectionStart: input.selectionStart,
-          selectionEnd: input.selectionEnd
-        }
-      }),
-      maskedValue = _maskfy.maskedValue,
-      cursorPosition = _maskfy.cursorPosition;
-    input.value = maskedValue.toUpperCase();
-    input.setSelectionRange(cursorPosition.selectionStart, cursorPosition.selectionEnd);
-  };
-  return maskfyField;
-};
-
 var DateField = function DateField(_ref) {
   var _classnames;
   var name = _ref.name,
@@ -9085,8 +8981,6 @@ var DateField = function DateField(_ref) {
     onMonthChange = _ref.onMonthChange,
     testId = _ref.testId,
     weekStart = _ref.weekStart;
-  var calendarId = name + "-calendar";
-  var maskfy = useFieldMask(format);
   var inputRef = React.useRef(null);
   var _useState = React.useState(false),
     showCalendar = _useState[0],
@@ -9099,15 +8993,17 @@ var DateField = function DateField(_ref) {
     onBlur: onBlur,
     error: error
   });
-  var getDefaultValue = function getDefaultValue() {
-    if (defaultValue) {
-      return formatDate(defaultValue, format);
-    }
-    if (controllers.value) {
-      return formatDate(controllers.value, format);
-    }
-    return '';
-  };
+  var _useState2 = React.useState(function () {
+      if (defaultValue) {
+        return formatDate(defaultValue, format);
+      }
+      if (controllers.value) {
+        return formatDate(controllers.value, format);
+      }
+      return '';
+    }),
+    inputValue = _useState2[0],
+    setInputValue = _useState2[1];
   var hasError = controllers.error;
   var fieldProps = {
     name: name,
@@ -9127,11 +9023,10 @@ var DateField = function DateField(_ref) {
     return undefined;
   };
   React.useEffect(function () {
-    if (!controllers.value && inputRef.current) {
-      inputRef.current.value = '';
+    if (!controllers.value && !!inputValue) {
+      setInputValue('');
     }
   }, [controllers.value]);
-  var selectedDate = getSelectedDate();
   return React__default.createElement(Field, _extends({}, fieldProps), React__default.createElement(AffixContainer, {
     prefix: React__default.createElement(IconCalendarAlt, {
       size: "medium"
@@ -9147,47 +9042,31 @@ var DateField = function DateField(_ref) {
     ref: inputRef,
     readOnly: readOnly,
     disabled: disabled,
-    onFocus: function onFocus(e) {
-      setShowCalendar(true);
-      maskfy(e.target);
+    onFocus: function onFocus() {
+      return setShowCalendar(true);
     },
     onClick: function onClick() {
       return setShowCalendar(true);
     },
     placeholder: placeholder || format.toUpperCase(),
     onChange: function onChange(event) {
-      maskfy(event.target);
       var parsedDate = parseDate(event.target.value, format);
       if (parsedDate) {
         controllers.onChange(parsedDate);
       }
+      setInputValue(event.target.value);
     },
-    onBlur: function onBlur(event) {
-      setTimeout(function () {
-        var calendar = document.getElementById(calendarId);
-        if (!calendar || calendar.contains(document.activeElement)) {
-          return;
-        }
-        var parsedDate = parseDate(event.target.value, format);
-        if (!parsedDate) {
-          controllers.onChange(undefined);
-        }
-        controllers.onBlur();
-        setShowCalendar(false);
-      }, 100);
-    },
-    defaultValue: getDefaultValue()
+    onBlur: controllers.onBlur,
+    maxLength: format.length,
+    value: inputValue
   })), showCalendar && React__default.createElement(Calendar, {
     onSelect: function onSelect(date) {
       var _inputRef$current;
-      if (!inputRef.current) {
-        return;
-      }
-      inputRef.current.value = formatDate(date, format);
+      setInputValue(formatDate(date, format));
       controllers.onChange(date);
       (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
     },
-    selected: selectedDate,
+    selected: getSelectedDate(),
     anchorRef: inputRef,
     onClickOutside: function onClickOutside() {
       return setShowCalendar(false);
@@ -9197,9 +9076,7 @@ var DateField = function DateField(_ref) {
     },
     initialMonth: initialMonth,
     onMonthChange: onMonthChange,
-    weekStart: weekStart,
-    key: selectedDate ? formatDate(selectedDate, format) : '',
-    id: calendarId
+    weekStart: weekStart
   }));
 };