@7shifts/sous-chef 2.9.0 → 2.10.0
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/index.js +193 -36
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +191 -36
- package/dist/index.modern.js.map +1 -1
- package/dist/overlay/Calendar/Calendar.d.ts +23 -0
- package/dist/overlay/Calendar/constants.d.ts +8 -0
- package/dist/overlay/Calendar/domain.d.ts +7 -0
- package/dist/overlay/Calendar/index.d.ts +1 -0
- package/dist/overlay/Calendar/types.d.ts +2 -0
- package/dist/overlay/index.d.ts +2 -1
- package/package.json +1 -1
package/dist/index.modern.js
CHANGED
|
@@ -4,13 +4,14 @@ import ReactDOM from 'react-dom';
|
|
|
4
4
|
import Select, { components } from 'react-select';
|
|
5
5
|
import DayPickerInput from 'react-day-picker/DayPickerInput';
|
|
6
6
|
import { isDate, startOfDay } from 'date-fns';
|
|
7
|
-
import { DateUtils } from 'react-day-picker';
|
|
7
|
+
import DayPicker, { DateUtils } from 'react-day-picker';
|
|
8
8
|
import dateFnsFormat from 'date-fns/format';
|
|
9
9
|
import dateFnsParse from 'date-fns/parse';
|
|
10
10
|
import startOfDay$1 from 'date-fns/startOfDay';
|
|
11
11
|
import eachDayOfInterval from 'date-fns/eachDayOfInterval';
|
|
12
12
|
import parseTime from 'time-autocomplete/src/core/AMPMParser';
|
|
13
13
|
import ReactModal from 'react-modal';
|
|
14
|
+
import 'react-day-picker/lib/style.css';
|
|
14
15
|
|
|
15
16
|
function _extends() {
|
|
16
17
|
_extends = Object.assign || function (target) {
|
|
@@ -5306,7 +5307,7 @@ var DatePickerCalendar = function DatePickerCalendar(_ref) {
|
|
|
5306
5307
|
|
|
5307
5308
|
var inputStyles = {"text-field":"_1btTx","date-field":"_1Sc9D","text-field--invalid":"_2feYp","date-field--invalid":"_2SNat","text-field--prefixed":"_E18JV","date-field--prefixed":"_jLolW","text-field--suffixed":"_27J43","date-field--suffixed":"_3eTNi"};
|
|
5308
5309
|
|
|
5309
|
-
var
|
|
5310
|
+
var dayStyles = {"container":"_v1b-5","wrapper":"_3mrLu","interactionDisabled":"_1J9dh","DayPicker-Day":"_8FcQE","navBar":"_1SPuq","todayButton":"_24FJ6","navButtonInteractionDisabled":"_Oxdm9","navButtonPrev":"_20uqc","navButtonNext":"_3C53z","months":"_M_eHz","month":"_3RPpJ","caption":"_1FXNw","weekdays":"_3KcRU","weekdaysRow":"_1fO_e","weekday":"_c1Y-X","body":"_34mA1","week":"_1PmqZ","day":"_1AWH2","disabled":"_3vJkw","selected":"_1DR0N","outside":"_276GV","footer":"_2M5xr","today":"_3N6fj","overlayWrapper":"_3Zqgu","overlay":"_20Ncd","weekNumber":"_2hb-S"};
|
|
5310
5311
|
|
|
5311
5312
|
function parseDate(str, format, locale) {
|
|
5312
5313
|
var parsed = dateFnsParse(str, format, new Date(), {
|
|
@@ -5390,7 +5391,7 @@ var DateField = function DateField(_ref) {
|
|
|
5390
5391
|
error: controllers.error
|
|
5391
5392
|
};
|
|
5392
5393
|
var dayPickerProps = {
|
|
5393
|
-
classNames:
|
|
5394
|
+
classNames: dayStyles,
|
|
5394
5395
|
disabledDays: function disabledDays(day) {
|
|
5395
5396
|
return _disabledDays && _disabledDays(setToMidnight(day));
|
|
5396
5397
|
},
|
|
@@ -5407,7 +5408,7 @@ var DateField = function DateField(_ref) {
|
|
|
5407
5408
|
})
|
|
5408
5409
|
}, React__default.createElement(DayPickerInput, {
|
|
5409
5410
|
format: format,
|
|
5410
|
-
classNames:
|
|
5411
|
+
classNames: dayStyles,
|
|
5411
5412
|
formatDate: formatDate,
|
|
5412
5413
|
parseDate: parseDate,
|
|
5413
5414
|
placeholder: placeholder || format.toUpperCase(),
|
|
@@ -5516,7 +5517,7 @@ var getFormikError = function getFormikError(error) {
|
|
|
5516
5517
|
return undefined;
|
|
5517
5518
|
};
|
|
5518
5519
|
|
|
5519
|
-
var styles$
|
|
5520
|
+
var styles$s = {"container":"_1Ini2","wrapper":"_21VnL","interactionDisabled":"_wJ6Cb","DayPicker-Day":"_1c48y","navBar":"_3KwsN","todayButton":"_10CBO","navButtonInteractionDisabled":"_dHL-D","navButtonPrev":"_6kNi3","navButtonNext":"_13W_e","months":"_1FeSY","month":"_wU6A4","caption":"_AMbAo","weekdays":"_1LEst","weekdaysRow":"_2XECo","weekday":"_1C5ry","body":"_11F-Y","week":"_3MAFk","day":"_mG73F","disabled":"_2pgnH","selected":"_MtLaz","outside":"_CRqyX","footer":"_2KG9-","today":"_2JA2y","overlayWrapper":"_1JWbc","overlay":"_2tL6g","weekNumber":"_3u72O","text-field":"_25rf7","date-range-field":"_3qVhi","text-field--invalid":"_2M9Ud","text-field--prefixed":"_3TUb2","text-field--suffixed":"_foqL0","date-range-field--invalid":"_3df9R","date-range-field--disabled":"_2Nkht"};
|
|
5520
5521
|
|
|
5521
5522
|
var FromDate = function FromDate(_ref) {
|
|
5522
5523
|
var name = _ref.name,
|
|
@@ -5554,7 +5555,7 @@ var FromDate = function FromDate(_ref) {
|
|
|
5554
5555
|
}
|
|
5555
5556
|
|
|
5556
5557
|
var dayPickerProps = {
|
|
5557
|
-
classNames: styles$
|
|
5558
|
+
classNames: styles$s,
|
|
5558
5559
|
months: MONTH_NAMES,
|
|
5559
5560
|
weekdaysLong: DAYS,
|
|
5560
5561
|
weekdaysShort: DAYS.map(function (day) {
|
|
@@ -5581,7 +5582,7 @@ var FromDate = function FromDate(_ref) {
|
|
|
5581
5582
|
};
|
|
5582
5583
|
return React__default.createElement(DayPickerInput, {
|
|
5583
5584
|
format: format,
|
|
5584
|
-
classNames: styles$
|
|
5585
|
+
classNames: styles$s,
|
|
5585
5586
|
selectedDay: start,
|
|
5586
5587
|
value: start,
|
|
5587
5588
|
formatDate: formatDate,
|
|
@@ -5654,7 +5655,7 @@ var ToDate = function ToDate(_ref, ref) {
|
|
|
5654
5655
|
}
|
|
5655
5656
|
|
|
5656
5657
|
var dayPickerProps = {
|
|
5657
|
-
classNames: styles$
|
|
5658
|
+
classNames: styles$s,
|
|
5658
5659
|
months: MONTH_NAMES,
|
|
5659
5660
|
weekdaysLong: DAYS,
|
|
5660
5661
|
weekdaysShort: DAYS.map(function (day) {
|
|
@@ -5673,7 +5674,7 @@ var ToDate = function ToDate(_ref, ref) {
|
|
|
5673
5674
|
};
|
|
5674
5675
|
return React__default.createElement(DayPickerInput, {
|
|
5675
5676
|
format: format,
|
|
5676
|
-
classNames: styles$
|
|
5677
|
+
classNames: styles$s,
|
|
5677
5678
|
selectedDay: end,
|
|
5678
5679
|
value: end,
|
|
5679
5680
|
formatDate: formatDate,
|
|
@@ -5757,7 +5758,7 @@ var DateRangeField = function DateRangeField(_ref) {
|
|
|
5757
5758
|
start = _controllers$value.start,
|
|
5758
5759
|
end = _controllers$value.end;
|
|
5759
5760
|
return React__default.createElement(Field, Object.assign({}, fieldProps), React__default.createElement("div", {
|
|
5760
|
-
className: classnames(styles$
|
|
5761
|
+
className: classnames(styles$s['date-range-field'], (_classnames = {}, _classnames[styles$s['date-range-field--invalid']] = hasError, _classnames[styles$s['date-range-field--disabled']] = disabled, _classnames))
|
|
5761
5762
|
}, React__default.createElement(IconCalendarAlt, {
|
|
5762
5763
|
size: "medium",
|
|
5763
5764
|
color: GREY400
|
|
@@ -5807,7 +5808,7 @@ var DateRangeField = function DateRangeField(_ref) {
|
|
|
5807
5808
|
})));
|
|
5808
5809
|
};
|
|
5809
5810
|
|
|
5810
|
-
var
|
|
5811
|
+
var weekStyles = {"container":"_okDvi","wrapper":"_17XdD","interactionDisabled":"_1O7OT","DayPicker-Day":"_3noGA","navBar":"_1Hl3Q","todayButton":"_m0Vs9","navButtonInteractionDisabled":"_1ULWH","navButtonPrev":"_3gjq8","navButtonNext":"_1m-Kd","months":"_Fq6Xh","month":"_3i0Oo","caption":"_36X9Y","weekdays":"_1aWPn","weekdaysRow":"_3HXCK","weekday":"_t-ctd","body":"_XAbiR","week":"_3Nwep","day":"_3nNcG","disabled":"_1M4ZF","selected":"_2PEs8","outside":"_1PIJa","footer":"_2T_z1","today":"_1hVM6","overlayWrapper":"_1L-hI","overlay":"_dDPZb","weekNumber":"_1alhT"};
|
|
5811
5812
|
|
|
5812
5813
|
var WeekField = function WeekField(_ref) {
|
|
5813
5814
|
var _classnames;
|
|
@@ -5882,7 +5883,7 @@ var WeekField = function WeekField(_ref) {
|
|
|
5882
5883
|
};
|
|
5883
5884
|
|
|
5884
5885
|
var dayPickerProps = {
|
|
5885
|
-
classNames:
|
|
5886
|
+
classNames: weekStyles,
|
|
5886
5887
|
disabledDays: function disabledDays(day) {
|
|
5887
5888
|
return _disabledDays && _disabledDays(setToMidnight(day));
|
|
5888
5889
|
},
|
|
@@ -5912,7 +5913,7 @@ var WeekField = function WeekField(_ref) {
|
|
|
5912
5913
|
})
|
|
5913
5914
|
}, React__default.createElement(DayPickerInput, {
|
|
5914
5915
|
format: format,
|
|
5915
|
-
classNames:
|
|
5916
|
+
classNames: weekStyles,
|
|
5916
5917
|
formatDate: formatDate,
|
|
5917
5918
|
parseDate: parseDate,
|
|
5918
5919
|
placeholder: placeholder || format.toUpperCase(),
|
|
@@ -6108,9 +6109,9 @@ var PercentageElement = function PercentageElement(_ref, ref) {
|
|
|
6108
6109
|
|
|
6109
6110
|
var PercentageField = forwardRef(PercentageElement);
|
|
6110
6111
|
|
|
6111
|
-
var styles$
|
|
6112
|
+
var styles$t = {"overlay":"_2puqJ","overlay--after-open":"_1167h","overlay--before-close":"_t_t7L","content":"_wQQ_2","content--after-open":"_3jwux","content--before-close":"_2c2QP"};
|
|
6112
6113
|
|
|
6113
|
-
var styles$
|
|
6114
|
+
var styles$u = {"header":"_36nxW","sub-header":"_2XwRD"};
|
|
6114
6115
|
|
|
6115
6116
|
var ModalHeader = function ModalHeader(_ref) {
|
|
6116
6117
|
var header = _ref.header,
|
|
@@ -6122,12 +6123,12 @@ var ModalHeader = function ModalHeader(_ref) {
|
|
|
6122
6123
|
flex: [1],
|
|
6123
6124
|
alignItems: "center"
|
|
6124
6125
|
}, React__default.createElement("span", {
|
|
6125
|
-
className: styles$
|
|
6126
|
+
className: styles$u['header']
|
|
6126
6127
|
}, header), React__default.createElement(Button$1, {
|
|
6127
6128
|
theme: "link-icon",
|
|
6128
6129
|
onClick: onClose
|
|
6129
6130
|
}, React__default.createElement(IconTimes, null))), subHeader && React__default.createElement("div", {
|
|
6130
|
-
className: styles$
|
|
6131
|
+
className: styles$u['sub-header']
|
|
6131
6132
|
}, subHeader));
|
|
6132
6133
|
};
|
|
6133
6134
|
|
|
@@ -6163,14 +6164,14 @@ var Modal = function Modal(_ref) {
|
|
|
6163
6164
|
contentLabel: "Modal",
|
|
6164
6165
|
appElement: rootElementId && document.getElementById(rootElementId) || undefined,
|
|
6165
6166
|
overlayClassName: {
|
|
6166
|
-
base: styles$
|
|
6167
|
-
afterOpen: styles$
|
|
6168
|
-
beforeClose: styles$
|
|
6167
|
+
base: styles$t['overlay'],
|
|
6168
|
+
afterOpen: styles$t['overlay--after-open'],
|
|
6169
|
+
beforeClose: styles$t['overlay--before-close']
|
|
6169
6170
|
},
|
|
6170
6171
|
className: {
|
|
6171
|
-
base: styles$
|
|
6172
|
-
afterOpen: styles$
|
|
6173
|
-
beforeClose: styles$
|
|
6172
|
+
base: styles$t['content'],
|
|
6173
|
+
afterOpen: styles$t['content--after-open'],
|
|
6174
|
+
beforeClose: styles$t['content--before-close']
|
|
6174
6175
|
}
|
|
6175
6176
|
}, React__default.createElement(ModalHeader, {
|
|
6176
6177
|
header: header,
|
|
@@ -6183,16 +6184,16 @@ Modal.setAppElement = function (rootElement) {
|
|
|
6183
6184
|
ReactModal.setAppElement(rootElement);
|
|
6184
6185
|
};
|
|
6185
6186
|
|
|
6186
|
-
var styles$
|
|
6187
|
+
var styles$v = {"modal-body":"_2J-ku"};
|
|
6187
6188
|
|
|
6188
6189
|
var ModalBody = function ModalBody(_ref) {
|
|
6189
6190
|
var children = _ref.children;
|
|
6190
6191
|
return React__default.createElement("div", {
|
|
6191
|
-
className: styles$
|
|
6192
|
+
className: styles$v['modal-body']
|
|
6192
6193
|
}, children);
|
|
6193
6194
|
};
|
|
6194
6195
|
|
|
6195
|
-
var styles$
|
|
6196
|
+
var styles$w = {"modal-footer":"_LKOr5","tertiary-container":"_Qktd-"};
|
|
6196
6197
|
|
|
6197
6198
|
var ModalFooter = function ModalFooter(_ref) {
|
|
6198
6199
|
var children = _ref.children,
|
|
@@ -6213,7 +6214,7 @@ var ModalFooter = function ModalFooter(_ref) {
|
|
|
6213
6214
|
return React__default.createElement(FooterContainer, null, React__default.createElement(Inline, {
|
|
6214
6215
|
justifyContent: "space-between"
|
|
6215
6216
|
}, React__default.createElement("div", {
|
|
6216
|
-
className: classnames((_classnames = {}, _classnames[styles$
|
|
6217
|
+
className: classnames((_classnames = {}, _classnames[styles$w['tertiary-container']] = tertiaryButton && tertiaryButton.props.theme.startsWith('link'), _classnames))
|
|
6217
6218
|
}, tertiaryButton || React__default.createElement("div", null)), React__default.createElement(Inline, {
|
|
6218
6219
|
space: 12
|
|
6219
6220
|
}, secondaryButton, primaryButton)));
|
|
@@ -6241,7 +6242,7 @@ var FooterContainer = function FooterContainer(_ref2) {
|
|
|
6241
6242
|
var childrenItens = React__default.Children.toArray(children);
|
|
6242
6243
|
var hasCustomAlignment = childrenItens.length === 1 && childrenItens[0].type === Inline;
|
|
6243
6244
|
return React__default.createElement("div", {
|
|
6244
|
-
className: styles$
|
|
6245
|
+
className: styles$w['modal-footer']
|
|
6245
6246
|
}, React__default.createElement(Inline, {
|
|
6246
6247
|
justifyContent: "end",
|
|
6247
6248
|
space: 12,
|
|
@@ -6249,7 +6250,161 @@ var FooterContainer = function FooterContainer(_ref2) {
|
|
|
6249
6250
|
}, children));
|
|
6250
6251
|
};
|
|
6251
6252
|
|
|
6252
|
-
var
|
|
6253
|
+
var CALENDAR_MODE = {
|
|
6254
|
+
DAY: 'day',
|
|
6255
|
+
WEEK: 'week'
|
|
6256
|
+
};
|
|
6257
|
+
var CALENDAR_PLACEMENT = {
|
|
6258
|
+
BOTTOM: 'bottom',
|
|
6259
|
+
TOP: 'top'
|
|
6260
|
+
};
|
|
6261
|
+
|
|
6262
|
+
var calculateCalendarPosition = function calculateCalendarPosition(placement, anchorPosition, calendarDimensions) {
|
|
6263
|
+
if (!calendarDimensions) {
|
|
6264
|
+
return {
|
|
6265
|
+
left: 0,
|
|
6266
|
+
top: 0
|
|
6267
|
+
};
|
|
6268
|
+
}
|
|
6269
|
+
|
|
6270
|
+
var horizontalPosition = getHorizontalPosition(anchorPosition, calendarDimensions);
|
|
6271
|
+
var verticalPosition = getVerticalPosition(anchorPosition, placement, calendarDimensions);
|
|
6272
|
+
return _extends({}, horizontalPosition, verticalPosition);
|
|
6273
|
+
};
|
|
6274
|
+
|
|
6275
|
+
var getHorizontalPosition = function getHorizontalPosition(anchorPosition, calendarDimensions) {
|
|
6276
|
+
var innerWidth = window.innerWidth;
|
|
6277
|
+
var calendarRight = anchorPosition.left + calendarDimensions.width;
|
|
6278
|
+
|
|
6279
|
+
if (innerWidth > calendarRight + BUFFER) {
|
|
6280
|
+
return {
|
|
6281
|
+
left: anchorPosition.left
|
|
6282
|
+
};
|
|
6283
|
+
}
|
|
6284
|
+
|
|
6285
|
+
return {
|
|
6286
|
+
left: anchorPosition.right - calendarDimensions.width
|
|
6287
|
+
};
|
|
6288
|
+
};
|
|
6289
|
+
|
|
6290
|
+
var getVerticalPosition = function getVerticalPosition(anchorPosition, placement, calendarDimensions) {
|
|
6291
|
+
var calendarTopAboveTrigger = anchorPosition.top - calendarDimensions.height - PADDING;
|
|
6292
|
+
var calendarTopBelowTrigger = anchorPosition.bottom + PADDING;
|
|
6293
|
+
|
|
6294
|
+
if (placement === CALENDAR_PLACEMENT.TOP) {
|
|
6295
|
+
if (calendarTopAboveTrigger < 0) {
|
|
6296
|
+
return {
|
|
6297
|
+
top: anchorPosition.bottom + PADDING
|
|
6298
|
+
};
|
|
6299
|
+
}
|
|
6300
|
+
|
|
6301
|
+
return {
|
|
6302
|
+
top: calendarTopAboveTrigger + window.scrollY
|
|
6303
|
+
};
|
|
6304
|
+
} else {
|
|
6305
|
+
if (calendarTopBelowTrigger + calendarDimensions.height > window.innerHeight) {
|
|
6306
|
+
return {
|
|
6307
|
+
top: calendarTopAboveTrigger + window.scrollY
|
|
6308
|
+
};
|
|
6309
|
+
}
|
|
6310
|
+
|
|
6311
|
+
return {
|
|
6312
|
+
top: calendarTopBelowTrigger + window.scrollY
|
|
6313
|
+
};
|
|
6314
|
+
}
|
|
6315
|
+
};
|
|
6316
|
+
|
|
6317
|
+
var Calendar = function Calendar(_ref) {
|
|
6318
|
+
var _ref$mode = _ref.mode,
|
|
6319
|
+
mode = _ref$mode === void 0 ? CALENDAR_MODE.DAY : _ref$mode,
|
|
6320
|
+
_ref$position = _ref.position,
|
|
6321
|
+
position = _ref$position === void 0 ? CALENDAR_PLACEMENT.BOTTOM : _ref$position,
|
|
6322
|
+
_ref$weekStart = _ref.weekStart,
|
|
6323
|
+
weekStart = _ref$weekStart === void 0 ? 0 : _ref$weekStart,
|
|
6324
|
+
selected = _ref.selected,
|
|
6325
|
+
onSelect = _ref.onSelect,
|
|
6326
|
+
onClickOutside = _ref.onClickOutside,
|
|
6327
|
+
disabledDays = _ref.disabledDays,
|
|
6328
|
+
anchorRef = _ref.anchorRef;
|
|
6329
|
+
|
|
6330
|
+
var _useState = useState(null),
|
|
6331
|
+
calendarRef = _useState[0],
|
|
6332
|
+
setCalendarRef = _useState[1];
|
|
6333
|
+
|
|
6334
|
+
var style = mode === CALENDAR_MODE.DAY ? dayStyles : weekStyles;
|
|
6335
|
+
var anchorNode = anchorRef.current;
|
|
6336
|
+
useOnClickOutside({
|
|
6337
|
+
current: calendarRef
|
|
6338
|
+
}, function (event) {
|
|
6339
|
+
var _anchorRef$current;
|
|
6340
|
+
|
|
6341
|
+
if (!((_anchorRef$current = anchorRef.current) !== null && _anchorRef$current !== void 0 && _anchorRef$current.contains(event === null || event === void 0 ? void 0 : event.srcElement))) {
|
|
6342
|
+
onClickOutside();
|
|
6343
|
+
}
|
|
6344
|
+
});
|
|
6345
|
+
var weekRange = selected ? createWeekRange(selected, weekStart) : undefined;
|
|
6346
|
+
var selectedRange = weekRange && {
|
|
6347
|
+
from: weekRange.start,
|
|
6348
|
+
to: weekRange.end
|
|
6349
|
+
};
|
|
6350
|
+
|
|
6351
|
+
var handleSelect = function handleSelect(day) {
|
|
6352
|
+
var selectedDate = setToMidnight(day);
|
|
6353
|
+
|
|
6354
|
+
if (mode === CALENDAR_MODE.DAY) {
|
|
6355
|
+
onSelect(selectedDate);
|
|
6356
|
+
} else {
|
|
6357
|
+
var _weekRange = createWeekRange(selectedDate, weekStart);
|
|
6358
|
+
|
|
6359
|
+
onSelect(_weekRange.start);
|
|
6360
|
+
}
|
|
6361
|
+
|
|
6362
|
+
setTimeout(function () {
|
|
6363
|
+
onClickOutside();
|
|
6364
|
+
}, 100);
|
|
6365
|
+
};
|
|
6366
|
+
|
|
6367
|
+
if (!anchorNode) {
|
|
6368
|
+
return null;
|
|
6369
|
+
}
|
|
6370
|
+
|
|
6371
|
+
var anchorPosition = anchorNode.getBoundingClientRect();
|
|
6372
|
+
var calendarPosition = calculateCalendarPosition(position, anchorPosition, calendarRef === null || calendarRef === void 0 ? void 0 : calendarRef.getBoundingClientRect());
|
|
6373
|
+
return React__default.createElement(Portal, null, React__default.createElement("div", {
|
|
6374
|
+
className: style.overlayWrapper
|
|
6375
|
+
}, React__default.createElement("div", {
|
|
6376
|
+
className: style.overlay,
|
|
6377
|
+
ref: function ref(_ref2) {
|
|
6378
|
+
return setCalendarRef(_ref2);
|
|
6379
|
+
},
|
|
6380
|
+
style: _extends({}, calendarPosition, {
|
|
6381
|
+
zIndex: Z_INDEX_LAYERS.MODAL
|
|
6382
|
+
})
|
|
6383
|
+
}, React__default.createElement(DayPicker, {
|
|
6384
|
+
format: "MM/dd/yyyy",
|
|
6385
|
+
classNames: style,
|
|
6386
|
+
onDayClick: function onDayClick(day, activeModifiers) {
|
|
6387
|
+
var isDateDisabled = Object.keys(activeModifiers).find(function (modifier) {
|
|
6388
|
+
return modifier.includes('disabled');
|
|
6389
|
+
});
|
|
6390
|
+
|
|
6391
|
+
if (!Boolean(isDateDisabled)) {
|
|
6392
|
+
handleSelect(day);
|
|
6393
|
+
}
|
|
6394
|
+
},
|
|
6395
|
+
selectedDays: mode === CALENDAR_MODE.DAY ? selected : selectedRange,
|
|
6396
|
+
disabledDays: disabledDays,
|
|
6397
|
+
months: MONTH_NAMES,
|
|
6398
|
+
weekdaysLong: DAYS,
|
|
6399
|
+
weekdaysShort: DAYS.map(function (day) {
|
|
6400
|
+
return day.substring(0, 2);
|
|
6401
|
+
}),
|
|
6402
|
+
showOutsideDays: mode === CALENDAR_MODE.WEEK,
|
|
6403
|
+
firstDayOfWeek: weekStart
|
|
6404
|
+
}))));
|
|
6405
|
+
};
|
|
6406
|
+
|
|
6407
|
+
var styles$x = {"badge":"_2f81N","badge--warning":"_2g1GI","badge--danger":"_2zLnM","badge--success":"_27QOo","badge--info":"_2gmsM"};
|
|
6253
6408
|
|
|
6254
6409
|
var _excluded$a = ["children", "theme", "title"];
|
|
6255
6410
|
|
|
@@ -6272,16 +6427,16 @@ var Badge = function Badge(_ref, forwardedRef) {
|
|
|
6272
6427
|
overlay: title,
|
|
6273
6428
|
ref: ref
|
|
6274
6429
|
}, React__default.createElement("div", Object.assign({
|
|
6275
|
-
className: classnames(styles$
|
|
6430
|
+
className: classnames(styles$x['badge'], (_classnames = {}, _classnames[styles$x['badge--success']] = theme === 'success', _classnames[styles$x['badge--danger']] = theme === 'danger', _classnames[styles$x['badge--info']] = theme === 'info', _classnames[styles$x['badge--warning']] = theme === 'warning', _classnames)),
|
|
6276
6431
|
ref: ref
|
|
6277
6432
|
}, otherProps), children));
|
|
6278
6433
|
};
|
|
6279
6434
|
|
|
6280
6435
|
var Badge$1 = forwardRef(Badge);
|
|
6281
6436
|
|
|
6282
|
-
var styles$
|
|
6437
|
+
var styles$y = {"avatar":"_2wJGB","avatar--small":"_3QTSo","avatar__badge":"_2Rl8S","avatar--medium":"_1zwj0","avatar--large":"_3-U6x","avatar--extra-large":"_3qn2q"};
|
|
6283
6438
|
|
|
6284
|
-
var styles$
|
|
6439
|
+
var styles$z = {"avatar-image":"_GKL9P"};
|
|
6285
6440
|
|
|
6286
6441
|
var AvatarImage = function AvatarImage(_ref) {
|
|
6287
6442
|
var url = _ref.url,
|
|
@@ -6306,7 +6461,7 @@ var AvatarImage = function AvatarImage(_ref) {
|
|
|
6306
6461
|
}
|
|
6307
6462
|
|
|
6308
6463
|
return React__default.createElement("div", {
|
|
6309
|
-
className: styles$
|
|
6464
|
+
className: styles$z['avatar-image']
|
|
6310
6465
|
}, React__default.createElement(IconUserSolid, {
|
|
6311
6466
|
size: "flexible",
|
|
6312
6467
|
color: color
|
|
@@ -6374,7 +6529,7 @@ var Avatar = function Avatar(_ref) {
|
|
|
6374
6529
|
|
|
6375
6530
|
var backgroundColor = url ? GREY200 : color;
|
|
6376
6531
|
return React__default.createElement("div", {
|
|
6377
|
-
className: classnames(styles$
|
|
6532
|
+
className: classnames(styles$y['avatar'], (_classnames = {}, _classnames[styles$y['avatar--small']] = size === 'small', _classnames[styles$y['avatar--medium']] = size === 'medium', _classnames[styles$y['avatar--large']] = size === 'large', _classnames[styles$y['avatar--extra-large']] = size === 'extra-large', _classnames)),
|
|
6378
6533
|
style: {
|
|
6379
6534
|
backgroundColor: children || url && !showIconInsteadOfImage ? backgroundColor : defaultProfilePictureColors.backgroundColor
|
|
6380
6535
|
}
|
|
@@ -6386,9 +6541,9 @@ var Avatar = function Avatar(_ref) {
|
|
|
6386
6541
|
return setShowIconInsteadOfImage(true);
|
|
6387
6542
|
}
|
|
6388
6543
|
}), badge && size !== 'small' && React__default.createElement("div", {
|
|
6389
|
-
className: styles$
|
|
6544
|
+
className: styles$y['avatar__badge']
|
|
6390
6545
|
}, badge));
|
|
6391
6546
|
};
|
|
6392
6547
|
|
|
6393
|
-
export { Avatar, Badge$1 as Badge, Button$1 as Button, CheckboxField, CurrencyField, DataTable, DataTableCell, DataTableEditableCell, DataTableRow, DateField, DateRangeField, Form, FormRow, IconAnalytics, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowToTop, IconArrowUp, IconAward, 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, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconClipboardList, IconClock, IconCog, IconComment, IconCommentLines, IconCopy, IconCreditCard, IconCreditCardPlus, IconDownload, IconEdit, IconEllipsisV, IconEnvelope, IconExclaimation, IconExclaimationTriangle, IconExpand, IconExternalLink, IconEye, IconEyeSlash, IconFile, IconFilePdf, IconFlag, IconFourDotsCircle, IconFourSquares, IconGavel, IconGif, IconGift, IconGrinBeam, IconGripVertical, IconHandshake, IconImage, IconInfoCircle, IconIslandTropical, IconItalic, IconLaptopSearch, IconLink, IconList, IconListOI as IconListOi, IconLock, IconMagicSolid, IconMapMarker, IconMegaphone, IconMinus, IconMinusCircle, IconMoneyBill, IconNotesMedical, IconOvertime, IconPaperPlane, IconPaperPlaneClock, IconPaperclip, IconPencil, IconPercentage, IconPhone, IconPlug, IconPlus, IconPrint, IconQuestionCircle, IconRepeat, IconSearch, IconSignOut, IconSitemap, IconSlidersH, IconSort, IconStar, IconStarSolid, IconStickyNoteLines, IconStopwatch, IconStrikethrough, IconSync, IconSyncExclaimation, IconTachometer, IconTimes, IconTimesOctagon, IconTrash, IconUnderline, IconUndo, IconUniversity, IconUserComputer, IconUserLight, IconUserPlus, IconUserSlash, IconUserSolid, IconUserTag, IconUserTie, IconUsers, IconVideo, IconVolume, IconVolumeMute, IconWrench, Inline, Modal, ModalBody, ModalFooter, MultiSelectField, PaginationControls, PasswordField, PercentageField, PillSelectField, RadioGroupField, RadioGroupOption, ResourceTable, ResourceTableRow, SIZE_25_PERCENT, SIZE_33_PERCENT, SIZE_50_PERCENT, SIZE_66_PERCENT, SIZE_75_PERCENT, SelectField, Spinner, Stack, TextAreaField, TextField, TimeField, Toggle, ToolbarSelect, Tooltip$1 as Tooltip, WeekField };
|
|
6548
|
+
export { Avatar, Badge$1 as Badge, Button$1 as Button, Calendar, CheckboxField, CurrencyField, DataTable, DataTableCell, DataTableEditableCell, DataTableRow, DateField, DateRangeField, Form, FormRow, IconAnalytics, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowToTop, IconArrowUp, IconAward, 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, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconClipboardList, IconClock, IconCog, IconComment, IconCommentLines, IconCopy, IconCreditCard, IconCreditCardPlus, IconDownload, IconEdit, IconEllipsisV, IconEnvelope, IconExclaimation, IconExclaimationTriangle, IconExpand, IconExternalLink, IconEye, IconEyeSlash, IconFile, IconFilePdf, IconFlag, IconFourDotsCircle, IconFourSquares, IconGavel, IconGif, IconGift, IconGrinBeam, IconGripVertical, IconHandshake, IconImage, IconInfoCircle, IconIslandTropical, IconItalic, IconLaptopSearch, IconLink, IconList, IconListOI as IconListOi, IconLock, IconMagicSolid, IconMapMarker, IconMegaphone, IconMinus, IconMinusCircle, IconMoneyBill, IconNotesMedical, IconOvertime, IconPaperPlane, IconPaperPlaneClock, IconPaperclip, IconPencil, IconPercentage, IconPhone, IconPlug, IconPlus, IconPrint, IconQuestionCircle, IconRepeat, IconSearch, IconSignOut, IconSitemap, IconSlidersH, IconSort, IconStar, IconStarSolid, IconStickyNoteLines, IconStopwatch, IconStrikethrough, IconSync, IconSyncExclaimation, IconTachometer, IconTimes, IconTimesOctagon, IconTrash, IconUnderline, IconUndo, IconUniversity, IconUserComputer, IconUserLight, IconUserPlus, IconUserSlash, IconUserSolid, IconUserTag, IconUserTie, IconUsers, IconVideo, IconVolume, IconVolumeMute, IconWrench, Inline, Modal, ModalBody, ModalFooter, MultiSelectField, PaginationControls, PasswordField, PercentageField, PillSelectField, RadioGroupField, RadioGroupOption, ResourceTable, ResourceTableRow, SIZE_25_PERCENT, SIZE_33_PERCENT, SIZE_50_PERCENT, SIZE_66_PERCENT, SIZE_75_PERCENT, SelectField, Spinner, Stack, TextAreaField, TextField, TimeField, Toggle, ToolbarSelect, Tooltip$1 as Tooltip, WeekField };
|
|
6394
6549
|
//# sourceMappingURL=index.modern.js.map
|