@7shifts/sous-chef 3.30.0 → 3.30.1

package/dist/forms/FormSection/FormSection.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-declare type Props = {
-    children?: React.ReactNode;
-    title?: React.ReactNode;
-    subtitle?: React.ReactNode;
-    noMargin?: boolean;
-    testId?: string;
-};
-declare const FormSection: ({ children, title, subtitle, noMargin, testId }: Props) => React.JSX.Element;
-export default FormSection;
+import React from 'react';
+type Props = {
+    children?: React.ReactNode;
+    title?: React.ReactNode;
+    subtitle?: React.ReactNode;
+    noMargin?: boolean;
+    testId?: string;
+};
+declare const FormSection: ({ children, title, subtitle, noMargin, testId }: Props) => React.JSX.Element;
+export default FormSection;

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

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

package/dist/forms/Label/Label.d.ts

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

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

@@ -1 +1 @@
-export declare const isEllipsisActive: (e: HTMLElement) => boolean;
+export declare const isEllipsisActive: (e: HTMLElement) => boolean;

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

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

package/dist/forms/Label/useLabelTooltip.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-declare type UseLabelTooltip = {
-    showTooltip: boolean;
-    shouldTruncate: boolean;
-};
-export declare const useLabelTooltip: (labelId: string, tooltipContent: React.ReactNode, truncate: boolean) => UseLabelTooltip;
-export {};
+import React from 'react';
+type UseLabelTooltip = {
+    showTooltip: boolean;
+    shouldTruncate: boolean;
+};
+export declare const useLabelTooltip: (labelId: string, tooltipContent: React.ReactNode, truncate: boolean) => UseLabelTooltip;
+export {};

package/dist/forms/MultiSelectField/MultiSelectField.d.ts

@@ -1,34 +1,34 @@
-import React from 'react';
-import type { SelectOption, SelectOptions } from '../SelectField/types';
-declare type NoOptionsMessageFunction = (input: {
-    inputValue: string;
-}) => string | null;
-declare type Props<T> = {
-    name: string;
-    /** If not provided it will generate a random id so the label links properly with the text input */
-    id?: string;
-    value?: SelectOption<T>[];
-    options: SelectOptions<T>;
-    onChange?: (e: SelectOption<T>[]) => void;
-    onBlur?: (e: SelectOption<T>[]) => void;
-    CustomOption?: React.ElementType;
-    label?: React.ReactNode;
-    caption?: React.ReactNode;
-    error?: React.ReactNode;
-    placeholder?: string;
-    /** Use a prefix for things like currency symbols (“$”, “¥”, “£”) or icons. */
-    prefix?: React.ReactNode;
-    noOptionsMessage?: string | NoOptionsMessageFunction;
-    disabled?: boolean;
-    closeOnSelect?: boolean;
-    /** When the user opens the menu, if this prop is `true`, it will scroll the page into to the menu view (if its content falls under a scroll). It is recomended to disable this behaviour when using the `MultiSelectField` inside a modal. */
-    menuShouldScrollIntoView?: boolean;
-    testId?: string;
-    /** This is to allow disable the seach functionality. Use it just in some edge-cases, for example in touch devices when the user clicks on the field it opens a virtual keyboard to search, sometimes that virtual keyboard taks much space then passing `isSearchable={false}` prevents opening it. */
-    isSearchable?: boolean;
-    creatableButton?: React.ReactNode;
-    onCreate?: (option: string) => void;
-};
-/** Component to make possible choose from a predefined options. */
-declare const MultiSelectField: <T extends unknown>({ name, id: inputId, value, options, onChange, onBlur, CustomOption: UserCustomOption, label, caption, error, placeholder, prefix, noOptionsMessage, disabled, closeOnSelect, menuShouldScrollIntoView: menuShouldScrollIntoViewProp, testId, isSearchable, creatableButton, onCreate }: Props<T>) => React.JSX.Element;
-export default MultiSelectField;
+import React from 'react';
+import type { SelectOption, SelectOptions } from '../SelectField/types';
+type NoOptionsMessageFunction = (input: {
+    inputValue: string;
+}) => string | null;
+type Props<T> = {
+    name: string;
+    /** If not provided it will generate a random id so the label links properly with the text input */
+    id?: string;
+    value?: SelectOption<T>[];
+    options: SelectOptions<T>;
+    onChange?: (e: SelectOption<T>[]) => void;
+    onBlur?: (e: SelectOption<T>[]) => void;
+    CustomOption?: React.ElementType;
+    label?: React.ReactNode;
+    caption?: React.ReactNode;
+    error?: React.ReactNode;
+    placeholder?: string;
+    /** Use a prefix for things like currency symbols (“$”, “¥”, “£”) or icons. */
+    prefix?: React.ReactNode;
+    noOptionsMessage?: string | NoOptionsMessageFunction;
+    disabled?: boolean;
+    closeOnSelect?: boolean;
+    /** When the user opens the menu, if this prop is `true`, it will scroll the page into to the menu view (if its content falls under a scroll). It is recomended to disable this behaviour when using the `MultiSelectField` inside a modal. */
+    menuShouldScrollIntoView?: boolean;
+    testId?: string;
+    /** This is to allow disable the seach functionality. Use it just in some edge-cases, for example in touch devices when the user clicks on the field it opens a virtual keyboard to search, sometimes that virtual keyboard taks much space then passing `isSearchable={false}` prevents opening it. */
+    isSearchable?: boolean;
+    creatableButton?: React.ReactNode;
+    onCreate?: (option: string) => void;
+};
+/** Component to make possible choose from a predefined options. */
+declare const MultiSelectField: <T extends unknown>({ name, id: inputId, value, options, onChange, onBlur, CustomOption: UserCustomOption, label, caption, error, placeholder, prefix, noOptionsMessage, disabled, closeOnSelect, menuShouldScrollIntoView: menuShouldScrollIntoViewProp, testId, isSearchable, creatableButton, onCreate }: Props<T>) => React.JSX.Element;
+export default MultiSelectField;

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

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

