@7shifts/sous-chef 2.10.0 → 2.11.0

package/CHANGELOG.md

@@ -0,0 +1,450 @@
+## 2.11.0 (August 8th, 2022)
+
+### Enhancements
+
+-   DatePicker: Added new prop to handle the onMonthChange callback([#128](https://github.com/7shifts/sous-chef/pull/128))
+
+## 2.10.0 (August 5th, 2022)
+
+### New component
+
+-   Calendar: Added new component that can open calendar with any kind of input([#126](https://github.com/7shifts/sous-chef/pull/126))
+
+## 2.9.0 (July 14th, 2022)
+
+### Enhancements
+
+-   DataTableRow: Updated the `actions` prop allow creating actions outside of a kebab menu. ([#124](https://github.com/7shifts/sous-chef/pull/124))
+
+## 2.8.3 (July 11th, 2022)
+
+### Bug fixes
+
+-   DataTableRow: Fixed the TypeScript error that was requiring the css prop. ([#123](https://github.com/7shifts/sous-chef/pull/123))
+
+## 2.8.2 (June 30th, 2022)
+
+### Enhancements
+
+-   DataTableRow: Added possibility to pass a `ref` prop to have more control over each table row, for example, using drag and drop for sorting. It is also allowing extension to pass native div props. ([#122](https://github.com/7shifts/sous-chef/pull/122))
+
+## 2.8.1 (June 23th, 2022)
+
+### Bug fixes
+
+-   SelectField and MultiSelectField: The scroll was not working properly when using the prop `menuShouldScrollIntoView` with grouped options. ([#121](https://github.com/7shifts/sous-chef/pull/121))
+
+## 2.8.0 (June 16th, 2022)
+
+### Bug fixes
+
+-   DateField and WeekField: Updated the error state style where it was not showing the red border. ([#120](https://github.com/7shifts/sous-chef/pull/120))
+-   RadioGroupField: When using formik it wasn't possible to change options. ([#119](https://github.com/7shifts/sous-chef/pull/119))
+
+### New component
+
+-   PercentageField: Added new form input for validating and displaying percentages. ([#117](https://github.com/7shifts/sous-chef/pull/117))
+-   CurrencyField: Added new form input for validating and displaying currency values. ([#118](https://github.com/7shifts/sous-chef/pull/118))
+
+## 2.7.0 (June 2nd, 2022)
+
+### New component
+
+-   IconUniversity: Added the new icon to the Sous Chef iconography. ([#114](https://github.com/7shifts/sous-chef/pull/114))
+
+### Enhancements
+
+-   Spinner: Added pride theme ([#115](https://github.com/7shifts/sous-chef/pull/115)).
+
+### Bug fixes
+
+-   TextField: Fixed `onBlur` error when using with Formik ([#116](https://github.com/7shifts/sous-chef/pull/116)).
+
+## 2.6.0 (May 24th, 2022)
+
+### Enhancements
+
+-   DateRangeField: Added the `disabledDays` prop so it is possible to disable some dates to prevent the user from selecting it ([#109](https://github.com/7shifts/sous-chef/pull/109)).
+
+### Bug fixes
+
+-   DateRangeField: Showing the formik error properly when it is an object ([#113](https://github.com/7shifts/sous-chef/pull/113)).
+-   DateRangeField: Hiding the calendar when clicking outside ([#112](https://github.com/7shifts/sous-chef/pull/112)).
+-   DateRangeField: Fixed bug when clicking on disabled dates would open two calendars ([#110](https://github.com/7shifts/sous-chef/pull/110)).
+
+## 2.5.1 (May 18th, 2022)
+
+### Design Debt
+
+-   DataTable: Updated DataTable column header padding values to follow 4px grid ([#108](https://github.com/7shifts/sous-chef/pull/108)).
+-   Tooltip: Updated white tooltip text color to be consistent with component in design system ([#108](https://github.com/7shifts/sous-chef/pull/108)).
+
+## 2.5.0 (May 12th, 2022)
+
+### New components
+
+-   Icons: Added IconCalendarStar and IconBirthdayCake ([#105](https://github.com/7shifts/sous-chef/pull/105)).
+
+### Bug fixes
+
+-   DataTable: Fixed scroll issue where the table will show a scroll if it has more content than the container can handle. ([#107](https://github.com/7shifts/sous-chef/pull/107)).
+
+## 2.4.0 (May 9th, 2022)
+
+### Enhancements
+
+-   SelectField: Added `isClearable` so users can clear the selected option. ([#104](https://github.com/7shifts/sous-chef/pull/104)).
+
+## 2.3.6 (April 28th, 2022)
+
+### New components
+
+-   IconStarSolid: Added the new icon to the Sous Chef iconography. ([#103](https://github.com/7shifts/sous-chef/pull/103)).
+
+### Tech debt
+
+-   ToolbarFilter: Exporting the component so it can be imported from the root level. ([#101](https://github.com/7shifts/sous-chef/pull/101)).
+
+## 2.3.5 (April 22th, 2022)
+
+### Enhancements
+
+-   IconGif: Added the new icon to the Sous Chef iconography. ([#102](https://github.com/7shifts/sous-chef/pull/102)).
+
+## 2.3.4 (April 12th, 2022)
+
+### Bug fixes
+
+-   Tooltip: Clear the tooltip's visible state if no text is informed to avoid it appearing without a hovering action in case a text is redefined. ([#100](https://github.com/7shifts/sous-chef/pull/100)).
+
+## 2.3.3 (April 5th, 2022)
+
+### Bug fixes
+
+-   DataTable & ResourceTable: Updated the border-radius for the first selected item. ([#95](https://github.com/7shifts/sous-chef/pull/95)).
+-   DataTable: Updated to make the `columns` prop optional. ([#94](https://github.com/7shifts/sous-chef/pull/94)).
+-   DataTable & ResorceTable: Fixed the header size issue when changing sort. ([#93](https://github.com/7shifts/sous-chef/pull/93)).
+-   Form: Updated how form fields are linked with Formik. Now it supports multi-level dynamic fields. ([#99](https://github.com/7shifts/sous-chef/pull/99)).
+
+### Enhancements
+
+-   Form: Updated to add the proper type of the property `formik`. It is now working with both `<Formik>` and `useFormik`. ([#97](https://github.com/7shifts/sous-chef/pull/97)).
+-   Tooltip: Added the `role="tooltip"` to improve acessibility and also help writing tests. ([#96](https://github.com/7shifts/sous-chef/pull/96)).
+-   Tooltip: Added the prop `onVisibleChange` to tell when the overlay is getting shown or hidden. It is helpful to trigger analytic events. ([#96](https://github.com/7shifts/sous-chef/pull/96)).
+
+### Tech debt
+
+-   Modal: Downgraded to use v3.5.1 to match the webapp version. ([#98](https://github.com/7shifts/sous-chef/pull/98)).
+
+## 2.3.2 (March 28th, 2022)
+
+### Bug fixes
+
+-   DateField: Updated date check when a non-date value was passed to the `onChange` method. ([#92](https://github.com/7shifts/sous-chef/pull/92)).
+
+## 2.3.1 (March 28th, 2022)
+
+### Enhancement
+
+-   SelectField & MultiSelectField: Added the `noOptionsMessage` prop to both components to customize the no results message. ([#89](https://github.com/7shifts/sous-chef/pull/89)).
+-   DateField: Updated to have the date set to midnight. ([#91](https://github.com/7shifts/sous-chef/pull/91)).
+
+### Bug fixes
+
+-   SelectField & MultiSelectField: Fixed the Safari scroll issue when using the prop `menuShouldScrollIntoView={false}`. ([#90](https://github.com/7shifts/sous-chef/pull/90)).
+
+## 2.3.0 (March 24th, 2022)
+
+### New components
+
+-   IconGavel: Added the new icon to the Sous Chef iconography. ([#87](https://github.com/7shifts/sous-chef/pull/87)).
+
+### Bug fixes
+
+-   SelectField: When selecting a large option, it makes the `SelectField` to grow more than the placeholder can support. ([#88](https://github.com/7shifts/sous-chef/pull/88)).
+
+## 2.2.0 (March 22th, 2022)
+
+### New components
+
+-   TimeField: Form field able to handle time format. ([#85](https://github.com/7shifts/sous-chef/pull/85)).
+
+### Bug fixes
+
+-   DateField: When placing the `DateField` in a `FormRow` with 3 columns, the `DateField` was not shrinking enough to fit in the space. ([#86](https://github.com/7shifts/sous-chef/pull/86)).
+
+## 2.1.2 (March 15th, 2022)
+
+### Bug fixes
+
+-   IconGrinBeam: Removed the icon white background to allow using it in places with different background colors. ([#84](https://github.com/7shifts/sous-chef/pull/84)).
+-   SelectField: Added the `menuShouldScrollIntoView` to remove scrolling into the view. It was causing weird scroll behaviours when placing the component inside a modal. ([#82](https://github.com/7shifts/sous-chef/pull/82)).
+
+## 2.1.1 (March 10th, 2022)
+
+### Bug fixes
+
+-   DataTable: added box-sizing: content-box to the actions column header and actions cell to mitigate box-sizing: border-box messing with the layout. ([#83](https://github.com/7shifts/sous-chef/pull/83)).
+
+## 2.1.0 (March 4th, 2022)
+
+### Bug fixes
+
+-   Field: Fixed to do not render the label if the label value is evaluated as falsy. ([#79](https://github.com/7shifts/sous-chef/pull/79)).
+-   SelectField: Updated colour variables being used to be consistent with all fields and adjusted styles in order for disabled styles to work with SelectFields with prefixes. ([#73](https://github.com/7shifts/sous-chef/pull/73))
+-   TextField:
+    -   Added `$text-field-disabled-font-color` token and linked it up to the disabled styles. ([#73](https://github.com/7shifts/sous-chef/pull/73))
+    -   Updated component export to ensure all props appear on storybook.
+-   DateRangeField: Added `date-range-field--disabled` className to DateRangePicker in order for the entire field to get the disabled background. ([#73](https://github.com/7shifts/sous-chef/pull/73))
+-   PillSelectField: Updated PillSelectField disabled text colour to grey-400 to be consistent with other fields. ([#73](https://github.com/7shifts/sous-chef/pull/73))
+-   AffixContainer: Updated color for prefix and suffix to be grey-400 if it's an svg. If not, it'll be grey-500 from affix-item styles.
+
+### New components
+
+-   ToolbarSelect: Added new select component similar to SelectField but meant specifically for toolbars rather than forms.
+
+## 2.0.0 (February 16th, 2022)
+
+### New components/Enhancements
+
+-   Icons: Added SVGR as a dependency, migrated existing icons and their usage to new implementation using SVGR, added remaining icons used in the 7shifts repo, and renamed the icons listed below (before -> after) in order to have consistent naming across various tools. ([#60](https://github.com/7shifts/sous-chef/pull/60))
+    -   IconCalendar -> IconCalendarAlt
+    -   IconClose -> IconTimes
+    -   IconDelete -> IconTimesOctagon
+    -   IconEdit -> IconPencil
+    -   IconExclaim -> IconExclaimation
+    -   IconLocation -> IconMapMarker
+    -   IconMore -> IconEllipsisV
+    -   IconRemove -> IconTrash
+    -   IconUser -> IconUserSolid
+
+## 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). ([#76](https://github.com/7shifts/sous-chef/pull/76))
+-   DataTableEditableCell: Added hover state styles to DataTableEditableCell to keep proper styles after the changes to DataTableRow (above). ([#76](https://github.com/7shifts/sous-chef/pull/76))
+
+## 1.5.7 (January 31st, 2022)
+
+### Enhancements
+
+-   TextField: Added new props ([#75](https://github.com/7shifts/sous-chef/pull/75)) :
+    -   `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". ([#74](https://github.com/7shifts/sous-chef/pull/74))
+
+## 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/forms/DateField/DateField.d.ts

@@ -17,6 +17,7 @@ declare type Props = {
     disabled?: boolean;
     defaultValue?: Date;
     readOnly?: boolean;
+    onMonthChange?: (month: Date) => void;
 };
 /** DateField form element. */
 declare const DateField: React.FC<Props>;

package/dist/index.js

@@ -5372,7 +5372,8 @@ var DateField = function DateField(_ref) {
       disabled = _ref.disabled,
       defaultValue = _ref.defaultValue,
       _ref$readOnly = _ref.readOnly,
-      readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly;
+      readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
+      onMonthChange = _ref.onMonthChange;
   var inputRef = React.useRef();
 
   var _useState = React.useState(false),
@@ -5405,7 +5406,8 @@ var DateField = function DateField(_ref) {
     weekdaysLong: DAYS,
     weekdaysShort: DAYS.map(function (day) {
       return day.substring(0, 2);
-    })
+    }),
+    onMonthChange: onMonthChange
   };
   return React__default.createElement(Field, Object.assign({}, fieldProps), React__default.createElement(AffixContainer, {
     prefix: React__default.createElement(IconCalendarAlt, {