@7shifts/sous-chef 3.11.2 → 3.13.0

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

@@ -1,15 +1,26 @@
 import React from 'react';
 import type { Props as TextFieldProps } from '../TextField/TextField';
+import { StartTime, TimeInterval } from '../../utils/date';
+declare type Props = TextFieldProps & {
+    onClick?: () => void;
+    interval?: TimeInterval;
+    startTime?: StartTime;
+    prefix?: React.ReactElement;
+    endField?: boolean;
+    duration?: string;
+};
+export declare const TimeRangeSelector: React.ForwardRefExoticComponent<TextFieldProps & {
+    onClick?: (() => void) | undefined;
+    interval?: 15 | 30 | undefined;
+    startTime?: string | undefined;
+    prefix?: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | undefined;
+    endField?: boolean | undefined;
+    duration?: string | undefined;
+} & React.RefAttributes<HTMLInputElement>>;
 /**
  * `TimeField` are like `TextField` but it auto-format the value when the user leaves the field.
  *
  * 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<Pick<TextFieldProps, "disabled" | "onBlur" | "onFocus" | "onKeyDown" | "id" | "testId" | "caption" | "label" | "name" | "onChange" | "error" | "placeholder" | "value" | "defaultValue" | "autoComplete" | "autoFocus" | "maxLength"> & {
-    onClick?: (() => void) | undefined;
-    onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-    onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-    interval?: 15 | 30 | undefined;
-    startTime?: string | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
+declare const TimeField: React.ForwardRefExoticComponent<Pick<Props, "disabled" | "onClick" | "onBlur" | "onFocus" | "onKeyDown" | "id" | "testId" | "caption" | "label" | "name" | "onChange" | "error" | "placeholder" | "value" | "defaultValue" | "autoComplete" | "autoFocus" | "maxLength" | "interval" | "startTime" | "endField" | "duration"> & React.RefAttributes<HTMLInputElement>>;
 export default TimeField;

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

@@ -1,12 +1,13 @@
 import React from 'react';
-import { TimeInterval } from '../../../utils/date';
+import { StartTime, TimeInterval } from '../../../utils/date';
 declare type TimeFieldDropdownProps = {
     trigger: React.ReactElement;
     interval: TimeInterval;
-    startTime?: 'now' | string;
+    startTime?: StartTime;
     onOptionClick: (option: string) => void;
     inputValue?: string;
     width?: number;
+    endField: boolean;
 };
-declare const TimeFieldDropdown: ({ trigger, interval, startTime, onOptionClick, inputValue, width }: TimeFieldDropdownProps) => JSX.Element;
+declare const TimeFieldDropdown: ({ trigger, interval, startTime, onOptionClick, inputValue, width, endField }: TimeFieldDropdownProps) => JSX.Element;
 export default TimeFieldDropdown;

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

@@ -1,10 +1,10 @@
 import React from 'react';
 import type { Props as TextFieldProps } from '../../TextField/TextField';
-declare const TimeFieldDropdownTrigger: React.ForwardRefExoticComponent<Pick<TextFieldProps, "disabled" | "onBlur" | "onFocus" | "onKeyDown" | "id" | "testId" | "caption" | "label" | "name" | "onChange" | "error" | "placeholder" | "value" | "defaultValue" | "autoComplete" | "autoFocus" | "maxLength"> & {
+declare const TimeFieldDropdownTrigger: React.ForwardRefExoticComponent<Pick<TextFieldProps, "disabled" | "onBlur" | "onFocus" | "onKeyDown" | "id" | "testId" | "caption" | "label" | "name" | "onChange" | "error" | "placeholder" | "prefix" | "value" | "defaultValue" | "autoComplete" | "autoFocus" | "maxLength"> & {
     onClick?: (() => void) | undefined;
-    onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-    onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
     onInputChange?: ((e: string) => void) | undefined;
     selectedTimeOption?: string | undefined;
+    startTime?: string | undefined;
+    duration?: string | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
 export default TimeFieldDropdownTrigger;

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

@@ -1,6 +1,10 @@
+import React from 'react';
 declare type Props = {
     inputProps: any;
     allOtherProps: any;
+    onInputChange?: (e: string) => void;
+    prefix?: React.ReactNode;
+    duration?: string;
 };
-declare const TimeFieldInput: ({ inputProps, allOtherProps }: Props) => JSX.Element;
+declare const TimeFieldInput: ({ inputProps, allOtherProps, prefix, duration }: Props) => JSX.Element;
 export default TimeFieldInput;

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

@@ -1 +1,2 @@
-export declare const getTimeOptions: (interval: number, startTime?: Date) => string[];
+export declare const getTimeOptions: (interval: number, startTime?: Date, skipStartTime?: boolean) => string[];
+export declare const getDuration: (timeOption: string, startTime: string) => string | undefined;

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

@@ -0,0 +1,5 @@
+import { TimeRangeInputProps } from '../types';
+declare const TimeRangeEnd: ({ startTime, onChange, interval, placeholder, duration, disabled, testId }: TimeRangeInputProps & {
+    duration?: string | undefined;
+}) => JSX.Element;
+export default TimeRangeEnd;

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

@@ -0,0 +1 @@
+export { default } from './TimeRangeEnd';

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { StartTime, TimeInterval, TimeRange } from '../../utils/date';
+declare type Props = {
+    name: string;
+    /** If not provided it will generate a random id so the label links properly with the text input */
+    id?: string;
+    value?: TimeRange;
+    interval?: TimeInterval;
+    startTime?: StartTime;
+    onChange?: (e: TimeRange) => void;
+    onBlur?: () => void;
+    label?: React.ReactNode;
+    caption?: React.ReactNode;
+    error?: React.ReactNode;
+    placeholder?: string;
+    disabled?: boolean;
+    testId?: string;
+};
+declare const TimeRangeField: ({ name, id: inputId, value, interval, startTime, onChange, onBlur, label, caption, error, placeholder, disabled, testId }: Props) => JSX.Element;
+export default TimeRangeField;

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

