@7shifts/sous-chef 3.56.0-beta0 → 3.56.0

package/dist/feedback/InlineBanner/InlineBanner.d.ts

@@ -6,7 +6,7 @@ type Props = {
     theme?: InlineBannerTheme;
     title?: string;
     onClose?: () => void;
-    caption?: string;
+    caption?: React.ReactNode;
     primaryButton?: React.ReactElement;
     secondaryButton?: React.ReactElement;
     testId?: string;

package/dist/feedback/InlineBanner/InlineBannerCTA/InlineBannerCTA.d.ts

@@ -3,7 +3,7 @@ import { InlineBannerTheme } from '../types';
 type Props = {
     primaryButton: React.ReactElement;
     secondaryButton?: React.ReactElement;
-    caption?: string;
+    caption?: React.ReactNode;
     multiLine: boolean;
     bannerTheme: InlineBannerTheme;
 };

package/dist/forms/TimeField/TimeField.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React from 'react';
 import type { Props as TextFieldProps } from '../TextField/TextField';
 import { StartTime, TimeInterval, TimeRange } from '../../utils/date';
 type Props = TextFieldProps & {
@@ -7,8 +7,7 @@ type Props = TextFieldProps & {
     startTime?: StartTime;
     prefix?: React.ReactElement;
     endField?: boolean;
-    duration?: ReactNode | string;
-    hideDuration?: boolean;
+    duration?: string;
     subtractDuration?: number;
     calculateDuration?: (e: TimeRange) => string;
 };
@@ -38,8 +37,7 @@ export declare const TimeRangeSelector: React.ForwardRefExoticComponent<{
     startTime?: string | undefined;
     prefix?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
     endField?: boolean | undefined;
-    duration?: ReactNode | string;
-    hideDuration?: boolean | undefined;
+    duration?: string | undefined;
     subtractDuration?: number | undefined;
     calculateDuration?: ((e: TimeRange) => string) | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
@@ -48,5 +46,5 @@ export declare const TimeRangeSelector: React.ForwardRefExoticComponent<{
  *
  * At the end, it is just a string formatted nicely. **You are in charge of validating the value and parsing it back to a value that you can use on your application**.
  */
-declare const TimeField: React.ForwardRefExoticComponent<Omit<Props, "prefix" | "suffix" | "subtractDuration"> & React.RefAttributes<HTMLInputElement>>;
+declare const TimeField: React.ForwardRefExoticComponent<Omit<Props, "prefix" | "suffix" | "subtractDuration" | "calculateDuration"> & React.RefAttributes<HTMLInputElement>>;
 export default TimeField;

package/dist/forms/TimeField/TimeFieldDropdown/TimeFieldDropdown.d.ts

@@ -8,9 +8,8 @@ type TimeFieldDropdownProps = {
     inputValue?: string;
     width?: number;
     endField: boolean;
-    hideDuration?: boolean;
     subtractDuration?: number;
     calculateDuration?: (e: TimeRange) => string;
 };
-declare const TimeFieldDropdown: ({ trigger, interval, startTime, onOptionClick, inputValue, width, endField, hideDuration, subtractDuration, calculateDuration }: TimeFieldDropdownProps) => React.JSX.Element;
+declare const TimeFieldDropdown: ({ trigger, interval, startTime, onOptionClick, inputValue, width, endField, subtractDuration, calculateDuration }: TimeFieldDropdownProps) => React.JSX.Element;
 export default TimeFieldDropdown;

package/dist/forms/TimeField/TimeFieldDropdownTrigger/TimeFieldDropdownTrigger.d.ts

@@ -1,10 +1,10 @@
-import React, { ReactNode } from 'react';
+import React from 'react';
 import type { Props as TextFieldProps } from '../../TextField/TextField';
 declare const TimeFieldDropdownTrigger: React.ForwardRefExoticComponent<Omit<TextFieldProps, "suffix"> & {
     onClick?: (() => void) | undefined;
     onInputChange?: ((e: string) => void) | undefined;
     selectedTimeOption?: string | undefined;
     startTime?: string | undefined;
-    duration?: ReactNode | string;
+    duration?: string | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
 export default TimeFieldDropdownTrigger;

package/dist/forms/TimeField/TimeFieldInput/TimeFieldInput.d.ts

@@ -4,7 +4,7 @@ type Props = {
     allOtherProps: any;
     onInputChange?: (e: string) => void;
     prefix?: React.ReactNode;
-    duration?: React.ReactNode | string;
+    duration?: string;
 };
 declare const TimeFieldInput: ({ inputProps, allOtherProps, prefix, duration }: Props) => React.JSX.Element;
 export default TimeFieldInput;

package/dist/forms/TimeRangeField/TimeRangeEnd/TimeRangeEnd.d.ts

@@ -1,10 +1,9 @@
-import React, { ReactNode } from 'react';
+import React from 'react';
 import { TimeRangeInputProps } from '../types';
 import { TimeRange } from '../../../utils/date';
-declare const TimeRangeEnd: ({ startTime, onChange, interval, placeholder, duration, disabled, testId, value, subtractDuration, hideDuration, calculateDuration }: TimeRangeInputProps & {
-    duration?: ReactNode | string;
+declare const TimeRangeEnd: ({ startTime, onChange, interval, placeholder, duration, disabled, testId, value, subtractDuration, calculateDuration }: TimeRangeInputProps & {
+    duration?: string | undefined;
     subtractDuration?: number | undefined;
-    hideDuration?: boolean | undefined;
     calculateDuration?: ((e: TimeRange) => string) | undefined;
 }) => React.JSX.Element;
 export default TimeRangeEnd;

package/dist/forms/TimeRangeField/TimeRangeField.d.ts

@@ -17,8 +17,7 @@ type Props = {
     testId?: string;
     /** Subtract this time(in minutes) from total duration*/
     subtractDuration?: number;
-    hideDuration?: boolean;
     calculateDuration?: (e: TimeRange) => string;
 };
-declare const TimeRangeField: ({ name, id: inputId, value, interval, startTime, onChange, onBlur, label, caption, error, placeholder, disabled, testId, subtractDuration, hideDuration, calculateDuration }: Props) => React.JSX.Element;
+declare const TimeRangeField: ({ name, id: inputId, value, interval, startTime, onChange, onBlur, label, caption, error, placeholder, disabled, testId, subtractDuration, calculateDuration }: Props) => React.JSX.Element;
 export default TimeRangeField;

package/dist/index.js

@@ -11765,8 +11765,6 @@ var TimeFieldDropdown = function TimeFieldDropdown(_ref) {
     width = _ref.width,
     _ref$endField = _ref.endField,
     endField = _ref$endField === void 0 ? false : _ref$endField,
-    _ref$hideDuration = _ref.hideDuration,
-    hideDuration = _ref$hideDuration === void 0 ? false : _ref$hideDuration,
     subtractDuration = _ref.subtractDuration,
     calculateDuration = _ref.calculateDuration;
   var startTimeParsed = startTime ? getDateWithStartTime(startTime) : setToMidnight(new Date());
@@ -11793,7 +11791,7 @@ var TimeFieldDropdown = function TimeFieldDropdown(_ref) {
     highlightItemIndex: index
   }, timeOptions.map(function (option) {
     var duration = function duration() {
-      if (endField && startTime && !hideDuration) {
+      if (endField && startTime) {
         if (calculateDuration) {
           return calculateDuration({
             start: startTime,
@@ -11817,7 +11815,7 @@ var TimeFieldDropdown = function TimeFieldDropdown(_ref) {
   })));
 };
 
-var _excluded$2K = ["interval", "startTime", "prefix", "endField", "duration", "hideDuration", "subtractDuration", "calculateDuration"];
+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,
@@ -11826,8 +11824,6 @@ var TimeFieldElement = function TimeFieldElement(_ref, forwardedRef) {
     _ref$endField = _ref.endField,
     endField = _ref$endField === void 0 ? false : _ref$endField,
     duration = _ref.duration,
-    _ref$hideDuration = _ref.hideDuration,
-    hideDuration = _ref$hideDuration === void 0 ? false : _ref$hideDuration,
     subtractDuration = _ref.subtractDuration,
     calculateDuration = _ref.calculateDuration,
     allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2K);
@@ -11876,7 +11872,6 @@ var TimeFieldElement = function TimeFieldElement(_ref, forwardedRef) {
     width: width,
     endField: endField,
     subtractDuration: subtractDuration,
-    hideDuration: hideDuration,
     calculateDuration: calculateDuration
   });
 };
@@ -11896,8 +11891,6 @@ var TimeRangeEnd = function TimeRangeEnd(_ref) {
     testId = _ref.testId,
     value = _ref.value,
     subtractDuration = _ref.subtractDuration,
-    _ref$hideDuration = _ref.hideDuration,
-    hideDuration = _ref$hideDuration === void 0 ? false : _ref$hideDuration,
     calculateDuration = _ref.calculateDuration;
   return React__default.createElement(TimeRangeSelector, {
     name: "end-time",
@@ -11915,8 +11908,7 @@ var TimeRangeEnd = function TimeRangeEnd(_ref) {
     disabled: disabled,
     value: value,
     subtractDuration: subtractDuration,
-    calculateDuration: calculateDuration,
-    hideDuration: hideDuration
+    calculateDuration: calculateDuration
   });
 };
 
@@ -11960,8 +11952,6 @@ var TimeRangeField = function TimeRangeField(_ref) {
     disabled = _ref.disabled,
     testId = _ref.testId,
     subtractDuration = _ref.subtractDuration,
-    _ref$hideDuration = _ref.hideDuration,
-    hideDuration = _ref$hideDuration === void 0 ? false : _ref$hideDuration,
     calculateDuration = _ref.calculateDuration;
   var controllers = useRangeFieldControllers({
     name: name,
@@ -11997,7 +11987,7 @@ var TimeRangeField = function TimeRangeField(_ref) {
   var timeRangeDuration = calculateDuration ? calculateDuration({
     start: start,
     end: end
-  }) : !hideDuration ? getDuration(end, start, subtractDuration) : undefined;
+  }) : 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
@@ -12024,8 +12014,7 @@ var TimeRangeField = function TimeRangeField(_ref) {
     disabled: disabled,
     value: controllers.value.end,
     subtractDuration: subtractDuration,
-    calculateDuration: calculateDuration,
-    hideDuration: hideDuration
+    calculateDuration: calculateDuration
   })));
 };