@7shifts/sous-chef 3.30.0 → 3.30.1

package/dist/forms/AsyncSelectField/CustomList/CustomList.d.ts

@@ -1,8 +1,8 @@
-import React, { ComponentProps } from 'react';
-import { components } from 'react-select';
-declare type Props = ComponentProps<typeof components.MenuList> & {
-    hasMoreOptions: boolean;
-    hasMoreOptionsFirstLoad: boolean | null | undefined;
-};
-declare const CustomList: ({ children, hasMoreOptions, hasMoreOptionsFirstLoad, ...props }: Props) => React.JSX.Element;
-export default CustomList;
+import React, { ComponentProps } from 'react';
+import { components } from 'react-select';
+type Props = ComponentProps<typeof components.MenuList> & {
+    hasMoreOptions: boolean;
+    hasMoreOptionsFirstLoad: boolean | null | undefined;
+};
+declare const CustomList: ({ children, hasMoreOptions, hasMoreOptionsFirstLoad, ...props }: Props) => React.JSX.Element;
+export default CustomList;

package/dist/forms/AsyncSelectField/CustomList/index.d.ts

@@ -1 +1 @@
-export { default } from './CustomList';
+export { default } from './CustomList';

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

@@ -1 +1 @@
-export { default } from './AsyncSelectField';
+export { default } from './AsyncSelectField';

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

@@ -1,5 +1,5 @@
-import { SelectOptions } from '../SelectField/types';
-export declare type AsyncSelectOptions<T> = {
-    options: SelectOptions<T>;
-    hasMore: boolean;
-};
+import { SelectOptions } from '../SelectField/types';
+export type AsyncSelectOptions<T> = {
+    options: SelectOptions<T>;
+    hasMore: boolean;
+};

package/dist/forms/Caption/Caption.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-declare type Props = {
-    fieldId?: string;
-    children: React.ReactNode;
-};
-declare const Caption: React.FC<Props>;
-export default Caption;
+import React from 'react';
+type Props = {
+    fieldId?: string;
+    children: React.ReactNode;
+};
+declare const Caption: React.FC<Props>;
+export default Caption;

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

@@ -1 +1 @@
-export { default } from './Caption';
+export { default } from './Caption';

package/dist/forms/CheckboxField/CheckboxField.d.ts

@@ -1,18 +1,18 @@
-import React from 'react';
-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;
-    checked?: boolean;
-    onChange?: (e: boolean) => void;
-    onBlur?: (e: boolean) => void;
-    label?: React.ReactNode;
-    caption?: React.ReactNode;
-    error?: React.ReactNode;
-    disabled?: boolean;
-    /** This is used for setting the data-testid */
-    testId?: string;
-};
-/** CheckboxField form element. */
-declare const CheckboxField: React.FC<Props>;
-export default CheckboxField;
+import React from 'react';
+type Props = {
+    name: string;
+    /** If not provided it will generate a random id so the label links properly with the text input */
+    id?: string;
+    checked?: boolean;
+    onChange?: (e: boolean) => void;
+    onBlur?: (e: boolean) => void;
+    label?: React.ReactNode;
+    caption?: React.ReactNode;
+    error?: React.ReactNode;
+    disabled?: boolean;
+    /** This is used for setting the data-testid */
+    testId?: string;
+};
+/** CheckboxField form element. */
+declare const CheckboxField: React.FC<Props>;
+export default CheckboxField;

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

@@ -1 +1 @@
-export { default } from './CheckboxField';
+export { default } from './CheckboxField';