package/dist/forms/PasswordCriteria/PasswordCriteria.d.ts

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

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

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

package/dist/forms/PasswordField/PasswordField.d.ts

@@ -1,20 +1,20 @@
-import React from 'react';
-import type { PasswordCriteria } from './types';
-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?: string;
-    onChange?: (e: string) => void;
-    onBlur?: (e: string) => void;
-    label?: React.ReactNode;
-    error?: React.ReactNode;
-    placeholder?: string;
-    disabled?: boolean;
-    defaultValue?: string;
-    criterias?: PasswordCriteria[];
-    testId?: string;
-};
-/** It allows show and hide the password as well as displaying the criteria. */
-declare const PasswordField: React.FC<Props>;
-export default PasswordField;
+import React from 'react';
+import type { PasswordCriteria } from './types';
+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?: string;
+    onChange?: (e: string) => void;
+    onBlur?: (e: string) => void;
+    label?: React.ReactNode;
+    error?: React.ReactNode;
+    placeholder?: string;
+    disabled?: boolean;
+    defaultValue?: string;
+    criterias?: PasswordCriteria[];
+    testId?: string;
+};
+/** It allows show and hide the password as well as displaying the criteria. */
+declare const PasswordField: React.FC<Props>;
+export default PasswordField;

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

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

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

@@ -1,5 +1,5 @@
-export declare type PasswordCriteria = {
-    key?: string;
-    label: string;
-    met: boolean;
-};
+export type PasswordCriteria = {
+    key?: string;
+    label: string;
+    met: boolean;
+};

package/dist/forms/PercentageField/PercentageField.d.ts