@@ -0,0 +1,5 @@
+import { TimeRangeInputProps } from '../types';
+declare const TimeRangeStart: ({ startTime, onChange, interval, placeholder, id, disabled, testId }: TimeRangeInputProps & {
+    id?: string | undefined;
+}) => JSX.Element;
+export default TimeRangeStart;

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

@@ -0,0 +1 @@
+export { default } from './TimeRangeStart';

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

@@ -0,0 +1 @@
+export { default } from './TimeRangeField';

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

@@ -0,0 +1,9 @@
+import { StartTime, TimeInterval } from '../../utils/date';
+export declare type TimeRangeInputProps = {
+    interval: TimeInterval;
+    startTime?: StartTime;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    testId?: string;
+    disabled?: boolean;
+};

package/dist/forms/index.d.ts

@@ -15,12 +15,13 @@ import DateField from './DateField';
 import DateRangeField from './DateRangeField';
 import WeekField from './WeekField';
 import TimeField from './TimeField';
+import TimeRangeField from './TimeRangeField';
 import CurrencyField from './CurrencyField';
 import PercentageField from './PercentageField';
 import FormSection from './FormSection';
 import FormFooter from './FormFooter';
 import FormFeedback from './FormFeedback';
-export { Form, FormRow, TextAreaField, TextField, CheckboxField, PillSelectField, RadioGroupField, RadioGroupOption, RadioGroupBoxOption, PasswordField, MultiSelectField, SelectField, AsyncSelectField, DateField, DateRangeField, WeekField, TimeField, CurrencyField, PercentageField, FormSection, FormFooter, FormFeedback, SIZE_25_PERCENT, SIZE_33_PERCENT, SIZE_50_PERCENT, SIZE_66_PERCENT, SIZE_75_PERCENT };
+export { Form, FormRow, TextAreaField, TextField, CheckboxField, PillSelectField, RadioGroupField, RadioGroupOption, RadioGroupBoxOption, PasswordField, MultiSelectField, SelectField, AsyncSelectField, DateField, DateRangeField, WeekField, TimeField, TimeRangeField, CurrencyField, PercentageField, FormSection, FormFooter, FormFeedback, SIZE_25_PERCENT, SIZE_33_PERCENT, SIZE_50_PERCENT, SIZE_66_PERCENT, SIZE_75_PERCENT };
 export type { PasswordCriteria } from './PasswordField/types';
 export type { SelectOption, SelectOptions, GroupOption } from './SelectField/types';
 export type { AsyncSelectOptions } from './AsyncSelectField/types';

package/dist/foundation/color-codes.d.ts

@@ -0,0 +1 @@
+export declare const COLOR_CODES: {};

package/dist/foundation/color-constants.d.ts

@@ -0,0 +1 @@
+export declare const COLORS: {};

package/dist/foundation/domain.d.ts

@@ -0,0 +1,2 @@
+import { Color } from './color-types';
+export declare const getColor: (color?: string | Color) => string | undefined;