package/dist/forms/CurrencyField/CurrencyField.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-import type { Props as TextFieldProps } from '../TextField/TextField';
-/**
- * `CurrencyField` is 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 CurrencyField: React.ForwardRefExoticComponent<TextFieldProps & {
-    currencySymbol: string;
-    step?: number | undefined;
-} & Pick<TextFieldProps, "disabled" | "onBlur" | "onFocus" | "onKeyDown" | "id" | "testId" | "caption" | "label" | "name" | "onChange" | "error" | "placeholder" | "value" | "defaultValue" | "autoComplete" | "autoFocus" | "maxLength"> & React.RefAttributes<HTMLInputElement>>;
-export default CurrencyField;
+import React from 'react';
+import type { Props as TextFieldProps } from '../TextField/TextField';
+/**
+ * `CurrencyField` is 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 CurrencyField: React.ForwardRefExoticComponent<TextFieldProps & {
+    currencySymbol: string;
+    step?: number | undefined;
+} & Omit<TextFieldProps, "prefix" | "suffix"> & React.RefAttributes<HTMLInputElement>>;
+export default CurrencyField;

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

@@ -1 +1 @@
-export { default } from './CurrencyField';
+export { default } from './CurrencyField';

package/dist/forms/DateField/DateField.d.ts

@@ -1,27 +1,27 @@
-import React from 'react';
-import { WeekStart } 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?: Date;
-    disabledDays?: (day: Date) => boolean;
-    /** Reference this for valid formats: https://date-fns.org/v2.18.0/docs/format */
-    format?: string;
-    initialMonth?: Date;
-    onChange?: (e: Date) => void;
-    onBlur?: () => void;
-    label?: React.ReactNode;
-    caption?: React.ReactNode;
-    error?: React.ReactNode;
-    placeholder?: string;
-    disabled?: boolean;
-    defaultValue?: Date;
-    readOnly?: boolean;
-    onMonthChange?: (month: Date) => void;
-    testId?: string;
-    weekStart?: WeekStart;
-};
-/** DateField form element. */
-declare const DateField: React.FC<Props>;
-export default DateField;
+import React from 'react';
+import { WeekStart } from '../../utils/date';
+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?: Date;
+    disabledDays?: (day: Date) => boolean;
+    /** Reference this for valid formats: https://date-fns.org/v2.18.0/docs/format */
+    format?: string;
+    initialMonth?: Date;
+    onChange?: (e: Date) => void;
+    onBlur?: () => void;
+    label?: React.ReactNode;
+    caption?: React.ReactNode;
+    error?: React.ReactNode;
+    placeholder?: string;
+    disabled?: boolean;
+    defaultValue?: Date;
+    readOnly?: boolean;
+    onMonthChange?: (month: Date) => void;
+    testId?: string;
+    weekStart?: WeekStart;
+};
+/** DateField form element. */
+declare const DateField: React.FC<Props>;
+export default DateField;

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

@@ -1 +1 @@
-export { default } from './DateField';
+export { default } from './DateField';

package/dist/forms/DateRangeField/DateRangeCalendar/DateRangeCalendar.d.ts

@@ -1,22 +1,22 @@
-import React, { MutableRefObject } from 'react';
-import { BlockedDays, WeekStart } from '../../../utils/date';
-declare type Props = {
-    weekStart?: WeekStart;
-    start?: Date;
-    end?: Date;
-    initialMonth?: Date;
-    maxDays?: number;
-    onSelect: (selected: Date) => void;
-    onClickOutside: () => void;
-    /** It disable some dates so the user can't click on them. Refer to this
-     * [doc](https://react-day-picker-v7.netlify.app/api/DayPicker#disabledDays) to see what
-     * values you can use. */
-    disabledDays?: BlockedDays;
-    anchorRef: MutableRefObject<HTMLElement | null>;
-    testId?: string;
-    onMonthChange?: (month: Date) => void;
-    mode: 'start-date' | 'end-date';
-};
-/**Calendar overlay component*/
-declare const DateRangeCalendar: React.FC<Props>;
-export default DateRangeCalendar;
+import React, { MutableRefObject } from 'react';
+import { BlockedDays, WeekStart } from '../../../utils/date';
+type Props = {
+    weekStart?: WeekStart;
+    start?: Date;
+    end?: Date;
+    initialMonth?: Date;
+    maxDays?: number;
+    onSelect: (selected: Date) => void;
+    onClickOutside: () => void;
+    /** It disable some dates so the user can't click on them. Refer to this
+     * [doc](https://react-day-picker-v7.netlify.app/api/DayPicker#disabledDays) to see what
+     * values you can use. */
+    disabledDays?: BlockedDays;
+    anchorRef: MutableRefObject<HTMLElement | null>;
+    testId?: string;
+    onMonthChange?: (month: Date) => void;
+    mode: 'start-date' | 'end-date';
+};
+/**Calendar overlay component*/
+declare const DateRangeCalendar: React.FC<Props>;
+export default DateRangeCalendar;

package/dist/forms/DateRangeField/DateRangeCalendar/index.d.ts

@@ -1 +1 @@
-export { default } from './DateRangeCalendar';
+export { default } from './DateRangeCalendar';

package/dist/forms/DateRangeField/DateRangeField.d.ts

