@7shifts/sous-chef 1.5.4 → 1.5.8

package/CHANGELOG.md

@@ -1,4 +1,32 @@
-## 1.5.4 (January 10th, 2021)
+## 1.5.8 (February 14th, 2022)
+
+### Bug fixes
+
+-   DataTableRow: Updated hover state to only appear if there's an onClick (i.e. row action) similar to previous component (ResourceTable).
+-   DataTableEditableCell: Added hover state styles to DataTableEditableCell to keep proper styles after the changes to DataTableRow (above).
+
+## 1.5.7 (January 31st, 2022)
+
+### Enhancements
+
+-   TextField: Added new props:
+    -   `onFocus`, accepts an event callback to be passed which receives the current input value
+    -   `onKeyDown`, accepts an event callback to be passed which receives the key pressed when the input has focus
+    -   `maxLength`, specifies the maximum length allowed by the underlying `input`
+
+## 1.5.6 (January 21st, 2022)
+
+### Enhancements
+
+-   TextField: Added new string prop `autoComplete` which has no default value. Options are "off" or "on".
+
+## 1.5.5 (January 13th, 2022)
+
+### Bug fixes
+
+-   DataTableEditableCell: Added new prop 'step' which is set to 'any' if the input type is set to 'currency'. ([#72](https://github.com/7shifts/sous-chef/pull/72))
+
+## 1.5.4 (January 10th, 2022)
 
 ### Enhancements
 
@@ -18,7 +46,7 @@
 
 ### New Components
 
-- IconCheck: added for now to use in PasswordCriteria. ([#69](https://github.com/7shifts/sous-chef/pull/69))
+-   IconCheck: added for now to use in PasswordCriteria. ([#69](https://github.com/7shifts/sous-chef/pull/69))
 
 ## 1.5.1 (October 20th, 2021)
 

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 {};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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