@7shifts/sous-chef 2.12.2 → 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 {};

package/dist/icons/components/IconReply.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { IconSize } from '../types';
+declare type Props = {
+    size?: IconSize;
+    color?: string;
+} & React.SVGProps<SVGSVGElement>;
+declare const IconReply: {
+    (props: Props): JSX.Element;
+    displayName: string;
+};
+export default IconReply;

package/dist/icons/components/index.d.ts

@@ -91,6 +91,7 @@ export { default as IconPlus } from './IconPlus';
 export { default as IconPrint } from './IconPrint';
 export { default as IconQuestionCircle } from './IconQuestionCircle';
 export { default as IconRepeat } from './IconRepeat';
+export { default as IconReply } from './IconReply';
 export { default as IconSearch } from './IconSearch';
 export { default as IconSignOut } from './IconSignOut';
 export { default as IconSitemap } from './IconSitemap';

package/dist/index.js

@@ -2509,6 +2509,21 @@ var IconRepeat = function IconRepeat(props) {
 
 IconRepeat.displayName = 'IconRepeat';
 
+var IconReply = function IconReply(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-reply",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "m.788 9.854 5.893 6.161c.828.866 2.307.288 2.307-.926v-2.94c5.17.06 7.335.56 6.067 5.058-.28.988.852 1.749 1.663 1.156 1.115-.815 2.985-2.665 2.985-5.845 0-5.729-5.175-6.731-10.715-6.798V2.77c0-1.215-1.48-1.79-2.307-.926L.788 8.003a1.34 1.34 0 0 0 0 1.851Zm.775-1.11 5.893-6.161a.268.268 0 0 1 .461.185v4.018c5.26 0 10.714.374 10.714 5.732 0 2.49-1.339 4.09-2.545 4.972 1.719-6.093-2.43-6.418-8.169-6.418v4.017a.268.268 0 0 1-.461.186L1.563 9.114a.267.267 0 0 1 0-.37Z",
+    fill: "currentColor"
+  }));
+};
+
+IconReply.displayName = 'IconReply';
+
 var IconSearch = function IconSearch(props) {
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -6944,6 +6959,7 @@ exports.IconPlus = IconPlus;
 exports.IconPrint = IconPrint;
 exports.IconQuestionCircle = IconQuestionCircle;
 exports.IconRepeat = IconRepeat;
+exports.IconReply = IconReply;
 exports.IconSearch = IconSearch;
 exports.IconSignOut = IconSignOut;
 exports.IconSitemap = IconSitemap;