@danske/sapphire-react-lab 0.87.6 → 0.88.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/build/cjs/index.js +552 -493
- package/build/cjs/index.js.map +1 -1
- package/build/esm/Toast/src/Toast.js +21 -10
- package/build/esm/Toast/src/Toast.js.map +1 -1
- package/build/esm/Toast/src/ToastCloseButton.js +50 -0
- package/build/esm/Toast/src/ToastCloseButton.js.map +1 -0
- package/build/esm/Toast/src/ToastProvider.js.map +1 -1
- package/build/esm/Toast/src/ToastRegion.js.map +1 -1
- package/build/esm/Toast/src/context.js.map +1 -1
- package/build/esm/Toast/src/useShowToast.js +12 -2
- package/build/esm/Toast/src/useShowToast.js.map +1 -1
- package/build/index.d.ts +2 -0
- package/package.json +3 -3
package/build/cjs/index.js
CHANGED
|
@@ -72,33 +72,33 @@ var textFieldStyles__default = /*#__PURE__*/_interopDefaultLegacy(textFieldStyle
|
|
|
72
72
|
var styles__default$b = /*#__PURE__*/_interopDefaultLegacy(styles$b);
|
|
73
73
|
var styles__default$c = /*#__PURE__*/_interopDefaultLegacy(styles$c);
|
|
74
74
|
|
|
75
|
-
var __defProp$
|
|
76
|
-
var __defProps$
|
|
77
|
-
var __getOwnPropDescs$
|
|
78
|
-
var __getOwnPropSymbols$
|
|
79
|
-
var __hasOwnProp$
|
|
80
|
-
var __propIsEnum$
|
|
81
|
-
var __defNormalProp$
|
|
82
|
-
var __spreadValues$
|
|
75
|
+
var __defProp$J = Object.defineProperty;
|
|
76
|
+
var __defProps$F = Object.defineProperties;
|
|
77
|
+
var __getOwnPropDescs$F = Object.getOwnPropertyDescriptors;
|
|
78
|
+
var __getOwnPropSymbols$K = Object.getOwnPropertySymbols;
|
|
79
|
+
var __hasOwnProp$K = Object.prototype.hasOwnProperty;
|
|
80
|
+
var __propIsEnum$K = Object.prototype.propertyIsEnumerable;
|
|
81
|
+
var __defNormalProp$J = (obj, key, value) => key in obj ? __defProp$J(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
82
|
+
var __spreadValues$J = (a, b) => {
|
|
83
83
|
for (var prop in b || (b = {}))
|
|
84
|
-
if (__hasOwnProp$
|
|
85
|
-
__defNormalProp$
|
|
86
|
-
if (__getOwnPropSymbols$
|
|
87
|
-
for (var prop of __getOwnPropSymbols$
|
|
88
|
-
if (__propIsEnum$
|
|
89
|
-
__defNormalProp$
|
|
84
|
+
if (__hasOwnProp$K.call(b, prop))
|
|
85
|
+
__defNormalProp$J(a, prop, b[prop]);
|
|
86
|
+
if (__getOwnPropSymbols$K)
|
|
87
|
+
for (var prop of __getOwnPropSymbols$K(b)) {
|
|
88
|
+
if (__propIsEnum$K.call(b, prop))
|
|
89
|
+
__defNormalProp$J(a, prop, b[prop]);
|
|
90
90
|
}
|
|
91
91
|
return a;
|
|
92
92
|
};
|
|
93
|
-
var __spreadProps$
|
|
93
|
+
var __spreadProps$F = (a, b) => __defProps$F(a, __getOwnPropDescs$F(b));
|
|
94
94
|
var __objRest$v = (source, exclude) => {
|
|
95
95
|
var target = {};
|
|
96
96
|
for (var prop in source)
|
|
97
|
-
if (__hasOwnProp$
|
|
97
|
+
if (__hasOwnProp$K.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
98
98
|
target[prop] = source[prop];
|
|
99
|
-
if (source != null && __getOwnPropSymbols$
|
|
100
|
-
for (var prop of __getOwnPropSymbols$
|
|
101
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
99
|
+
if (source != null && __getOwnPropSymbols$K)
|
|
100
|
+
for (var prop of __getOwnPropSymbols$K(source)) {
|
|
101
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$K.call(source, prop))
|
|
102
102
|
target[prop] = source[prop];
|
|
103
103
|
}
|
|
104
104
|
return target;
|
|
@@ -129,9 +129,9 @@ const ToggleButton = React__default["default"].forwardRef(function Button(_a, re
|
|
|
129
129
|
return /* @__PURE__ */ React__default["default"].createElement(focus.FocusRing, {
|
|
130
130
|
focusRingClass: clsx__default["default"](styles__default["default"]["is-focus"]),
|
|
131
131
|
autoFocus
|
|
132
|
-
}, /* @__PURE__ */ React__default["default"].createElement("button", __spreadProps$
|
|
132
|
+
}, /* @__PURE__ */ React__default["default"].createElement("button", __spreadProps$F(__spreadValues$J({}, utils$1.mergeProps(buttonProps, hoverProps)), {
|
|
133
133
|
ref: domRef,
|
|
134
|
-
style: __spreadValues$
|
|
134
|
+
style: __spreadValues$J({}, styleProps.style),
|
|
135
135
|
className: clsx__default["default"](styles__default["default"]["sapphire-button"], styles__default["default"]["js-focus"], styles__default["default"]["js-hover"], {
|
|
136
136
|
[styles__default["default"]["is-active"]]: isPressed,
|
|
137
137
|
[styles__default["default"]["is-hover"]]: isHovered,
|
|
@@ -203,33 +203,33 @@ var intlMessages$3 = {
|
|
|
203
203
|
"sv-SE": se$3
|
|
204
204
|
};
|
|
205
205
|
|
|
206
|
-
var __defProp$
|
|
207
|
-
var __defProps$
|
|
208
|
-
var __getOwnPropDescs$
|
|
209
|
-
var __getOwnPropSymbols$
|
|
210
|
-
var __hasOwnProp$
|
|
211
|
-
var __propIsEnum$
|
|
212
|
-
var __defNormalProp$
|
|
213
|
-
var __spreadValues$
|
|
206
|
+
var __defProp$I = Object.defineProperty;
|
|
207
|
+
var __defProps$E = Object.defineProperties;
|
|
208
|
+
var __getOwnPropDescs$E = Object.getOwnPropertyDescriptors;
|
|
209
|
+
var __getOwnPropSymbols$J = Object.getOwnPropertySymbols;
|
|
210
|
+
var __hasOwnProp$J = Object.prototype.hasOwnProperty;
|
|
211
|
+
var __propIsEnum$J = Object.prototype.propertyIsEnumerable;
|
|
212
|
+
var __defNormalProp$I = (obj, key, value) => key in obj ? __defProp$I(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
213
|
+
var __spreadValues$I = (a, b) => {
|
|
214
214
|
for (var prop in b || (b = {}))
|
|
215
|
-
if (__hasOwnProp$
|
|
216
|
-
__defNormalProp$
|
|
217
|
-
if (__getOwnPropSymbols$
|
|
218
|
-
for (var prop of __getOwnPropSymbols$
|
|
219
|
-
if (__propIsEnum$
|
|
220
|
-
__defNormalProp$
|
|
215
|
+
if (__hasOwnProp$J.call(b, prop))
|
|
216
|
+
__defNormalProp$I(a, prop, b[prop]);
|
|
217
|
+
if (__getOwnPropSymbols$J)
|
|
218
|
+
for (var prop of __getOwnPropSymbols$J(b)) {
|
|
219
|
+
if (__propIsEnum$J.call(b, prop))
|
|
220
|
+
__defNormalProp$I(a, prop, b[prop]);
|
|
221
221
|
}
|
|
222
222
|
return a;
|
|
223
223
|
};
|
|
224
|
-
var __spreadProps$
|
|
224
|
+
var __spreadProps$E = (a, b) => __defProps$E(a, __getOwnPropDescs$E(b));
|
|
225
225
|
var __objRest$u = (source, exclude) => {
|
|
226
226
|
var target = {};
|
|
227
227
|
for (var prop in source)
|
|
228
|
-
if (__hasOwnProp$
|
|
228
|
+
if (__hasOwnProp$J.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
229
229
|
target[prop] = source[prop];
|
|
230
|
-
if (source != null && __getOwnPropSymbols$
|
|
231
|
-
for (var prop of __getOwnPropSymbols$
|
|
232
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
230
|
+
if (source != null && __getOwnPropSymbols$J)
|
|
231
|
+
for (var prop of __getOwnPropSymbols$J(source)) {
|
|
232
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$J.call(source, prop))
|
|
233
233
|
target[prop] = source[prop];
|
|
234
234
|
}
|
|
235
235
|
return target;
|
|
@@ -254,7 +254,7 @@ const CalendarButton = React__default["default"].forwardRef(function SapphireCal
|
|
|
254
254
|
const ElementType = isInGridCell ? "span" : "button";
|
|
255
255
|
return /* @__PURE__ */ React__default["default"].createElement(focus.FocusRing, {
|
|
256
256
|
focusRingClass: styles__default$1["default"]["is-focus"]
|
|
257
|
-
}, /* @__PURE__ */ React__default["default"].createElement(ElementType, __spreadProps$
|
|
257
|
+
}, /* @__PURE__ */ React__default["default"].createElement(ElementType, __spreadProps$E(__spreadValues$I(__spreadValues$I({
|
|
258
258
|
ref: forwardedRef,
|
|
259
259
|
role: "button"
|
|
260
260
|
}, ElementType === "button" ? { type: "button" } : {}), utils$1.mergeProps(otherProps, hoverProps)), {
|
|
@@ -276,7 +276,7 @@ const CalendarDayButton = React__default["default"].forwardRef(function Sapphire
|
|
|
276
276
|
"isOutsideVisibleRange",
|
|
277
277
|
"rangeHighlight"
|
|
278
278
|
]);
|
|
279
|
-
return /* @__PURE__ */ React__default["default"].createElement(CalendarButton, __spreadProps$
|
|
279
|
+
return /* @__PURE__ */ React__default["default"].createElement(CalendarButton, __spreadProps$E(__spreadValues$I({}, props), {
|
|
280
280
|
isInGridCell: true,
|
|
281
281
|
className: clsx__default["default"](styles__default$1["default"]["sapphire-calendar__button--day"], {
|
|
282
282
|
[styles__default$1["default"]["sapphire-calendar__button--range-selection"]]: rangeHighlight.highlighted,
|
|
@@ -300,33 +300,33 @@ function* chunks(array, chunkSize) {
|
|
|
300
300
|
}
|
|
301
301
|
const sentenceCase = (sentence) => sentence.slice(0, 1).toLocaleUpperCase() + sentence.slice(1);
|
|
302
302
|
|
|
303
|
-
var __defProp$
|
|
304
|
-
var __defProps$
|
|
305
|
-
var __getOwnPropDescs$
|
|
306
|
-
var __getOwnPropSymbols$
|
|
307
|
-
var __hasOwnProp$
|
|
308
|
-
var __propIsEnum$
|
|
309
|
-
var __defNormalProp$
|
|
310
|
-
var __spreadValues$
|
|
303
|
+
var __defProp$H = Object.defineProperty;
|
|
304
|
+
var __defProps$D = Object.defineProperties;
|
|
305
|
+
var __getOwnPropDescs$D = Object.getOwnPropertyDescriptors;
|
|
306
|
+
var __getOwnPropSymbols$I = Object.getOwnPropertySymbols;
|
|
307
|
+
var __hasOwnProp$I = Object.prototype.hasOwnProperty;
|
|
308
|
+
var __propIsEnum$I = Object.prototype.propertyIsEnumerable;
|
|
309
|
+
var __defNormalProp$H = (obj, key, value) => key in obj ? __defProp$H(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
310
|
+
var __spreadValues$H = (a, b) => {
|
|
311
311
|
for (var prop in b || (b = {}))
|
|
312
|
-
if (__hasOwnProp$
|
|
313
|
-
__defNormalProp$
|
|
314
|
-
if (__getOwnPropSymbols$
|
|
315
|
-
for (var prop of __getOwnPropSymbols$
|
|
316
|
-
if (__propIsEnum$
|
|
317
|
-
__defNormalProp$
|
|
312
|
+
if (__hasOwnProp$I.call(b, prop))
|
|
313
|
+
__defNormalProp$H(a, prop, b[prop]);
|
|
314
|
+
if (__getOwnPropSymbols$I)
|
|
315
|
+
for (var prop of __getOwnPropSymbols$I(b)) {
|
|
316
|
+
if (__propIsEnum$I.call(b, prop))
|
|
317
|
+
__defNormalProp$H(a, prop, b[prop]);
|
|
318
318
|
}
|
|
319
319
|
return a;
|
|
320
320
|
};
|
|
321
|
-
var __spreadProps$
|
|
321
|
+
var __spreadProps$D = (a, b) => __defProps$D(a, __getOwnPropDescs$D(b));
|
|
322
322
|
var __objRest$t = (source, exclude) => {
|
|
323
323
|
var target = {};
|
|
324
324
|
for (var prop in source)
|
|
325
|
-
if (__hasOwnProp$
|
|
325
|
+
if (__hasOwnProp$I.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
326
326
|
target[prop] = source[prop];
|
|
327
|
-
if (source != null && __getOwnPropSymbols$
|
|
328
|
-
for (var prop of __getOwnPropSymbols$
|
|
329
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
327
|
+
if (source != null && __getOwnPropSymbols$I)
|
|
328
|
+
for (var prop of __getOwnPropSymbols$I(source)) {
|
|
329
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$I.call(source, prop))
|
|
330
330
|
target[prop] = source[prop];
|
|
331
331
|
}
|
|
332
332
|
return target;
|
|
@@ -342,7 +342,7 @@ function CalendarDaysGrid(_a) {
|
|
|
342
342
|
"showWeekNumbers"
|
|
343
343
|
]);
|
|
344
344
|
const { locale } = i18n.useLocale();
|
|
345
|
-
const { gridProps, headerProps } = calendar.useCalendarGrid(__spreadProps$
|
|
345
|
+
const { gridProps, headerProps } = calendar.useCalendarGrid(__spreadProps$D(__spreadValues$H({}, props), {
|
|
346
346
|
startDate,
|
|
347
347
|
endDate: date.endOfMonth(startDate)
|
|
348
348
|
}), state);
|
|
@@ -359,11 +359,11 @@ function CalendarDaysGrid(_a) {
|
|
|
359
359
|
return dayFormatter.format(dateDay);
|
|
360
360
|
});
|
|
361
361
|
}, [locale, state.timeZone, dayFormatter]);
|
|
362
|
-
return /* @__PURE__ */ React__default["default"].createElement("table", __spreadProps$
|
|
362
|
+
return /* @__PURE__ */ React__default["default"].createElement("table", __spreadProps$D(__spreadValues$H({}, gridProps), {
|
|
363
363
|
className: clsx__default["default"](styles__default$1["default"]["sapphire-calendar__table"], {
|
|
364
364
|
[styles__default$1["default"]["sapphire-calendar__table--with-week-numbers"]]: showWeekNumbers
|
|
365
365
|
})
|
|
366
|
-
}), /* @__PURE__ */ React__default["default"].createElement("thead", __spreadValues$
|
|
366
|
+
}), /* @__PURE__ */ React__default["default"].createElement("thead", __spreadValues$H({}, headerProps), /* @__PURE__ */ React__default["default"].createElement("tr", null, showWeekNumbers && /* @__PURE__ */ React__default["default"].createElement("th", {
|
|
367
367
|
className: styles__default$1["default"]["sapphire-calendar__table-head-cell"],
|
|
368
368
|
"aria-hidden": "true"
|
|
369
369
|
}, /* @__PURE__ */ React__default["default"].createElement("span", {
|
|
@@ -418,9 +418,9 @@ function CalendarCell({
|
|
|
418
418
|
} = calendar.useCalendarCell({ date: date$1, isDisabled: !sameMonth }, state, ref);
|
|
419
419
|
const highlightedRange = "highlightedRange" in state ? state.highlightedRange : null;
|
|
420
420
|
const isSelected = isInSelection && (!highlightedRange || date.isSameDay(highlightedRange.start, date$1) || date.isSameDay(highlightedRange.end, date$1));
|
|
421
|
-
return /* @__PURE__ */ React__default["default"].createElement("td", __spreadProps$
|
|
421
|
+
return /* @__PURE__ */ React__default["default"].createElement("td", __spreadProps$D(__spreadValues$H({}, cellProps), {
|
|
422
422
|
className: styles__default$1["default"]["sapphire-calendar__table-body-cell"]
|
|
423
|
-
}), /* @__PURE__ */ React__default["default"].createElement(CalendarDayButton, __spreadProps$
|
|
423
|
+
}), /* @__PURE__ */ React__default["default"].createElement(CalendarDayButton, __spreadProps$D(__spreadValues$H({}, buttonProps), {
|
|
424
424
|
ref,
|
|
425
425
|
isSelected,
|
|
426
426
|
isDisabled: isDisabled || isUnavailable,
|
|
@@ -457,25 +457,25 @@ const getWeekNumber = function(dateValue) {
|
|
|
457
457
|
return 1 + Math.round(((date$1.getTime() - week1.getTime()) / 864e5 - 3 + (week1.getDay() + 6) % 7) / 7);
|
|
458
458
|
};
|
|
459
459
|
|
|
460
|
-
var __defProp$
|
|
461
|
-
var __defProps$
|
|
462
|
-
var __getOwnPropDescs$
|
|
463
|
-
var __getOwnPropSymbols$
|
|
464
|
-
var __hasOwnProp$
|
|
465
|
-
var __propIsEnum$
|
|
466
|
-
var __defNormalProp$
|
|
467
|
-
var __spreadValues$
|
|
460
|
+
var __defProp$G = Object.defineProperty;
|
|
461
|
+
var __defProps$C = Object.defineProperties;
|
|
462
|
+
var __getOwnPropDescs$C = Object.getOwnPropertyDescriptors;
|
|
463
|
+
var __getOwnPropSymbols$H = Object.getOwnPropertySymbols;
|
|
464
|
+
var __hasOwnProp$H = Object.prototype.hasOwnProperty;
|
|
465
|
+
var __propIsEnum$H = Object.prototype.propertyIsEnumerable;
|
|
466
|
+
var __defNormalProp$G = (obj, key, value) => key in obj ? __defProp$G(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
467
|
+
var __spreadValues$G = (a, b) => {
|
|
468
468
|
for (var prop in b || (b = {}))
|
|
469
|
-
if (__hasOwnProp$
|
|
470
|
-
__defNormalProp$
|
|
471
|
-
if (__getOwnPropSymbols$
|
|
472
|
-
for (var prop of __getOwnPropSymbols$
|
|
473
|
-
if (__propIsEnum$
|
|
474
|
-
__defNormalProp$
|
|
469
|
+
if (__hasOwnProp$H.call(b, prop))
|
|
470
|
+
__defNormalProp$G(a, prop, b[prop]);
|
|
471
|
+
if (__getOwnPropSymbols$H)
|
|
472
|
+
for (var prop of __getOwnPropSymbols$H(b)) {
|
|
473
|
+
if (__propIsEnum$H.call(b, prop))
|
|
474
|
+
__defNormalProp$G(a, prop, b[prop]);
|
|
475
475
|
}
|
|
476
476
|
return a;
|
|
477
477
|
};
|
|
478
|
-
var __spreadProps$
|
|
478
|
+
var __spreadProps$C = (a, b) => __defProps$C(a, __getOwnPropDescs$C(b));
|
|
479
479
|
const isSame = { month: date.isSameMonth, year: date.isSameYear };
|
|
480
480
|
function CalendarMonthOrYearCell({
|
|
481
481
|
date: date$1,
|
|
@@ -517,7 +517,7 @@ function CalendarMonthOrYearCell({
|
|
|
517
517
|
return /* @__PURE__ */ React__default["default"].createElement("td", {
|
|
518
518
|
className: styles__default$1["default"]["sapphire-calendar__table-body-cell"],
|
|
519
519
|
role: "gridcell"
|
|
520
|
-
}, /* @__PURE__ */ React__default["default"].createElement(CalendarButton, __spreadProps$
|
|
520
|
+
}, /* @__PURE__ */ React__default["default"].createElement(CalendarButton, __spreadProps$C(__spreadValues$G({
|
|
521
521
|
ref
|
|
522
522
|
}, buttonProps), {
|
|
523
523
|
isInGridCell: true,
|
|
@@ -580,19 +580,19 @@ function useCustomDurationCalendarGrid({
|
|
|
580
580
|
return { gridProps };
|
|
581
581
|
}
|
|
582
582
|
|
|
583
|
-
var __defProp$
|
|
584
|
-
var __getOwnPropSymbols$
|
|
585
|
-
var __hasOwnProp$
|
|
586
|
-
var __propIsEnum$
|
|
587
|
-
var __defNormalProp$
|
|
588
|
-
var __spreadValues$
|
|
583
|
+
var __defProp$F = Object.defineProperty;
|
|
584
|
+
var __getOwnPropSymbols$G = Object.getOwnPropertySymbols;
|
|
585
|
+
var __hasOwnProp$G = Object.prototype.hasOwnProperty;
|
|
586
|
+
var __propIsEnum$G = Object.prototype.propertyIsEnumerable;
|
|
587
|
+
var __defNormalProp$F = (obj, key, value) => key in obj ? __defProp$F(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
588
|
+
var __spreadValues$F = (a, b) => {
|
|
589
589
|
for (var prop in b || (b = {}))
|
|
590
|
-
if (__hasOwnProp$
|
|
591
|
-
__defNormalProp$
|
|
592
|
-
if (__getOwnPropSymbols$
|
|
593
|
-
for (var prop of __getOwnPropSymbols$
|
|
594
|
-
if (__propIsEnum$
|
|
595
|
-
__defNormalProp$
|
|
590
|
+
if (__hasOwnProp$G.call(b, prop))
|
|
591
|
+
__defNormalProp$F(a, prop, b[prop]);
|
|
592
|
+
if (__getOwnPropSymbols$G)
|
|
593
|
+
for (var prop of __getOwnPropSymbols$G(b)) {
|
|
594
|
+
if (__propIsEnum$G.call(b, prop))
|
|
595
|
+
__defNormalProp$F(a, prop, b[prop]);
|
|
596
596
|
}
|
|
597
597
|
return a;
|
|
598
598
|
};
|
|
@@ -607,7 +607,7 @@ function CalendarMonthsGrid({
|
|
|
607
607
|
const months = range(1, numMonths).map((month) => formatter.format(state.focusedDate.set({ month }).toDate(state.timeZone)));
|
|
608
608
|
const monthRows = [...chunks(months, 3)];
|
|
609
609
|
const { gridProps } = useCustomDurationCalendarGrid({ cellsDuration: "months" }, state);
|
|
610
|
-
return /* @__PURE__ */ React__default["default"].createElement("table", __spreadValues$
|
|
610
|
+
return /* @__PURE__ */ React__default["default"].createElement("table", __spreadValues$F({
|
|
611
611
|
className: clsx__default["default"](styles__default$1["default"]["sapphire-calendar__table"], styles__default$1["default"]["sapphire-calendar__table--month-year"])
|
|
612
612
|
}, gridProps), /* @__PURE__ */ React__default["default"].createElement("tbody", null, monthRows.map((currentRowMonths, rowIndex) => /* @__PURE__ */ React__default["default"].createElement("tr", {
|
|
613
613
|
key: rowIndex,
|
|
@@ -627,19 +627,19 @@ function CalendarMonthsGrid({
|
|
|
627
627
|
})))));
|
|
628
628
|
}
|
|
629
629
|
|
|
630
|
-
var __defProp$
|
|
631
|
-
var __getOwnPropSymbols$
|
|
632
|
-
var __hasOwnProp$
|
|
633
|
-
var __propIsEnum$
|
|
634
|
-
var __defNormalProp$
|
|
635
|
-
var __spreadValues$
|
|
630
|
+
var __defProp$E = Object.defineProperty;
|
|
631
|
+
var __getOwnPropSymbols$F = Object.getOwnPropertySymbols;
|
|
632
|
+
var __hasOwnProp$F = Object.prototype.hasOwnProperty;
|
|
633
|
+
var __propIsEnum$F = Object.prototype.propertyIsEnumerable;
|
|
634
|
+
var __defNormalProp$E = (obj, key, value) => key in obj ? __defProp$E(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
635
|
+
var __spreadValues$E = (a, b) => {
|
|
636
636
|
for (var prop in b || (b = {}))
|
|
637
|
-
if (__hasOwnProp$
|
|
638
|
-
__defNormalProp$
|
|
639
|
-
if (__getOwnPropSymbols$
|
|
640
|
-
for (var prop of __getOwnPropSymbols$
|
|
641
|
-
if (__propIsEnum$
|
|
642
|
-
__defNormalProp$
|
|
637
|
+
if (__hasOwnProp$F.call(b, prop))
|
|
638
|
+
__defNormalProp$E(a, prop, b[prop]);
|
|
639
|
+
if (__getOwnPropSymbols$F)
|
|
640
|
+
for (var prop of __getOwnPropSymbols$F(b)) {
|
|
641
|
+
if (__propIsEnum$F.call(b, prop))
|
|
642
|
+
__defNormalProp$E(a, prop, b[prop]);
|
|
643
643
|
}
|
|
644
644
|
return a;
|
|
645
645
|
};
|
|
@@ -649,7 +649,7 @@ function CalendarYearsGrid({
|
|
|
649
649
|
const years = range(state.visibleRange.start.year, state.visibleRange.end.year).slice(0, 12);
|
|
650
650
|
const yearRows = [...chunks(years, 3)];
|
|
651
651
|
const { gridProps } = useCustomDurationCalendarGrid({ cellsDuration: "years" }, state);
|
|
652
|
-
return /* @__PURE__ */ React__default["default"].createElement("table", __spreadValues$
|
|
652
|
+
return /* @__PURE__ */ React__default["default"].createElement("table", __spreadValues$E({
|
|
653
653
|
className: clsx__default["default"](styles__default$1["default"]["sapphire-calendar__table"], styles__default$1["default"]["sapphire-calendar__table--month-year"])
|
|
654
654
|
}, gridProps), /* @__PURE__ */ React__default["default"].createElement("tbody", null, yearRows.map((currentRowYears, rowIndex) => /* @__PURE__ */ React__default["default"].createElement("tr", {
|
|
655
655
|
key: rowIndex,
|
|
@@ -669,33 +669,33 @@ function CalendarYearsGrid({
|
|
|
669
669
|
})))));
|
|
670
670
|
}
|
|
671
671
|
|
|
672
|
-
var __defProp$
|
|
673
|
-
var __defProps$
|
|
674
|
-
var __getOwnPropDescs$
|
|
675
|
-
var __getOwnPropSymbols$
|
|
676
|
-
var __hasOwnProp$
|
|
677
|
-
var __propIsEnum$
|
|
678
|
-
var __defNormalProp$
|
|
679
|
-
var __spreadValues$
|
|
672
|
+
var __defProp$D = Object.defineProperty;
|
|
673
|
+
var __defProps$B = Object.defineProperties;
|
|
674
|
+
var __getOwnPropDescs$B = Object.getOwnPropertyDescriptors;
|
|
675
|
+
var __getOwnPropSymbols$E = Object.getOwnPropertySymbols;
|
|
676
|
+
var __hasOwnProp$E = Object.prototype.hasOwnProperty;
|
|
677
|
+
var __propIsEnum$E = Object.prototype.propertyIsEnumerable;
|
|
678
|
+
var __defNormalProp$D = (obj, key, value) => key in obj ? __defProp$D(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
679
|
+
var __spreadValues$D = (a, b) => {
|
|
680
680
|
for (var prop in b || (b = {}))
|
|
681
|
-
if (__hasOwnProp$
|
|
682
|
-
__defNormalProp$
|
|
683
|
-
if (__getOwnPropSymbols$
|
|
684
|
-
for (var prop of __getOwnPropSymbols$
|
|
685
|
-
if (__propIsEnum$
|
|
686
|
-
__defNormalProp$
|
|
681
|
+
if (__hasOwnProp$E.call(b, prop))
|
|
682
|
+
__defNormalProp$D(a, prop, b[prop]);
|
|
683
|
+
if (__getOwnPropSymbols$E)
|
|
684
|
+
for (var prop of __getOwnPropSymbols$E(b)) {
|
|
685
|
+
if (__propIsEnum$E.call(b, prop))
|
|
686
|
+
__defNormalProp$D(a, prop, b[prop]);
|
|
687
687
|
}
|
|
688
688
|
return a;
|
|
689
689
|
};
|
|
690
|
-
var __spreadProps$
|
|
690
|
+
var __spreadProps$B = (a, b) => __defProps$B(a, __getOwnPropDescs$B(b));
|
|
691
691
|
var __objRest$s = (source, exclude) => {
|
|
692
692
|
var target = {};
|
|
693
693
|
for (var prop in source)
|
|
694
|
-
if (__hasOwnProp$
|
|
694
|
+
if (__hasOwnProp$E.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
695
695
|
target[prop] = source[prop];
|
|
696
|
-
if (source != null && __getOwnPropSymbols$
|
|
697
|
-
for (var prop of __getOwnPropSymbols$
|
|
698
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
696
|
+
if (source != null && __getOwnPropSymbols$E)
|
|
697
|
+
for (var prop of __getOwnPropSymbols$E(source)) {
|
|
698
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$E.call(source, prop))
|
|
699
699
|
target[prop] = source[prop];
|
|
700
700
|
}
|
|
701
701
|
return target;
|
|
@@ -722,7 +722,7 @@ function useSapphireCalendarState(_a) {
|
|
|
722
722
|
"onViewChange"
|
|
723
723
|
]);
|
|
724
724
|
const [view, setView] = utils$2.useControlledState(viewProp, defaultView, onViewChange);
|
|
725
|
-
const state = calendar$1.useCalendarState(__spreadProps$
|
|
725
|
+
const state = calendar$1.useCalendarState(__spreadProps$B(__spreadValues$D({}, otherOptions), {
|
|
726
726
|
visibleDuration: viewToVisibleDuration[view]
|
|
727
727
|
}));
|
|
728
728
|
const broadenView = () => {
|
|
@@ -742,7 +742,7 @@ function useSapphireCalendarState(_a) {
|
|
|
742
742
|
}
|
|
743
743
|
};
|
|
744
744
|
const canDrillUp = !state.isReadOnly && ["days", "months"].includes(view);
|
|
745
|
-
return __spreadProps$
|
|
745
|
+
return __spreadProps$B(__spreadValues$D({}, state), {
|
|
746
746
|
view,
|
|
747
747
|
narrowView,
|
|
748
748
|
broadenView,
|
|
@@ -750,25 +750,25 @@ function useSapphireCalendarState(_a) {
|
|
|
750
750
|
});
|
|
751
751
|
}
|
|
752
752
|
|
|
753
|
-
var __defProp$
|
|
754
|
-
var __defProps$
|
|
755
|
-
var __getOwnPropDescs$
|
|
756
|
-
var __getOwnPropSymbols$
|
|
757
|
-
var __hasOwnProp$
|
|
758
|
-
var __propIsEnum$
|
|
759
|
-
var __defNormalProp$
|
|
760
|
-
var __spreadValues$
|
|
753
|
+
var __defProp$C = Object.defineProperty;
|
|
754
|
+
var __defProps$A = Object.defineProperties;
|
|
755
|
+
var __getOwnPropDescs$A = Object.getOwnPropertyDescriptors;
|
|
756
|
+
var __getOwnPropSymbols$D = Object.getOwnPropertySymbols;
|
|
757
|
+
var __hasOwnProp$D = Object.prototype.hasOwnProperty;
|
|
758
|
+
var __propIsEnum$D = Object.prototype.propertyIsEnumerable;
|
|
759
|
+
var __defNormalProp$C = (obj, key, value) => key in obj ? __defProp$C(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
760
|
+
var __spreadValues$C = (a, b) => {
|
|
761
761
|
for (var prop in b || (b = {}))
|
|
762
|
-
if (__hasOwnProp$
|
|
763
|
-
__defNormalProp$
|
|
764
|
-
if (__getOwnPropSymbols$
|
|
765
|
-
for (var prop of __getOwnPropSymbols$
|
|
766
|
-
if (__propIsEnum$
|
|
767
|
-
__defNormalProp$
|
|
762
|
+
if (__hasOwnProp$D.call(b, prop))
|
|
763
|
+
__defNormalProp$C(a, prop, b[prop]);
|
|
764
|
+
if (__getOwnPropSymbols$D)
|
|
765
|
+
for (var prop of __getOwnPropSymbols$D(b)) {
|
|
766
|
+
if (__propIsEnum$D.call(b, prop))
|
|
767
|
+
__defNormalProp$C(a, prop, b[prop]);
|
|
768
768
|
}
|
|
769
769
|
return a;
|
|
770
770
|
};
|
|
771
|
-
var __spreadProps$
|
|
771
|
+
var __spreadProps$A = (a, b) => __defProps$A(a, __getOwnPropDescs$A(b));
|
|
772
772
|
function CalendarHeader({
|
|
773
773
|
isLeft,
|
|
774
774
|
isRight,
|
|
@@ -783,7 +783,7 @@ function CalendarHeader({
|
|
|
783
783
|
})
|
|
784
784
|
}, /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
785
785
|
className: styles__default$1["default"]["sapphire-calendar__header-prev-month"]
|
|
786
|
-
}, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.IconButton, __spreadProps$
|
|
786
|
+
}, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.IconButton, __spreadProps$A(__spreadValues$C({}, prevButtonProps), {
|
|
787
787
|
variant: "tertiary",
|
|
788
788
|
appearance: "ghost",
|
|
789
789
|
size: "large",
|
|
@@ -792,7 +792,7 @@ function CalendarHeader({
|
|
|
792
792
|
className: styles__default$1["default"]["sapphire-calendar__header-title"]
|
|
793
793
|
}, children), /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
794
794
|
className: styles__default$1["default"]["sapphire-calendar__header-next-month"]
|
|
795
|
-
}, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.IconButton, __spreadProps$
|
|
795
|
+
}, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.IconButton, __spreadProps$A(__spreadValues$C({}, nextButtonProps), {
|
|
796
796
|
variant: "tertiary",
|
|
797
797
|
appearance: "ghost",
|
|
798
798
|
size: "large",
|
|
@@ -800,25 +800,25 @@ function CalendarHeader({
|
|
|
800
800
|
}), /* @__PURE__ */ React__default["default"].createElement(react.ChevronRight, null))));
|
|
801
801
|
}
|
|
802
802
|
|
|
803
|
-
var __defProp$
|
|
804
|
-
var __defProps$
|
|
805
|
-
var __getOwnPropDescs$
|
|
806
|
-
var __getOwnPropSymbols$
|
|
807
|
-
var __hasOwnProp$
|
|
808
|
-
var __propIsEnum$
|
|
809
|
-
var __defNormalProp$
|
|
810
|
-
var __spreadValues$
|
|
803
|
+
var __defProp$B = Object.defineProperty;
|
|
804
|
+
var __defProps$z = Object.defineProperties;
|
|
805
|
+
var __getOwnPropDescs$z = Object.getOwnPropertyDescriptors;
|
|
806
|
+
var __getOwnPropSymbols$C = Object.getOwnPropertySymbols;
|
|
807
|
+
var __hasOwnProp$C = Object.prototype.hasOwnProperty;
|
|
808
|
+
var __propIsEnum$C = Object.prototype.propertyIsEnumerable;
|
|
809
|
+
var __defNormalProp$B = (obj, key, value) => key in obj ? __defProp$B(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
810
|
+
var __spreadValues$B = (a, b) => {
|
|
811
811
|
for (var prop in b || (b = {}))
|
|
812
|
-
if (__hasOwnProp$
|
|
813
|
-
__defNormalProp$
|
|
814
|
-
if (__getOwnPropSymbols$
|
|
815
|
-
for (var prop of __getOwnPropSymbols$
|
|
816
|
-
if (__propIsEnum$
|
|
817
|
-
__defNormalProp$
|
|
818
|
-
}
|
|
819
|
-
return a;
|
|
820
|
-
};
|
|
821
|
-
var __spreadProps$
|
|
812
|
+
if (__hasOwnProp$C.call(b, prop))
|
|
813
|
+
__defNormalProp$B(a, prop, b[prop]);
|
|
814
|
+
if (__getOwnPropSymbols$C)
|
|
815
|
+
for (var prop of __getOwnPropSymbols$C(b)) {
|
|
816
|
+
if (__propIsEnum$C.call(b, prop))
|
|
817
|
+
__defNormalProp$B(a, prop, b[prop]);
|
|
818
|
+
}
|
|
819
|
+
return a;
|
|
820
|
+
};
|
|
821
|
+
var __spreadProps$z = (a, b) => __defProps$z(a, __getOwnPropDescs$z(b));
|
|
822
822
|
function CalendarPageAnimation({
|
|
823
823
|
children,
|
|
824
824
|
state: { direction, key }
|
|
@@ -841,7 +841,7 @@ function CalendarPageAnimation({
|
|
|
841
841
|
}
|
|
842
842
|
function useCalendarAnimationState(state) {
|
|
843
843
|
const [animationState, setAnimationState] = React.useState({ key: 0, direction: "next" });
|
|
844
|
-
return __spreadProps$
|
|
844
|
+
return __spreadProps$z(__spreadValues$B({}, state), {
|
|
845
845
|
focusNextPage: () => {
|
|
846
846
|
setAnimationState(({ key }) => ({
|
|
847
847
|
key: key + 1,
|
|
@@ -860,33 +860,33 @@ function useCalendarAnimationState(state) {
|
|
|
860
860
|
});
|
|
861
861
|
}
|
|
862
862
|
|
|
863
|
-
var __defProp$
|
|
864
|
-
var __defProps$
|
|
865
|
-
var __getOwnPropDescs$
|
|
866
|
-
var __getOwnPropSymbols$
|
|
867
|
-
var __hasOwnProp$
|
|
868
|
-
var __propIsEnum$
|
|
869
|
-
var __defNormalProp$
|
|
870
|
-
var __spreadValues$
|
|
863
|
+
var __defProp$A = Object.defineProperty;
|
|
864
|
+
var __defProps$y = Object.defineProperties;
|
|
865
|
+
var __getOwnPropDescs$y = Object.getOwnPropertyDescriptors;
|
|
866
|
+
var __getOwnPropSymbols$B = Object.getOwnPropertySymbols;
|
|
867
|
+
var __hasOwnProp$B = Object.prototype.hasOwnProperty;
|
|
868
|
+
var __propIsEnum$B = Object.prototype.propertyIsEnumerable;
|
|
869
|
+
var __defNormalProp$A = (obj, key, value) => key in obj ? __defProp$A(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
870
|
+
var __spreadValues$A = (a, b) => {
|
|
871
871
|
for (var prop in b || (b = {}))
|
|
872
|
-
if (__hasOwnProp$
|
|
873
|
-
__defNormalProp$
|
|
874
|
-
if (__getOwnPropSymbols$
|
|
875
|
-
for (var prop of __getOwnPropSymbols$
|
|
876
|
-
if (__propIsEnum$
|
|
877
|
-
__defNormalProp$
|
|
872
|
+
if (__hasOwnProp$B.call(b, prop))
|
|
873
|
+
__defNormalProp$A(a, prop, b[prop]);
|
|
874
|
+
if (__getOwnPropSymbols$B)
|
|
875
|
+
for (var prop of __getOwnPropSymbols$B(b)) {
|
|
876
|
+
if (__propIsEnum$B.call(b, prop))
|
|
877
|
+
__defNormalProp$A(a, prop, b[prop]);
|
|
878
878
|
}
|
|
879
879
|
return a;
|
|
880
880
|
};
|
|
881
|
-
var __spreadProps$
|
|
881
|
+
var __spreadProps$y = (a, b) => __defProps$y(a, __getOwnPropDescs$y(b));
|
|
882
882
|
var __objRest$r = (source, exclude) => {
|
|
883
883
|
var target = {};
|
|
884
884
|
for (var prop in source)
|
|
885
|
-
if (__hasOwnProp$
|
|
885
|
+
if (__hasOwnProp$B.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
886
886
|
target[prop] = source[prop];
|
|
887
|
-
if (source != null && __getOwnPropSymbols$
|
|
888
|
-
for (var prop of __getOwnPropSymbols$
|
|
889
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
887
|
+
if (source != null && __getOwnPropSymbols$B)
|
|
888
|
+
for (var prop of __getOwnPropSymbols$B(source)) {
|
|
889
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$B.call(source, prop))
|
|
890
890
|
target[prop] = source[prop];
|
|
891
891
|
}
|
|
892
892
|
return target;
|
|
@@ -901,7 +901,7 @@ const Calendar = (_a) => {
|
|
|
901
901
|
const { locale } = i18n.useLocale();
|
|
902
902
|
const formatMessage = i18n.useMessageFormatter(intlMessages$3);
|
|
903
903
|
const { styleProps } = sapphireReact.useSapphireStyleProps(props);
|
|
904
|
-
const state = useCalendarAnimationState(useSapphireCalendarState(__spreadProps$
|
|
904
|
+
const state = useCalendarAnimationState(useSapphireCalendarState(__spreadProps$y(__spreadValues$A({
|
|
905
905
|
selectionAlignment: "start"
|
|
906
906
|
}, props), {
|
|
907
907
|
locale,
|
|
@@ -943,7 +943,7 @@ const Calendar = (_a) => {
|
|
|
943
943
|
return sentenceCase(formatMessage("year"));
|
|
944
944
|
}
|
|
945
945
|
};
|
|
946
|
-
return /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$
|
|
946
|
+
return /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$A({
|
|
947
947
|
className: styles__default$1["default"]["sapphire-calendar"]
|
|
948
948
|
}, utils$1.mergeProps(calendarProps, utils$1.filterDOMProps(props))), /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
949
949
|
className: clsx__default["default"](styles__default$1["default"]["sapphire-calendar__table-container"], styleProps.className),
|
|
@@ -962,33 +962,33 @@ const Calendar = (_a) => {
|
|
|
962
962
|
}, renderGrid()) : renderGrid()));
|
|
963
963
|
};
|
|
964
964
|
|
|
965
|
-
var __defProp$
|
|
966
|
-
var __defProps$
|
|
967
|
-
var __getOwnPropDescs$
|
|
968
|
-
var __getOwnPropSymbols$
|
|
969
|
-
var __hasOwnProp$
|
|
970
|
-
var __propIsEnum$
|
|
971
|
-
var __defNormalProp$
|
|
972
|
-
var __spreadValues$
|
|
965
|
+
var __defProp$z = Object.defineProperty;
|
|
966
|
+
var __defProps$x = Object.defineProperties;
|
|
967
|
+
var __getOwnPropDescs$x = Object.getOwnPropertyDescriptors;
|
|
968
|
+
var __getOwnPropSymbols$A = Object.getOwnPropertySymbols;
|
|
969
|
+
var __hasOwnProp$A = Object.prototype.hasOwnProperty;
|
|
970
|
+
var __propIsEnum$A = Object.prototype.propertyIsEnumerable;
|
|
971
|
+
var __defNormalProp$z = (obj, key, value) => key in obj ? __defProp$z(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
972
|
+
var __spreadValues$z = (a, b) => {
|
|
973
973
|
for (var prop in b || (b = {}))
|
|
974
|
-
if (__hasOwnProp$
|
|
975
|
-
__defNormalProp$
|
|
976
|
-
if (__getOwnPropSymbols$
|
|
977
|
-
for (var prop of __getOwnPropSymbols$
|
|
978
|
-
if (__propIsEnum$
|
|
979
|
-
__defNormalProp$
|
|
974
|
+
if (__hasOwnProp$A.call(b, prop))
|
|
975
|
+
__defNormalProp$z(a, prop, b[prop]);
|
|
976
|
+
if (__getOwnPropSymbols$A)
|
|
977
|
+
for (var prop of __getOwnPropSymbols$A(b)) {
|
|
978
|
+
if (__propIsEnum$A.call(b, prop))
|
|
979
|
+
__defNormalProp$z(a, prop, b[prop]);
|
|
980
980
|
}
|
|
981
981
|
return a;
|
|
982
982
|
};
|
|
983
|
-
var __spreadProps$
|
|
983
|
+
var __spreadProps$x = (a, b) => __defProps$x(a, __getOwnPropDescs$x(b));
|
|
984
984
|
var __objRest$q = (source, exclude) => {
|
|
985
985
|
var target = {};
|
|
986
986
|
for (var prop in source)
|
|
987
|
-
if (__hasOwnProp$
|
|
987
|
+
if (__hasOwnProp$A.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
988
988
|
target[prop] = source[prop];
|
|
989
|
-
if (source != null && __getOwnPropSymbols$
|
|
990
|
-
for (var prop of __getOwnPropSymbols$
|
|
991
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
989
|
+
if (source != null && __getOwnPropSymbols$A)
|
|
990
|
+
for (var prop of __getOwnPropSymbols$A(source)) {
|
|
991
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$A.call(source, prop))
|
|
992
992
|
target[prop] = source[prop];
|
|
993
993
|
}
|
|
994
994
|
return target;
|
|
@@ -1000,13 +1000,13 @@ const useRangeCalendarState = (_a) => {
|
|
|
1000
1000
|
"onChange"
|
|
1001
1001
|
]);
|
|
1002
1002
|
const lastPredefinedRange = React.useRef(void 0);
|
|
1003
|
-
const state = calendar$1.useRangeCalendarState(__spreadProps$
|
|
1003
|
+
const state = calendar$1.useRangeCalendarState(__spreadProps$x(__spreadValues$z({}, options), {
|
|
1004
1004
|
onChange: (value) => {
|
|
1005
1005
|
onChange == null ? void 0 : onChange(value, lastPredefinedRange.current);
|
|
1006
1006
|
lastPredefinedRange.current = void 0;
|
|
1007
1007
|
}
|
|
1008
1008
|
}));
|
|
1009
|
-
return __spreadProps$
|
|
1009
|
+
return __spreadProps$x(__spreadValues$z({}, state), {
|
|
1010
1010
|
setValue: (value, predefinedRange) => {
|
|
1011
1011
|
lastPredefinedRange.current = predefinedRange;
|
|
1012
1012
|
state.setValue(value);
|
|
@@ -1014,33 +1014,33 @@ const useRangeCalendarState = (_a) => {
|
|
|
1014
1014
|
});
|
|
1015
1015
|
};
|
|
1016
1016
|
|
|
1017
|
-
var __defProp$
|
|
1018
|
-
var __defProps$
|
|
1019
|
-
var __getOwnPropDescs$
|
|
1020
|
-
var __getOwnPropSymbols$
|
|
1021
|
-
var __hasOwnProp$
|
|
1022
|
-
var __propIsEnum$
|
|
1023
|
-
var __defNormalProp$
|
|
1024
|
-
var __spreadValues$
|
|
1017
|
+
var __defProp$y = Object.defineProperty;
|
|
1018
|
+
var __defProps$w = Object.defineProperties;
|
|
1019
|
+
var __getOwnPropDescs$w = Object.getOwnPropertyDescriptors;
|
|
1020
|
+
var __getOwnPropSymbols$z = Object.getOwnPropertySymbols;
|
|
1021
|
+
var __hasOwnProp$z = Object.prototype.hasOwnProperty;
|
|
1022
|
+
var __propIsEnum$z = Object.prototype.propertyIsEnumerable;
|
|
1023
|
+
var __defNormalProp$y = (obj, key, value) => key in obj ? __defProp$y(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
1024
|
+
var __spreadValues$y = (a, b) => {
|
|
1025
1025
|
for (var prop in b || (b = {}))
|
|
1026
|
-
if (__hasOwnProp$
|
|
1027
|
-
__defNormalProp$
|
|
1028
|
-
if (__getOwnPropSymbols$
|
|
1029
|
-
for (var prop of __getOwnPropSymbols$
|
|
1030
|
-
if (__propIsEnum$
|
|
1031
|
-
__defNormalProp$
|
|
1026
|
+
if (__hasOwnProp$z.call(b, prop))
|
|
1027
|
+
__defNormalProp$y(a, prop, b[prop]);
|
|
1028
|
+
if (__getOwnPropSymbols$z)
|
|
1029
|
+
for (var prop of __getOwnPropSymbols$z(b)) {
|
|
1030
|
+
if (__propIsEnum$z.call(b, prop))
|
|
1031
|
+
__defNormalProp$y(a, prop, b[prop]);
|
|
1032
1032
|
}
|
|
1033
1033
|
return a;
|
|
1034
1034
|
};
|
|
1035
|
-
var __spreadProps$
|
|
1035
|
+
var __spreadProps$w = (a, b) => __defProps$w(a, __getOwnPropDescs$w(b));
|
|
1036
1036
|
var __objRest$p = (source, exclude) => {
|
|
1037
1037
|
var target = {};
|
|
1038
1038
|
for (var prop in source)
|
|
1039
|
-
if (__hasOwnProp$
|
|
1039
|
+
if (__hasOwnProp$z.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
1040
1040
|
target[prop] = source[prop];
|
|
1041
|
-
if (source != null && __getOwnPropSymbols$
|
|
1042
|
-
for (var prop of __getOwnPropSymbols$
|
|
1043
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
1041
|
+
if (source != null && __getOwnPropSymbols$z)
|
|
1042
|
+
for (var prop of __getOwnPropSymbols$z(source)) {
|
|
1043
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$z.call(source, prop))
|
|
1044
1044
|
target[prop] = source[prop];
|
|
1045
1045
|
}
|
|
1046
1046
|
return target;
|
|
@@ -1061,7 +1061,7 @@ const _RangeCalendar = function RangeCalendar2(_a, forwardedRef) {
|
|
|
1061
1061
|
const { styleProps } = sapphireReact.useSapphireStyleProps(props);
|
|
1062
1062
|
const ref = utils$1.useObjectRef(forwardedRef);
|
|
1063
1063
|
const { locale } = i18n.useLocale();
|
|
1064
|
-
const state = useCalendarAnimationState(useRangeCalendarState(__spreadProps$
|
|
1064
|
+
const state = useCalendarAnimationState(useRangeCalendarState(__spreadProps$w(__spreadValues$y({}, props), {
|
|
1065
1065
|
locale,
|
|
1066
1066
|
allowsNonContiguousRanges: allowUnavailableDatesWithinRange,
|
|
1067
1067
|
visibleDuration: React.useMemo(() => ({ months: showTwoMonths ? 2 : 1 }), [showTwoMonths]),
|
|
@@ -1075,7 +1075,7 @@ const _RangeCalendar = function RangeCalendar2(_a, forwardedRef) {
|
|
|
1075
1075
|
calendar: state.visibleRange.start.calendar.identifier,
|
|
1076
1076
|
timeZone: state.timeZone
|
|
1077
1077
|
});
|
|
1078
|
-
return /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$
|
|
1078
|
+
return /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$y({
|
|
1079
1079
|
ref,
|
|
1080
1080
|
className: clsx__default["default"](styles__default$1["default"]["sapphire-calendar"], styleProps.className),
|
|
1081
1081
|
style: styleProps.style
|
|
@@ -1117,33 +1117,33 @@ const _RangeCalendar = function RangeCalendar2(_a, forwardedRef) {
|
|
|
1117
1117
|
};
|
|
1118
1118
|
const RangeCalendar = React__default["default"].forwardRef(_RangeCalendar);
|
|
1119
1119
|
|
|
1120
|
-
var __defProp$
|
|
1121
|
-
var __defProps$
|
|
1122
|
-
var __getOwnPropDescs$
|
|
1123
|
-
var __getOwnPropSymbols$
|
|
1124
|
-
var __hasOwnProp$
|
|
1125
|
-
var __propIsEnum$
|
|
1126
|
-
var __defNormalProp$
|
|
1127
|
-
var __spreadValues$
|
|
1120
|
+
var __defProp$x = Object.defineProperty;
|
|
1121
|
+
var __defProps$v = Object.defineProperties;
|
|
1122
|
+
var __getOwnPropDescs$v = Object.getOwnPropertyDescriptors;
|
|
1123
|
+
var __getOwnPropSymbols$y = Object.getOwnPropertySymbols;
|
|
1124
|
+
var __hasOwnProp$y = Object.prototype.hasOwnProperty;
|
|
1125
|
+
var __propIsEnum$y = Object.prototype.propertyIsEnumerable;
|
|
1126
|
+
var __defNormalProp$x = (obj, key, value) => key in obj ? __defProp$x(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
1127
|
+
var __spreadValues$x = (a, b) => {
|
|
1128
1128
|
for (var prop in b || (b = {}))
|
|
1129
|
-
if (__hasOwnProp$
|
|
1130
|
-
__defNormalProp$
|
|
1131
|
-
if (__getOwnPropSymbols$
|
|
1132
|
-
for (var prop of __getOwnPropSymbols$
|
|
1133
|
-
if (__propIsEnum$
|
|
1134
|
-
__defNormalProp$
|
|
1129
|
+
if (__hasOwnProp$y.call(b, prop))
|
|
1130
|
+
__defNormalProp$x(a, prop, b[prop]);
|
|
1131
|
+
if (__getOwnPropSymbols$y)
|
|
1132
|
+
for (var prop of __getOwnPropSymbols$y(b)) {
|
|
1133
|
+
if (__propIsEnum$y.call(b, prop))
|
|
1134
|
+
__defNormalProp$x(a, prop, b[prop]);
|
|
1135
1135
|
}
|
|
1136
1136
|
return a;
|
|
1137
1137
|
};
|
|
1138
|
-
var __spreadProps$
|
|
1138
|
+
var __spreadProps$v = (a, b) => __defProps$v(a, __getOwnPropDescs$v(b));
|
|
1139
1139
|
var __objRest$o = (source, exclude) => {
|
|
1140
1140
|
var target = {};
|
|
1141
1141
|
for (var prop in source)
|
|
1142
|
-
if (__hasOwnProp$
|
|
1142
|
+
if (__hasOwnProp$y.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
1143
1143
|
target[prop] = source[prop];
|
|
1144
|
-
if (source != null && __getOwnPropSymbols$
|
|
1145
|
-
for (var prop of __getOwnPropSymbols$
|
|
1146
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
1144
|
+
if (source != null && __getOwnPropSymbols$y)
|
|
1145
|
+
for (var prop of __getOwnPropSymbols$y(source)) {
|
|
1146
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$y.call(source, prop))
|
|
1147
1147
|
target[prop] = source[prop];
|
|
1148
1148
|
}
|
|
1149
1149
|
return target;
|
|
@@ -1168,7 +1168,7 @@ const NotificationBadge = (props) => {
|
|
|
1168
1168
|
"show"
|
|
1169
1169
|
]);
|
|
1170
1170
|
const { styleProps } = sapphireReact.useSapphireStyleProps(props);
|
|
1171
|
-
const badge = () => show || animate ? /* @__PURE__ */ React__default["default"].createElement("span", __spreadProps$
|
|
1171
|
+
const badge = () => show || animate ? /* @__PURE__ */ React__default["default"].createElement("span", __spreadProps$v(__spreadValues$x({}, otherProps), {
|
|
1172
1172
|
role: "status",
|
|
1173
1173
|
className: clsx__default["default"](styleProps.className, styles__default$2["default"]["sapphire-notification-badge"], styles__default$2["default"][`sapphire-notification-badge--${size}`], styles__default$2["default"][`sapphire-notification-badge--${variant}`], {
|
|
1174
1174
|
[styles__default$2["default"][`sapphire-notification-badge--pop-in`]]: show && animate,
|
|
@@ -1323,25 +1323,25 @@ function getPlaceholder(field, value, locale) {
|
|
|
1323
1323
|
return "\u2013\u2013";
|
|
1324
1324
|
}
|
|
1325
1325
|
|
|
1326
|
-
var __defProp$
|
|
1327
|
-
var __defProps$
|
|
1328
|
-
var __getOwnPropDescs$
|
|
1329
|
-
var __getOwnPropSymbols$
|
|
1330
|
-
var __hasOwnProp$
|
|
1331
|
-
var __propIsEnum$
|
|
1332
|
-
var __defNormalProp$
|
|
1333
|
-
var __spreadValues$
|
|
1326
|
+
var __defProp$w = Object.defineProperty;
|
|
1327
|
+
var __defProps$u = Object.defineProperties;
|
|
1328
|
+
var __getOwnPropDescs$u = Object.getOwnPropertyDescriptors;
|
|
1329
|
+
var __getOwnPropSymbols$x = Object.getOwnPropertySymbols;
|
|
1330
|
+
var __hasOwnProp$x = Object.prototype.hasOwnProperty;
|
|
1331
|
+
var __propIsEnum$x = Object.prototype.propertyIsEnumerable;
|
|
1332
|
+
var __defNormalProp$w = (obj, key, value) => key in obj ? __defProp$w(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
1333
|
+
var __spreadValues$w = (a, b) => {
|
|
1334
1334
|
for (var prop in b || (b = {}))
|
|
1335
|
-
if (__hasOwnProp$
|
|
1336
|
-
__defNormalProp$
|
|
1337
|
-
if (__getOwnPropSymbols$
|
|
1338
|
-
for (var prop of __getOwnPropSymbols$
|
|
1339
|
-
if (__propIsEnum$
|
|
1340
|
-
__defNormalProp$
|
|
1335
|
+
if (__hasOwnProp$x.call(b, prop))
|
|
1336
|
+
__defNormalProp$w(a, prop, b[prop]);
|
|
1337
|
+
if (__getOwnPropSymbols$x)
|
|
1338
|
+
for (var prop of __getOwnPropSymbols$x(b)) {
|
|
1339
|
+
if (__propIsEnum$x.call(b, prop))
|
|
1340
|
+
__defNormalProp$w(a, prop, b[prop]);
|
|
1341
1341
|
}
|
|
1342
1342
|
return a;
|
|
1343
1343
|
};
|
|
1344
|
-
var __spreadProps$
|
|
1344
|
+
var __spreadProps$u = (a, b) => __defProps$u(a, __getOwnPropDescs$u(b));
|
|
1345
1345
|
const segmentTypes = [
|
|
1346
1346
|
"day",
|
|
1347
1347
|
"hour",
|
|
@@ -1359,31 +1359,31 @@ const isAnyModified = (segments) => segments.map(({ type, isPlaceholder }) => {
|
|
|
1359
1359
|
}).some((isModified) => isModified);
|
|
1360
1360
|
const setPlaceholderLanguage = (segment, locale) => {
|
|
1361
1361
|
const placeholder = getPlaceholder(segment.type, segment.text, locale);
|
|
1362
|
-
return __spreadProps$
|
|
1362
|
+
return __spreadProps$u(__spreadValues$w({}, segment), {
|
|
1363
1363
|
text: segment.isPlaceholder ? placeholder : segment.text,
|
|
1364
1364
|
placeholder
|
|
1365
1365
|
});
|
|
1366
1366
|
};
|
|
1367
1367
|
|
|
1368
|
-
var __defProp$
|
|
1369
|
-
var __defProps$
|
|
1370
|
-
var __getOwnPropDescs$
|
|
1371
|
-
var __getOwnPropSymbols$
|
|
1372
|
-
var __hasOwnProp$
|
|
1373
|
-
var __propIsEnum$
|
|
1374
|
-
var __defNormalProp$
|
|
1375
|
-
var __spreadValues$
|
|
1368
|
+
var __defProp$v = Object.defineProperty;
|
|
1369
|
+
var __defProps$t = Object.defineProperties;
|
|
1370
|
+
var __getOwnPropDescs$t = Object.getOwnPropertyDescriptors;
|
|
1371
|
+
var __getOwnPropSymbols$w = Object.getOwnPropertySymbols;
|
|
1372
|
+
var __hasOwnProp$w = Object.prototype.hasOwnProperty;
|
|
1373
|
+
var __propIsEnum$w = Object.prototype.propertyIsEnumerable;
|
|
1374
|
+
var __defNormalProp$v = (obj, key, value) => key in obj ? __defProp$v(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
1375
|
+
var __spreadValues$v = (a, b) => {
|
|
1376
1376
|
for (var prop in b || (b = {}))
|
|
1377
|
-
if (__hasOwnProp$
|
|
1378
|
-
__defNormalProp$
|
|
1379
|
-
if (__getOwnPropSymbols$
|
|
1380
|
-
for (var prop of __getOwnPropSymbols$
|
|
1381
|
-
if (__propIsEnum$
|
|
1382
|
-
__defNormalProp$
|
|
1377
|
+
if (__hasOwnProp$w.call(b, prop))
|
|
1378
|
+
__defNormalProp$v(a, prop, b[prop]);
|
|
1379
|
+
if (__getOwnPropSymbols$w)
|
|
1380
|
+
for (var prop of __getOwnPropSymbols$w(b)) {
|
|
1381
|
+
if (__propIsEnum$w.call(b, prop))
|
|
1382
|
+
__defNormalProp$v(a, prop, b[prop]);
|
|
1383
1383
|
}
|
|
1384
1384
|
return a;
|
|
1385
1385
|
};
|
|
1386
|
-
var __spreadProps$
|
|
1386
|
+
var __spreadProps$t = (a, b) => __defProps$t(a, __getOwnPropDescs$t(b));
|
|
1387
1387
|
const DateSegment = ({ segment, state }) => segment.type === "literal" ? /* @__PURE__ */ React__default["default"].createElement(SeparatorSegment, {
|
|
1388
1388
|
segment
|
|
1389
1389
|
}) : /* @__PURE__ */ React__default["default"].createElement(EditableSegment, {
|
|
@@ -1399,7 +1399,7 @@ const EditableSegment = ({ segment, state }) => {
|
|
|
1399
1399
|
const { segmentProps } = datepicker.useDateSegment(segment, state, ref);
|
|
1400
1400
|
const { locale } = i18n.useLocale();
|
|
1401
1401
|
const segmentWithTranslatedPlaceholders = setPlaceholderLanguage(segment, locale);
|
|
1402
|
-
return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$
|
|
1402
|
+
return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$t(__spreadValues$v({}, segmentProps), {
|
|
1403
1403
|
style: segmentProps.style,
|
|
1404
1404
|
ref,
|
|
1405
1405
|
className: clsx__default["default"](styles__default$3["default"]["sapphire-date-field__segment"], {
|
|
@@ -1408,31 +1408,31 @@ const EditableSegment = ({ segment, state }) => {
|
|
|
1408
1408
|
}), segmentWithTranslatedPlaceholders.text);
|
|
1409
1409
|
};
|
|
1410
1410
|
|
|
1411
|
-
var __defProp$
|
|
1412
|
-
var __defProps$
|
|
1413
|
-
var __getOwnPropDescs$
|
|
1414
|
-
var __getOwnPropSymbols$
|
|
1415
|
-
var __hasOwnProp$
|
|
1416
|
-
var __propIsEnum$
|
|
1417
|
-
var __defNormalProp$
|
|
1418
|
-
var __spreadValues$
|
|
1411
|
+
var __defProp$u = Object.defineProperty;
|
|
1412
|
+
var __defProps$s = Object.defineProperties;
|
|
1413
|
+
var __getOwnPropDescs$s = Object.getOwnPropertyDescriptors;
|
|
1414
|
+
var __getOwnPropSymbols$v = Object.getOwnPropertySymbols;
|
|
1415
|
+
var __hasOwnProp$v = Object.prototype.hasOwnProperty;
|
|
1416
|
+
var __propIsEnum$v = Object.prototype.propertyIsEnumerable;
|
|
1417
|
+
var __defNormalProp$u = (obj, key, value) => key in obj ? __defProp$u(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
1418
|
+
var __spreadValues$u = (a, b) => {
|
|
1419
1419
|
for (var prop in b || (b = {}))
|
|
1420
|
-
if (__hasOwnProp$
|
|
1421
|
-
__defNormalProp$
|
|
1422
|
-
if (__getOwnPropSymbols$
|
|
1423
|
-
for (var prop of __getOwnPropSymbols$
|
|
1424
|
-
if (__propIsEnum$
|
|
1425
|
-
__defNormalProp$
|
|
1420
|
+
if (__hasOwnProp$v.call(b, prop))
|
|
1421
|
+
__defNormalProp$u(a, prop, b[prop]);
|
|
1422
|
+
if (__getOwnPropSymbols$v)
|
|
1423
|
+
for (var prop of __getOwnPropSymbols$v(b)) {
|
|
1424
|
+
if (__propIsEnum$v.call(b, prop))
|
|
1425
|
+
__defNormalProp$u(a, prop, b[prop]);
|
|
1426
1426
|
}
|
|
1427
1427
|
return a;
|
|
1428
1428
|
};
|
|
1429
|
-
var __spreadProps$
|
|
1429
|
+
var __spreadProps$s = (a, b) => __defProps$s(a, __getOwnPropDescs$s(b));
|
|
1430
1430
|
const DateFieldButton = (props) => {
|
|
1431
1431
|
const ref = React.useRef(null);
|
|
1432
1432
|
const { buttonProps, isPressed } = sapphireReact.useButton(props, ref);
|
|
1433
1433
|
const { hoverProps, isHovered } = interactions.useHover({ isDisabled: props.isDisabled });
|
|
1434
1434
|
const { focusProps, isFocusVisible } = focus.useFocusRing();
|
|
1435
|
-
return /* @__PURE__ */ React__default["default"].createElement("button", __spreadProps$
|
|
1435
|
+
return /* @__PURE__ */ React__default["default"].createElement("button", __spreadProps$s(__spreadValues$u({}, utils$1.mergeProps(buttonProps, hoverProps, focusProps)), {
|
|
1436
1436
|
ref,
|
|
1437
1437
|
className: clsx__default["default"](styles__default$3["default"]["sapphire-date-field__button"], styles__default$3["default"]["js-focus"], styles__default$3["default"]["js-hover"], {
|
|
1438
1438
|
[styles__default$3["default"]["is-active"]]: isPressed,
|
|
@@ -1487,33 +1487,33 @@ var intlMessages$2 = {
|
|
|
1487
1487
|
"sv-SE": se$2
|
|
1488
1488
|
};
|
|
1489
1489
|
|
|
1490
|
-
var __defProp$
|
|
1491
|
-
var __defProps$
|
|
1492
|
-
var __getOwnPropDescs$
|
|
1493
|
-
var __getOwnPropSymbols$
|
|
1494
|
-
var __hasOwnProp$
|
|
1495
|
-
var __propIsEnum$
|
|
1496
|
-
var __defNormalProp$
|
|
1497
|
-
var __spreadValues$
|
|
1490
|
+
var __defProp$t = Object.defineProperty;
|
|
1491
|
+
var __defProps$r = Object.defineProperties;
|
|
1492
|
+
var __getOwnPropDescs$r = Object.getOwnPropertyDescriptors;
|
|
1493
|
+
var __getOwnPropSymbols$u = Object.getOwnPropertySymbols;
|
|
1494
|
+
var __hasOwnProp$u = Object.prototype.hasOwnProperty;
|
|
1495
|
+
var __propIsEnum$u = Object.prototype.propertyIsEnumerable;
|
|
1496
|
+
var __defNormalProp$t = (obj, key, value) => key in obj ? __defProp$t(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
1497
|
+
var __spreadValues$t = (a, b) => {
|
|
1498
1498
|
for (var prop in b || (b = {}))
|
|
1499
|
-
if (__hasOwnProp$
|
|
1500
|
-
__defNormalProp$
|
|
1501
|
-
if (__getOwnPropSymbols$
|
|
1502
|
-
for (var prop of __getOwnPropSymbols$
|
|
1503
|
-
if (__propIsEnum$
|
|
1504
|
-
__defNormalProp$
|
|
1499
|
+
if (__hasOwnProp$u.call(b, prop))
|
|
1500
|
+
__defNormalProp$t(a, prop, b[prop]);
|
|
1501
|
+
if (__getOwnPropSymbols$u)
|
|
1502
|
+
for (var prop of __getOwnPropSymbols$u(b)) {
|
|
1503
|
+
if (__propIsEnum$u.call(b, prop))
|
|
1504
|
+
__defNormalProp$t(a, prop, b[prop]);
|
|
1505
1505
|
}
|
|
1506
1506
|
return a;
|
|
1507
1507
|
};
|
|
1508
|
-
var __spreadProps$
|
|
1508
|
+
var __spreadProps$r = (a, b) => __defProps$r(a, __getOwnPropDescs$r(b));
|
|
1509
1509
|
var __objRest$n = (source, exclude) => {
|
|
1510
1510
|
var target = {};
|
|
1511
1511
|
for (var prop in source)
|
|
1512
|
-
if (__hasOwnProp$
|
|
1512
|
+
if (__hasOwnProp$u.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
1513
1513
|
target[prop] = source[prop];
|
|
1514
|
-
if (source != null && __getOwnPropSymbols$
|
|
1515
|
-
for (var prop of __getOwnPropSymbols$
|
|
1516
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
1514
|
+
if (source != null && __getOwnPropSymbols$u)
|
|
1515
|
+
for (var prop of __getOwnPropSymbols$u(source)) {
|
|
1516
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$u.call(source, prop))
|
|
1517
1517
|
target[prop] = source[prop];
|
|
1518
1518
|
}
|
|
1519
1519
|
return target;
|
|
@@ -1530,7 +1530,7 @@ function DateInput(_a) {
|
|
|
1530
1530
|
const formatMessage = i18n.useMessageFormatter(intlMessages$2);
|
|
1531
1531
|
const { locale } = i18n.useLocale();
|
|
1532
1532
|
const customDateFormatLocale = sapphireReact.useCustomDateFormatLocale();
|
|
1533
|
-
const state = datepicker$1.useDateFieldState(__spreadProps$
|
|
1533
|
+
const state = datepicker$1.useDateFieldState(__spreadProps$r(__spreadValues$t({}, props), {
|
|
1534
1534
|
locale: customDateFormatLocale || locale,
|
|
1535
1535
|
createCalendar: date.createCalendar
|
|
1536
1536
|
}));
|
|
@@ -1538,7 +1538,7 @@ function DateInput(_a) {
|
|
|
1538
1538
|
const clear = () => {
|
|
1539
1539
|
segmentTypes.forEach(state.clearSegment);
|
|
1540
1540
|
};
|
|
1541
|
-
return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$
|
|
1541
|
+
return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$r(__spreadValues$t({}, fieldProps), {
|
|
1542
1542
|
className: styles__default$3["default"]["sapphire-date-field__input"],
|
|
1543
1543
|
ref
|
|
1544
1544
|
}), state.segments.map((segment, i) => /* @__PURE__ */ React__default["default"].createElement(DateSegment, {
|
|
@@ -1553,33 +1553,33 @@ function DateInput(_a) {
|
|
|
1553
1553
|
}, /* @__PURE__ */ React__default["default"].createElement(react.CloseCircle, null))));
|
|
1554
1554
|
}
|
|
1555
1555
|
|
|
1556
|
-
var __defProp$
|
|
1557
|
-
var __defProps$
|
|
1558
|
-
var __getOwnPropDescs$
|
|
1559
|
-
var __getOwnPropSymbols$
|
|
1560
|
-
var __hasOwnProp$
|
|
1561
|
-
var __propIsEnum$
|
|
1562
|
-
var __defNormalProp$
|
|
1563
|
-
var __spreadValues$
|
|
1564
|
-
for (var prop in b || (b = {}))
|
|
1565
|
-
if (__hasOwnProp$
|
|
1566
|
-
__defNormalProp$
|
|
1567
|
-
if (__getOwnPropSymbols$
|
|
1568
|
-
for (var prop of __getOwnPropSymbols$
|
|
1569
|
-
if (__propIsEnum$
|
|
1570
|
-
__defNormalProp$
|
|
1556
|
+
var __defProp$s = Object.defineProperty;
|
|
1557
|
+
var __defProps$q = Object.defineProperties;
|
|
1558
|
+
var __getOwnPropDescs$q = Object.getOwnPropertyDescriptors;
|
|
1559
|
+
var __getOwnPropSymbols$t = Object.getOwnPropertySymbols;
|
|
1560
|
+
var __hasOwnProp$t = Object.prototype.hasOwnProperty;
|
|
1561
|
+
var __propIsEnum$t = Object.prototype.propertyIsEnumerable;
|
|
1562
|
+
var __defNormalProp$s = (obj, key, value) => key in obj ? __defProp$s(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
1563
|
+
var __spreadValues$s = (a, b) => {
|
|
1564
|
+
for (var prop in b || (b = {}))
|
|
1565
|
+
if (__hasOwnProp$t.call(b, prop))
|
|
1566
|
+
__defNormalProp$s(a, prop, b[prop]);
|
|
1567
|
+
if (__getOwnPropSymbols$t)
|
|
1568
|
+
for (var prop of __getOwnPropSymbols$t(b)) {
|
|
1569
|
+
if (__propIsEnum$t.call(b, prop))
|
|
1570
|
+
__defNormalProp$s(a, prop, b[prop]);
|
|
1571
1571
|
}
|
|
1572
1572
|
return a;
|
|
1573
1573
|
};
|
|
1574
|
-
var __spreadProps$
|
|
1574
|
+
var __spreadProps$q = (a, b) => __defProps$q(a, __getOwnPropDescs$q(b));
|
|
1575
1575
|
var __objRest$m = (source, exclude) => {
|
|
1576
1576
|
var target = {};
|
|
1577
1577
|
for (var prop in source)
|
|
1578
|
-
if (__hasOwnProp$
|
|
1578
|
+
if (__hasOwnProp$t.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
1579
1579
|
target[prop] = source[prop];
|
|
1580
|
-
if (source != null && __getOwnPropSymbols$
|
|
1581
|
-
for (var prop of __getOwnPropSymbols$
|
|
1582
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
1580
|
+
if (source != null && __getOwnPropSymbols$t)
|
|
1581
|
+
for (var prop of __getOwnPropSymbols$t(source)) {
|
|
1582
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$t.call(source, prop))
|
|
1583
1583
|
target[prop] = source[prop];
|
|
1584
1584
|
}
|
|
1585
1585
|
return target;
|
|
@@ -1609,7 +1609,7 @@ function _DateField(_a, ref) {
|
|
|
1609
1609
|
const dialogRef = React.useRef(null);
|
|
1610
1610
|
const { styleProps } = sapphireReact.useSapphireStyleProps(otherProps);
|
|
1611
1611
|
const { dialogProps } = dialog.useDialog({}, dialogRef);
|
|
1612
|
-
const state = datepicker$1.useDatePickerState(__spreadValues$
|
|
1612
|
+
const state = datepicker$1.useDatePickerState(__spreadValues$s(__spreadValues$s({}, otherProps), error ? { validationState: "invalid" } : {}));
|
|
1613
1613
|
const {
|
|
1614
1614
|
groupProps,
|
|
1615
1615
|
labelProps,
|
|
@@ -1619,78 +1619,78 @@ function _DateField(_a, ref) {
|
|
|
1619
1619
|
calendarProps,
|
|
1620
1620
|
descriptionProps,
|
|
1621
1621
|
errorMessageProps
|
|
1622
|
-
} = datepicker.useDatePicker(__spreadProps$
|
|
1622
|
+
} = datepicker.useDatePicker(__spreadProps$q(__spreadValues$s({}, otherProps), {
|
|
1623
1623
|
description: note
|
|
1624
1624
|
}), state, groupRef);
|
|
1625
1625
|
const isMedium = size === "medium";
|
|
1626
|
-
return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field, __spreadProps$
|
|
1626
|
+
return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field, __spreadProps$q(__spreadValues$s({}, otherProps), {
|
|
1627
1627
|
noShrink: true,
|
|
1628
1628
|
isDisabled: otherProps.isDisabled,
|
|
1629
1629
|
error: state.validationState === "invalid",
|
|
1630
1630
|
size,
|
|
1631
1631
|
ref,
|
|
1632
1632
|
labelPlacement
|
|
1633
|
-
}), otherProps.label && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Label, null, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Label, __spreadProps$
|
|
1633
|
+
}), otherProps.label && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Label, null, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Label, __spreadProps$q(__spreadValues$s({}, labelProps), {
|
|
1634
1634
|
size,
|
|
1635
1635
|
necessityIndicator: otherProps.isRequired && necessityIndicator ? "required" : !otherProps.isRequired && necessityIndicator ? "optional" : void 0,
|
|
1636
1636
|
contextualHelp
|
|
1637
|
-
}), otherProps.label)), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Control, null, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$
|
|
1637
|
+
}), otherProps.label)), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Control, null, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$s(__spreadProps$q(__spreadValues$s({}, groupProps), {
|
|
1638
1638
|
ref: groupRef,
|
|
1639
1639
|
className: clsx__default["default"](styles__default$3["default"]["sapphire-date-field"], {
|
|
1640
1640
|
[styles__default$3["default"]["sapphire-date-field--error"]]: state.validationState === "invalid",
|
|
1641
1641
|
[styles__default$3["default"]["sapphire-date-field--medium"]]: isMedium
|
|
1642
1642
|
})
|
|
1643
|
-
}), styleProps.style.width ? { style: { width: styleProps.style.width } } : {}), /* @__PURE__ */ React__default["default"].createElement(interactions.PressResponder, __spreadProps$
|
|
1643
|
+
}), styleProps.style.width ? { style: { width: styleProps.style.width } } : {}), /* @__PURE__ */ React__default["default"].createElement(interactions.PressResponder, __spreadProps$q(__spreadValues$s({}, buttonProps), {
|
|
1644
1644
|
isPressed: state.isOpen
|
|
1645
1645
|
}), /* @__PURE__ */ React__default["default"].createElement(DateFieldButton, {
|
|
1646
1646
|
isDisabled: otherProps.isDisabled || otherProps.isReadOnly
|
|
1647
1647
|
}, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, {
|
|
1648
1648
|
size: isMedium ? "m" : "l"
|
|
1649
|
-
}, /* @__PURE__ */ React__default["default"].createElement(react.Calendar, null)))), /* @__PURE__ */ React__default["default"].createElement(DateInput, __spreadProps$
|
|
1649
|
+
}, /* @__PURE__ */ React__default["default"].createElement(react.Calendar, null)))), /* @__PURE__ */ React__default["default"].createElement(DateInput, __spreadProps$q(__spreadValues$s({}, fieldProps), {
|
|
1650
1650
|
noClearButton,
|
|
1651
1651
|
size
|
|
1652
|
-
})))), (typeof error === "string" && error !== "" || note) && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Footer, null, error ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, __spreadValues$
|
|
1652
|
+
})))), (typeof error === "string" && error !== "" || note) && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Footer, null, error ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, __spreadValues$s({}, errorMessageProps), error) : note ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, __spreadValues$s({}, descriptionProps), note) : /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null)), state.isOpen && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Popover, {
|
|
1653
1653
|
state,
|
|
1654
1654
|
triggerRef: groupRef,
|
|
1655
1655
|
placement: "bottom start"
|
|
1656
|
-
}, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$
|
|
1656
|
+
}, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$s(__spreadValues$s({
|
|
1657
1657
|
ref: dialogRef
|
|
1658
1658
|
}, dialogProps), dialogPropsFromDatePicker), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.View, {
|
|
1659
1659
|
padding: sapphireReact.tokens.size.spacing50
|
|
1660
|
-
}, /* @__PURE__ */ React__default["default"].createElement(Calendar, __spreadProps$
|
|
1660
|
+
}, /* @__PURE__ */ React__default["default"].createElement(Calendar, __spreadProps$q(__spreadValues$s({}, calendarProps), {
|
|
1661
1661
|
defaultFocusedValue: state.dateValue,
|
|
1662
1662
|
showWeekNumbers
|
|
1663
1663
|
}))))));
|
|
1664
1664
|
}
|
|
1665
1665
|
const DateField = React.forwardRef(_DateField);
|
|
1666
1666
|
|
|
1667
|
-
var __defProp$
|
|
1668
|
-
var __defProps$
|
|
1669
|
-
var __getOwnPropDescs$
|
|
1670
|
-
var __getOwnPropSymbols$
|
|
1671
|
-
var __hasOwnProp$
|
|
1672
|
-
var __propIsEnum$
|
|
1673
|
-
var __defNormalProp$
|
|
1674
|
-
var __spreadValues$
|
|
1667
|
+
var __defProp$r = Object.defineProperty;
|
|
1668
|
+
var __defProps$p = Object.defineProperties;
|
|
1669
|
+
var __getOwnPropDescs$p = Object.getOwnPropertyDescriptors;
|
|
1670
|
+
var __getOwnPropSymbols$s = Object.getOwnPropertySymbols;
|
|
1671
|
+
var __hasOwnProp$s = Object.prototype.hasOwnProperty;
|
|
1672
|
+
var __propIsEnum$s = Object.prototype.propertyIsEnumerable;
|
|
1673
|
+
var __defNormalProp$r = (obj, key, value) => key in obj ? __defProp$r(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
1674
|
+
var __spreadValues$r = (a, b) => {
|
|
1675
1675
|
for (var prop in b || (b = {}))
|
|
1676
|
-
if (__hasOwnProp$
|
|
1677
|
-
__defNormalProp$
|
|
1678
|
-
if (__getOwnPropSymbols$
|
|
1679
|
-
for (var prop of __getOwnPropSymbols$
|
|
1680
|
-
if (__propIsEnum$
|
|
1681
|
-
__defNormalProp$
|
|
1676
|
+
if (__hasOwnProp$s.call(b, prop))
|
|
1677
|
+
__defNormalProp$r(a, prop, b[prop]);
|
|
1678
|
+
if (__getOwnPropSymbols$s)
|
|
1679
|
+
for (var prop of __getOwnPropSymbols$s(b)) {
|
|
1680
|
+
if (__propIsEnum$s.call(b, prop))
|
|
1681
|
+
__defNormalProp$r(a, prop, b[prop]);
|
|
1682
1682
|
}
|
|
1683
1683
|
return a;
|
|
1684
1684
|
};
|
|
1685
|
-
var __spreadProps$
|
|
1685
|
+
var __spreadProps$p = (a, b) => __defProps$p(a, __getOwnPropDescs$p(b));
|
|
1686
1686
|
var __objRest$l = (source, exclude) => {
|
|
1687
1687
|
var target = {};
|
|
1688
1688
|
for (var prop in source)
|
|
1689
|
-
if (__hasOwnProp$
|
|
1689
|
+
if (__hasOwnProp$s.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
1690
1690
|
target[prop] = source[prop];
|
|
1691
|
-
if (source != null && __getOwnPropSymbols$
|
|
1692
|
-
for (var prop of __getOwnPropSymbols$
|
|
1693
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
1691
|
+
if (source != null && __getOwnPropSymbols$s)
|
|
1692
|
+
for (var prop of __getOwnPropSymbols$s(source)) {
|
|
1693
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$s.call(source, prop))
|
|
1694
1694
|
target[prop] = source[prop];
|
|
1695
1695
|
}
|
|
1696
1696
|
return target;
|
|
@@ -1702,13 +1702,13 @@ const useDateRangePickerState = (_a) => {
|
|
|
1702
1702
|
"onChange"
|
|
1703
1703
|
]);
|
|
1704
1704
|
const lastPredefinedRange = React.useRef(void 0);
|
|
1705
|
-
const state = datepicker$1.useDateRangePickerState(__spreadProps$
|
|
1705
|
+
const state = datepicker$1.useDateRangePickerState(__spreadProps$p(__spreadValues$r({}, options), {
|
|
1706
1706
|
onChange: (value) => {
|
|
1707
1707
|
onChange == null ? void 0 : onChange(value, lastPredefinedRange.current);
|
|
1708
1708
|
lastPredefinedRange.current = void 0;
|
|
1709
1709
|
}
|
|
1710
1710
|
}));
|
|
1711
|
-
return __spreadProps$
|
|
1711
|
+
return __spreadProps$p(__spreadValues$r({}, state), {
|
|
1712
1712
|
setDateRange: (value, predefinedRange) => {
|
|
1713
1713
|
lastPredefinedRange.current = predefinedRange;
|
|
1714
1714
|
state.setDateRange(value);
|
|
@@ -1716,25 +1716,25 @@ const useDateRangePickerState = (_a) => {
|
|
|
1716
1716
|
});
|
|
1717
1717
|
};
|
|
1718
1718
|
|
|
1719
|
-
var __defProp$
|
|
1720
|
-
var __defProps$
|
|
1721
|
-
var __getOwnPropDescs$
|
|
1722
|
-
var __getOwnPropSymbols$
|
|
1723
|
-
var __hasOwnProp$
|
|
1724
|
-
var __propIsEnum$
|
|
1725
|
-
var __defNormalProp$
|
|
1726
|
-
var __spreadValues$
|
|
1719
|
+
var __defProp$q = Object.defineProperty;
|
|
1720
|
+
var __defProps$o = Object.defineProperties;
|
|
1721
|
+
var __getOwnPropDescs$o = Object.getOwnPropertyDescriptors;
|
|
1722
|
+
var __getOwnPropSymbols$r = Object.getOwnPropertySymbols;
|
|
1723
|
+
var __hasOwnProp$r = Object.prototype.hasOwnProperty;
|
|
1724
|
+
var __propIsEnum$r = Object.prototype.propertyIsEnumerable;
|
|
1725
|
+
var __defNormalProp$q = (obj, key, value) => key in obj ? __defProp$q(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
1726
|
+
var __spreadValues$q = (a, b) => {
|
|
1727
1727
|
for (var prop in b || (b = {}))
|
|
1728
|
-
if (__hasOwnProp$
|
|
1729
|
-
__defNormalProp$
|
|
1730
|
-
if (__getOwnPropSymbols$
|
|
1731
|
-
for (var prop of __getOwnPropSymbols$
|
|
1732
|
-
if (__propIsEnum$
|
|
1733
|
-
__defNormalProp$
|
|
1728
|
+
if (__hasOwnProp$r.call(b, prop))
|
|
1729
|
+
__defNormalProp$q(a, prop, b[prop]);
|
|
1730
|
+
if (__getOwnPropSymbols$r)
|
|
1731
|
+
for (var prop of __getOwnPropSymbols$r(b)) {
|
|
1732
|
+
if (__propIsEnum$r.call(b, prop))
|
|
1733
|
+
__defNormalProp$q(a, prop, b[prop]);
|
|
1734
1734
|
}
|
|
1735
1735
|
return a;
|
|
1736
1736
|
};
|
|
1737
|
-
var __spreadProps$
|
|
1737
|
+
var __spreadProps$o = (a, b) => __defProps$o(a, __getOwnPropDescs$o(b));
|
|
1738
1738
|
function DateRangeInput({
|
|
1739
1739
|
dateRangePickerState,
|
|
1740
1740
|
startFieldProps,
|
|
@@ -1747,11 +1747,11 @@ function DateRangeInput({
|
|
|
1747
1747
|
const formatMessage = i18n.useMessageFormatter(intlMessages$2);
|
|
1748
1748
|
const { locale } = i18n.useLocale();
|
|
1749
1749
|
const customDateFormatLocale = sapphireReact.useCustomDateFormatLocale();
|
|
1750
|
-
const startFieldState = datepicker$1.useDateFieldState(__spreadProps$
|
|
1750
|
+
const startFieldState = datepicker$1.useDateFieldState(__spreadProps$o(__spreadValues$q({}, startFieldProps), {
|
|
1751
1751
|
locale: customDateFormatLocale || locale,
|
|
1752
1752
|
createCalendar: date.createCalendar
|
|
1753
1753
|
}));
|
|
1754
|
-
const endFieldState = datepicker$1.useDateFieldState(__spreadProps$
|
|
1754
|
+
const endFieldState = datepicker$1.useDateFieldState(__spreadProps$o(__spreadValues$q({}, endFieldProps), {
|
|
1755
1755
|
locale: customDateFormatLocale || locale,
|
|
1756
1756
|
createCalendar: date.createCalendar
|
|
1757
1757
|
}));
|
|
@@ -1764,7 +1764,7 @@ function DateRangeInput({
|
|
|
1764
1764
|
});
|
|
1765
1765
|
dateRangePickerState.setValue({ start: null, end: null });
|
|
1766
1766
|
};
|
|
1767
|
-
return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$
|
|
1767
|
+
return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$o(__spreadValues$q({}, startFieldAriaProps), {
|
|
1768
1768
|
className: styles__default$3["default"]["sapphire-date-field__input"],
|
|
1769
1769
|
ref: startFieldRef
|
|
1770
1770
|
}), startFieldState.segments.map((segment, i) => /* @__PURE__ */ React__default["default"].createElement(DateSegment, {
|
|
@@ -1773,7 +1773,7 @@ function DateRangeInput({
|
|
|
1773
1773
|
state: startFieldState
|
|
1774
1774
|
}))), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, {
|
|
1775
1775
|
size: size == "medium" ? "m" : "l"
|
|
1776
|
-
}, /* @__PURE__ */ React__default["default"].createElement(react.ArrowRight, null)), /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$
|
|
1776
|
+
}, /* @__PURE__ */ React__default["default"].createElement(react.ArrowRight, null)), /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$o(__spreadValues$q({}, endFieldAriaProps), {
|
|
1777
1777
|
className: styles__default$3["default"]["sapphire-date-field__input"],
|
|
1778
1778
|
ref: endFieldRef
|
|
1779
1779
|
}), endFieldState.segments.map((segment, i) => /* @__PURE__ */ React__default["default"].createElement(DateSegment, {
|
|
@@ -1791,33 +1791,33 @@ function DateRangeInput({
|
|
|
1791
1791
|
}, /* @__PURE__ */ React__default["default"].createElement(react.CloseCircle, null))));
|
|
1792
1792
|
}
|
|
1793
1793
|
|
|
1794
|
-
var __defProp$
|
|
1795
|
-
var __defProps$
|
|
1796
|
-
var __getOwnPropDescs$
|
|
1797
|
-
var __getOwnPropSymbols$
|
|
1798
|
-
var __hasOwnProp$
|
|
1799
|
-
var __propIsEnum$
|
|
1800
|
-
var __defNormalProp$
|
|
1801
|
-
var __spreadValues$
|
|
1794
|
+
var __defProp$p = Object.defineProperty;
|
|
1795
|
+
var __defProps$n = Object.defineProperties;
|
|
1796
|
+
var __getOwnPropDescs$n = Object.getOwnPropertyDescriptors;
|
|
1797
|
+
var __getOwnPropSymbols$q = Object.getOwnPropertySymbols;
|
|
1798
|
+
var __hasOwnProp$q = Object.prototype.hasOwnProperty;
|
|
1799
|
+
var __propIsEnum$q = Object.prototype.propertyIsEnumerable;
|
|
1800
|
+
var __defNormalProp$p = (obj, key, value) => key in obj ? __defProp$p(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
1801
|
+
var __spreadValues$p = (a, b) => {
|
|
1802
1802
|
for (var prop in b || (b = {}))
|
|
1803
|
-
if (__hasOwnProp$
|
|
1804
|
-
__defNormalProp$
|
|
1805
|
-
if (__getOwnPropSymbols$
|
|
1806
|
-
for (var prop of __getOwnPropSymbols$
|
|
1807
|
-
if (__propIsEnum$
|
|
1808
|
-
__defNormalProp$
|
|
1803
|
+
if (__hasOwnProp$q.call(b, prop))
|
|
1804
|
+
__defNormalProp$p(a, prop, b[prop]);
|
|
1805
|
+
if (__getOwnPropSymbols$q)
|
|
1806
|
+
for (var prop of __getOwnPropSymbols$q(b)) {
|
|
1807
|
+
if (__propIsEnum$q.call(b, prop))
|
|
1808
|
+
__defNormalProp$p(a, prop, b[prop]);
|
|
1809
1809
|
}
|
|
1810
1810
|
return a;
|
|
1811
1811
|
};
|
|
1812
|
-
var __spreadProps$
|
|
1812
|
+
var __spreadProps$n = (a, b) => __defProps$n(a, __getOwnPropDescs$n(b));
|
|
1813
1813
|
var __objRest$k = (source, exclude) => {
|
|
1814
1814
|
var target = {};
|
|
1815
1815
|
for (var prop in source)
|
|
1816
|
-
if (__hasOwnProp$
|
|
1816
|
+
if (__hasOwnProp$q.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
1817
1817
|
target[prop] = source[prop];
|
|
1818
|
-
if (source != null && __getOwnPropSymbols$
|
|
1819
|
-
for (var prop of __getOwnPropSymbols$
|
|
1820
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
1818
|
+
if (source != null && __getOwnPropSymbols$q)
|
|
1819
|
+
for (var prop of __getOwnPropSymbols$q(source)) {
|
|
1820
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$q.call(source, prop))
|
|
1821
1821
|
target[prop] = source[prop];
|
|
1822
1822
|
}
|
|
1823
1823
|
return target;
|
|
@@ -1857,7 +1857,7 @@ function _DateRangeField(_a, ref) {
|
|
|
1857
1857
|
const preferredLocale = locale || existingLocale;
|
|
1858
1858
|
const { styleProps } = sapphireReact.useSapphireStyleProps(otherProps);
|
|
1859
1859
|
const { dialogProps } = dialog.useDialog({}, dialogRef);
|
|
1860
|
-
const state = useDateRangePickerState(__spreadValues$
|
|
1860
|
+
const state = useDateRangePickerState(__spreadValues$p(__spreadValues$p(__spreadValues$p({}, otherProps), error ? { validationState: "invalid" } : {}), allowUnavailableDatesWithinRange ? { allowsNonContiguousRanges: allowUnavailableDatesWithinRange } : {}));
|
|
1861
1861
|
const {
|
|
1862
1862
|
groupProps,
|
|
1863
1863
|
labelProps,
|
|
@@ -1868,12 +1868,12 @@ function _DateRangeField(_a, ref) {
|
|
|
1868
1868
|
calendarProps,
|
|
1869
1869
|
descriptionProps,
|
|
1870
1870
|
errorMessageProps
|
|
1871
|
-
} = datepicker.useDateRangePicker(__spreadProps$
|
|
1871
|
+
} = datepicker.useDateRangePicker(__spreadProps$n(__spreadValues$p({}, otherProps), {
|
|
1872
1872
|
description: note,
|
|
1873
1873
|
allowsNonContiguousRanges: allowUnavailableDatesWithinRange
|
|
1874
1874
|
}), state, groupRef);
|
|
1875
1875
|
const isMedium = size === "medium";
|
|
1876
|
-
return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field, __spreadProps$
|
|
1876
|
+
return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field, __spreadProps$n(__spreadValues$p({}, otherProps), {
|
|
1877
1877
|
noShrink: true,
|
|
1878
1878
|
isDisabled: otherProps.isDisabled,
|
|
1879
1879
|
error: state.validationState === "invalid",
|
|
@@ -1882,17 +1882,17 @@ function _DateRangeField(_a, ref) {
|
|
|
1882
1882
|
labelPlacement
|
|
1883
1883
|
}), /* @__PURE__ */ React__default["default"].createElement(i18n.I18nProvider, {
|
|
1884
1884
|
locale: preferredLocale
|
|
1885
|
-
}, otherProps.label && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Label, null, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Label, __spreadProps$
|
|
1885
|
+
}, otherProps.label && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Label, null, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Label, __spreadProps$n(__spreadValues$p({}, labelProps), {
|
|
1886
1886
|
size,
|
|
1887
1887
|
necessityIndicator: otherProps.isRequired && necessityIndicator ? "required" : !otherProps.isRequired && necessityIndicator ? "optional" : void 0,
|
|
1888
1888
|
contextualHelp
|
|
1889
|
-
}), otherProps.label)), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Control, null, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$
|
|
1889
|
+
}), otherProps.label)), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Control, null, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$p(__spreadProps$n(__spreadValues$p({}, groupProps), {
|
|
1890
1890
|
ref: groupRef,
|
|
1891
1891
|
className: clsx__default["default"](styles__default$3["default"]["sapphire-date-field"], styles__default$3["default"]["sapphire-date-field--range"], {
|
|
1892
1892
|
[styles__default$3["default"]["sapphire-date-field--error"]]: state.validationState === "invalid",
|
|
1893
1893
|
[styles__default$3["default"]["sapphire-date-field--medium"]]: isMedium
|
|
1894
1894
|
})
|
|
1895
|
-
}), styleProps.style.width ? { style: { width: styleProps.style.width } } : {}), /* @__PURE__ */ React__default["default"].createElement(interactions.PressResponder, __spreadProps$
|
|
1895
|
+
}), styleProps.style.width ? { style: { width: styleProps.style.width } } : {}), /* @__PURE__ */ React__default["default"].createElement(interactions.PressResponder, __spreadProps$n(__spreadValues$p({}, buttonProps), {
|
|
1896
1896
|
isPressed: state.isOpen
|
|
1897
1897
|
}), /* @__PURE__ */ React__default["default"].createElement(DateFieldButton, {
|
|
1898
1898
|
isDisabled: otherProps.isDisabled || otherProps.isReadOnly
|
|
@@ -1904,15 +1904,15 @@ function _DateRangeField(_a, ref) {
|
|
|
1904
1904
|
endFieldProps,
|
|
1905
1905
|
noClearButton,
|
|
1906
1906
|
size
|
|
1907
|
-
}))), error !== false && (typeof error === "string" && error !== "" || note) && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Footer, null, error ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, __spreadValues$
|
|
1907
|
+
}))), error !== false && (typeof error === "string" && error !== "" || note) && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Footer, null, error ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, __spreadValues$p({}, errorMessageProps), error) : note ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, __spreadValues$p({}, descriptionProps), note) : /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null)), state.isOpen && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Popover, {
|
|
1908
1908
|
state,
|
|
1909
1909
|
triggerRef: groupRef,
|
|
1910
1910
|
placement: "bottom start"
|
|
1911
|
-
}, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$
|
|
1911
|
+
}, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$p(__spreadValues$p({
|
|
1912
1912
|
ref: dialogRef
|
|
1913
1913
|
}, dialogProps), dialogPropsFromDatePicker), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.View, {
|
|
1914
1914
|
padding: sapphireReact.tokens.size.spacing50
|
|
1915
|
-
}, /* @__PURE__ */ React__default["default"].createElement(RangeCalendar, __spreadProps$
|
|
1915
|
+
}, /* @__PURE__ */ React__default["default"].createElement(RangeCalendar, __spreadProps$n(__spreadValues$p({}, calendarProps), {
|
|
1916
1916
|
allowUnavailableDatesWithinRange,
|
|
1917
1917
|
showWeekNumbers,
|
|
1918
1918
|
showTwoMonths,
|
|
@@ -1933,33 +1933,33 @@ const isDateOutsideValidRange = (value, minValue, maxValue) => {
|
|
|
1933
1933
|
}
|
|
1934
1934
|
};
|
|
1935
1935
|
|
|
1936
|
-
var __defProp$
|
|
1937
|
-
var __defProps$
|
|
1938
|
-
var __getOwnPropDescs$
|
|
1939
|
-
var __getOwnPropSymbols$
|
|
1940
|
-
var __hasOwnProp$
|
|
1941
|
-
var __propIsEnum$
|
|
1942
|
-
var __defNormalProp$
|
|
1943
|
-
var __spreadValues$
|
|
1936
|
+
var __defProp$o = Object.defineProperty;
|
|
1937
|
+
var __defProps$m = Object.defineProperties;
|
|
1938
|
+
var __getOwnPropDescs$m = Object.getOwnPropertyDescriptors;
|
|
1939
|
+
var __getOwnPropSymbols$p = Object.getOwnPropertySymbols;
|
|
1940
|
+
var __hasOwnProp$p = Object.prototype.hasOwnProperty;
|
|
1941
|
+
var __propIsEnum$p = Object.prototype.propertyIsEnumerable;
|
|
1942
|
+
var __defNormalProp$o = (obj, key, value) => key in obj ? __defProp$o(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
1943
|
+
var __spreadValues$o = (a, b) => {
|
|
1944
1944
|
for (var prop in b || (b = {}))
|
|
1945
|
-
if (__hasOwnProp$
|
|
1946
|
-
__defNormalProp$
|
|
1947
|
-
if (__getOwnPropSymbols$
|
|
1948
|
-
for (var prop of __getOwnPropSymbols$
|
|
1949
|
-
if (__propIsEnum$
|
|
1950
|
-
__defNormalProp$
|
|
1945
|
+
if (__hasOwnProp$p.call(b, prop))
|
|
1946
|
+
__defNormalProp$o(a, prop, b[prop]);
|
|
1947
|
+
if (__getOwnPropSymbols$p)
|
|
1948
|
+
for (var prop of __getOwnPropSymbols$p(b)) {
|
|
1949
|
+
if (__propIsEnum$p.call(b, prop))
|
|
1950
|
+
__defNormalProp$o(a, prop, b[prop]);
|
|
1951
1951
|
}
|
|
1952
1952
|
return a;
|
|
1953
1953
|
};
|
|
1954
|
-
var __spreadProps$
|
|
1954
|
+
var __spreadProps$m = (a, b) => __defProps$m(a, __getOwnPropDescs$m(b));
|
|
1955
1955
|
var __objRest$j = (source, exclude) => {
|
|
1956
1956
|
var target = {};
|
|
1957
1957
|
for (var prop in source)
|
|
1958
|
-
if (__hasOwnProp$
|
|
1958
|
+
if (__hasOwnProp$p.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
1959
1959
|
target[prop] = source[prop];
|
|
1960
|
-
if (source != null && __getOwnPropSymbols$
|
|
1961
|
-
for (var prop of __getOwnPropSymbols$
|
|
1962
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
1960
|
+
if (source != null && __getOwnPropSymbols$p)
|
|
1961
|
+
for (var prop of __getOwnPropSymbols$p(source)) {
|
|
1962
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$p.call(source, prop))
|
|
1963
1963
|
target[prop] = source[prop];
|
|
1964
1964
|
}
|
|
1965
1965
|
return target;
|
|
@@ -1990,7 +1990,7 @@ const Avatar = (_a) => {
|
|
|
1990
1990
|
]);
|
|
1991
1991
|
sapphireReact.useThemeCheck();
|
|
1992
1992
|
const { styleProps } = sapphireReact.useSapphireStyleProps(props);
|
|
1993
|
-
return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$
|
|
1993
|
+
return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$m(__spreadValues$o({}, styleProps), {
|
|
1994
1994
|
className: clsx__default["default"](styleProps.className, styles__default$4["default"]["sapphire-avatar"], {
|
|
1995
1995
|
[styles__default$4["default"]["sapphire-avatar--extra-large"]]: size === "extraLarge",
|
|
1996
1996
|
[styles__default$4["default"]["sapphire-avatar--large"]]: size === "large",
|
|
@@ -2002,17 +2002,17 @@ const Avatar = (_a) => {
|
|
|
2002
2002
|
}, icon) : monogram);
|
|
2003
2003
|
};
|
|
2004
2004
|
|
|
2005
|
-
var __getOwnPropSymbols$
|
|
2006
|
-
var __hasOwnProp$
|
|
2007
|
-
var __propIsEnum$
|
|
2005
|
+
var __getOwnPropSymbols$o = Object.getOwnPropertySymbols;
|
|
2006
|
+
var __hasOwnProp$o = Object.prototype.hasOwnProperty;
|
|
2007
|
+
var __propIsEnum$o = Object.prototype.propertyIsEnumerable;
|
|
2008
2008
|
var __objRest$i = (source, exclude) => {
|
|
2009
2009
|
var target = {};
|
|
2010
2010
|
for (var prop in source)
|
|
2011
|
-
if (__hasOwnProp$
|
|
2011
|
+
if (__hasOwnProp$o.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
2012
2012
|
target[prop] = source[prop];
|
|
2013
|
-
if (source != null && __getOwnPropSymbols$
|
|
2014
|
-
for (var prop of __getOwnPropSymbols$
|
|
2015
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
2013
|
+
if (source != null && __getOwnPropSymbols$o)
|
|
2014
|
+
for (var prop of __getOwnPropSymbols$o(source)) {
|
|
2015
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$o.call(source, prop))
|
|
2016
2016
|
target[prop] = source[prop];
|
|
2017
2017
|
}
|
|
2018
2018
|
return target;
|
|
@@ -2080,27 +2080,27 @@ const FeedbackMessage = (_a) => {
|
|
|
2080
2080
|
}, body)), actions);
|
|
2081
2081
|
};
|
|
2082
2082
|
|
|
2083
|
-
var __defProp$
|
|
2084
|
-
var __defProps$
|
|
2085
|
-
var __getOwnPropDescs$
|
|
2086
|
-
var __getOwnPropSymbols$
|
|
2087
|
-
var __hasOwnProp$
|
|
2088
|
-
var __propIsEnum$
|
|
2089
|
-
var __defNormalProp$
|
|
2090
|
-
var __spreadValues$
|
|
2083
|
+
var __defProp$n = Object.defineProperty;
|
|
2084
|
+
var __defProps$l = Object.defineProperties;
|
|
2085
|
+
var __getOwnPropDescs$l = Object.getOwnPropertyDescriptors;
|
|
2086
|
+
var __getOwnPropSymbols$n = Object.getOwnPropertySymbols;
|
|
2087
|
+
var __hasOwnProp$n = Object.prototype.hasOwnProperty;
|
|
2088
|
+
var __propIsEnum$n = Object.prototype.propertyIsEnumerable;
|
|
2089
|
+
var __defNormalProp$n = (obj, key, value) => key in obj ? __defProp$n(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
2090
|
+
var __spreadValues$n = (a, b) => {
|
|
2091
2091
|
for (var prop in b || (b = {}))
|
|
2092
|
-
if (__hasOwnProp$
|
|
2093
|
-
__defNormalProp$
|
|
2094
|
-
if (__getOwnPropSymbols$
|
|
2095
|
-
for (var prop of __getOwnPropSymbols$
|
|
2096
|
-
if (__propIsEnum$
|
|
2097
|
-
__defNormalProp$
|
|
2092
|
+
if (__hasOwnProp$n.call(b, prop))
|
|
2093
|
+
__defNormalProp$n(a, prop, b[prop]);
|
|
2094
|
+
if (__getOwnPropSymbols$n)
|
|
2095
|
+
for (var prop of __getOwnPropSymbols$n(b)) {
|
|
2096
|
+
if (__propIsEnum$n.call(b, prop))
|
|
2097
|
+
__defNormalProp$n(a, prop, b[prop]);
|
|
2098
2098
|
}
|
|
2099
2099
|
return a;
|
|
2100
2100
|
};
|
|
2101
|
-
var __spreadProps$
|
|
2101
|
+
var __spreadProps$l = (a, b) => __defProps$l(a, __getOwnPropDescs$l(b));
|
|
2102
2102
|
const useComboBoxState = (options) => {
|
|
2103
|
-
const state = combobox.useComboBoxState(__spreadProps$
|
|
2103
|
+
const state = combobox.useComboBoxState(__spreadProps$l(__spreadValues$n({}, options), {
|
|
2104
2104
|
defaultFilter: (textValue, query) => {
|
|
2105
2105
|
if (query.length > 0) {
|
|
2106
2106
|
return options.defaultFilter ? options.defaultFilter(textValue, query) : textValue.toLowerCase().includes(query.toLowerCase());
|
|
@@ -2109,7 +2109,7 @@ const useComboBoxState = (options) => {
|
|
|
2109
2109
|
}
|
|
2110
2110
|
}
|
|
2111
2111
|
}));
|
|
2112
|
-
return __spreadProps$
|
|
2112
|
+
return __spreadProps$l(__spreadValues$n({}, state), {
|
|
2113
2113
|
open: (focusStrategy, triggerMode) => {
|
|
2114
2114
|
if (triggerMode !== "manual") {
|
|
2115
2115
|
state.open(focusStrategy, triggerMode);
|
|
@@ -2118,33 +2118,33 @@ const useComboBoxState = (options) => {
|
|
|
2118
2118
|
});
|
|
2119
2119
|
};
|
|
2120
2120
|
|
|
2121
|
-
var __defProp$
|
|
2122
|
-
var __defProps$
|
|
2123
|
-
var __getOwnPropDescs$
|
|
2124
|
-
var __getOwnPropSymbols$
|
|
2125
|
-
var __hasOwnProp$
|
|
2126
|
-
var __propIsEnum$
|
|
2127
|
-
var __defNormalProp$
|
|
2128
|
-
var __spreadValues$
|
|
2121
|
+
var __defProp$m = Object.defineProperty;
|
|
2122
|
+
var __defProps$k = Object.defineProperties;
|
|
2123
|
+
var __getOwnPropDescs$k = Object.getOwnPropertyDescriptors;
|
|
2124
|
+
var __getOwnPropSymbols$m = Object.getOwnPropertySymbols;
|
|
2125
|
+
var __hasOwnProp$m = Object.prototype.hasOwnProperty;
|
|
2126
|
+
var __propIsEnum$m = Object.prototype.propertyIsEnumerable;
|
|
2127
|
+
var __defNormalProp$m = (obj, key, value) => key in obj ? __defProp$m(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
2128
|
+
var __spreadValues$m = (a, b) => {
|
|
2129
2129
|
for (var prop in b || (b = {}))
|
|
2130
|
-
if (__hasOwnProp$
|
|
2131
|
-
__defNormalProp$
|
|
2132
|
-
if (__getOwnPropSymbols$
|
|
2133
|
-
for (var prop of __getOwnPropSymbols$
|
|
2134
|
-
if (__propIsEnum$
|
|
2135
|
-
__defNormalProp$
|
|
2130
|
+
if (__hasOwnProp$m.call(b, prop))
|
|
2131
|
+
__defNormalProp$m(a, prop, b[prop]);
|
|
2132
|
+
if (__getOwnPropSymbols$m)
|
|
2133
|
+
for (var prop of __getOwnPropSymbols$m(b)) {
|
|
2134
|
+
if (__propIsEnum$m.call(b, prop))
|
|
2135
|
+
__defNormalProp$m(a, prop, b[prop]);
|
|
2136
2136
|
}
|
|
2137
2137
|
return a;
|
|
2138
2138
|
};
|
|
2139
|
-
var __spreadProps$
|
|
2139
|
+
var __spreadProps$k = (a, b) => __defProps$k(a, __getOwnPropDescs$k(b));
|
|
2140
2140
|
var __objRest$h = (source, exclude) => {
|
|
2141
2141
|
var target = {};
|
|
2142
2142
|
for (var prop in source)
|
|
2143
|
-
if (__hasOwnProp$
|
|
2143
|
+
if (__hasOwnProp$m.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
2144
2144
|
target[prop] = source[prop];
|
|
2145
|
-
if (source != null && __getOwnPropSymbols$
|
|
2146
|
-
for (var prop of __getOwnPropSymbols$
|
|
2147
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
2145
|
+
if (source != null && __getOwnPropSymbols$m)
|
|
2146
|
+
for (var prop of __getOwnPropSymbols$m(source)) {
|
|
2147
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$m.call(source, prop))
|
|
2148
2148
|
target[prop] = source[prop];
|
|
2149
2149
|
}
|
|
2150
2150
|
return target;
|
|
@@ -2161,7 +2161,7 @@ function SearchField(propsAndRef) {
|
|
|
2161
2161
|
const {
|
|
2162
2162
|
styleProps: { style, className }
|
|
2163
2163
|
} = sapphireReact.useSapphireStyleProps(props);
|
|
2164
|
-
const state = useComboBoxState(__spreadProps$
|
|
2164
|
+
const state = useComboBoxState(__spreadProps$k(__spreadValues$m({}, props), {
|
|
2165
2165
|
inputValue: props.value,
|
|
2166
2166
|
defaultInputValue: props.defaultValue,
|
|
2167
2167
|
onInputChange: props.onChange,
|
|
@@ -2169,7 +2169,7 @@ function SearchField(propsAndRef) {
|
|
|
2169
2169
|
allowsCustomValue: true,
|
|
2170
2170
|
shouldCloseOnBlur: true
|
|
2171
2171
|
}));
|
|
2172
|
-
const { inputProps: comboBoxInputProps, listBoxProps } = combobox$1.useComboBox(__spreadProps$
|
|
2172
|
+
const { inputProps: comboBoxInputProps, listBoxProps } = combobox$1.useComboBox(__spreadProps$k(__spreadValues$m({}, props), {
|
|
2173
2173
|
inputRef,
|
|
2174
2174
|
listBoxRef,
|
|
2175
2175
|
popoverRef
|
|
@@ -2194,7 +2194,7 @@ function SearchField(propsAndRef) {
|
|
|
2194
2194
|
};
|
|
2195
2195
|
const searchFieldState = searchfield.useSearchFieldState(searchProps);
|
|
2196
2196
|
const { clearButtonProps, inputProps: searchFieldInputProps } = searchfield$1.useSearchField(searchProps, searchFieldState, inputRef);
|
|
2197
|
-
const { buttonProps } = sapphireReact.useButton(__spreadProps$
|
|
2197
|
+
const { buttonProps } = sapphireReact.useButton(__spreadProps$k(__spreadValues$m({}, clearButtonProps), {
|
|
2198
2198
|
elementType: "div"
|
|
2199
2199
|
}), buttonRef);
|
|
2200
2200
|
return /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
@@ -2209,12 +2209,12 @@ function SearchField(propsAndRef) {
|
|
|
2209
2209
|
className: styles__default$6["default"]["sapphire-search-field__icon"]
|
|
2210
2210
|
}, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, {
|
|
2211
2211
|
size: props.size === "medium" ? "m" : "l"
|
|
2212
|
-
}, /* @__PURE__ */ React__default["default"].createElement(react.Search, null))), /* @__PURE__ */ React__default["default"].createElement("input", __spreadProps$
|
|
2212
|
+
}, /* @__PURE__ */ React__default["default"].createElement(react.Search, null))), /* @__PURE__ */ React__default["default"].createElement("input", __spreadProps$k(__spreadValues$m({}, utils$1.mergeProps(comboBoxInputProps, searchFieldInputProps)), {
|
|
2213
2213
|
ref: inputRef,
|
|
2214
2214
|
className: clsx__default["default"](styles__default$6["default"]["sapphire-search-field__input"], {
|
|
2215
2215
|
[styles__default$6["default"]["sapphire-search-field__input--empty"]]: state.inputValue.length === 0
|
|
2216
2216
|
})
|
|
2217
|
-
})), /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$
|
|
2217
|
+
})), /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$m({
|
|
2218
2218
|
ref: buttonRef,
|
|
2219
2219
|
className: styles__default$6["default"]["sapphire-search-field__button"]
|
|
2220
2220
|
}, buttonProps), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, {
|
|
@@ -2234,6 +2234,45 @@ function SearchField(propsAndRef) {
|
|
|
2234
2234
|
}, props.children || []));
|
|
2235
2235
|
}
|
|
2236
2236
|
|
|
2237
|
+
var __defProp$l = Object.defineProperty;
|
|
2238
|
+
var __defProps$j = Object.defineProperties;
|
|
2239
|
+
var __getOwnPropDescs$j = Object.getOwnPropertyDescriptors;
|
|
2240
|
+
var __getOwnPropSymbols$l = Object.getOwnPropertySymbols;
|
|
2241
|
+
var __hasOwnProp$l = Object.prototype.hasOwnProperty;
|
|
2242
|
+
var __propIsEnum$l = Object.prototype.propertyIsEnumerable;
|
|
2243
|
+
var __defNormalProp$l = (obj, key, value) => key in obj ? __defProp$l(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
2244
|
+
var __spreadValues$l = (a, b) => {
|
|
2245
|
+
for (var prop in b || (b = {}))
|
|
2246
|
+
if (__hasOwnProp$l.call(b, prop))
|
|
2247
|
+
__defNormalProp$l(a, prop, b[prop]);
|
|
2248
|
+
if (__getOwnPropSymbols$l)
|
|
2249
|
+
for (var prop of __getOwnPropSymbols$l(b)) {
|
|
2250
|
+
if (__propIsEnum$l.call(b, prop))
|
|
2251
|
+
__defNormalProp$l(a, prop, b[prop]);
|
|
2252
|
+
}
|
|
2253
|
+
return a;
|
|
2254
|
+
};
|
|
2255
|
+
var __spreadProps$j = (a, b) => __defProps$j(a, __getOwnPropDescs$j(b));
|
|
2256
|
+
const ToastCloseButton = (props) => {
|
|
2257
|
+
const ref = React.useRef(null);
|
|
2258
|
+
const { buttonProps, isPressed } = sapphireReact.useButton(props, ref);
|
|
2259
|
+
const { hoverProps, isHovered } = interactions.useHover({ isDisabled: props.isDisabled });
|
|
2260
|
+
const { focusProps, isFocusVisible } = focus.useFocusRing();
|
|
2261
|
+
return /* @__PURE__ */ React__default["default"].createElement(focus.FocusRing, {
|
|
2262
|
+
focusRingClass: clsx__default["default"](styles__default$7["default"]["is-focus"])
|
|
2263
|
+
}, /* @__PURE__ */ React__default["default"].createElement("button", __spreadProps$j(__spreadValues$l({}, utils$1.mergeProps(buttonProps, hoverProps, focusProps)), {
|
|
2264
|
+
"aria-label": "Close",
|
|
2265
|
+
ref,
|
|
2266
|
+
className: clsx__default["default"](styles__default$7["default"]["sapphire-toast__close-button"], styles__default$7["default"]["js-focus"], styles__default$7["default"]["js-hover"], {
|
|
2267
|
+
[styles__default$7["default"]["is-active"]]: isPressed,
|
|
2268
|
+
[styles__default$7["default"]["is-hover"]]: isHovered,
|
|
2269
|
+
[styles__default$7["default"]["is-focus"]]: isFocusVisible
|
|
2270
|
+
})
|
|
2271
|
+
}), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, {
|
|
2272
|
+
size: "s"
|
|
2273
|
+
}, /* @__PURE__ */ React__default["default"].createElement(react.Close, null))));
|
|
2274
|
+
};
|
|
2275
|
+
|
|
2237
2276
|
var __defProp$k = Object.defineProperty;
|
|
2238
2277
|
var __defProps$i = Object.defineProperties;
|
|
2239
2278
|
var __getOwnPropDescs$i = Object.getOwnPropertyDescriptors;
|
|
@@ -2266,12 +2305,19 @@ var __objRest$g = (source, exclude) => {
|
|
|
2266
2305
|
return target;
|
|
2267
2306
|
};
|
|
2268
2307
|
const Toast = (_a) => {
|
|
2269
|
-
var _b = _a, {
|
|
2308
|
+
var _b = _a, {
|
|
2309
|
+
state
|
|
2310
|
+
} = _b, props = __objRest$g(_b, [
|
|
2311
|
+
"state"
|
|
2312
|
+
]);
|
|
2313
|
+
var _a2;
|
|
2270
2314
|
const {
|
|
2271
2315
|
styleProps: { style, className }
|
|
2272
2316
|
} = sapphireReact.useSapphireStyleProps(props);
|
|
2273
2317
|
const ref = React.useRef(null);
|
|
2274
2318
|
const { toastProps, titleProps, closeButtonProps } = toast.useToast(props, state, ref);
|
|
2319
|
+
const content = props.toast.content;
|
|
2320
|
+
const icon = (_a2 = content.icon) != null ? _a2 : content.variant === "success" ? /* @__PURE__ */ React__default["default"].createElement(react.CheckMarkCircle, null) : null;
|
|
2275
2321
|
return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$i(__spreadValues$k({}, toastProps), {
|
|
2276
2322
|
className: clsx__default["default"](styles__default$7["default"]["sapphire-toast"], props.toast.animation ? styles__default$7["default"][`sapphire-toast--${props.toast.animation}`] : {}, className),
|
|
2277
2323
|
style,
|
|
@@ -2282,13 +2328,16 @@ const Toast = (_a) => {
|
|
|
2282
2328
|
}
|
|
2283
2329
|
}
|
|
2284
2330
|
}), /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
2285
|
-
className: clsx__default["default"](styles__default$7["default"]["sapphire-toast__content"]
|
|
2286
|
-
|
|
2287
|
-
|
|
2288
|
-
|
|
2289
|
-
|
|
2290
|
-
|
|
2291
|
-
|
|
2331
|
+
className: clsx__default["default"](styles__default$7["default"]["sapphire-toast__content"], {
|
|
2332
|
+
[styles__default$7["default"]["sapphire-toast__content--success"]]: content.variant === "success"
|
|
2333
|
+
})
|
|
2334
|
+
}, icon && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, {
|
|
2335
|
+
size: "m"
|
|
2336
|
+
}, icon), /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$i(__spreadValues$k({}, titleProps), {
|
|
2337
|
+
className: clsx__default["default"]({
|
|
2338
|
+
[styles__default$7["default"]["sapphire-toast__title--with-icon"]]: icon
|
|
2339
|
+
})
|
|
2340
|
+
}), content.content), /* @__PURE__ */ React__default["default"].createElement(ToastCloseButton, __spreadValues$k({}, closeButtonProps))));
|
|
2292
2341
|
};
|
|
2293
2342
|
|
|
2294
2343
|
var __defProp$j = Object.defineProperty;
|
|
@@ -2412,8 +2461,18 @@ const useShowToast = () => {
|
|
|
2412
2461
|
throw new Error('"useShowToast" should be used inside a <ToastProvider>.');
|
|
2413
2462
|
}
|
|
2414
2463
|
return (content, options) => {
|
|
2415
|
-
const {
|
|
2416
|
-
|
|
2464
|
+
const {
|
|
2465
|
+
onClose,
|
|
2466
|
+
timeout = 3e3,
|
|
2467
|
+
variant = "neutral",
|
|
2468
|
+
icon
|
|
2469
|
+
} = options || {};
|
|
2470
|
+
const toastData = {
|
|
2471
|
+
content,
|
|
2472
|
+
variant,
|
|
2473
|
+
icon
|
|
2474
|
+
};
|
|
2475
|
+
toastState.add(toastData, { onClose, timeout });
|
|
2417
2476
|
};
|
|
2418
2477
|
};
|
|
2419
2478
|
|