@7shifts/sous-chef 3.35.0 → 3.36.1-beta0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (65) hide show
  1. package/dist/core/DataTable/DataTable.d.ts +29 -0
  2. package/dist/core/DataTable/DataTableCell/DataTableCell.d.ts +7 -0
  3. package/dist/core/DataTable/DataTableCell/index.d.ts +1 -0
  4. package/dist/core/DataTable/DataTableContext.d.ts +11 -0
  5. package/dist/core/DataTable/DataTableHeader.d.ts +9 -0
  6. package/dist/core/DataTable/index.d.ts +1 -0
  7. package/dist/core/DataTable/types.d.ts +38 -0
  8. package/dist/core/DataTableEditableCell/DataTableEditableCell.d.ts +21 -0
  9. package/dist/core/DataTableEditableCell/index.d.ts +1 -0
  10. package/dist/core/DataTableRow/DataTableRow.d.ts +11 -0
  11. package/dist/core/DataTableRow/DataTableRowActions/DataTableRowActions.d.ts +6 -0
  12. package/dist/core/DataTableRow/DataTableRowActions/index.d.ts +1 -0
  13. package/dist/core/DataTableRow/index.d.ts +1 -0
  14. package/dist/core/Flex/Flex.d.ts +19 -0
  15. package/dist/core/Flex/index.d.ts +1 -0
  16. package/dist/core/Flex/types.d.ts +4 -0
  17. package/dist/core/Inline/Inline.d.ts +20 -0
  18. package/dist/core/Inline/index.d.ts +1 -0
  19. package/dist/core/ResourceTable/ResourceTable.d.ts +28 -0
  20. package/dist/core/ResourceTable/ResourceTableContext.d.ts +8 -0
  21. package/dist/core/ResourceTable/ResourceTableHeader.d.ts +12 -0
  22. package/dist/core/ResourceTable/index.d.ts +1 -0
  23. package/dist/core/ResourceTable/types.d.ts +26 -0
  24. package/dist/core/ResourceTableRow/ResourceTableRow.d.ts +13 -0
  25. package/dist/core/ResourceTableRow/index.d.ts +1 -0
  26. package/dist/core/SousChefProvider/SousChefProvider.d.ts +3 -1
  27. package/dist/core/Stack/Stack.d.ts +19 -0
  28. package/dist/core/Stack/index.d.ts +1 -0
  29. package/dist/forms/DatePickerCalendar/DatePickerCalendar.d.ts +15 -0
  30. package/dist/forms/DatePickerCalendar/index.d.ts +1 -0
  31. package/dist/forms/MultiSelectField/CustomOption/CustomOption.d.ts +7 -0
  32. package/dist/forms/MultiSelectField/CustomOption/index.d.ts +1 -0
  33. package/dist/forms/TimeField/TimeFieldDropdown/TimeFieldDropdown.d.ts +2 -1
  34. package/dist/foundation/colors.d.ts +53 -0
  35. package/dist/i18n/TranslationsContext.d.ts +7 -0
  36. package/dist/i18n/locales/en.json +37 -0
  37. package/dist/i18n/locales/es.json +37 -0
  38. package/dist/i18n/locales/fr.json +37 -0
  39. package/dist/i18n/types.d.ts +3 -0
  40. package/dist/i18n/useTranslation.d.ts +2 -0
  41. package/dist/icons/components/IconCoffeeCup.d.ts +12 -0
  42. package/dist/index.js +124 -77
  43. package/dist/index.js.map +1 -1
  44. package/dist/index.modern.js +120 -73
  45. package/dist/index.modern.js.map +1 -1
  46. package/dist/lists/DataTable/DataTableCell/DataTableCell.d.ts +7 -0
  47. package/dist/lists/DataTable/DataTableCell/index.d.ts +1 -0
  48. package/dist/lists/DataTable/DataTableHeader.d.ts +9 -0
  49. package/dist/lists/ResourceTable/ResourceTable.d.ts +28 -0
  50. package/dist/lists/ResourceTable/ResourceTableContext.d.ts +8 -0
  51. package/dist/lists/ResourceTable/ResourceTableHeader.d.ts +12 -0
  52. package/dist/lists/ResourceTable/index.d.ts +1 -0
  53. package/dist/lists/ResourceTable/types.d.ts +26 -0
  54. package/dist/lists/ResourceTableRow/ResourceTableRow.d.ts +13 -0
  55. package/dist/lists/ResourceTableRow/index.d.ts +1 -0
  56. package/dist/overlay/Menu/Menu.d.ts +9 -0
  57. package/dist/overlay/Menu/MenuButton.d.ts +8 -0
  58. package/dist/overlay/Menu/MenuContext.d.ts +9 -0
  59. package/dist/overlay/Menu/MenuItem.d.ts +7 -0
  60. package/dist/overlay/Menu/MenuList.d.ts +6 -0
  61. package/dist/overlay/Menu/index.d.ts +1 -0
  62. package/dist/overlay/Menu/types.d.ts +6 -0
  63. package/dist/utils/date.d.ts +9 -2
  64. package/dist/utils/i18n.d.ts +1 -1
  65. package/package.json +1 -1
