@7shifts/sous-chef 2.5.0 → 2.7.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/feedback/Spinner/Spinner.d.ts +1 -1
- package/dist/forms/DatePickerCalendar/DatePickerCalendar.d.ts +2 -0
- package/dist/forms/DateRangeField/DateRangeField.d.ts +3 -1
- package/dist/forms/DateRangeField/FromDate/FromDate.d.ts +3 -2
- package/dist/forms/DateRangeField/ToDate/ToDate.d.ts +3 -1
- package/dist/icons/components/IconUniversity.d.ts +11 -0
- package/dist/icons/components/index.d.ts +1 -0
- package/dist/index.css +10 -6
- package/dist/index.js +253 -26
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +253 -27
- package/dist/index.modern.js.map +1 -1
- package/dist/utils/date.d.ts +5 -0
- package/package.json +1 -1
package/dist/index.modern.js
CHANGED
|
@@ -159,7 +159,7 @@ var Inline = function Inline(props) {
|
|
|
159
159
|
}));
|
|
160
160
|
};
|
|
161
161
|
|
|
162
|
-
var styles$2 = {"spinner":"_2wtfD","rotator":"_2Jprn","spinner--block":"_Jmh8M","path":"_3zucL","dash":"_3ZqYM","path--mint":"_3XYKx","path--disabled":"_1pYbs","path--contrast":"_3ofDF"};
|
|
162
|
+
var styles$2 = {"spinner":"_2wtfD","rotator":"_2Jprn","spinner--block":"_Jmh8M","path":"_3zucL","dash":"_3ZqYM","path--mint":"_3XYKx","path--disabled":"_1pYbs","path--contrast":"_3ofDF","path--pride":"_e0OH1"};
|
|
163
163
|
|
|
164
164
|
var Spinner = function Spinner(_ref) {
|
|
165
165
|
var _classnames;
|
|
@@ -179,7 +179,75 @@ var Spinner = function Spinner(_ref) {
|
|
|
179
179
|
height: size,
|
|
180
180
|
viewBox: "0 0 66 66",
|
|
181
181
|
"data-testid": "spinner"
|
|
182
|
-
}, React__default.createElement("
|
|
182
|
+
}, React__default.createElement("defs", null, React__default.createElement("linearGradient", {
|
|
183
|
+
id: "prideGradient"
|
|
184
|
+
}, React__default.createElement("stop", {
|
|
185
|
+
offset: "0",
|
|
186
|
+
stopColor: "#000000"
|
|
187
|
+
}), React__default.createElement("stop", {
|
|
188
|
+
offset: "0.0500",
|
|
189
|
+
stopColor: "#000000"
|
|
190
|
+
}), React__default.createElement("stop", {
|
|
191
|
+
offset: "0.0501",
|
|
192
|
+
stopColor: "#ffafc7"
|
|
193
|
+
}), React__default.createElement("stop", {
|
|
194
|
+
offset: "0.15",
|
|
195
|
+
stopColor: "#ffafc7"
|
|
196
|
+
}), React__default.createElement("stop", {
|
|
197
|
+
offset: "0.1501",
|
|
198
|
+
stopColor: "#73d7ee"
|
|
199
|
+
}), React__default.createElement("stop", {
|
|
200
|
+
offset: "0.25",
|
|
201
|
+
stopColor: "#73d7ee"
|
|
202
|
+
}), React__default.createElement("stop", {
|
|
203
|
+
offset: "0.2501",
|
|
204
|
+
stopColor: "#613915"
|
|
205
|
+
}), React__default.createElement("stop", {
|
|
206
|
+
offset: "0.35",
|
|
207
|
+
stopColor: "#613915"
|
|
208
|
+
}), React__default.createElement("stop", {
|
|
209
|
+
offset: "0.3501",
|
|
210
|
+
stopColor: "#ffffff"
|
|
211
|
+
}), React__default.createElement("stop", {
|
|
212
|
+
offset: "0.45",
|
|
213
|
+
stopColor: "#ffffff"
|
|
214
|
+
}), React__default.createElement("stop", {
|
|
215
|
+
offset: "0.4501",
|
|
216
|
+
stopColor: "#e50000"
|
|
217
|
+
}), React__default.createElement("stop", {
|
|
218
|
+
offset: "0.55",
|
|
219
|
+
stopColor: "#e50000"
|
|
220
|
+
}), React__default.createElement("stop", {
|
|
221
|
+
offset: "0.5501",
|
|
222
|
+
stopColor: "#ff8d00"
|
|
223
|
+
}), React__default.createElement("stop", {
|
|
224
|
+
offset: "0.65",
|
|
225
|
+
stopColor: "#ff8d00"
|
|
226
|
+
}), React__default.createElement("stop", {
|
|
227
|
+
offset: "0.6501",
|
|
228
|
+
stopColor: "#ddee00"
|
|
229
|
+
}), React__default.createElement("stop", {
|
|
230
|
+
offset: "0.75",
|
|
231
|
+
stopColor: "#ddee00"
|
|
232
|
+
}), React__default.createElement("stop", {
|
|
233
|
+
offset: "0.7501",
|
|
234
|
+
stopColor: "#028121"
|
|
235
|
+
}), React__default.createElement("stop", {
|
|
236
|
+
offset: "0.85",
|
|
237
|
+
stopColor: "#028121"
|
|
238
|
+
}), React__default.createElement("stop", {
|
|
239
|
+
offset: "0.8501",
|
|
240
|
+
stopColor: "#004cff"
|
|
241
|
+
}), React__default.createElement("stop", {
|
|
242
|
+
offset: "0.95",
|
|
243
|
+
stopColor: "#004cff"
|
|
244
|
+
}), React__default.createElement("stop", {
|
|
245
|
+
offset: "0.9501",
|
|
246
|
+
stopColor: "#760088"
|
|
247
|
+
}), React__default.createElement("stop", {
|
|
248
|
+
offset: "1",
|
|
249
|
+
stopColor: "#760088"
|
|
250
|
+
}))), React__default.createElement("circle", {
|
|
183
251
|
className: classnames(styles$2['path'], styles$2["path--" + theme]),
|
|
184
252
|
fill: "none",
|
|
185
253
|
strokeWidth: "6",
|
|
@@ -2731,6 +2799,28 @@ var IconUndo = function IconUndo(props) {
|
|
|
2731
2799
|
|
|
2732
2800
|
IconUndo.displayName = 'IconUndo';
|
|
2733
2801
|
|
|
2802
|
+
var IconUniversity = function IconUniversity(props) {
|
|
2803
|
+
return React__default.createElement("svg", Object.assign({
|
|
2804
|
+
viewBox: "0 0 20 20",
|
|
2805
|
+
fill: "none",
|
|
2806
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
2807
|
+
"data-testid": "icon-university",
|
|
2808
|
+
style: getIconStyles(props)
|
|
2809
|
+
}, props), React__default.createElement("g", {
|
|
2810
|
+
clipPath: "url(#icon-university_svg__a)"
|
|
2811
|
+
}, React__default.createElement("path", {
|
|
2812
|
+
d: "M19.375 17.5h-.625v-1.563a.937.937 0 0 0-.938-.937H16.25V8.125H15V15h-2.5V8.125h-1.25V15h-2.5V8.125H7.5V15H5V8.125H3.75V15H2.187a.937.937 0 0 0-.937.938V17.5H.625a.625.625 0 0 0-.625.625v.313a.313.313 0 0 0 .313.312h19.375a.313.313 0 0 0 .312-.313v-.312a.625.625 0 0 0-.625-.625ZM2.5 16.25h15v1.25h-15v-1.25ZM19.698 5.312l-9.105-3.966a1.875 1.875 0 0 0-1.186 0L.302 5.312A.469.469 0 0 0 0 5.752v.343c0 .259.21.468.469.468h.781v.47c0 .258.21.468.469.468H18.28c.26 0 .469-.21.469-.469v-.468h.781c.26 0 .469-.21.469-.47v-.342a.469.469 0 0 0-.302-.439ZM17.5 6.25h-15v-.531L9.842 2.52a.625.625 0 0 1 .316 0L17.5 5.72v.531Z",
|
|
2813
|
+
fill: "currentColor"
|
|
2814
|
+
})), React__default.createElement("defs", null, React__default.createElement("clipPath", {
|
|
2815
|
+
id: "icon-university_svg__a"
|
|
2816
|
+
}, React__default.createElement("path", {
|
|
2817
|
+
fill: "#fff",
|
|
2818
|
+
d: "M0 0h20v20H0z"
|
|
2819
|
+
}))));
|
|
2820
|
+
};
|
|
2821
|
+
|
|
2822
|
+
IconUniversity.displayName = 'IconUniversity';
|
|
2823
|
+
|
|
2734
2824
|
var IconUserComputer = function IconUserComputer(props) {
|
|
2735
2825
|
return React__default.createElement("svg", Object.assign({
|
|
2736
2826
|
viewBox: "0 0 20 20",
|
|
@@ -3605,7 +3695,7 @@ var useFieldControllers = function useFieldControllers(_ref) {
|
|
|
3605
3695
|
return formik.setFieldValue(name, e.target.value);
|
|
3606
3696
|
},
|
|
3607
3697
|
onBlur: _onBlur ? function (e) {
|
|
3608
|
-
|
|
3698
|
+
_onBlur && _onBlur(e.target.value);
|
|
3609
3699
|
currencyBlur();
|
|
3610
3700
|
} : function () {
|
|
3611
3701
|
formik.setFieldTouched(name);
|
|
@@ -5113,8 +5203,17 @@ var DatePickerCalendar = function DatePickerCalendar(_ref) {
|
|
|
5113
5203
|
children = _ref.children,
|
|
5114
5204
|
onBlur = _ref.onBlur,
|
|
5115
5205
|
onFocus = _ref.onFocus,
|
|
5116
|
-
tabIndex = _ref.tabIndex
|
|
5206
|
+
tabIndex = _ref.tabIndex,
|
|
5207
|
+
showCalendar = _ref.showCalendar,
|
|
5208
|
+
onClickOutside = _ref.onClickOutside;
|
|
5117
5209
|
var inputPosition = inputNode.getBoundingClientRect();
|
|
5210
|
+
var calendarRef = useRef(null);
|
|
5211
|
+
useOnClickOutside(calendarRef, onClickOutside);
|
|
5212
|
+
|
|
5213
|
+
if (!showCalendar) {
|
|
5214
|
+
return null;
|
|
5215
|
+
}
|
|
5216
|
+
|
|
5118
5217
|
return React__default.createElement(Portal, null, React__default.createElement("div", {
|
|
5119
5218
|
className: classNames.overlayWrapper,
|
|
5120
5219
|
onBlur: onBlur,
|
|
@@ -5124,7 +5223,8 @@ var DatePickerCalendar = function DatePickerCalendar(_ref) {
|
|
|
5124
5223
|
zIndex: 9999,
|
|
5125
5224
|
left: inputPosition.left,
|
|
5126
5225
|
top: inputPosition.top + window.scrollY + inputPosition.height + 3
|
|
5127
|
-
}
|
|
5226
|
+
},
|
|
5227
|
+
ref: calendarRef
|
|
5128
5228
|
}, React__default.createElement("div", {
|
|
5129
5229
|
className: classNames.overlay
|
|
5130
5230
|
}, children)));
|
|
@@ -5194,6 +5294,11 @@ var DateField = function DateField(_ref) {
|
|
|
5194
5294
|
_ref$readOnly = _ref.readOnly,
|
|
5195
5295
|
readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly;
|
|
5196
5296
|
var inputRef = useRef();
|
|
5297
|
+
|
|
5298
|
+
var _useState = useState(false),
|
|
5299
|
+
showCalendar = _useState[0],
|
|
5300
|
+
setShowCalendar = _useState[1];
|
|
5301
|
+
|
|
5197
5302
|
var controllers = useDateFieldControllers({
|
|
5198
5303
|
name: name,
|
|
5199
5304
|
id: inputId,
|
|
@@ -5235,10 +5340,17 @@ var DateField = function DateField(_ref) {
|
|
|
5235
5340
|
defaultValue: defaultValue,
|
|
5236
5341
|
value: controllers.value || '',
|
|
5237
5342
|
onDayChange: controllers.onChange,
|
|
5238
|
-
onDayPickerHide:
|
|
5343
|
+
onDayPickerHide: function onDayPickerHide() {
|
|
5344
|
+
controllers.onBlur();
|
|
5345
|
+
setShowCalendar(false);
|
|
5346
|
+
},
|
|
5239
5347
|
overlayComponent: function overlayComponent(props) {
|
|
5240
5348
|
return React__default.createElement(DatePickerCalendar, Object.assign({}, props, {
|
|
5241
|
-
inputNode: inputRef.current
|
|
5349
|
+
inputNode: inputRef.current,
|
|
5350
|
+
showCalendar: showCalendar,
|
|
5351
|
+
onClickOutside: function onClickOutside() {
|
|
5352
|
+
return setShowCalendar(false);
|
|
5353
|
+
}
|
|
5242
5354
|
}));
|
|
5243
5355
|
},
|
|
5244
5356
|
dayPickerProps: dayPickerProps,
|
|
@@ -5252,7 +5364,13 @@ var DateField = function DateField(_ref) {
|
|
|
5252
5364
|
autoComplete: 'off',
|
|
5253
5365
|
ref: inputRef,
|
|
5254
5366
|
readOnly: readOnly,
|
|
5255
|
-
disabled: disabled
|
|
5367
|
+
disabled: disabled,
|
|
5368
|
+
onFocus: function onFocus() {
|
|
5369
|
+
return setShowCalendar(true);
|
|
5370
|
+
}
|
|
5371
|
+
},
|
|
5372
|
+
onDayPickerShow: function onDayPickerShow() {
|
|
5373
|
+
return setShowCalendar(true);
|
|
5256
5374
|
}
|
|
5257
5375
|
})));
|
|
5258
5376
|
};
|
|
@@ -5290,7 +5408,7 @@ var useRangeFieldControllers = function useRangeFieldControllers(_ref) {
|
|
|
5290
5408
|
|
|
5291
5409
|
if (formik && formikState) {
|
|
5292
5410
|
return _extends({}, initialControllers, {
|
|
5293
|
-
error: error !== undefined ? initialControllers.error : formikState.error,
|
|
5411
|
+
error: error !== undefined ? initialControllers.error : getFormikError(formikState.error),
|
|
5294
5412
|
value: value !== undefined ? initialControllers.value : formikState.value,
|
|
5295
5413
|
onChange: _onChange ? initialControllers.onChange : function (newValue) {
|
|
5296
5414
|
formik.setFieldValue(name, newValue === undefined ? null : newValue);
|
|
@@ -5304,12 +5422,33 @@ var useRangeFieldControllers = function useRangeFieldControllers(_ref) {
|
|
|
5304
5422
|
return initialControllers;
|
|
5305
5423
|
};
|
|
5306
5424
|
|
|
5425
|
+
var getFormikError = function getFormikError(error) {
|
|
5426
|
+
if (!error) {
|
|
5427
|
+
return undefined;
|
|
5428
|
+
}
|
|
5429
|
+
|
|
5430
|
+
if (typeof error === 'string') {
|
|
5431
|
+
return error;
|
|
5432
|
+
}
|
|
5433
|
+
|
|
5434
|
+
if (error.start) {
|
|
5435
|
+
return error.start;
|
|
5436
|
+
}
|
|
5437
|
+
|
|
5438
|
+
if (error.end) {
|
|
5439
|
+
return error.end;
|
|
5440
|
+
}
|
|
5441
|
+
|
|
5442
|
+
return undefined;
|
|
5443
|
+
};
|
|
5444
|
+
|
|
5307
5445
|
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"};
|
|
5308
5446
|
|
|
5309
5447
|
var FromDate = function FromDate(_ref) {
|
|
5310
5448
|
var name = _ref.name,
|
|
5311
5449
|
id = _ref.id,
|
|
5312
5450
|
format = _ref.format,
|
|
5451
|
+
disabledDays = _ref.disabledDays,
|
|
5313
5452
|
start = _ref.start,
|
|
5314
5453
|
end = _ref.end,
|
|
5315
5454
|
placeholder = _ref.placeholder,
|
|
@@ -5317,12 +5456,29 @@ var FromDate = function FromDate(_ref) {
|
|
|
5317
5456
|
disabled = _ref.disabled,
|
|
5318
5457
|
readOnly = _ref.readOnly,
|
|
5319
5458
|
onChange = _ref.onChange,
|
|
5320
|
-
|
|
5459
|
+
_onDayClick = _ref.onDayClick;
|
|
5460
|
+
|
|
5461
|
+
var _useState = useState(false),
|
|
5462
|
+
showCalendar = _useState[0],
|
|
5463
|
+
setShowCalendar = _useState[1];
|
|
5464
|
+
|
|
5321
5465
|
var inputRef = useRef();
|
|
5322
5466
|
var modifiers = {
|
|
5323
5467
|
from: start,
|
|
5324
5468
|
to: end
|
|
5325
5469
|
};
|
|
5470
|
+
var disabledDaysChecks = end ? [{
|
|
5471
|
+
after: end
|
|
5472
|
+
}] : [];
|
|
5473
|
+
|
|
5474
|
+
if (disabledDays) {
|
|
5475
|
+
if (Array.isArray(disabledDays)) {
|
|
5476
|
+
disabledDaysChecks.push.apply(disabledDaysChecks, disabledDays);
|
|
5477
|
+
} else {
|
|
5478
|
+
disabledDaysChecks.push(disabledDays);
|
|
5479
|
+
}
|
|
5480
|
+
}
|
|
5481
|
+
|
|
5326
5482
|
var dayPickerProps = {
|
|
5327
5483
|
classNames: styles$s,
|
|
5328
5484
|
months: MONTH_NAMES,
|
|
@@ -5336,12 +5492,18 @@ var FromDate = function FromDate(_ref) {
|
|
|
5336
5492
|
from: start,
|
|
5337
5493
|
to: end
|
|
5338
5494
|
}],
|
|
5339
|
-
disabledDays:
|
|
5340
|
-
after: end
|
|
5341
|
-
},
|
|
5495
|
+
disabledDays: disabledDaysChecks,
|
|
5342
5496
|
toMonth: end,
|
|
5343
5497
|
modifiers: modifiers,
|
|
5344
|
-
onDayClick: onDayClick
|
|
5498
|
+
onDayClick: function onDayClick(_, activeModifiers) {
|
|
5499
|
+
var isDateDisabled = Object.keys(activeModifiers).find(function (modifier) {
|
|
5500
|
+
return modifier;
|
|
5501
|
+
});
|
|
5502
|
+
|
|
5503
|
+
if (!Boolean(isDateDisabled)) {
|
|
5504
|
+
_onDayClick();
|
|
5505
|
+
}
|
|
5506
|
+
}
|
|
5345
5507
|
};
|
|
5346
5508
|
return React__default.createElement(DayPickerInput, {
|
|
5347
5509
|
format: format,
|
|
@@ -5352,9 +5514,16 @@ var FromDate = function FromDate(_ref) {
|
|
|
5352
5514
|
parseDate: parseDate,
|
|
5353
5515
|
placeholder: placeholder,
|
|
5354
5516
|
onDayChange: onChange,
|
|
5517
|
+
onDayPickerHide: function onDayPickerHide() {
|
|
5518
|
+
return setShowCalendar(false);
|
|
5519
|
+
},
|
|
5355
5520
|
overlayComponent: function overlayComponent(props) {
|
|
5356
5521
|
return React__default.createElement(DatePickerCalendar, Object.assign({}, props, {
|
|
5357
|
-
inputNode: inputRef.current
|
|
5522
|
+
inputNode: inputRef.current,
|
|
5523
|
+
showCalendar: showCalendar,
|
|
5524
|
+
onClickOutside: function onClickOutside() {
|
|
5525
|
+
return setShowCalendar(false);
|
|
5526
|
+
}
|
|
5358
5527
|
}));
|
|
5359
5528
|
},
|
|
5360
5529
|
dayPickerProps: dayPickerProps,
|
|
@@ -5366,7 +5535,13 @@ var FromDate = function FromDate(_ref) {
|
|
|
5366
5535
|
readOnly: readOnly,
|
|
5367
5536
|
disabled: disabled,
|
|
5368
5537
|
'data-testid': "range-picker-field-from-" + name,
|
|
5369
|
-
type: 'text'
|
|
5538
|
+
type: 'text',
|
|
5539
|
+
onFocus: function onFocus() {
|
|
5540
|
+
return setShowCalendar(true);
|
|
5541
|
+
}
|
|
5542
|
+
},
|
|
5543
|
+
onDayPickerShow: function onDayPickerShow() {
|
|
5544
|
+
return setShowCalendar(true);
|
|
5370
5545
|
}
|
|
5371
5546
|
});
|
|
5372
5547
|
};
|
|
@@ -5374,17 +5549,36 @@ var FromDate = function FromDate(_ref) {
|
|
|
5374
5549
|
var ToDate = function ToDate(_ref, ref) {
|
|
5375
5550
|
var name = _ref.name,
|
|
5376
5551
|
format = _ref.format,
|
|
5552
|
+
disabledDays = _ref.disabledDays,
|
|
5377
5553
|
start = _ref.start,
|
|
5378
5554
|
end = _ref.end,
|
|
5379
5555
|
placeholder = _ref.placeholder,
|
|
5380
5556
|
weekStart = _ref.weekStart,
|
|
5381
5557
|
disabled = _ref.disabled,
|
|
5382
5558
|
readOnly = _ref.readOnly,
|
|
5383
|
-
onChange = _ref.onChange
|
|
5559
|
+
onChange = _ref.onChange,
|
|
5560
|
+
_onBlur = _ref.onBlur;
|
|
5561
|
+
|
|
5562
|
+
var _useState = useState(false),
|
|
5563
|
+
showCalendar = _useState[0],
|
|
5564
|
+
setShowCalendar = _useState[1];
|
|
5565
|
+
|
|
5384
5566
|
var modifiers = {
|
|
5385
5567
|
from: start,
|
|
5386
5568
|
to: end
|
|
5387
5569
|
};
|
|
5570
|
+
var disabledDaysChecks = start ? [{
|
|
5571
|
+
before: start
|
|
5572
|
+
}] : [];
|
|
5573
|
+
|
|
5574
|
+
if (disabledDays) {
|
|
5575
|
+
if (Array.isArray(disabledDays)) {
|
|
5576
|
+
disabledDaysChecks.push.apply(disabledDaysChecks, disabledDays);
|
|
5577
|
+
} else {
|
|
5578
|
+
disabledDaysChecks.push(disabledDays);
|
|
5579
|
+
}
|
|
5580
|
+
}
|
|
5581
|
+
|
|
5388
5582
|
var dayPickerProps = {
|
|
5389
5583
|
classNames: styles$s,
|
|
5390
5584
|
months: MONTH_NAMES,
|
|
@@ -5398,9 +5592,7 @@ var ToDate = function ToDate(_ref, ref) {
|
|
|
5398
5592
|
from: start,
|
|
5399
5593
|
to: end
|
|
5400
5594
|
}],
|
|
5401
|
-
disabledDays:
|
|
5402
|
-
before: start
|
|
5403
|
-
},
|
|
5595
|
+
disabledDays: disabledDaysChecks,
|
|
5404
5596
|
modifiers: modifiers,
|
|
5405
5597
|
month: end || start,
|
|
5406
5598
|
fromMonth: start
|
|
@@ -5414,9 +5606,16 @@ var ToDate = function ToDate(_ref, ref) {
|
|
|
5414
5606
|
parseDate: parseDate,
|
|
5415
5607
|
placeholder: placeholder,
|
|
5416
5608
|
onDayChange: onChange,
|
|
5609
|
+
onDayPickerHide: function onDayPickerHide() {
|
|
5610
|
+
return setShowCalendar(false);
|
|
5611
|
+
},
|
|
5417
5612
|
overlayComponent: function overlayComponent(props) {
|
|
5418
5613
|
return React__default.createElement(DatePickerCalendar, Object.assign({}, props, {
|
|
5419
|
-
inputNode: ref === null || ref === void 0 ? void 0 : ref.current
|
|
5614
|
+
inputNode: ref === null || ref === void 0 ? void 0 : ref.current,
|
|
5615
|
+
showCalendar: showCalendar,
|
|
5616
|
+
onClickOutside: function onClickOutside() {
|
|
5617
|
+
return setShowCalendar(false);
|
|
5618
|
+
}
|
|
5420
5619
|
}));
|
|
5421
5620
|
},
|
|
5422
5621
|
dayPickerProps: dayPickerProps,
|
|
@@ -5427,7 +5626,16 @@ var ToDate = function ToDate(_ref, ref) {
|
|
|
5427
5626
|
readOnly: readOnly,
|
|
5428
5627
|
disabled: disabled,
|
|
5429
5628
|
'data-testid': "range-picker-field-to-" + name,
|
|
5430
|
-
type: 'text'
|
|
5629
|
+
type: 'text',
|
|
5630
|
+
onFocus: function onFocus() {
|
|
5631
|
+
return setShowCalendar(true);
|
|
5632
|
+
},
|
|
5633
|
+
onBlur: function onBlur() {
|
|
5634
|
+
setTimeout(_onBlur, 200);
|
|
5635
|
+
}
|
|
5636
|
+
},
|
|
5637
|
+
onDayPickerShow: function onDayPickerShow() {
|
|
5638
|
+
return setShowCalendar(true);
|
|
5431
5639
|
}
|
|
5432
5640
|
});
|
|
5433
5641
|
};
|
|
@@ -5435,11 +5643,12 @@ var ToDate = function ToDate(_ref, ref) {
|
|
|
5435
5643
|
var ToDate$1 = forwardRef(ToDate);
|
|
5436
5644
|
|
|
5437
5645
|
var DateRangeField = function DateRangeField(_ref) {
|
|
5438
|
-
var _classnames
|
|
5646
|
+
var _classnames;
|
|
5439
5647
|
|
|
5440
5648
|
var name = _ref.name,
|
|
5441
5649
|
inputId = _ref.id,
|
|
5442
5650
|
value = _ref.value,
|
|
5651
|
+
disabledDays = _ref.disabledDays,
|
|
5443
5652
|
_ref$format = _ref.format,
|
|
5444
5653
|
format = _ref$format === void 0 ? 'MM/dd/yyyy' : _ref$format,
|
|
5445
5654
|
onChange = _ref.onChange,
|
|
@@ -5474,7 +5683,7 @@ var DateRangeField = function DateRangeField(_ref) {
|
|
|
5474
5683
|
start = _controllers$value.start,
|
|
5475
5684
|
end = _controllers$value.end;
|
|
5476
5685
|
return React__default.createElement(Field, Object.assign({}, fieldProps), React__default.createElement("div", {
|
|
5477
|
-
className: classnames(styles$s['date-range-field'], (_classnames = {}, _classnames[styles$s['date-range-field--invalid']] = hasError, _classnames
|
|
5686
|
+
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))
|
|
5478
5687
|
}, React__default.createElement(IconCalendarAlt, {
|
|
5479
5688
|
size: "medium",
|
|
5480
5689
|
color: GREY400
|
|
@@ -5487,6 +5696,7 @@ var DateRangeField = function DateRangeField(_ref) {
|
|
|
5487
5696
|
placeholder: placeholder || format.toUpperCase(),
|
|
5488
5697
|
weekStart: weekStart,
|
|
5489
5698
|
disabled: disabled,
|
|
5699
|
+
disabledDays: disabledDays,
|
|
5490
5700
|
readOnly: readOnly,
|
|
5491
5701
|
onChange: function onChange(val) {
|
|
5492
5702
|
return controllers.onChange({
|
|
@@ -5510,7 +5720,9 @@ var DateRangeField = function DateRangeField(_ref) {
|
|
|
5510
5720
|
placeholder: placeholder || format.toUpperCase(),
|
|
5511
5721
|
weekStart: weekStart,
|
|
5512
5722
|
disabled: disabled,
|
|
5723
|
+
disabledDays: disabledDays,
|
|
5513
5724
|
readOnly: readOnly,
|
|
5725
|
+
onBlur: controllers.onBlur,
|
|
5514
5726
|
onChange: function onChange(val) {
|
|
5515
5727
|
return controllers.onChange({
|
|
5516
5728
|
start: start,
|
|
@@ -5550,6 +5762,10 @@ var WeekField = function WeekField(_ref) {
|
|
|
5550
5762
|
hoverDate = _useState[0],
|
|
5551
5763
|
setHoverDate = _useState[1];
|
|
5552
5764
|
|
|
5765
|
+
var _useState2 = useState(false),
|
|
5766
|
+
showCalendar = _useState2[0],
|
|
5767
|
+
setShowCalendar = _useState2[1];
|
|
5768
|
+
|
|
5553
5769
|
var inputRef = useRef();
|
|
5554
5770
|
var controllers = useDateFieldControllers({
|
|
5555
5771
|
name: name,
|
|
@@ -5632,7 +5848,11 @@ var WeekField = function WeekField(_ref) {
|
|
|
5632
5848
|
onDayPickerHide: controllers.onBlur,
|
|
5633
5849
|
overlayComponent: function overlayComponent(props) {
|
|
5634
5850
|
return React__default.createElement(DatePickerCalendar, Object.assign({}, props, {
|
|
5635
|
-
inputNode: inputRef.current
|
|
5851
|
+
inputNode: inputRef.current,
|
|
5852
|
+
showCalendar: showCalendar,
|
|
5853
|
+
onClickOutside: function onClickOutside() {
|
|
5854
|
+
return setShowCalendar(false);
|
|
5855
|
+
}
|
|
5636
5856
|
}));
|
|
5637
5857
|
},
|
|
5638
5858
|
dayPickerProps: dayPickerProps,
|
|
@@ -5646,7 +5866,13 @@ var WeekField = function WeekField(_ref) {
|
|
|
5646
5866
|
autoComplete: 'off',
|
|
5647
5867
|
ref: inputRef,
|
|
5648
5868
|
readOnly: readOnly,
|
|
5649
|
-
disabled: disabled
|
|
5869
|
+
disabled: disabled,
|
|
5870
|
+
onFocus: function onFocus() {
|
|
5871
|
+
return setShowCalendar(true);
|
|
5872
|
+
}
|
|
5873
|
+
},
|
|
5874
|
+
onDayPickerShow: function onDayPickerShow() {
|
|
5875
|
+
return setShowCalendar(true);
|
|
5650
5876
|
}
|
|
5651
5877
|
})));
|
|
5652
5878
|
};
|
|
@@ -5991,5 +6217,5 @@ var Avatar = function Avatar(_ref) {
|
|
|
5991
6217
|
}, badge));
|
|
5992
6218
|
};
|
|
5993
6219
|
|
|
5994
|
-
export { Avatar, Badge$1 as Badge, Button$1 as Button, CheckboxField, 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, IconUserComputer, IconUserLight, IconUserPlus, IconUserSlash, IconUserSolid, IconUserTag, IconUserTie, IconUsers, IconVideo, IconVolume, IconVolumeMute, IconWrench, Inline, Modal, ModalBody, ModalFooter, MultiSelectField, PaginationControls, PasswordField, 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 };
|
|
6220
|
+
export { Avatar, Badge$1 as Badge, Button$1 as Button, CheckboxField, 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, 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 };
|
|
5995
6221
|
//# sourceMappingURL=index.modern.js.map
|