@@ -1,26 +1,26 @@
-import React from 'react';
-import { WeekStart, DateRange, BlockedDays } 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?: DateRange;
-    /** It disable some dates so the user can't click on them. Refer to this [doc](https://react-day-picker.js.org/api/types/matcher) to see what values you can use. */
-    disabledDays?: BlockedDays;
-    /** Reference this for valid formats: https://date-fns.org/v2.18.0/docs/format */
-    format?: string;
-    onChange?: (e: DateRange) => void;
-    onBlur?: () => void;
-    label?: React.ReactNode;
-    caption?: React.ReactNode;
-    error?: React.ReactNode;
-    placeholder?: string;
-    disabled?: boolean;
-    readOnly?: boolean;
-    weekStart?: WeekStart;
-    maxDays?: number;
-    testId?: string;
-};
-/** DateRangeField form element. */
-declare const DateRangeField: React.FC<Props>;
-export default DateRangeField;
+import React from 'react';
+import { WeekStart, DateRange, BlockedDays } from '../../utils/date';
+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?: DateRange;
+    /** It disable some dates so the user can't click on them. Refer to this [doc](https://react-day-picker.js.org/api/types/matcher) to see what values you can use. */
+    disabledDays?: BlockedDays;
+    /** Reference this for valid formats: https://date-fns.org/v2.18.0/docs/format */
+    format?: string;
+    onChange?: (e: DateRange) => void;
+    onBlur?: () => void;
+    label?: React.ReactNode;
+    caption?: React.ReactNode;
+    error?: React.ReactNode;
+    placeholder?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    weekStart?: WeekStart;
+    maxDays?: number;
+    testId?: string;
+};
+/** DateRangeField form element. */
+declare const DateRangeField: React.FC<Props>;
+export default DateRangeField;

package/dist/forms/DateRangeField/FromDate/FromDate.d.ts

@@ -1,20 +1,20 @@
-import React from 'react';
-import { WeekStart, BlockedDays } from '../../../utils/date';
-declare type Props = {
-    name: string;
-    id: string;
-    format: string;
-    disabledDays?: BlockedDays;
-    start?: Date;
-    end?: Date;
-    placeholder: string;
-    weekStart: WeekStart;
-    maxDays?: number;
-    disabled?: boolean;
-    readOnly: boolean;
-    onChange: (e: Date) => void;
-    onDayClick: () => void;
-    testId?: string;
-};
-declare const FromDate: ({ name, id, format, disabledDays, start, end, placeholder, weekStart, maxDays, disabled, readOnly, onChange, onDayClick, testId }: Props) => React.JSX.Element;
-export default FromDate;
+import React from 'react';
+import { WeekStart, BlockedDays } from '../../../utils/date';
+type Props = {
+    name: string;
+    id: string;
+    format: string;
+    disabledDays?: BlockedDays;
+    start?: Date;
+    end?: Date;
+    placeholder: string;
+    weekStart: WeekStart;
+    maxDays?: number;
+    disabled?: boolean;
+    readOnly: boolean;
+    onChange: (e: Date) => void;
+    onDayClick: () => void;
+    testId?: string;
+};
+declare const FromDate: ({ name, id, format, disabledDays, start, end, placeholder, weekStart, maxDays, disabled, readOnly, onChange, onDayClick, testId }: Props) => React.JSX.Element;
+export default FromDate;

package/dist/forms/DateRangeField/FromDate/index.d.ts

@@ -1 +1 @@
-export { default } from './FromDate';
+export { default } from './FromDate';

package/dist/forms/DateRangeField/ToDate/ToDate.d.ts

@@ -1,19 +1,19 @@
-import React from 'react';
-import { WeekStart, BlockedDays } from '../../../utils/date';
-declare type Props = {
-    name: string;
-    format: string;
-    disabledDays?: BlockedDays;
-    start?: Date;
-    end?: Date;
-    placeholder: string;
-    weekStart: WeekStart;
-    maxDays?: number;
-    disabled?: boolean;
-    readOnly: boolean;
-    onChange: (e: Date) => void;
-    onBlur: () => void;
-    testId?: string;
-};
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
-export default _default;
+import React from 'react';
+import { WeekStart, BlockedDays } from '../../../utils/date';
+type Props = {
+    name: string;
+    format: string;
+    disabledDays?: BlockedDays;
+    start?: Date;
+    end?: Date;
+    placeholder: string;
+    weekStart: WeekStart;
+    maxDays?: number;
+    disabled?: boolean;
+    readOnly: boolean;
+    onChange: (e: Date) => void;
+    onBlur: () => void;
+    testId?: string;
+};
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
+export default _default;

