@7shifts/sous-chef 2.13.0 → 2.13.1

package/README.md

@@ -31,13 +31,13 @@ class Example extends Component {
         {
             employeeName: 'Steve Lawrence',
             date: 'Jun 22, 2019',
-            hours: 15,
+            hours: 15
         },
         {
             employeeName: 'Alex Andrade',
             date: 'Jan 15, 2020',
-            hours: <span style={{ color: 'red' }}>8</span>,
-        },
+            hours: <span style={{ color: 'red' }}>8</span>
+        }
     ];
     render() {
         return <ResourceTable items={items} />;
@@ -50,6 +50,10 @@ class Example extends Component {
 You can find the components documentation in [here](https://zeroheight.com/31613d024/p/94f423-introducing-sous-chef--components).
 just to trigger a CI
 
+## Contributing
+
+Check out our [contributing guide](./CONTRIBUTING.md).
+
 ## License
 
 MIT © [7shifts](https://github.com/7shifts)

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

@@ -8,7 +8,7 @@ declare type Props = {
     onBlur?: (e: boolean) => void;
     label?: React.ReactNode;
     caption?: React.ReactNode;
-    error?: string;
+    error?: React.ReactNode;
     disabled?: boolean;
 };
 /** CheckboxField form element. */

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

@@ -12,7 +12,7 @@ declare type Props = {
     onBlur?: () => void;
     label?: React.ReactNode;
     caption?: React.ReactNode;
-    error?: string;
+    error?: React.ReactNode;
     placeholder?: string;
     disabled?: boolean;
     defaultValue?: Date;

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

@@ -13,7 +13,7 @@ declare type Props = {
     onBlur?: () => void;
     label?: React.ReactNode;
     caption?: React.ReactNode;
-    error?: string;
+    error?: React.ReactNode;
     placeholder?: string;
     disabled?: boolean;
     readOnly?: boolean;

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

@@ -14,7 +14,7 @@ declare type Props<T> = {
     CustomOption?: React.ElementType;
     label?: React.ReactNode;
     caption?: React.ReactNode;
-    error?: string;
+    error?: React.ReactNode;
     placeholder?: string;
     noOptionsMessage?: string | NoOptionsMessageFunction;
     disabled?: boolean;

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

@@ -8,7 +8,7 @@ declare type Props = {
     onChange?: (e: string) => void;
     onBlur?: (e: string) => void;
     label?: React.ReactNode;
-    error?: string;
+    error?: React.ReactNode;
     placeholder?: string;
     disabled?: boolean;
     defaultValue?: string;

package/dist/forms/PillSelectField/PillSelectField.d.ts

@@ -9,7 +9,7 @@ declare type Props<T> = {
     onChange?: (e: SelectOption<T>[]) => void;
     label?: React.ReactNode;
     caption?: React.ReactNode;
-    error?: string;
+    error?: React.ReactNode;
     disabled?: boolean;
 };
 /** PillSelectField form element. */

package/dist/forms/RadioGroupField/RadioGroupField.d.ts

@@ -4,7 +4,7 @@ declare type Props = {
     value?: string | number;
     onChange?: (e: string | number) => void;
     label?: React.ReactNode;
-    error?: string;
+    error?: React.ReactNode;
     /** When true it will place the options on the same line up to 4 options per line. */
     inline?: boolean;
     disabled?: boolean;

package/dist/forms/SelectField/SelectField.d.ts

@@ -7,7 +7,7 @@ export declare type Props<T> = {
     asToolbarFilter?: boolean;
     caption?: React.ReactNode;
     disabled?: boolean;
-    error?: string;
+    error?: React.ReactNode;
     /** If not provided it will generate a random id so the l¡abel links properly with the text input */
     id?: string;
     isClearable?: boolean;

package/dist/forms/SelectField/useSelectField.d.ts

@@ -4,7 +4,7 @@ export declare const useSelectField: <T extends unknown>({ asToolbarFilter, capt
     selectProps: Pick<import("react-select").Props<import("react-select").OptionTypeBase, boolean, import("react-select").GroupTypeBase<any>>, React.ReactText> & import("react-select/src/stateManager").Props<import("react-select").OptionTypeBase, boolean, import("react-select").GroupTypeBase<any>> & import("react-select").Props<import("react-select").OptionTypeBase, boolean, import("react-select").GroupTypeBase<any>>;
     fieldProps: {
         caption: React.ReactNode;
-        error: string | undefined;
+        error: React.ReactNode;
         id: string;
         label: React.ReactNode;
         name: string;

package/dist/forms/TextAreaField/TextAreaField.d.ts

@@ -8,7 +8,7 @@ declare type Props = {
     onBlur?: (e: string) => void;
     label?: React.ReactNode;
     caption?: React.ReactNode;
-    error?: string;
+    error?: React.ReactNode;
     placeholder?: string;
     disabled?: boolean;
     defaultValue?: string;

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

@@ -6,7 +6,7 @@ export declare type Props = {
     caption?: React.ReactNode;
     defaultValue?: string;
     disabled?: boolean;
-    error?: string;
+    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;

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

@@ -29,7 +29,7 @@ export declare const useTextField: ({ autoComplete, autoFocus, defaultValue, dis
     };
     fieldProps: {
         caption: import("react").ReactNode;
-        error: string | undefined;
+        error: import("react").ReactNode;
         label: import("react").ReactNode;
         id: string;
         name: string;

package/dist/forms/WeekField/WeekField.d.ts

@@ -13,7 +13,7 @@ declare type Props = {
     onBlur?: () => void;
     label?: React.ReactNode;
     caption?: React.ReactNode;
-    error?: string;
+    error?: React.ReactNode;
     placeholder?: string;
     disabled?: boolean;
     defaultValue?: Date;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 declare type FieldControls = {
     id: string;
-    error?: string;
+    error?: React.ReactNode;
     checked?: boolean;
     onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
     onBlur: (e: React.ChangeEvent<HTMLInputElement>) => void;
@@ -12,7 +12,7 @@ declare type Props = {
     checked?: boolean;
     onChange?: (e: boolean) => void;
     onBlur?: (e: boolean) => void;
-    error?: string;
+    error?: React.ReactNode;
 };
 export declare const useCheckBoxFieldControllers: ({ name, id: inputId, checked, onChange, onBlur, error }: Props) => FieldControls;
 export {};

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

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 declare type FieldControls = {
     id: string;
-    error?: string;
+    error?: React.ReactNode;
     value?: Date;
     onChange: (e: Date) => void;
     onBlur: () => void;
@@ -11,7 +12,7 @@ declare type Props = {
     value?: Date;
     onChange?: (e: Date) => void;
     onBlur?: () => void;
-    error?: string;
+    error?: React.ReactNode;
 };
 export declare const useDateFieldControllers: ({ name, id: inputId, value, onChange, onBlur, error }: Props) => FieldControls;
 export {};

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

@@ -2,7 +2,7 @@ import React from 'react';
 declare type InputElement = HTMLInputElement | HTMLTextAreaElement;
 declare type FieldControls = {
     id: string;
-    error?: string;
+    error?: React.ReactNode;
     value?: string;
     onChange: (e: React.ChangeEvent<InputElement>) => void;
     onBlur: (e: React.ChangeEvent<InputElement>) => void;
@@ -17,7 +17,7 @@ declare type Props = {
     onBlur?: (value: string) => void;
     onFocus?: (value: string) => void;
     onKeyDown?: (key: string) => void;
-    error?: string;
+    error?: React.ReactNode;
     type?: 'text' | 'currency';
 };
 export declare const useFieldControllers: ({ name, id: inputId, value, onChange, onBlur, onFocus, onKeyDown, error, type }: Props) => FieldControls;

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

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 import type { SelectOption } from '../SelectField/types';
 declare type FieldControls<T> = {
     id: string;
-    error?: string;
+    error?: React.ReactNode;
     value?: SelectOption<T>[];
     onChange: (e: SelectOption<T>[]) => void;
     onBlur: (e: SelectOption<T>[]) => void;
@@ -12,7 +13,7 @@ declare type Props<T> = {
     value?: SelectOption<T>[];
     onChange?: (e: SelectOption<T>[]) => void;
     onBlur?: (e: SelectOption<T>[]) => void;
-    error?: string;
+    error?: React.ReactNode;
 };
 export declare const useMultiSelectFieldControllers: <T>({ name, id: inputId, value, onChange, onBlur, error }: Props<T>) => FieldControls<T>;
 export {};

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

@@ -1,7 +1,7 @@
 import React from 'react';
 declare type RadioValue = string | number;
 declare type FieldControls = {
-    error?: string;
+    error?: React.ReactNode;
     value?: RadioValue;
     onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
 };
@@ -9,7 +9,7 @@ declare type Props = {
     name: string;
     value?: RadioValue;
     onChange?: (value: RadioValue) => void;
-    error?: string;
+    error?: React.ReactNode;
 };
 export declare const useRadioGroupFieldControllers: ({ name, value, onChange, error }: Props) => FieldControls;
 export {};

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

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 import { DateRange } from '../../utils/date';
 declare type FieldControls = {
     id: string;
-    error?: string;
+    error?: React.ReactNode;
     value: DateRange;
     onChange: (e: DateRange) => void;
     onBlur: () => void;
@@ -12,7 +13,7 @@ declare type Props = {
     value?: DateRange;
     onChange?: (e: DateRange) => void;
     onBlur?: () => void;
-    error?: string;
+    error?: React.ReactNode;
 };
 export declare const useRangeFieldControllers: ({ name, id: inputId, value, onChange, onBlur, error }: Props) => FieldControls;
 export {};

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

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 import type { SelectOption } from '../SelectField/types';
 declare type FieldControls<T> = {
     id: string;
-    error?: string;
+    error?: React.ReactNode;
     value?: SelectOption<T>;
     onChange: (e: SelectOption<T>) => void;
     onBlur: (e: SelectOption<T>) => void;
@@ -12,7 +13,7 @@ declare type Props<T> = {
     value?: SelectOption<T>;
     onChange?: (e: SelectOption<T>) => void;
     onBlur?: (e: SelectOption<T>) => void;
-    error?: string;
+    error?: React.ReactNode;
 };
 export declare const useSelectFieldControllers: <T>({ name, id: inputId, value, onChange, onBlur, error }: Props<T>) => FieldControls<T>;
 export {};