@7shifts/sous-chef 1.5.7 → 1.5.8

package/CHANGELOG.md

@@ -0,0 +1,230 @@
+## 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
+
+-   MultiSelectField: Added new prop closeOnSelect which is set to false by default in order for the dropdown to stay open while selecting options. ([#71](https://github.com/7shifts/sous-chef/pull/71))
+
+## 1.5.3 (December 13th, 2021)
+
+### Enhancements
+
+-   Button: Updated link button themes to have proper one shade darker color (excluding contrast, icon, and toolbar theme) on hover. ([#70](https://github.com/7shifts/sous-chef/pull/70))
+
+## 1.5.2 (November 10th, 2021)
+
+### Enhancements
+
+-   PasswordField: Updated met criteria bullet to IconCheck to be consistent with mobile ([#69](https://github.com/7shifts/sous-chef/pull/69))
+
+### New Components
+
+-   IconCheck: added for now to use in PasswordCriteria. ([#69](https://github.com/7shifts/sous-chef/pull/69))
+
+## 1.5.1 (October 20th, 2021)
+
+### Bug fixes
+
+-   DataTable: Exported `DataTableCustomComponent` type ([#67](https://github.com/7shifts/sous-chef/pull/67))
+
+## 1.5.0 (October 19th, 2021)
+
+### New components
+
+-   PillSelectField ([#65](https://github.com/7shifts/sous-chef/pull/65))
+
+### Bug fixes
+
+-   Field: Updated to align properly when using FormRow with only one form field with with label ([#66](https://github.com/7shifts/sous-chef/pull/66))
+
+## 1.4.1 (October 8th, 2021)
+
+### Enhancements
+
+-   DataTable: Updated flow types ([#62](https://github.com/7shifts/sous-chef/pull/62))
+-   Tooltip: Added the prop `onClose` to listen when the overlay closed ([#64](https://github.com/7shifts/sous-chef/pull/64))
+
+## 1.4.0 (October 7th, 2021)
+
+### Enhancements
+
+-   Updated SelectField to support disabled options
+
+## 1.3.1 (September 29th, 2021)
+
+### Bug fixes
+
+-   Avatar: updated to show the proper background when the image url is not available ([#57](https://github.com/7shifts/sous-chef/pull/57))
+-   PaginationControls: updated to have the title with the first character capitalized ([#58](https://github.com/7shifts/sous-chef/pull/58))
+-   DataTable: Added missing exports ([#59](https://github.com/7shifts/sous-chef/pull/59))
+
+## 1.3.0 (September 27th, 2021)
+
+### New components
+
+-   DataTable ([#50](https://github.com/7shifts/sous-chef/pull/50)) - And added editable functionality ([#54](https://github.com/7shifts/sous-chef/pull/54))
+
+## 1.2.2 (September 24rd, 2021)
+
+### Bug fixes
+
+-   TextField: Removed the support for Formik `Field` as it was a breaking change in the `TextField` component ([#56](https://github.com/7shifts/sous-chef/pull/56))
+
+## 1.2.1 (September 23rd, 2021)
+
+### Bug fixes
+
+-   Modal: When a scroll was showing, the top content was getting cut off on the top. Also updated the flow type ([#55](https://github.com/7shifts/sous-chef/pull/55))
+
+### Enhancements
+
+-   Form: Updated the field components to work with formik components such as `Field` and `FieldArray`. It also suports now dynamic fields ([#53](https://github.com/7shifts/sous-chef/pull/53))
+
+## 1.2.0 (September 15th, 2021)
+
+### New components
+
+-   Modal ([#49](https://github.com/7shifts/sous-chef/pull/49))
+
+### Bug fixes
+
+-   Avatar: The fallback image was not being applied properly ([#46](https://github.com/7shifts/sous-chef/pull/46))
+
+## 1.1.4 (August 17, 2021)
+
+### Bug fixes
+
+-   Button: Fixed the padding when having only an icon inside the Button ([#45](https://github.com/7shifts/sous-chef/pull/45))
+
+## 1.1.3 (August 5, 2021)
+
+### Bug fixes
+
+-   MultiSelectField: It was not wrapping to the next line when multiple options were select and they didn't fit on the space given ([#44](https://github.com/7shifts/sous-chef/pull/44))
+
+## 1.1.2 (August 4, 2021)
+
+### Bug fixes
+
+-   SelectField: When using the `prefix` prop it had a missaligned prefix ([#43](https://github.com/7shifts/sous-chef/pull/43))
+-   SelectField: Implemented the `onBlur` prop ([#42](https://github.com/7shifts/sous-chef/pull/42))
+-   MultiSelectField: Implemented the `onBlur` prop ([#42](https://github.com/7shifts/sous-chef/pull/42))
+
+## 1.1.1 (July 28, 2021)
+
+### Enhancements
+
+-   Badge: Added the `title` prop to make it easier adding a black tooltip ([#40](https://github.com/7shifts/sous-chef/pull/40))
+
+### New components
+
+-   IconExclaim ([#41](https://github.com/7shifts/sous-chef/pull/41))
+
+## 1.1.0 (July 23, 2021)
+
+### New components
+
+-   Badge ([#37](https://github.com/7shifts/sous-chef/pull/37))
+-   Avatar ([#38](https://github.com/7shifts/sous-chef/pull/38))
+-   IconComment ([#39](https://github.com/7shifts/sous-chef/pull/39))
+-   IconLocation ([#39](https://github.com/7shifts/sous-chef/pull/39))
+-   IconMinusCircle ([#39](https://github.com/7shifts/sous-chef/pull/39))
+-   IconUserPlus ([#39](https://github.com/7shifts/sous-chef/pull/39))
+
+### Bug fixes
+
+-   SelectField: When there is no container with size defined the component will grow with the content until it fills the space ([#36](https://github.com/7shifts/sous-chef/pull/36))
+
+### Enhancements
+
+-   SelectField: Added the `prefix` prop and the `asToolbarField` so the component will look as a toolbar filter with no border ([#36](https://github.com/7shifts/sous-chef/pull/36))
+
+## 1.0.3 (July 15, 2021)
+
+### Bug fixes
+
+-   Button: Fixed global CSS overrites when button behaves like link ([#35](https://github.com/7shifts/sous-chef/pull/35))
+
+## 1.0.2 (July 15, 2021)
+
+### Bug fixes
+
+-   TextAreaField: Fixed global CSS overrites ([#34](https://github.com/7shifts/sous-chef/pull/34))
+
+## 1.0.1 (July 14, 2021)
+
+### Enhancements
+
+-   TextField: Added the possibility of using `useRef` ([#33](https://github.com/7shifts/sous-chef/pull/33))
+
+## 1.0.0 (June 25, 2021)
+
+### New components
+
+-   Tooltip ([#16](https://github.com/7shifts/sous-chef/pull/16))
+-   MultiSelectField ([#19](https://github.com/7shifts/sous-chef/pull/19))
+-   TextAreaField ([#21](https://github.com/7shifts/sous-chef/pull/21))
+-   RadioGroupField ([#22](https://github.com/7shifts/sous-chef/pull/22))
+-   WeekField ([#24](https://github.com/7shifts/sous-chef/pull/24))
+-   DateRangeField ([#25](https://github.com/7shifts/sous-chef/pull/25))
+-   IconRemove ([#26](https://github.com/7shifts/sous-chef/pull/26))
+
+### Enhancements
+
+-   Button: Added the possibility of making Butons act as links ([#23](https://github.com/7shifts/sous-chef/pull/23))
+-   SelectField and MultiSelectField: Added the possibility of customizing the select options ([#27](https://github.com/7shifts/sous-chef/pull/27))
+
+### Bug fixes
+
+-   Form: consolidated the Flow types for `useFormik` and `<Formik ...>` ([#28](https://github.com/7shifts/sous-chef/pull/28))
+-   Icons: added missing Flow types ([#26](https://github.com/7shifts/sous-chef/pull/26))
+
+### Pre existing components
+
+-   Button
+-   PaginationControls
+-   Toggle
+-   Inline
+-   Stack
+-   ResourceTable
+-   Spinner
+-   CheckboxField
+-   DateField
+-   DateRangeField
+-   Form
+-   FormRow
+-   MultiSelectField
+-   PasswordField
+-   RadioGroupField
+-   SelectField
+-   TextAreaField
+-   TextField
+-   WeekField
+-   Tooltip

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;