@7shifts/sous-chef 3.32.0 → 3.33.0

package/dist/forms/SelectField/SelectField.d.ts

@@ -35,6 +35,7 @@ export type Props<T> = {
     onCreate?: (option: string) => void;
     /** This is to allow disable the seach functionality. Use it just in some edge-cases, for example in touch devices when the user clicks on the field it opens a virtual keyboard to search, sometimes that virtual keyboard taks much space then passing `isSearchable={false}` prevents opening it. */
     isSearchable?: boolean;
+    autoFocus?: boolean;
 };
 /** Component to make possible choose from a predefined options. */
 declare const SelectField: <T extends unknown>(props: Props<T>) => React.JSX.Element;

package/dist/forms/SelectField/useSelectField.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { Props } from './SelectField';
-export declare const useSelectField: <T extends unknown>({ asToolbarFilter, caption, disabled, error, id, isClearable, label, menuShouldScrollIntoView: menuShouldScrollIntoViewProp, name, noOptionsMessage, options, onBlur, onChange, placeholder, value, defaultValue, CustomOption: UserCustomOption, SelectedOptionPrefix, testId, creatableButton, onCreate, isSearchable }: Props<T>) => {
+export declare const useSelectField: <T extends unknown>({ asToolbarFilter, caption, disabled, error, id, isClearable, label, menuShouldScrollIntoView: menuShouldScrollIntoViewProp, name, noOptionsMessage, options, onBlur, onChange, placeholder, value, defaultValue, CustomOption: UserCustomOption, SelectedOptionPrefix, testId, creatableButton, onCreate, isSearchable, autoFocus }: Props<T>) => {
     selectProps: {
         [x: string]: any;
         [x: number]: any;

package/dist/index.js

@@ -6394,8 +6394,14 @@ function createWeekRange(date, weekStart) {
     end: getEndOfWeek(date, weekStart)
   };
 }
-var DAYS = [getLocalizedString('time.sunday'), getLocalizedString('time.monday'), getLocalizedString('time.tuesday'), getLocalizedString('time.wednesday'), getLocalizedString('time.thursday'), getLocalizedString('time.friday'), getLocalizedString('time.saturday')];
-var MONTH_NAMES = [getLocalizedString('time.january'), getLocalizedString('time.february'), getLocalizedString('time.march'), getLocalizedString('time.april'), getLocalizedString('time.may'), getLocalizedString('time.june'), getLocalizedString('time.july'), getLocalizedString('time.august'), getLocalizedString('time.september'), getLocalizedString('time.october'), getLocalizedString('time.november'), getLocalizedString('time.december')];
+var getDays = function getDays() {
+  var DAYS = [getLocalizedString('time.sunday'), getLocalizedString('time.monday'), getLocalizedString('time.tuesday'), getLocalizedString('time.wednesday'), getLocalizedString('time.thursday'), getLocalizedString('time.friday'), getLocalizedString('time.saturday')];
+  return DAYS;
+};
+var getMonths = function getMonths() {
+  var MONTH_NAMES = [getLocalizedString('time.january'), getLocalizedString('time.february'), getLocalizedString('time.march'), getLocalizedString('time.april'), getLocalizedString('time.may'), getLocalizedString('time.june'), getLocalizedString('time.july'), getLocalizedString('time.august'), getLocalizedString('time.september'), getLocalizedString('time.october'), getLocalizedString('time.november'), getLocalizedString('time.december')];
+  return MONTH_NAMES;
+};
 
 var CALENDAR_MODE = {
   DAY: 'day',
@@ -6503,6 +6509,7 @@ var Calendar = function Calendar(_ref) {
   var anchorPosition = anchorNode.getBoundingClientRect();
   var calendarPosition = calculateCalendarPosition(position, anchorPosition, calendarRef === null || calendarRef === void 0 ? void 0 : calendarRef.getBoundingClientRect());
   var styleOverrides = mode === CALENDAR_MODE.WEEK ? weekOverridesStyles : dayOverridesStyles;
+  var MONTH_NAMES = getMonths();
   var defaultProps = {
     classNames: _extends({}, originalStylers, styleOverrides),
     onDayClick: function onDayClick(day, activeModifiers) {
@@ -6529,6 +6536,7 @@ var Calendar = function Calendar(_ref) {
       }
     }
   };
+  var DAYS = getDays();
   return React__default.createElement(Portal, null, React__default.createElement("div", {
     className: styles$G['calendar']
   }, React__default.createElement("div", {
@@ -7648,7 +7656,8 @@ var useSelectField = function useSelectField(_ref) {
     creatableButton = _ref.creatableButton,
     onCreate = _ref.onCreate,
     _ref$isSearchable = _ref.isSearchable,
-    isSearchable = _ref$isSearchable === void 0 ? true : _ref$isSearchable;
+    isSearchable = _ref$isSearchable === void 0 ? true : _ref$isSearchable,
+    autoFocus = _ref.autoFocus;
   var menuShouldScrollIntoView = useShouldScrollMenuIntoView(menuShouldScrollIntoViewProp);
   var _useState = React.useState(false),
     isMenuInputFocus = _useState[0],
@@ -7709,7 +7718,8 @@ var useSelectField = function useSelectField(_ref) {
     value: controllers.value,
     defaultValue: defaultValue,
     menuIsOpen: isMenuInputFocus || undefined,
-    isSearchable: isSearchable
+    isSearchable: isSearchable,
+    autoFocus: autoFocus
   };
   var fieldProps = {
     caption: caption,
@@ -9189,6 +9199,8 @@ var DateRangeCalendar = function DateRangeCalendar(_ref) {
     fromMonth: start
   };
   var datePickerProps = mode === 'start-date' ? startDateProps : endDateProps;
+  var DAYS = getDays();
+  var MONTH_NAMES = getMonths();
   return React__default.createElement(Portal, null, React__default.createElement("div", {
     className: styles$G['calendar']
   }, React__default.createElement("div", {