package/dist/forms/DateRangeField/ToDate/index.d.ts

@@ -1 +1 @@
-export { default } from './ToDate';
+export { default } from './ToDate';

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

@@ -1 +1 @@
-export { default } from './DateRangeField';
+export { default } from './DateRangeField';

package/dist/forms/ErrorMessage/ErrorMessage.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-declare type Props = {
-    fieldId?: string;
-    children: React.ReactNode;
-    testId?: string;
-};
-declare const ErrorMessage: React.FC<Props>;
-export default ErrorMessage;
+import React from 'react';
+type Props = {
+    fieldId?: string;
+    children: React.ReactNode;
+    testId?: string;
+};
+declare const ErrorMessage: React.FC<Props>;
+export default ErrorMessage;

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

@@ -1 +1 @@
-export { default } from './ErrorMessage';
+export { default } from './ErrorMessage';

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

@@ -1,11 +1,11 @@
-import React from 'react';
-declare type Props = {
-    id: string;
-    label?: React.ReactNode;
-    caption?: React.ReactNode;
-    error?: React.ReactNode;
-    children: React.ReactNode;
-    testId?: string;
-};
-declare const Field: React.FC<Props>;
-export default Field;
+import React from 'react';
+type Props = {
+    id: string;
+    label?: React.ReactNode;
+    caption?: React.ReactNode;
+    error?: React.ReactNode;
+    children: React.ReactNode;
+    testId?: string;
+};
+declare const Field: React.FC<Props>;
+export default Field;

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

@@ -1 +1 @@
-export { default } from './Field';
+export { default } from './Field';

package/dist/forms/Form/Form.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
-import { FormikType } from './types';
-declare type Props = {
-    children: React.ReactNode;
-    onSubmit?: (e: Object) => void;
-    /** By default forms are `500px`. If you want the form to use all the space you can turn this ON. */
-    wide?: boolean;
-    /** If set it will controll the state of the form using `Formik` */
-    formik?: FormikType;
-    stackContent?: boolean;
-    testId?: string;
-};
-declare const Form: React.FC<Props>;
-export default Form;
+import React from 'react';
+import { FormikType } from './types';
+type Props = {
+    children: React.ReactNode;
+    onSubmit?: (e: Object) => void;
+    /** By default forms are `500px`. If you want the form to use all the space you can turn this ON. */
+    wide?: boolean;
+    /** If set it will controll the state of the form using `Formik` */
+    formik?: FormikType;
+    stackContent?: boolean;
+    testId?: string;
+};
+declare const Form: React.FC<Props>;
+export default Form;

package/dist/forms/Form/FormContext.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-import { FormikType } from './types';
-export declare type FormContextType = {
-    formik?: FormikType;
-};
-declare const Context: React.Context<FormContextType>;
-export declare const useFormContext: () => FormContextType;
-export default Context;
+import React from 'react';
+import { FormikType } from './types';
+export type FormContextType = {
+    formik?: FormikType;
+};
+declare const Context: React.Context<FormContextType>;
+export declare const useFormContext: () => FormContextType;
+export default Context;

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

@@ -1 +1 @@
-export { default } from './Form';
+export { default } from './Form';

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

@@ -1,3 +1,3 @@
-import { FormikState, FormikHelpers, FormikHandlers } from 'formik';
-/** The FormValues are `any` here as in Sous Chef we don't care about the shape of the form. We just need to link form fields with the formik state */
-export declare type FormikType = FormikState<any> & FormikHelpers<any> & FormikHandlers;
+import { FormikState, FormikHelpers, FormikHandlers } from 'formik';
+/** The FormValues are `any` here as in Sous Chef we don't care about the shape of the form. We just need to link form fields with the formik state */
+export type FormikType = FormikState<any> & FormikHelpers<any> & FormikHandlers;

package/dist/forms/FormFeedback/FormFeedback.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-declare type Props = {
-    children: React.ReactNode;
-    fieldId?: string;
-    testId?: string;
-};
-declare const FormFeedback: ({ children, fieldId, testId }: Props) => React.JSX.Element;
-export default FormFeedback;
+import React from 'react';
+type Props = {
+    children: React.ReactNode;
+    fieldId?: string;
+    testId?: string;
+};
+declare const FormFeedback: ({ children, fieldId, testId }: Props) => React.JSX.Element;
+export default FormFeedback;

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

