@7shifts/sous-chef 3.56.0-beta.0 → 3.56.0

package/dist/index.modern.js

@@ -825,7 +825,8 @@ var ButtonComponent = function ButtonComponent(_ref, ref) {
   var childrenArr = Children.toArray(children);
   var isIconOnly = childrenArr.length === 1 && typeof childrenArr[0] != 'string';
   return React__default.createElement(Tooltip, {
-    overlay: title
+    overlay: title,
+    ref: ref
   }, React__default.createElement(ButtonElement, {
     id: id,
     onClick: onClick,
@@ -7270,7 +7271,7 @@ var Italic = function Italic(_ref) {
   }, children);
 };
 
-var DropdownListItemComponent = function DropdownListItemComponent(_ref, ref) {
+var DropdownListItem = function DropdownListItem(_ref) {
   var _classNames;
   var onClick = _ref.onClick,
     prefix = _ref.prefix,
@@ -7340,11 +7341,9 @@ var DropdownListItemComponent = function DropdownListItemComponent(_ref, ref) {
     },
     onClick: handleClick,
     onKeyPress: handleClick,
-    "data-testid": testId,
-    ref: ref
+    "data-testid": testId
   }, href ? linkItem : childrenContainer);
 };
-var DropdownListItem = forwardRef(DropdownListItemComponent);
 
 var canInteractWithItem = function canInteractWithItem(child) {
   var itemType = getItemType(child);
@@ -11762,7 +11761,8 @@ var TimeFieldDropdown = function TimeFieldDropdown(_ref) {
     width = _ref.width,
     _ref$endField = _ref.endField,
     endField = _ref$endField === void 0 ? false : _ref$endField,
-    subtractDuration = _ref.subtractDuration;
+    subtractDuration = _ref.subtractDuration,
+    calculateDuration = _ref.calculateDuration;
   var startTimeParsed = startTime ? getDateWithStartTime(startTime) : setToMidnight(new Date());
   var timeOptions = useMemo(function () {
     return getTimeOptions(interval, startTimeParsed, endField && !!startTime);
@@ -11786,6 +11786,20 @@ var TimeFieldDropdown = function TimeFieldDropdown(_ref) {
   }, React__default.createElement(DropdownList, {
     highlightItemIndex: index
   }, timeOptions.map(function (option) {
+    var duration = function duration() {
+      if (endField && startTime) {
+        if (calculateDuration) {
+          return calculateDuration({
+            start: startTime,
+            end: option
+          });
+        } else {
+          return getDuration(option, startTime, subtractDuration);
+        }
+      } else {
+        return '';
+      }
+    };
     return React__default.createElement(DropdownListItem, {
       key: option,
       onClick: function onClick() {
@@ -11793,11 +11807,11 @@ var TimeFieldDropdown = function TimeFieldDropdown(_ref) {
       }
     }, React__default.createElement(Inline, {
       space: 4
-    }, option, endField && startTime && getDuration(option, startTime, subtractDuration)));
+    }, option, duration()));
   })));
 };
 
-var _excluded$2K = ["interval", "startTime", "prefix", "endField", "duration", "subtractDuration"];
+var _excluded$2K = ["interval", "startTime", "prefix", "endField", "duration", "subtractDuration", "calculateDuration"];
 var TimeFieldElement = function TimeFieldElement(_ref, forwardedRef) {
   var _ref$interval = _ref.interval,
     interval = _ref$interval === void 0 ? 15 : _ref$interval,
@@ -11807,6 +11821,7 @@ var TimeFieldElement = function TimeFieldElement(_ref, forwardedRef) {
     endField = _ref$endField === void 0 ? false : _ref$endField,
     duration = _ref.duration,
     subtractDuration = _ref.subtractDuration,
+    calculateDuration = _ref.calculateDuration,
     allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2K);
   var internalRef = useRef(null);
   var ref = forwardedRef || internalRef;
@@ -11852,7 +11867,8 @@ var TimeFieldElement = function TimeFieldElement(_ref, forwardedRef) {
     inputValue: selectedDropdownValue,
     width: width,
     endField: endField,
-    subtractDuration: subtractDuration
+    subtractDuration: subtractDuration,
+    calculateDuration: calculateDuration
   });
 };
 var TimeRangeSelector = forwardRef(TimeFieldElement);
@@ -11870,7 +11886,8 @@ var TimeRangeEnd = function TimeRangeEnd(_ref) {
     disabled = _ref.disabled,
     testId = _ref.testId,
     value = _ref.value,
-    subtractDuration = _ref.subtractDuration;
+    subtractDuration = _ref.subtractDuration,
+    calculateDuration = _ref.calculateDuration;
   return React__default.createElement(TimeRangeSelector, {
     name: "end-time",
     startTime: startTime,
@@ -11886,7 +11903,8 @@ var TimeRangeEnd = function TimeRangeEnd(_ref) {
     testId: testId && testId + "-end-time",
     disabled: disabled,
     value: value,
-    subtractDuration: subtractDuration
+    subtractDuration: subtractDuration,
+    calculateDuration: calculateDuration
   });
 };
 
@@ -11929,7 +11947,8 @@ var TimeRangeField = function TimeRangeField(_ref) {
     placeholder = _ref.placeholder,
     disabled = _ref.disabled,
     testId = _ref.testId,
-    subtractDuration = _ref.subtractDuration;
+    subtractDuration = _ref.subtractDuration,
+    calculateDuration = _ref.calculateDuration;
   var controllers = useRangeFieldControllers({
     name: name,
     id: inputId,
@@ -11961,7 +11980,10 @@ var TimeRangeField = function TimeRangeField(_ref) {
       end: inputValue === '' ? undefined : inputValue
     });
   };
-  var timeRangeDuration = getDuration(end, start, subtractDuration);
+  var timeRangeDuration = calculateDuration ? calculateDuration({
+    start: start,
+    end: end
+  }) : getDuration(end, start, subtractDuration);
   return React__default.createElement(Field, _extends({}, fieldProps), React__default.createElement("div", {
     className: classnames(styles$1a['time-range-field'], (_classnames = {}, _classnames[styles$1a['time-range-field--invalid']] = hasError, _classnames[styles$1a['time-range-field--disabled']] = disabled, _classnames)),
     "data-testid": testId
@@ -11987,7 +12009,8 @@ var TimeRangeField = function TimeRangeField(_ref) {
     testId: testId,
     disabled: disabled,
     value: controllers.value.end,
-    subtractDuration: subtractDuration
+    subtractDuration: subtractDuration,
+    calculateDuration: calculateDuration
   })));
 };