@@ -1,13 +1,13 @@
-import React from 'react';
-import type { Props as TextFieldProps } from '../TextField/TextField';
-/**
- * `PercentageField` is an extended `TextField` input with validation and formatting in place to properly display percentage values.
- * In its default state it only allows integers between 0 and 100, but it can be configured to allow decimals and negative values.
- */
-declare const PercentageField: React.ForwardRefExoticComponent<{
-    max?: number | undefined;
-    min?: number | undefined;
-    precision?: number | undefined;
-    stepSize?: number | undefined;
-} & Pick<TextFieldProps, "disabled" | "onBlur" | "onFocus" | "onKeyDown" | "id" | "testId" | "caption" | "label" | "name" | "onChange" | "error" | "placeholder" | "prefix" | "value" | "defaultValue" | "autoComplete" | "autoFocus"> & React.RefAttributes<HTMLInputElement>>;
-export default PercentageField;
+import React from 'react';
+import type { Props as TextFieldProps } from '../TextField/TextField';
+/**
+ * `PercentageField` is an extended `TextField` input with validation and formatting in place to properly display percentage values.
+ * In its default state it only allows integers between 0 and 100, but it can be configured to allow decimals and negative values.
+ */
+declare const PercentageField: React.ForwardRefExoticComponent<{
+    max?: number | undefined;
+    min?: number | undefined;
+    precision?: number | undefined;
+    stepSize?: number | undefined;
+} & Omit<TextFieldProps, "suffix" | "maxLength"> & React.RefAttributes<HTMLInputElement>>;
+export default PercentageField;

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

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

package/dist/forms/PhoneField/CountrySelector/CountrySelector.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import { CountryCode } from 'libphonenumber-js';
-declare type Props = {
-    country: CountryCode;
-    onChange: (country: CountryCode) => void;
-    hasError: boolean;
-    disabled?: boolean;
-};
-declare const CountrySelector: ({ country, onChange, hasError, disabled }: Props) => React.JSX.Element;
-export default CountrySelector;
+import React from 'react';
+import { CountryCode } from 'libphonenumber-js';
+type Props = {
+    country: CountryCode;
+    onChange: (country: CountryCode) => void;
+    hasError: boolean;
+    disabled?: boolean;
+};
+declare const CountrySelector: ({ country, onChange, hasError, disabled }: Props) => React.JSX.Element;
+export default CountrySelector;

package/dist/forms/PhoneField/CountrySelector/index.d.ts

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

package/dist/forms/PhoneField/PhoneField.d.ts

@@ -1,21 +1,21 @@
-import React from 'react';
-import { PhoneFieldValue } from './types';
-export declare type Props = {
-    autoFocus?: boolean;
-    caption?: React.ReactNode;
-    disabled?: boolean;
-    error?: React.ReactNode;
-    /** If not provided it will generate a random id so the label links properly with the text input */
-    id?: string;
-    label?: React.ReactNode;
-    maxLength?: number;
-    name: string;
-    onBlur?: (value: PhoneFieldValue) => void;
-    onChange?: (value: PhoneFieldValue) => void;
-    placeholder?: string;
-    value?: PhoneFieldValue;
-    testId?: string;
-    disabledCountry?: boolean;
-};
-declare const PhoneField: ({ disabledCountry, ...props }: Props) => React.JSX.Element;
-export default PhoneField;
+import React from 'react';
+import { PhoneFieldValue } from './types';
+export type Props = {
+    autoFocus?: boolean;
+    caption?: React.ReactNode;
+    disabled?: boolean;
+    error?: React.ReactNode;
+    /** If not provided it will generate a random id so the label links properly with the text input */
+    id?: string;
+    label?: React.ReactNode;
+    maxLength?: number;
+    name: string;
+    onBlur?: (value: PhoneFieldValue) => void;
+    onChange?: (value: PhoneFieldValue) => void;
+    placeholder?: string;
+    value?: PhoneFieldValue;
+    testId?: string;
+    disabledCountry?: boolean;
+};
+declare const PhoneField: ({ disabledCountry, ...props }: Props) => React.JSX.Element;
+export default PhoneField;