@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.
- package/dist/core/DataTable/DataTable.d.ts +29 -0
- package/dist/core/DataTable/DataTableCell/DataTableCell.d.ts +7 -0
- package/dist/core/DataTable/DataTableCell/index.d.ts +1 -0
- package/dist/core/DataTable/DataTableContext.d.ts +11 -0
- package/dist/core/DataTable/DataTableHeader.d.ts +9 -0
- package/dist/core/DataTable/index.d.ts +1 -0
- package/dist/core/DataTable/types.d.ts +38 -0
- package/dist/core/DataTableEditableCell/DataTableEditableCell.d.ts +21 -0
- package/dist/core/DataTableEditableCell/index.d.ts +1 -0
- package/dist/core/DataTableRow/DataTableRow.d.ts +11 -0
- package/dist/core/DataTableRow/DataTableRowActions/DataTableRowActions.d.ts +6 -0
- package/dist/core/DataTableRow/DataTableRowActions/index.d.ts +1 -0
- package/dist/core/DataTableRow/index.d.ts +1 -0
- package/dist/core/Flex/Flex.d.ts +19 -0
- package/dist/core/Flex/index.d.ts +1 -0
- package/dist/core/Flex/types.d.ts +4 -0
- package/dist/core/Inline/Inline.d.ts +20 -0
- package/dist/core/Inline/index.d.ts +1 -0
- package/dist/core/ResourceTable/ResourceTable.d.ts +28 -0
- package/dist/core/ResourceTable/ResourceTableContext.d.ts +8 -0
- package/dist/core/ResourceTable/ResourceTableHeader.d.ts +12 -0
- package/dist/core/ResourceTable/index.d.ts +1 -0
- package/dist/core/ResourceTable/types.d.ts +26 -0
- package/dist/core/ResourceTableRow/ResourceTableRow.d.ts +13 -0
- package/dist/core/ResourceTableRow/index.d.ts +1 -0
- package/dist/core/SousChefProvider/SousChefProvider.d.ts +3 -1
- package/dist/core/Stack/Stack.d.ts +19 -0
- package/dist/core/Stack/index.d.ts +1 -0
- package/dist/forms/DatePickerCalendar/DatePickerCalendar.d.ts +15 -0
- package/dist/forms/DatePickerCalendar/index.d.ts +1 -0
- package/dist/forms/MultiSelectField/CustomOption/CustomOption.d.ts +7 -0
- package/dist/forms/MultiSelectField/CustomOption/index.d.ts +1 -0
- package/dist/forms/TimeField/TimeFieldDropdown/TimeFieldDropdown.d.ts +2 -1
- package/dist/foundation/colors.d.ts +53 -0
- package/dist/i18n/TranslationsContext.d.ts +7 -0
- package/dist/i18n/locales/en.json +37 -0
- package/dist/i18n/locales/es.json +37 -0
- package/dist/i18n/locales/fr.json +37 -0
- package/dist/i18n/types.d.ts +3 -0
- package/dist/i18n/useTranslation.d.ts +2 -0
- package/dist/icons/components/IconCoffeeCup.d.ts +12 -0
- package/dist/index.js +124 -77
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +120 -73
- package/dist/index.modern.js.map +1 -1
- package/dist/lists/DataTable/DataTableCell/DataTableCell.d.ts +7 -0
- package/dist/lists/DataTable/DataTableCell/index.d.ts +1 -0
- package/dist/lists/DataTable/DataTableHeader.d.ts +9 -0
- package/dist/lists/ResourceTable/ResourceTable.d.ts +28 -0
- package/dist/lists/ResourceTable/ResourceTableContext.d.ts +8 -0
- package/dist/lists/ResourceTable/ResourceTableHeader.d.ts +12 -0
- package/dist/lists/ResourceTable/index.d.ts +1 -0
- package/dist/lists/ResourceTable/types.d.ts +26 -0
- package/dist/lists/ResourceTableRow/ResourceTableRow.d.ts +13 -0
- package/dist/lists/ResourceTableRow/index.d.ts +1 -0
- package/dist/overlay/Menu/Menu.d.ts +9 -0
- package/dist/overlay/Menu/MenuButton.d.ts +8 -0
- package/dist/overlay/Menu/MenuContext.d.ts +9 -0
- package/dist/overlay/Menu/MenuItem.d.ts +7 -0
- package/dist/overlay/Menu/MenuList.d.ts +6 -0
- package/dist/overlay/Menu/index.d.ts +1 -0
- package/dist/overlay/Menu/types.d.ts +6 -0
- package/dist/utils/date.d.ts +9 -2
- package/dist/utils/i18n.d.ts +1 -1
- package/package.json +1 -1
package/dist/index.modern.js
CHANGED
|
@@ -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(
|
|
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(
|
|
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
|
-
|
|
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
|
-
|
|
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 = [
|
|
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 = [
|
|
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:
|
|
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 ||
|
|
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
|
-
},
|
|
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
|
-
},
|
|
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
|
-
|
|
9716
|
+
var selectedValue = value || inputValue;
|
|
9717
|
+
if (selectedValue) {
|
|
9672
9718
|
setIndex(timeOptions.findIndex(function (option) {
|
|
9673
|
-
return option.toLowerCase().startsWith(
|
|
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
|