@@ -4212,34 +4212,6 @@ IconWrench.displayName = 'IconWrench';
4212
4212
 
4213
4213
  var styles$6 = {"pagination-controls":"_SMSPF"};
4214
4214
 
4215
- var getLocalizedString = function getLocalizedString(key) {
4216
- if (!window.Shifts) {
4217
- return getLocalTranslation(key);
4218
- }
4219
- return getWebAppTranslation(key);
4220
- };
4221
- var getWebAppTranslation = function getWebAppTranslation(key) {
4222
- var _Shifts, _Shifts$Lang;
4223
- if (!Shifts || ((_Shifts = Shifts) === null || _Shifts === void 0 ? void 0 : (_Shifts$Lang = _Shifts.Lang) === null || _Shifts$Lang === void 0 ? void 0 : _Shifts$Lang.cache) === undefined) {
4224
- return getLocalTranslation(key);
4225
- }
4226
- var _key$split = key.split('.'),
4227
- moduleName = _key$split[0],
4228
- id = _key$split[1];
4229
- if (Shifts.Lang.cache === undefined || Shifts.Lang.cache[moduleName] === undefined || Shifts.Lang.cache[moduleName][id] === undefined) {
4230
- return key;
4231
- }
4232
- return Shifts.Lang.cache[moduleName][id];
4233
- };
4234
- var getLocalTranslation = function getLocalTranslation(key) {
4235
- var translationParts = key.split('.');
4236
- if (translationParts.length > 1) {
4237
- var literal = translationParts[1];
4238
- return literal.charAt(0).toUpperCase() + literal.slice(1).toLowerCase().replace(/_/g, ' ');
4239
- }
4240
- return key;
4241
- };
4242
-
4243
4215
  var styles$7 = {"keyboard-key":"_14Od2","keyboard-key--light":"_3hU2t","keyboard-key__character":"_31UYJ"};
4244
4216
 