@@ -1 +1 @@
-export { default } from './FormFeedback';
+export { default } from './FormFeedback';

package/dist/forms/FormFooter/FormFooter.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-declare type Props = {
-    children?: React.ReactNode;
-    actions?: {
-        primary?: React.ReactElement;
-        secondary?: React.ReactElement;
-        tertiary?: React.ReactElement;
-    };
-    testId?: string;
-};
-declare const FormFooter: ({ children, actions, testId }: Props) => React.JSX.Element;
-export default FormFooter;
+import React from 'react';
+type Props = {
+    children?: React.ReactNode;
+    actions?: {
+        primary?: React.ReactElement;
+        secondary?: React.ReactElement;
+        tertiary?: React.ReactElement;
+    };
+    testId?: string;
+};
+declare const FormFooter: ({ children, actions, testId }: Props) => React.JSX.Element;
+export default FormFooter;

package/dist/forms/FormFooter/FormFooterActions/FormFooterActions.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-declare type Props = {
-    actions: {
-        primary?: React.ReactElement;
-        secondary?: React.ReactElement;
-        tertiary?: React.ReactElement;
-    };
-};
-declare const FormFooterActions: ({ actions }: Props) => React.JSX.Element;
-export default FormFooterActions;
+import React from 'react';
+type Props = {
+    actions: {
+        primary?: React.ReactElement;
+        secondary?: React.ReactElement;
+        tertiary?: React.ReactElement;
+    };
+};
+declare const FormFooterActions: ({ actions }: Props) => React.JSX.Element;
+export default FormFooterActions;

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

@@ -1,2 +1,2 @@
-import React from "react";
-export declare const updateButtonProps: (child: React.ReactElement | undefined, newProps?: Object | undefined) => React.ReactElement | null;
+import React from "react";
+export declare const updateButtonProps: (child: React.ReactElement | undefined, newProps?: Object) => React.ReactElement | null;

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

@@ -1 +1 @@
-export { default } from './FormFooter';
+export { default } from './FormFooter';

package/dist/forms/FormRow/FormRow.d.ts

@@ -1,21 +1,21 @@
-import React from 'react';
-declare type Size25Percent = '25%';
-export declare const SIZE_25_PERCENT: Size25Percent;
-declare type Size33Percent = '33.333%';
-export declare const SIZE_33_PERCENT: Size33Percent;
-declare type Size50Percent = '50%';
-export declare const SIZE_50_PERCENT: Size50Percent;
-declare type Size66Percent = '66.666%';
-export declare const SIZE_66_PERCENT: Size66Percent;
-declare type Size75Percent = '75%';
-export declare const SIZE_75_PERCENT: Size75Percent;
-declare type Size = Size25Percent | Size33Percent | Size50Percent | Size66Percent | Size75Percent;
-declare type Props = {
-    children: React.ReactNode;
-    columns?: number;
-    sizes?: Size[];
-    testId?: string;
-};
-/** Easily add form fields side by side with equal size. */
-declare const FormRow: React.FC<Props>;
-export default FormRow;
+import React from 'react';
+type Size25Percent = '25%';
+export declare const SIZE_25_PERCENT: Size25Percent;
+type Size33Percent = '33.333%';
+export declare const SIZE_33_PERCENT: Size33Percent;
+type Size50Percent = '50%';
+export declare const SIZE_50_PERCENT: Size50Percent;
+type Size66Percent = '66.666%';
+export declare const SIZE_66_PERCENT: Size66Percent;
+type Size75Percent = '75%';
+export declare const SIZE_75_PERCENT: Size75Percent;
+type Size = Size25Percent | Size33Percent | Size50Percent | Size66Percent | Size75Percent;
+type Props = {
+    children: React.ReactNode;
+    columns?: number;
+    sizes?: Size[];
+    testId?: string;
+};
+/** Easily add form fields side by side with equal size. */
+declare const FormRow: React.FC<Props>;
+export default FormRow;

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

@@ -1 +1 @@
-export { default, SIZE_25_PERCENT, SIZE_33_PERCENT, SIZE_50_PERCENT, SIZE_66_PERCENT, SIZE_75_PERCENT } from './FormRow';
+export { default, SIZE_25_PERCENT, SIZE_33_PERCENT, SIZE_50_PERCENT, SIZE_66_PERCENT, SIZE_75_PERCENT } from './FormRow';