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

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/CurrencyField/CurrencyField.d.ts

@@ -6,7 +6,7 @@ import type { Props as TextFieldProps } from '../TextField/TextField';
  * 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 CurrencyField: React.ForwardRefExoticComponent<{
-    autoComplete?: ("on" | "off") | undefined;
+    autoComplete?: ("off" | "on") | undefined;
     autoFocus?: boolean | undefined;
     caption?: React.ReactNode;
     defaultValue?: string | undefined;

package/dist/forms/Field/Field.d.ts

@@ -4,6 +4,7 @@ type Props = {
     id: string;
     label?: React.ReactNode;
     caption?: React.ReactNode;
+    characterCount?: number;
     error?: React.ReactNode;
     children: React.ReactNode;
     testId?: string;

package/dist/forms/TextField/useTextField.d.ts

@@ -9,7 +9,7 @@ export declare const useTextField: ({ autoComplete, autoFocus, defaultValue, dis
     inputProps: {
         'aria-describedby': string;
         'aria-invalid': boolean;
-        autoComplete: ("on" | "off") | undefined;
+        autoComplete: ("off" | "on") | undefined;
         autoFocus: boolean | undefined;
         className: string;
         'data-testid': string | undefined;

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,13 +7,12 @@ type Props = TextFieldProps & {
     startTime?: StartTime;
     prefix?: React.ReactElement;
     endField?: boolean;
-    duration?: ReactNode | string;
-    hideDuration?: boolean;
+    duration?: string;
     subtractDuration?: number;
     calculateDuration?: (e: TimeRange) => string;
 };
 export declare const TimeRangeSelector: React.ForwardRefExoticComponent<{
-    autoComplete?: ("on" | "off") | undefined;
+    autoComplete?: ("off" | "on") | undefined;
     autoFocus?: boolean | undefined;
     caption?: React.ReactNode;
     defaultValue?: string | undefined;
@@ -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" | "subtractDuration" | "calculateDuration" | "suffix"> & 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;