4245
4217
  var KeyboardKey = function KeyboardKey(_ref) {
@@ -4285,8 +4257,75 @@ var isFocusingEditableElement = function isFocusingEditableElement() {
4285
4257
  return false;
4286
4258
  };
4287
4259
 
4260
+ var PaginationControls = {
4261
+ previousButton: "Previous",
4262
+ nextButton: "Next"
4263
+ };
4264
+ var AsyncSelectField = {
4265
+ moreOptionsPlaceholder: "Start typing to see more options"
4266
+ };
4267
+ var SelectField = {
4268
+ createOption: "Create option",
4269
+ createButton: "Create"
4270
+ };
4271
+ var HintModal = {
4272
+ dontShowAgainLabel: "Don’t show this again"
4273
+ };
4274
+ var Calendar = {
4275
+ sunday: "Sunday",
4276
+ monday: "Monday",
4277
+ tuesday: "Tuesday",
4278
+ wednesday: "Wednesday",
4279
+ thursday: "Thursday",
4280
+ friday: "Friday",
4281
+ saturday: "Saturday",
4282
+ january: "January",
4283
+ february: "February",
4284
+ march: "March",
4285
+ april: "April",
4286
+ may: "May",
4287
+ june: "June",
4288
+ july: "July",
4289
+ august: "August",
4290
+ september: "September",
4291
+ october: "October",
4292
+ november: "November",
4293
+ december: "December"
4294
+ };
4295
+ var en = {
4296
+ PaginationControls: PaginationControls,
4297
+ AsyncSelectField: AsyncSelectField,
4298
+ SelectField: SelectField,
4299
+ HintModal: HintModal,
4300
+ Calendar: Calendar
4301
+ };
4302
+
4303
+ var initialValue = {
4304
+ i18n: en
4305
+ };
4306
+ var TranslationsContext = createContext(initialValue);
4307
+
4308
+ var useTranslation = function useTranslation(context) {
4309
+ var _useContext = useContext(TranslationsContext),
4310
+ i18n = _useContext.i18n;
4311
+ var translate = function translate(key) {
4312
+ var keys = key.includes('.') ? key.split('.') : [key];
4313
+ if (context) {
4314
+ keys.unshift(context);
4315
+ }
4316
+ var translation = keys.reduce(function (acc, key) {
4317
+ if (typeof acc === 'string') {
4318
+ return acc;
4319
+ }
4320
+ return acc.hasOwnProperty(key) ? acc[key] : '';
4321
+ }, i18n);
4322
+ return typeof translation === 'string' && translation !== '' ? translation : keys.join('.');
4323
+ };
4324
+ return translate;
4325
+ };
4326
+
4288
4327
  var _excluded$2n = ["hasPrevious", "hasNext", "onPreviousClick", "onNextClick", "testId", "scrollTarget"];
4289
- var PaginationControls = function PaginationControls(_ref) {
4328
+ var PaginationControls$1 = function PaginationControls(_ref) {
4290
4329
  var _ref$hasPrevious = _ref.hasPrevious,
4291
4330
  hasPrevious = _ref$hasPrevious === void 0 ? true : _ref$hasPrevious,
4292
4331
  _ref$hasNext = _ref.hasNext,
@@ -4296,6 +4335,7 @@ var PaginationControls = function PaginationControls(_ref) {
4296
4335
  testId = _ref.testId,
4297
4336
  scrollTarget = _ref.scrollTarget,
4298
4337
  otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2n);
4338
+ var __ = useTranslation('PaginationControls');
4299
4339
  var _getDataProps = getDataProps(otherProps),
4300
4340
  dataProps = _getDataProps.dataProps;
4301
4341
  var scrollToTop = function scrollToTop() {
@@ -4335,7 +4375,7 @@ var PaginationControls = function PaginationControls(_ref) {
4335
4375
  }), React__default.createElement(Button$1, {
4336
4376
  disabled: !hasPrevious,
4337
4377
  onClick: handlePreviousClick,
4338
- title: React__default.createElement(React__default.Fragment, null, capitalizeFirstLetter(getLocalizedString('default.PREVIOUS')), "\xA0\xA0", React__default.createElement(KeyboardKey, {
4378
+ title: React__default.createElement(React__default.Fragment, null, capitalizeFirstLetter(__('previousButton')), "\xA0\xA0", React__default.createElement(KeyboardKey, {
4339
4379
  theme: "light"
4340
4380
  }, SHORTCUTS.PREVIOUS.toLocaleUpperCase()))
4341
4381
  }, React__default.createElement(IconArrowLeft, {
@@ -4343,7 +4383,7 @@ var PaginationControls = function PaginationControls(_ref) {
4343
4383
  })), React__default.createElement(Button$1, {
4344
4384
  disabled: !hasNext,
4345
4385
  onClick: handleNextClick,
4346
- title: React__default.createElement(React__default.Fragment, null, capitalizeFirstLetter(getLocalizedString('default.next')), "\xA0\xA0", React__default.createElement(KeyboardKey, {
4386
+ title: React__default.createElement(React__default.Fragment, null, capitalizeFirstLetter(__('nextButton')), "\xA0\xA0", React__default.createElement(KeyboardKey, {
4347
4387
  theme: "light"
4348
4388
  }, SHORTCUTS.NEXT.toLocaleUpperCase()))
4349
4389
  }, React__default.createElement(IconArrowRight, {
@@ -4427,8 +4467,14 @@ var ToastContainer = function ToastContainer(_ref2) {
4427
4467
  };
4428
4468
 
4429
4469
  var SousChefProvider = function SousChefProvider(_ref) {
4430
- var children = _ref.children;
4431
- return React__default.createElement(Fragment, null, React__default.createElement(ToastContainer, null), children);
4470
+ var children = _ref.children,
4471
+ _ref$i18n = _ref.i18n,
4472
+ i18n = _ref$i18n === void 0 ? en : _ref$i18n;
4473
+ return React__default.createElement(TranslationsContext.Provider, {
4474
+ value: {
4475
+ i18n: i18n
4476
+ }
4477
+ }, React__default.createElement(ToastContainer, null), children);
4432
4478
  };
4433
4479
 
4434
4480
  var styles$a = {"data-table-header":"_1vpCK","data-table-header__item":"_dJWps","data-table-header__item--sortable":"_14AEw","data-table-header__itemfocus":"_2JSFR","data-table-header__item--action":"_29TM7","data-table-header__item-content":"_2Zpt5","data-table-header__item-content--right-align":"_3WtwH","data-table-header__sort-icon":"_3codU"};
@@ -4587,12 +4633,12 @@ var DATA_TABLE_SCROLL_STATES = {
4587
4633
  };
4588
4634
  var AMOUNT_OF_SKELETON_ROWS = 10;
4589
4635
 
4590
- var initialValue = {
4636
+ var initialValue$1 = {
4591
4637
  columns: [],
4592
4638
  numberOfRows: 0,
4593
4639
  state: DATA_TABLE_STATES.SKELETON_LOADING
4594
4640
  };
4595
- var Context = createContext(initialValue);
4641
+ var Context = createContext(initialValue$1);
4596
4642
  var useDataTableContext = function useDataTableContext() {
4597
4643
  var context = useContext(Context);
4598
4644
  if (!context) {
@@ -5709,13 +5755,6 @@ var getItemType = function getItemType(child) {
5709
5755
  throw new Error('DropdownList - dropdown items should be using DropdownListDivider or DropdownListItem components');
5710
5756
  }
5711
5757
  };
5712
- var calculateScrollYPosition = function calculateScrollYPosition(newFocusItem, lastFocusItem, paneScrollTop, maxPaneHeight, elementYPosition) {
5713
- var directionCoeff = !lastFocusItem || newFocusItem > lastFocusItem ? -1 * maxPaneHeight : 0;
5714
- if (elementYPosition > paneScrollTop + maxPaneHeight || elementYPosition < paneScrollTop) {
5715
- return elementYPosition + directionCoeff;
5716
- }
5717
- return null;
5718
- };
5719
5758
 
5720
5759
  var DropdownList = function DropdownList(_ref) {
5721
5760
  var testId = _ref.testId,
@@ -5738,10 +5777,7 @@ var DropdownList = function DropdownList(_ref) {
5738
5777
  if (listRef.current && newFocusItem !== null && listRef.current.parentNode) {
5739
5778
  var element = listRef.current.querySelector(":nth-child(" + (newFocusItem + 1) + ")");
5740
5779
  var parentList = listRef.current.parentNode;
5741
- var scrollYPosition = calculateScrollYPosition(newFocusItem, focusedItem || 0, parentList.scrollTop, 354, element.offsetTop);
5742
- if (scrollYPosition !== null) {
5743
- parentList.scrollTo(0, scrollYPosition);
5744
- }
5780
+ parentList.scrollTo(0, element.offsetTop);
5745
5781
  }
5746
5782
  };
5747
5783
  var _useListKeyboardNavig = useListKeyboardNavigation(items, listRef, {
@@ -6422,12 +6458,12 @@ function createWeekRange(date, weekStart) {
6422
6458
  end: getEndOfWeek(date, weekStart)
6423
6459
  };
6424
6460
  }
6425
- var getDays = function getDays() {
6426
- var DAYS = [getLocalizedString('time.sunday'), getLocalizedString('time.monday'), getLocalizedString('time.tuesday'), getLocalizedString('time.wednesday'), getLocalizedString('time.thursday'), getLocalizedString('time.friday'), getLocalizedString('time.saturday')];
6461
+ var getDays = function getDays(translate) {
6462
+ var DAYS = [translate('Calendar.sunday'), translate('Calendar.monday'), translate('Calendar.tuesday'), translate('Calendar.wednesday'), translate('Calendar.thursday'), translate('Calendar.friday'), translate('Calendar.saturday')];
6427
6463
  return DAYS;
6428
6464
  };
6429
- var getMonths = function getMonths() {
6430
- 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')];
6465
+ var getMonths = function getMonths(translate) {
6466
+ var MONTH_NAMES = [translate('Calendar.january'), translate('Calendar.february'), translate('Calendar.march'), translate('Calendar.april'), translate('Calendar.may'), translate('Calendar.june'), translate('Calendar.july'), translate('Calendar.august'), translate('Calendar.september'), translate('Calendar.october'), translate('Calendar.november'), translate('Calendar.december')];
6431
6467
  return MONTH_NAMES;
6432
6468
  };
6433
6469
 
@@ -6487,7 +6523,7 @@ var getVerticalPosition = function getVerticalPosition(anchorPosition, placement
6487
6523
  }
6488
6524
  };
6489
6525
 
6490
- var Calendar = function Calendar(_ref) {
6526
+ var Calendar$1 = function Calendar(_ref) {
6491
6527
  var _ref$mode = _ref.mode,
6492
6528
  mode = _ref$mode === void 0 ? CALENDAR_MODE.DAY : _ref$mode,
6493
6529
  _ref$position = _ref.position,
@@ -6502,6 +6538,7 @@ var Calendar = function Calendar(_ref) {
6502
6538
  anchorRef = _ref.anchorRef,
6503
6539
  testId = _ref.testId,
6504
6540
  onMonthChange = _ref.onMonthChange;
6541
+ var translate = useTranslation();
6505
6542
  var _useState = useState(null),
6506
6543
  calendarRef = _useState[0],
6507
6544
  setCalendarRef = _useState[1];
@@ -6537,7 +6574,8 @@ var Calendar = function Calendar(_ref) {
6537
6574
  var anchorPosition = anchorNode.getBoundingClientRect();
6538
6575
  var calendarPosition = calculateCalendarPosition(position, anchorPosition, calendarRef === null || calendarRef === void 0 ? void 0 : calendarRef.getBoundingClientRect());
6539
6576
  var styleOverrides = mode === CALENDAR_MODE.WEEK ? weekOverridesStyles : dayOverridesStyles;
6540
- var MONTH_NAMES = getMonths();
6577
+ var MONTH_NAMES = getMonths(translate);
6578
+ var DAYS = getDays(translate);
6541
6579
  var defaultProps = {
6542
6580
  classNames: _extends({}, originalStylers, styleOverrides),
6543
6581
  onDayClick: function onDayClick(day, activeModifiers) {
@@ -6556,6 +6594,9 @@ var Calendar = function Calendar(_ref) {
6556
6594
  weekStartsOn: weekStart,
6557
6595
  onMonthChange: onMonthChange,
6558
6596
  formatters: {
6597
+ formatMonthCaption: function formatMonthCaption(date) {
6598
+ return MONTH_NAMES[date.getMonth()];
6599
+ },
6559
6600
  formatCaption: function formatCaption(date) {
6560
6601
  return MONTH_NAMES[date.getMonth()] + ' ' + date.getFullYear();
6561
6602
  },
@@ -6564,7 +6605,6 @@ var Calendar = function Calendar(_ref) {
6564
6605
  }
6565
6606
  }
6566
6607
  };
6567
- var DAYS = getDays();
6568
6608
  return React__default.createElement(Portal, null, React__default.createElement("div", {
6569
6609
  className: styles$G['calendar']
6570
6610
  }, React__default.createElement("div", {
@@ -6713,7 +6753,7 @@ var useLocalStorage = function useLocalStorage(key, initialValue) {
6713
6753
  var styles$I = {"hint-modal":"_1b47y","hint-modal--after-open":"_2MB4p","hint-modal--before-close":"_3VYQo","hint-modal__overlay":"_3Enme","hint-modal__image":"_2Nn7v","hint-modal__body":"_bzN9e","hint-modal__close-button":"_3xbis"};
6714
6754
 
6715
6755
  var _excluded$2y = ["header", "children", "mediaUrl", "onClose", "modalId", "primaryButton", "testId"];
6716
- var HintModal = function HintModal(_ref) {
6756
+ var HintModal$1 = function HintModal(_ref) {
6717
6757
  var header = _ref.header,
6718
6758
  children = _ref.children,
6719
6759
  mediaUrl = _ref.mediaUrl,
@@ -6722,6 +6762,7 @@ var HintModal = function HintModal(_ref) {
6722
6762
  primaryButton = _ref.primaryButton,
6723
6763
  testId = _ref.testId,
6724
6764
  positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$2y);
6765
+ var __ = useTranslation('HintModal');
6725
6766
  var _useState = useState(false),
6726
6767
  doNotShowAgain = _useState[0],
6727
6768
  setDoNotShowAgain = _useState[1];
@@ -6786,7 +6827,7 @@ var HintModal = function HintModal(_ref) {
6786
6827
  }, React__default.createElement(CheckboxField, {
6787
6828
  name: "hint-modal-do-not-show-checkbox",
6788
6829
  checked: doNotShowAgain,
6789
- label: getLocalizedString('schedules.DONT_SHOW_THIS_AGAIN'),
6830
+ label: __('dontShowAgainLabel'),
6790
6831
  onChange: function onChange() {
6791
6832
  return setDoNotShowAgain(!doNotShowAgain);
6792
6833
  }
@@ -7231,7 +7272,7 @@ var DataTable = function DataTable(_ref) {
7231
7272
  return React__default.createElement("div", {
7232
7273
  className: styles$b['data-table__pagination-controls'],
7233
7274
  "data-testid": testId && testId + "-pagination-controls"
7234
- }, React__default.createElement(PaginationControls, {
7275
+ }, React__default.createElement(PaginationControls$1, {
7235
7276
  hasPrevious: isLoading ? false : hasPrevious,
7236
7277
  hasNext: isLoading ? false : hasNext,
7237
7278
  onPreviousClick: onPreviousClick,
@@ -7566,6 +7607,7 @@ function CustomMenu(_ref) {
7566
7607
  setInputDefaultValue = _useState2[1];
7567
7608
  var textFieldRef = useRef(null);
7568
7609
  var containerRef = useRef(null);
7610
+ var __ = useTranslation('SelectField');
7569
7611
  var CreatableButton = function CreatableButton() {
7570
7612
  var button = creatableButton;
7571
7613
  if (!button || typeof button === 'string') {
@@ -7583,7 +7625,7 @@ function CustomMenu(_ref) {
7583
7625
  justifyContent: "center"
7584
7626
  }, React__default.createElement(IconPlus, {
7585
7627
  size: "medium"
7586
- }), button || getLocalizedString('main.CREATE_OPTION')));
7628
+ }), button || __('createOption')));
7587
7629
  }
7588
7630
  return React__default.cloneElement(button, {
7589
7631
  onClick: function onClick() {
@@ -7649,7 +7691,7 @@ function CustomMenu(_ref) {
7649
7691
  onKeyDown: function onKeyDown(e) {
7650
7692
  e.stopPropagation();
7651
7693
  }
7652
- }, getLocalizedString('default.CREATE'))))));
7694
+ }, __('createButton'))))));
7653
7695
  }
7654
7696
 
7655
7697
  var useShouldScrollMenuIntoView = function useShouldScrollMenuIntoView(menuShouldScrollIntoView) {
@@ -7767,7 +7809,7 @@ var useSelectField = function useSelectField(_ref) {
7767
7809
  };
7768
7810
  };
7769
7811
 
7770
- var SelectField = function SelectField(props) {
7812
+ var SelectField$1 = function SelectField(props) {
7771
7813
  var _useSelectField = useSelectField(props),
7772
7814
  fieldProps = _useSelectField.fieldProps,
7773
7815
  selectProps = _useSelectField.selectProps;
@@ -7788,7 +7830,7 @@ var ToolbarSelect = function ToolbarSelect(_ref) {
7788
7830
  disabled = _ref.disabled,
7789
7831
  prefix = _ref.prefix,
7790
7832
  testId = _ref.testId;
7791
- return React__default.createElement(SelectField, {
7833
+ return React__default.createElement(SelectField$1, {
7792
7834
  name: name,
7793
7835
  value: value,
7794
7836
  options: options,
@@ -7962,7 +8004,7 @@ var DateFilter = function DateFilter(_ref) {
7962
8004
  }, React__default.createElement(IconChevronRight, {
7963
8005
  size: "small",
7964
8006
  color: "grey-400"
7965
- }))), calendarOpen && mode !== DATE_FILTER_MODE.MONTH && React__default.createElement(Calendar, {
8007
+ }))), calendarOpen && mode !== DATE_FILTER_MODE.MONTH && React__default.createElement(Calendar$1, {
7966
8008
  onSelect: handleChange,
7967
8009
  selected: value,
7968
8010
  onClickOutside: function onClickOutside() {
@@ -8870,6 +8912,7 @@ var CustomList = function CustomList(_ref) {
8870
8912
  hasMoreOptions = _ref.hasMoreOptions,
8871
8913
  hasMoreOptionsFirstLoad = _ref.hasMoreOptionsFirstLoad,
8872
8914
  props = _objectWithoutPropertiesLoose(_ref, _excluded$2F);
8915
+ var __ = useTranslation('AsyncSelectField');
8873
8916
  var showFooter = hasMoreOptions;
8874
8917
  if (props.selectProps.inputValue === '' && typeof hasMoreOptionsFirstLoad === 'boolean') {
8875
8918
  showFooter = hasMoreOptionsFirstLoad;
@@ -8878,11 +8921,11 @@ var CustomList = function CustomList(_ref) {
8878
8921
  justifyContent: "center"
8879
8922
  }, React__default.createElement("div", {
8880
8923
  className: styles$11['custom-list']
8881
- }, getLocalizedString('main.START_TYPING_TO_SEE_MORE_OPTIONS')))));
8924
+ }, __('moreOptionsPlaceholder')))));
8882
8925
  };
8883
8926
 
8884
8927
  var _excluded$2G = ["loadOptions"];
8885
- var AsyncSelectField = function AsyncSelectField(_ref) {
8928
+ var AsyncSelectField$1 = function AsyncSelectField(_ref) {
8886
8929
  var loadOptions = _ref.loadOptions,
8887
8930
  props = _objectWithoutPropertiesLoose(_ref, _excluded$2G);
8888
8931
  var _useState = useState(false),
@@ -9102,7 +9145,7 @@ var DateField = function DateField(_ref) {
9102
9145
  onBlur: controllers.onBlur,
9103
9146
  maxLength: format.length,
9104
9147
  value: inputValue
9105
- })), showCalendar && React__default.createElement(Calendar, {
9148
+ })), showCalendar && React__default.createElement(Calendar$1, {
9106
9149
  onSelect: function onSelect(date) {
9107
9150
  var _inputRef$current;
9108
9151
  setInputValue(formatDate(date, format));
@@ -9199,6 +9242,7 @@ var DateRangeCalendar = function DateRangeCalendar(_ref) {
9199
9242
  testId = _ref.testId,
9200
9243
  onMonthChange = _ref.onMonthChange,
9201
9244
  mode = _ref.mode;
9245
+ var translate = useTranslation();
9202
9246
  var position = CALENDAR_PLACEMENT.BOTTOM;
9203
9247
  var _useState = useState(null),
9204
9248
  calendarRef = _useState[0],
@@ -9232,8 +9276,8 @@ var DateRangeCalendar = function DateRangeCalendar(_ref) {
9232
9276
  fromMonth: start
9233
9277
  };
9234
9278
  var datePickerProps = mode === 'start-date' ? startDateProps : endDateProps;
9235
- var DAYS = getDays();
9236
- var MONTH_NAMES = getMonths();
9279
+ var DAYS = getDays(translate);
9280
+ var MONTH_NAMES = getMonths(translate);
9237
9281
  return React__default.createElement(Portal, null, React__default.createElement("div", {
9238
9282
  className: styles$G['calendar']
9239
9283
  }, React__default.createElement("div", {
@@ -9572,7 +9616,7 @@ var WeekField = function WeekField(_ref) {
9572
9616
  onBlur: controllers.onBlur,
9573
9617
  maxLength: format.length,
9574
9618
  value: inputValue
9575
- })), showCalendar && React__default.createElement(Calendar, {
9619
+ })), showCalendar && React__default.createElement(Calendar$1, {
9576
9620
  onSelect: function onSelect(date) {
9577
9621
  var _inputRef$current;
9578
9622
  setInputValue(formatDate(date, format));
@@ -9659,7 +9703,8 @@ var TimeFieldDropdown = function TimeFieldDropdown(_ref) {
9659
9703
  inputValue = _ref.inputValue,
9660
9704
  width = _ref.width,
9661
9705
  _ref$endField = _ref.endField,
9662
- endField = _ref$endField === void 0 ? false : _ref$endField;
9706
+ endField = _ref$endField === void 0 ? false : _ref$endField,
9707
+ value = _ref.value;
9663
9708
  var startTimeParsed = startTime ? getDateWithStartTime(startTime) : setToMidnight(new Date());
9664
9709
  var timeOptions = useMemo(function () {
9665
9710
  return getTimeOptions(interval, startTimeParsed, endField && !!startTime);
@@ -9668,12 +9713,13 @@ var TimeFieldDropdown = function TimeFieldDropdown(_ref) {
9668
9713
  index = _useState[0],
9669
9714
  setIndex = _useState[1];
9670
9715
  useEffect(function () {
9671
- if (inputValue) {
9716
+ var selectedValue = value || inputValue;
9717
+ if (selectedValue) {
9672
9718
  setIndex(timeOptions.findIndex(function (option) {
9673
- return option.toLowerCase().startsWith(inputValue.toLowerCase());
9719
+ return option.toLowerCase().startsWith(selectedValue.toLowerCase());
9674
9720
  }));
9675
9721
  }
9676
- }, [inputValue]);
9722
+ }, [inputValue, value]);
9677
9723
  return React__default.createElement(Dropdown, {
9678
9724
  triggerWidth: "full",
9679
9725
  trigger: trigger,
@@ -9747,7 +9793,8 @@ var TimeFieldElement = function TimeFieldElement(_ref, forwardedRef) {
9747
9793
  onOptionClick: onOptionClick,
9748
9794
  inputValue: selectedDropdownValue,
9749
9795
  width: width,
9750
- endField: endField
9796
+ endField: endField,
9797
+ value: allOtherProps.value
9751
9798
  });
9752
9799
  };
9753
9800
  var TimeRangeSelector = forwardRef(TimeFieldElement);
@@ -11399,5 +11446,5 @@ var EmptyState = function EmptyState(_ref) {
11399
11446
  }, children);
11400
11447
  };
11401
11448
 
11402
- export { AsyncSelectField, Avatar, Badge$1 as Badge, Bold, BreadcrumbItem, Breadcrumbs, Button$1 as Button, COLORS, Calendar, CalloutCard, Card, CheckboxField, Chip, CircularProgress, CurrencyField, DataTable, DataTableCell, DataTableEditableCell, DataTableRow, DateField, DateFilter, DateRangeField, Dropdown, DropdownList, DropdownListDivider, DropdownListItem, EmptyState, Form, FormFeedback, FormFooter, FormRow, FormSection, HintModal, IconAnalytics, IconArrowDown, IconArrowDownWideShort, IconArrowLeft, IconArrowRight, IconArrowToTop, IconArrowTurnDownRight, IconArrowUp, IconAward, IconAwful, IconAwfulMonochromatic, IconBad, IconBadMonochromatic, IconBalanceScale, IconBalanceScaleLeft, IconBan, IconBarsH, IconBarsV, IconBell, IconBirthdayCake, IconBold, IconBolt, IconBook, IconBriefcase, IconBullseyeArrow, IconCalculator, IconCalendar, IconCalendarAlt, IconCalendarCheck, IconCalendarDay, IconCalendarExclamation, IconCalendarStar, IconCalendarTomorrow, IconCamera, IconCameraSlash, IconCashRegister, IconChartBar, IconCheck, IconCheckCircleIncomplete, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconClipboardList, IconClock, IconCog, IconComment, IconCommentLines, IconCopy, IconCreditCard, IconCreditCardPlus, IconDecent, IconDecentMonochromatic, IconDownload, IconEdit, IconEllipsisV, IconEnvelope, IconEnvelopeOpenDollar, IconExclaimation, IconExclaimationTriangle, IconExpand, IconExternalLink, IconEye, IconEyeSlash, IconFile, IconFilePdf, IconFlag, IconFourDotsCircle, IconFourSquares, IconGavel, IconGif, IconGift, IconGood, IconGoodMonochromatic, IconGreat, IconGreatMonochromatic, IconGrinBeam, IconGripVertical, IconHandshake, IconImage, IconInfoCircle, IconIslandTropical, IconItalic, IconLaptopSearch, IconLink, IconList, IconListOI as IconListOi, IconLock, IconMagicSolid, IconMapMarker, IconMegaphone, IconMessages, IconMinus, IconMinusCircle, IconMoneyBill, IconMugSaucerSolid, IconNotesMedical, IconOvertime, IconPaperPlane, IconPaperPlaneClock, IconPaperclip, IconPencil, IconPercentage, IconPhone, IconPlug, IconPlus, IconPrint, IconQuestionCircle, IconRepeat, IconReply, IconRocket, IconSearch, IconSignOut, IconSitemap, IconSlidersH, IconSort, IconStar, IconStarSolid, IconStickyNoteLines, IconStopwatch, IconStrikethrough, IconSync, IconSyncExclaimation, IconTable, IconTachometer, IconTimes, IconTimesOctagon, IconTrash, IconUnderline, IconUndo, IconUniversity, IconUnlock, IconUserComputer, IconUserFriends, IconUserLight, IconUserPlus, IconUserSearch, IconUserSlash, IconUserSolid, IconUserTag, IconUserTie, IconUsers, IconVideo, IconVolume, IconVolumeMute, IconWrench, Inline, InlineBanner, Italic, Link, Modal, ModalBody, ModalFooter, MultiSelectField, Page, PaginationControls, PasswordField, Paywall, PercentageField, PersistentBanner, PhoneField, Pill, PillSelectField, ProgressBar, RadioGroupBoxOption, RadioGroupField, RadioGroupOption, SIZE_25_PERCENT, SIZE_33_PERCENT, SIZE_50_PERCENT, SIZE_66_PERCENT, SIZE_75_PERCENT, SegmentedControl, SelectField, Skeleton, SousChefProvider, Spinner, Stack, Text, TextAreaField, TextField, TimeField, TimeRangeField, Toggle, ToolbarSelect, Tooltip$1 as Tooltip, Underline, WeekField, ZINDEX, toast, useDataTableContext };
11449
+ export { AsyncSelectField$1 as AsyncSelectField, Avatar, Badge$1 as Badge, Bold, BreadcrumbItem, Breadcrumbs, Button$1 as Button, COLORS, Calendar$1 as Calendar, CalloutCard, Card, CheckboxField, Chip, CircularProgress, CurrencyField, DataTable, DataTableCell, DataTableEditableCell, DataTableRow, DateField, DateFilter, DateRangeField, Dropdown, DropdownList, DropdownListDivider, DropdownListItem, EmptyState, Form, FormFeedback, FormFooter, FormRow, FormSection, HintModal$1 as HintModal, IconAnalytics, IconArrowDown, IconArrowDownWideShort, IconArrowLeft, IconArrowRight, IconArrowToTop, IconArrowTurnDownRight, IconArrowUp, IconAward, IconAwful, IconAwfulMonochromatic, IconBad, IconBadMonochromatic, IconBalanceScale, IconBalanceScaleLeft, IconBan, IconBarsH, IconBarsV, IconBell, IconBirthdayCake, IconBold, IconBolt, IconBook, IconBriefcase, IconBullseyeArrow, IconCalculator, IconCalendar, IconCalendarAlt, IconCalendarCheck, IconCalendarDay, IconCalendarExclamation, IconCalendarStar, IconCalendarTomorrow, IconCamera, IconCameraSlash, IconCashRegister, IconChartBar, IconCheck, IconCheckCircleIncomplete, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconClipboardList, IconClock, IconCog, IconComment, IconCommentLines, IconCopy, IconCreditCard, IconCreditCardPlus, IconDecent, IconDecentMonochromatic, IconDownload, IconEdit, IconEllipsisV, IconEnvelope, IconEnvelopeOpenDollar, IconExclaimation, IconExclaimationTriangle, IconExpand, IconExternalLink, IconEye, IconEyeSlash, IconFile, IconFilePdf, IconFlag, IconFourDotsCircle, IconFourSquares, IconGavel, IconGif, IconGift, IconGood, IconGoodMonochromatic, IconGreat, IconGreatMonochromatic, IconGrinBeam, IconGripVertical, IconHandshake, IconImage, IconInfoCircle, IconIslandTropical, IconItalic, IconLaptopSearch, IconLink, IconList, IconListOI as IconListOi, IconLock, IconMagicSolid, IconMapMarker, IconMegaphone, IconMessages, IconMinus, IconMinusCircle, IconMoneyBill, IconMugSaucerSolid, IconNotesMedical, IconOvertime, IconPaperPlane, IconPaperPlaneClock, IconPaperclip, IconPencil, IconPercentage, IconPhone, IconPlug, IconPlus, IconPrint, IconQuestionCircle, IconRepeat, IconReply, IconRocket, IconSearch, IconSignOut, IconSitemap, IconSlidersH, IconSort, IconStar, IconStarSolid, IconStickyNoteLines, IconStopwatch, IconStrikethrough, IconSync, IconSyncExclaimation, IconTable, IconTachometer, IconTimes, IconTimesOctagon, IconTrash, IconUnderline, IconUndo, IconUniversity, IconUnlock, IconUserComputer, IconUserFriends, IconUserLight, IconUserPlus, IconUserSearch, IconUserSlash, IconUserSolid, IconUserTag, IconUserTie, IconUsers, IconVideo, IconVolume, IconVolumeMute, IconWrench, Inline, InlineBanner, Italic, Link, Modal, ModalBody, ModalFooter, MultiSelectField, Page, PaginationControls$1 as PaginationControls, PasswordField, Paywall, PercentageField, PersistentBanner, PhoneField, Pill, PillSelectField, ProgressBar, RadioGroupBoxOption, RadioGroupField, RadioGroupOption, SIZE_25_PERCENT, SIZE_33_PERCENT, SIZE_50_PERCENT, SIZE_66_PERCENT, SIZE_75_PERCENT, SegmentedControl, SelectField$1 as SelectField, Skeleton, SousChefProvider, Spinner, Stack, Text, TextAreaField, TextField, TimeField, TimeRangeField, Toggle, ToolbarSelect, Tooltip$1 as Tooltip, Underline, WeekField, ZINDEX, toast, useDataTableContext };
11403
11450
  //# sourceMappingURL=index.modern.js.map