@7shifts/sous-chef 2.13.0 → 2.14.0

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/IconUserFriends.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 IconUserFriends: {
+    (props: Props): JSX.Element;
+    displayName: string;
+};
+export default IconUserFriends;

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

@@ -112,6 +112,7 @@ export { default as IconUnderline } from './IconUnderline';
 export { default as IconUndo } from './IconUndo';
 export { default as IconUniversity } from './IconUniversity';
 export { default as IconUserComputer } from './IconUserComputer';
+export { default as IconUserFriends } from './IconUserFriends';
 export { default as IconUserLight } from './IconUserLight';
 export { default as IconUserPlus } from './IconUserPlus';
 export { default as IconUserSlash } from './IconUserSlash';

package/dist/index.js

@@ -2870,6 +2870,21 @@ var IconUserComputer = function IconUserComputer(props) {
 
 IconUserComputer.displayName = 'IconUserComputer';
 
+var IconUserFriends = function IconUserFriends(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-user-friends",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "M15 10a3 3 0 1 0-.002-6.002A3 3 0 0 0 15 10Zm0-5c1.103 0 2 .897 2 2s-.897 2-2 2-2-.897-2-2 .897-2 2-2Zm-9 5c1.934 0 3.5-1.566 3.5-3.5S7.934 3 6 3a3.498 3.498 0 0 0-3.5 3.5C2.5 8.434 4.066 10 6 10Zm0-6c1.378 0 2.5 1.122 2.5 2.5S7.378 9 6 9a2.503 2.503 0 0 1-2.5-2.5C3.5 5.122 4.622 4 6 4Zm2.503 6.625C7.46 10.625 7.2 11 6 11c-1.2 0-1.46-.375-2.503-.375-1.135 0-2.238.506-2.885 1.466A3.581 3.581 0 0 0 0 14.1v1.4A1.5 1.5 0 0 0 1.5 17h9a1.5 1.5 0 0 0 1.5-1.5v-1.4c0-.744-.225-1.434-.613-2.01-.646-.959-1.75-1.465-2.884-1.465ZM11 15.5c0 .275-.225.5-.5.5h-9a.501.501 0 0 1-.5-.5v-1.4c0-.519.153-1.022.44-1.45.432-.64 1.2-1.025 2.054-1.025.856 0 1.162.375 2.506.375 1.344 0 1.65-.375 2.503-.375.853 0 1.622.384 2.053 1.025.288.428.44.931.44 1.45v1.4H11Zm8.49-3.59c-.54-.8-1.459-1.223-2.402-1.223-.87 0-1.088.313-2.088.313s-1.219-.313-2.088-.313a3.05 3.05 0 0 0-1.19.254c.475.48.578.737.631.83a2.05 2.05 0 0 1 .56-.08c.68 0 .937.312 2.087.312 1.15 0 1.406-.312 2.087-.312.657 0 1.244.29 1.576.78.221.329.34.716.34 1.117v1.162a.25.25 0 0 1-.25.25H13c0 .553.01.703-.05 1h5.8c.69 0 1.25-.56 1.25-1.25v-1.166c0-.621-.188-1.197-.51-1.675Z",
+    fill: "currentColor"
+  }));
+};
+
+IconUserFriends.displayName = 'IconUserFriends';
+
 var IconUserLight = function IconUserLight(props) {
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -6980,6 +6995,7 @@ exports.IconUnderline = IconUnderline;
 exports.IconUndo = IconUndo;
 exports.IconUniversity = IconUniversity;
 exports.IconUserComputer = IconUserComputer;
+exports.IconUserFriends = IconUserFriends;
 exports.IconUserLight = IconUserLight;
 exports.IconUserPlus = IconUserPlus;
 exports.IconUserSlash = IconUserSlash;