@7shifts/sous-chef 1.5.3 → 1.5.7

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

@@ -14,7 +14,8 @@ declare type Props<T> = {
     error?: string;
     placeholder?: string;
     disabled?: boolean;
+    closeOnSelect?: boolean;
 };
 /** 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, disabled }: Props<T>) => JSX.Element;
+declare const MultiSelectField: <T extends unknown>({ name, id: inputId, value, options, onChange, onBlur, CustomOption: UserCustomOption, label, caption, error, placeholder, disabled, closeOnSelect }: Props<T>) => JSX.Element;
 export default MultiSelectField;

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

@@ -1,22 +1,27 @@
 import React from 'react';
+declare type AutoCompleteType = 'off' | 'on';
 declare type Props = {
-    name: string;
+    autoComplete?: AutoCompleteType;
+    autoFocus?: boolean;
+    caption?: React.ReactNode;
+    defaultValue?: string;
+    disabled?: boolean;
+    error?: 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;
-    caption?: React.ReactNode;
-    error?: string;
+    maxLength?: number;
+    name: string;
+    onBlur?: (value: string) => void;
+    onChange?: (value: string) => void;
+    onFocus?: (value: string) => void;
+    onKeyDown?: (key: string) => void;
     placeholder?: string;
-    disabled?: boolean;
     /** Use a prefix for things like currency symbols (“$”, “¥”, “£”) or icons. */
     prefix?: React.ReactNode;
     /** Use suffix for things like units of measure (“in”, “cm”, ”hours”) or icons. */
     suffix?: React.ReactNode;
-    defaultValue?: string;
-    autoFocus?: boolean;
+    value?: string;
 };
 declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
 export default _default;

package/dist/forms/hooks/useFieldControllers.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 declare type InputElement = HTMLInputElement | HTMLTextAreaElement;
 declare type FieldControls = {
     id: string;
@@ -6,15 +6,19 @@ declare type FieldControls = {
     value?: string;
     onChange: (e: React.ChangeEvent<InputElement>) => void;
     onBlur: (e: React.ChangeEvent<InputElement>) => void;
+    onFocus: (e: React.FocusEvent<InputElement>) => void;
+    onKeyDown: (e: React.KeyboardEvent<InputElement>) => void;
 };
 declare type Props = {
     name: string;
     id?: string;
     value?: string;
-    onChange?: (e: string) => void;
-    onBlur?: (e: string) => void;
+    onChange?: (value: string) => void;
+    onBlur?: (value: string) => void;
+    onFocus?: (value: string) => void;
+    onKeyDown?: (key: string) => void;
     error?: string;
     type?: 'text' | 'currency';
 };
-export declare const useFieldControllers: ({ name, id: inputId, value, onChange, onBlur, error, type }: Props) => FieldControls;
+export declare const useFieldControllers: ({ name, id: inputId, value, onChange, onBlur, onFocus, onKeyDown, error, type }: Props) => FieldControls;
 export {};