@danske/sapphire-react-lab 0.80.0 → 0.82.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 +651 -526
- package/build/cjs/index.js.map +1 -1
- package/build/esm/AlertDialog/src/AlertDialog.js +73 -0
- package/build/esm/AlertDialog/src/AlertDialog.js.map +1 -0
- package/build/esm/Avatar/src/Avatar.js +14 -1
- package/build/esm/Avatar/src/Avatar.js.map +1 -1
- package/build/esm/FeedbackMessage/src/FeedbackMessage.js +43 -11
- package/build/esm/FeedbackMessage/src/FeedbackMessage.js.map +1 -1
- package/build/esm/Toast/src/ToastProvider.js +9 -2
- package/build/esm/Toast/src/ToastProvider.js.map +1 -1
- package/build/esm/Toast/src/ToastRegion.js +9 -2
- package/build/esm/Toast/src/ToastRegion.js.map +1 -1
- package/build/esm/index.js +1 -0
- package/build/esm/index.js.map +1 -1
- package/build/index.d.ts +50 -7
- package/package.json +3 -3
package/build/cjs/index.js
CHANGED
|
@@ -28,22 +28,22 @@ var datepicker$1 = require('@react-stately/datepicker');
|
|
|
28
28
|
var styles$4 = require('@danske/sapphire-css/components/dateField/dateField.module.css');
|
|
29
29
|
var string = require('@internationalized/string');
|
|
30
30
|
var dialog = require('@react-aria/dialog');
|
|
31
|
-
var styles$
|
|
31
|
+
var styles$6 = require('@danske/sapphire-css/components/feedbackMessage/feedbackMessage.module.css');
|
|
32
|
+
var styles$5 = require('@danske/sapphire-css/components/avatar/avatar.module.css');
|
|
32
33
|
var searchfield$1 = require('@react-aria/searchfield');
|
|
33
|
-
var styles$
|
|
34
|
+
var styles$7 = require('@danske/sapphire-css/components/searchField/searchField.module.css');
|
|
34
35
|
var searchfield = require('@react-stately/searchfield');
|
|
35
36
|
var combobox = require('@react-stately/combobox');
|
|
36
37
|
var combobox$1 = require('@react-aria/combobox');
|
|
37
38
|
var toast$1 = require('@react-stately/toast');
|
|
38
39
|
var toast = require('@react-aria/toast');
|
|
39
|
-
var styles$
|
|
40
|
-
var styles$
|
|
40
|
+
var styles$8 = require('@danske/sapphire-css/components/toast/toast.module.css');
|
|
41
|
+
var styles$9 = require('@danske/sapphire-css/components/accordion/accordion.module.css');
|
|
41
42
|
var accordion = require('@react-aria/accordion');
|
|
42
43
|
var tree = require('@react-stately/tree');
|
|
43
44
|
var collections = require('@react-stately/collections');
|
|
44
|
-
var styles$
|
|
45
|
+
var styles$a = require('@danske/sapphire-css/components/text/text.module.css');
|
|
45
46
|
var label = require('@react-aria/label');
|
|
46
|
-
var styles$a = require('@danske/sapphire-css/components/avatar/avatar.module.css');
|
|
47
47
|
var numberfield$1 = require('@react-aria/numberfield');
|
|
48
48
|
var numberfield = require('@react-stately/numberfield');
|
|
49
49
|
var textFieldStyles = require('@danske/sapphire-css/components/textField/textField.module.css');
|
|
@@ -57,41 +57,41 @@ var styles__default$1 = /*#__PURE__*/_interopDefaultLegacy(styles$1);
|
|
|
57
57
|
var styles__default$2 = /*#__PURE__*/_interopDefaultLegacy(styles$2);
|
|
58
58
|
var styles__default$3 = /*#__PURE__*/_interopDefaultLegacy(styles$3);
|
|
59
59
|
var styles__default$4 = /*#__PURE__*/_interopDefaultLegacy(styles$4);
|
|
60
|
-
var styles__default$5 = /*#__PURE__*/_interopDefaultLegacy(styles$5);
|
|
61
60
|
var styles__default$6 = /*#__PURE__*/_interopDefaultLegacy(styles$6);
|
|
61
|
+
var styles__default$5 = /*#__PURE__*/_interopDefaultLegacy(styles$5);
|
|
62
62
|
var styles__default$7 = /*#__PURE__*/_interopDefaultLegacy(styles$7);
|
|
63
63
|
var styles__default$8 = /*#__PURE__*/_interopDefaultLegacy(styles$8);
|
|
64
64
|
var styles__default$9 = /*#__PURE__*/_interopDefaultLegacy(styles$9);
|
|
65
65
|
var styles__default$a = /*#__PURE__*/_interopDefaultLegacy(styles$a);
|
|
66
66
|
var textFieldStyles__default = /*#__PURE__*/_interopDefaultLegacy(textFieldStyles);
|
|
67
67
|
|
|
68
|
-
var __defProp$
|
|
68
|
+
var __defProp$D = Object.defineProperty;
|
|
69
69
|
var __defProps$z = Object.defineProperties;
|
|
70
70
|
var __getOwnPropDescs$z = Object.getOwnPropertyDescriptors;
|
|
71
|
-
var __getOwnPropSymbols$
|
|
72
|
-
var __hasOwnProp$
|
|
73
|
-
var __propIsEnum$
|
|
74
|
-
var __defNormalProp$
|
|
75
|
-
var __spreadValues$
|
|
71
|
+
var __getOwnPropSymbols$F = Object.getOwnPropertySymbols;
|
|
72
|
+
var __hasOwnProp$F = Object.prototype.hasOwnProperty;
|
|
73
|
+
var __propIsEnum$F = Object.prototype.propertyIsEnumerable;
|
|
74
|
+
var __defNormalProp$D = (obj, key, value) => key in obj ? __defProp$D(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
75
|
+
var __spreadValues$D = (a, b) => {
|
|
76
76
|
for (var prop in b || (b = {}))
|
|
77
|
-
if (__hasOwnProp$
|
|
78
|
-
__defNormalProp$
|
|
79
|
-
if (__getOwnPropSymbols$
|
|
80
|
-
for (var prop of __getOwnPropSymbols$
|
|
81
|
-
if (__propIsEnum$
|
|
82
|
-
__defNormalProp$
|
|
77
|
+
if (__hasOwnProp$F.call(b, prop))
|
|
78
|
+
__defNormalProp$D(a, prop, b[prop]);
|
|
79
|
+
if (__getOwnPropSymbols$F)
|
|
80
|
+
for (var prop of __getOwnPropSymbols$F(b)) {
|
|
81
|
+
if (__propIsEnum$F.call(b, prop))
|
|
82
|
+
__defNormalProp$D(a, prop, b[prop]);
|
|
83
83
|
}
|
|
84
84
|
return a;
|
|
85
85
|
};
|
|
86
86
|
var __spreadProps$z = (a, b) => __defProps$z(a, __getOwnPropDescs$z(b));
|
|
87
|
-
var __objRest$
|
|
87
|
+
var __objRest$s = (source, exclude) => {
|
|
88
88
|
var target = {};
|
|
89
89
|
for (var prop in source)
|
|
90
|
-
if (__hasOwnProp$
|
|
90
|
+
if (__hasOwnProp$F.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
91
91
|
target[prop] = source[prop];
|
|
92
|
-
if (source != null && __getOwnPropSymbols$
|
|
93
|
-
for (var prop of __getOwnPropSymbols$
|
|
94
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
92
|
+
if (source != null && __getOwnPropSymbols$F)
|
|
93
|
+
for (var prop of __getOwnPropSymbols$F(source)) {
|
|
94
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$F.call(source, prop))
|
|
95
95
|
target[prop] = source[prop];
|
|
96
96
|
}
|
|
97
97
|
return target;
|
|
@@ -101,7 +101,7 @@ const ToggleButton = React__default["default"].forwardRef(function Button(_a, re
|
|
|
101
101
|
iconAlign = "left",
|
|
102
102
|
icon,
|
|
103
103
|
size = "medium"
|
|
104
|
-
} = _b, otherProps = __objRest$
|
|
104
|
+
} = _b, otherProps = __objRest$s(_b, [
|
|
105
105
|
"iconAlign",
|
|
106
106
|
"icon",
|
|
107
107
|
"size"
|
|
@@ -122,9 +122,9 @@ const ToggleButton = React__default["default"].forwardRef(function Button(_a, re
|
|
|
122
122
|
return /* @__PURE__ */ React__default["default"].createElement(focus.FocusRing, {
|
|
123
123
|
focusRingClass: clsx__default["default"](styles__default["default"]["is-focus"]),
|
|
124
124
|
autoFocus
|
|
125
|
-
}, /* @__PURE__ */ React__default["default"].createElement("button", __spreadProps$z(__spreadValues$
|
|
125
|
+
}, /* @__PURE__ */ React__default["default"].createElement("button", __spreadProps$z(__spreadValues$D({}, utils$1.mergeProps(buttonProps, hoverProps)), {
|
|
126
126
|
ref: domRef,
|
|
127
|
-
style: __spreadValues$
|
|
127
|
+
style: __spreadValues$D({}, styleProps.style),
|
|
128
128
|
className: clsx__default["default"](styles__default["default"]["sapphire-button"], styles__default["default"]["js-focus"], styles__default["default"]["js-hover"], {
|
|
129
129
|
[styles__default["default"]["is-active"]]: isPressed,
|
|
130
130
|
[styles__default["default"]["is-hover"]]: isHovered,
|
|
@@ -196,33 +196,33 @@ var intlMessages$2 = {
|
|
|
196
196
|
"sv-SE": se$2
|
|
197
197
|
};
|
|
198
198
|
|
|
199
|
-
var __defProp$
|
|
199
|
+
var __defProp$C = Object.defineProperty;
|
|
200
200
|
var __defProps$y = Object.defineProperties;
|
|
201
201
|
var __getOwnPropDescs$y = Object.getOwnPropertyDescriptors;
|
|
202
|
-
var __getOwnPropSymbols$
|
|
203
|
-
var __hasOwnProp$
|
|
204
|
-
var __propIsEnum$
|
|
205
|
-
var __defNormalProp$
|
|
206
|
-
var __spreadValues$
|
|
202
|
+
var __getOwnPropSymbols$E = Object.getOwnPropertySymbols;
|
|
203
|
+
var __hasOwnProp$E = Object.prototype.hasOwnProperty;
|
|
204
|
+
var __propIsEnum$E = Object.prototype.propertyIsEnumerable;
|
|
205
|
+
var __defNormalProp$C = (obj, key, value) => key in obj ? __defProp$C(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
206
|
+
var __spreadValues$C = (a, b) => {
|
|
207
207
|
for (var prop in b || (b = {}))
|
|
208
|
-
if (__hasOwnProp$
|
|
209
|
-
__defNormalProp$
|
|
210
|
-
if (__getOwnPropSymbols$
|
|
211
|
-
for (var prop of __getOwnPropSymbols$
|
|
212
|
-
if (__propIsEnum$
|
|
213
|
-
__defNormalProp$
|
|
208
|
+
if (__hasOwnProp$E.call(b, prop))
|
|
209
|
+
__defNormalProp$C(a, prop, b[prop]);
|
|
210
|
+
if (__getOwnPropSymbols$E)
|
|
211
|
+
for (var prop of __getOwnPropSymbols$E(b)) {
|
|
212
|
+
if (__propIsEnum$E.call(b, prop))
|
|
213
|
+
__defNormalProp$C(a, prop, b[prop]);
|
|
214
214
|
}
|
|
215
215
|
return a;
|
|
216
216
|
};
|
|
217
217
|
var __spreadProps$y = (a, b) => __defProps$y(a, __getOwnPropDescs$y(b));
|
|
218
|
-
var __objRest$
|
|
218
|
+
var __objRest$r = (source, exclude) => {
|
|
219
219
|
var target = {};
|
|
220
220
|
for (var prop in source)
|
|
221
|
-
if (__hasOwnProp$
|
|
221
|
+
if (__hasOwnProp$E.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
222
222
|
target[prop] = source[prop];
|
|
223
|
-
if (source != null && __getOwnPropSymbols$
|
|
224
|
-
for (var prop of __getOwnPropSymbols$
|
|
225
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
223
|
+
if (source != null && __getOwnPropSymbols$E)
|
|
224
|
+
for (var prop of __getOwnPropSymbols$E(source)) {
|
|
225
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$E.call(source, prop))
|
|
226
226
|
target[prop] = source[prop];
|
|
227
227
|
}
|
|
228
228
|
return target;
|
|
@@ -235,7 +235,7 @@ const CalendarButton = React__default["default"].forwardRef(function SapphireCal
|
|
|
235
235
|
isDisabled,
|
|
236
236
|
isInGridCell,
|
|
237
237
|
hasCurrentIndicator
|
|
238
|
-
} = _b, otherProps = __objRest$
|
|
238
|
+
} = _b, otherProps = __objRest$r(_b, [
|
|
239
239
|
"children",
|
|
240
240
|
"className",
|
|
241
241
|
"isSelected",
|
|
@@ -247,7 +247,7 @@ const CalendarButton = React__default["default"].forwardRef(function SapphireCal
|
|
|
247
247
|
const ElementType = isInGridCell ? "span" : "button";
|
|
248
248
|
return /* @__PURE__ */ React__default["default"].createElement(focus.FocusRing, {
|
|
249
249
|
focusRingClass: styles__default$1["default"]["is-focus"]
|
|
250
|
-
}, /* @__PURE__ */ React__default["default"].createElement(ElementType, __spreadProps$y(__spreadValues$
|
|
250
|
+
}, /* @__PURE__ */ React__default["default"].createElement(ElementType, __spreadProps$y(__spreadValues$C(__spreadValues$C({
|
|
251
251
|
ref: forwardedRef,
|
|
252
252
|
role: "button"
|
|
253
253
|
}, ElementType === "button" ? { type: "button" } : {}), utils$1.mergeProps(otherProps, hoverProps)), {
|
|
@@ -265,11 +265,11 @@ const CalendarDayButton = React__default["default"].forwardRef(function Sapphire
|
|
|
265
265
|
var _d = _c, {
|
|
266
266
|
isOutsideVisibleRange,
|
|
267
267
|
rangeHighlight
|
|
268
|
-
} = _d, props = __objRest$
|
|
268
|
+
} = _d, props = __objRest$r(_d, [
|
|
269
269
|
"isOutsideVisibleRange",
|
|
270
270
|
"rangeHighlight"
|
|
271
271
|
]);
|
|
272
|
-
return /* @__PURE__ */ React__default["default"].createElement(CalendarButton, __spreadProps$y(__spreadValues$
|
|
272
|
+
return /* @__PURE__ */ React__default["default"].createElement(CalendarButton, __spreadProps$y(__spreadValues$C({}, props), {
|
|
273
273
|
isInGridCell: true,
|
|
274
274
|
className: clsx__default["default"](styles__default$1["default"]["sapphire-calendar__button--day"], {
|
|
275
275
|
[styles__default$1["default"]["sapphire-calendar__button--range-selection"]]: rangeHighlight.highlighted,
|
|
@@ -293,33 +293,33 @@ function* chunks(array, chunkSize) {
|
|
|
293
293
|
}
|
|
294
294
|
const sentenceCase = (sentence) => sentence.slice(0, 1).toLocaleUpperCase() + sentence.slice(1);
|
|
295
295
|
|
|
296
|
-
var __defProp$
|
|
296
|
+
var __defProp$B = Object.defineProperty;
|
|
297
297
|
var __defProps$x = Object.defineProperties;
|
|
298
298
|
var __getOwnPropDescs$x = Object.getOwnPropertyDescriptors;
|
|
299
|
-
var __getOwnPropSymbols$
|
|
300
|
-
var __hasOwnProp$
|
|
301
|
-
var __propIsEnum$
|
|
302
|
-
var __defNormalProp$
|
|
303
|
-
var __spreadValues$
|
|
299
|
+
var __getOwnPropSymbols$D = Object.getOwnPropertySymbols;
|
|
300
|
+
var __hasOwnProp$D = Object.prototype.hasOwnProperty;
|
|
301
|
+
var __propIsEnum$D = Object.prototype.propertyIsEnumerable;
|
|
302
|
+
var __defNormalProp$B = (obj, key, value) => key in obj ? __defProp$B(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
303
|
+
var __spreadValues$B = (a, b) => {
|
|
304
304
|
for (var prop in b || (b = {}))
|
|
305
|
-
if (__hasOwnProp$
|
|
306
|
-
__defNormalProp$
|
|
307
|
-
if (__getOwnPropSymbols$
|
|
308
|
-
for (var prop of __getOwnPropSymbols$
|
|
309
|
-
if (__propIsEnum$
|
|
310
|
-
__defNormalProp$
|
|
305
|
+
if (__hasOwnProp$D.call(b, prop))
|
|
306
|
+
__defNormalProp$B(a, prop, b[prop]);
|
|
307
|
+
if (__getOwnPropSymbols$D)
|
|
308
|
+
for (var prop of __getOwnPropSymbols$D(b)) {
|
|
309
|
+
if (__propIsEnum$D.call(b, prop))
|
|
310
|
+
__defNormalProp$B(a, prop, b[prop]);
|
|
311
311
|
}
|
|
312
312
|
return a;
|
|
313
313
|
};
|
|
314
314
|
var __spreadProps$x = (a, b) => __defProps$x(a, __getOwnPropDescs$x(b));
|
|
315
|
-
var __objRest$
|
|
315
|
+
var __objRest$q = (source, exclude) => {
|
|
316
316
|
var target = {};
|
|
317
317
|
for (var prop in source)
|
|
318
|
-
if (__hasOwnProp$
|
|
318
|
+
if (__hasOwnProp$D.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
319
319
|
target[prop] = source[prop];
|
|
320
|
-
if (source != null && __getOwnPropSymbols$
|
|
321
|
-
for (var prop of __getOwnPropSymbols$
|
|
322
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
320
|
+
if (source != null && __getOwnPropSymbols$D)
|
|
321
|
+
for (var prop of __getOwnPropSymbols$D(source)) {
|
|
322
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$D.call(source, prop))
|
|
323
323
|
target[prop] = source[prop];
|
|
324
324
|
}
|
|
325
325
|
return target;
|
|
@@ -329,13 +329,13 @@ function CalendarDaysGrid(_a) {
|
|
|
329
329
|
state,
|
|
330
330
|
startDate = state.visibleRange.start,
|
|
331
331
|
showWeekNumbers
|
|
332
|
-
} = _b, props = __objRest$
|
|
332
|
+
} = _b, props = __objRest$q(_b, [
|
|
333
333
|
"state",
|
|
334
334
|
"startDate",
|
|
335
335
|
"showWeekNumbers"
|
|
336
336
|
]);
|
|
337
337
|
const { locale } = i18n.useLocale();
|
|
338
|
-
const { gridProps, headerProps } = calendar.useCalendarGrid(__spreadProps$x(__spreadValues$
|
|
338
|
+
const { gridProps, headerProps } = calendar.useCalendarGrid(__spreadProps$x(__spreadValues$B({}, props), {
|
|
339
339
|
startDate,
|
|
340
340
|
endDate: date.endOfMonth(startDate)
|
|
341
341
|
}), state);
|
|
@@ -352,11 +352,11 @@ function CalendarDaysGrid(_a) {
|
|
|
352
352
|
return dayFormatter.format(dateDay);
|
|
353
353
|
});
|
|
354
354
|
}, [locale, state.timeZone, dayFormatter]);
|
|
355
|
-
return /* @__PURE__ */ React__default["default"].createElement("table", __spreadProps$x(__spreadValues$
|
|
355
|
+
return /* @__PURE__ */ React__default["default"].createElement("table", __spreadProps$x(__spreadValues$B({}, gridProps), {
|
|
356
356
|
className: clsx__default["default"](styles__default$1["default"]["sapphire-calendar__table"], {
|
|
357
357
|
[styles__default$1["default"]["sapphire-calendar__table--with-week-numbers"]]: showWeekNumbers
|
|
358
358
|
})
|
|
359
|
-
}), /* @__PURE__ */ React__default["default"].createElement("thead", __spreadValues$
|
|
359
|
+
}), /* @__PURE__ */ React__default["default"].createElement("thead", __spreadValues$B({}, headerProps), /* @__PURE__ */ React__default["default"].createElement("tr", null, showWeekNumbers && /* @__PURE__ */ React__default["default"].createElement("th", {
|
|
360
360
|
className: styles__default$1["default"]["sapphire-calendar__table-head-cell"],
|
|
361
361
|
"aria-hidden": "true"
|
|
362
362
|
}, /* @__PURE__ */ React__default["default"].createElement("span", {
|
|
@@ -411,9 +411,9 @@ function CalendarCell({
|
|
|
411
411
|
} = calendar.useCalendarCell({ date: date$1, isDisabled: !sameMonth }, state, ref);
|
|
412
412
|
const highlightedRange = "highlightedRange" in state ? state.highlightedRange : null;
|
|
413
413
|
const isSelected = isInSelection && (!highlightedRange || date.isSameDay(highlightedRange.start, date$1) || date.isSameDay(highlightedRange.end, date$1));
|
|
414
|
-
return /* @__PURE__ */ React__default["default"].createElement("td", __spreadProps$x(__spreadValues$
|
|
414
|
+
return /* @__PURE__ */ React__default["default"].createElement("td", __spreadProps$x(__spreadValues$B({}, cellProps), {
|
|
415
415
|
className: styles__default$1["default"]["sapphire-calendar__table-body-cell"]
|
|
416
|
-
}), /* @__PURE__ */ React__default["default"].createElement(CalendarDayButton, __spreadProps$x(__spreadValues$
|
|
416
|
+
}), /* @__PURE__ */ React__default["default"].createElement(CalendarDayButton, __spreadProps$x(__spreadValues$B({}, buttonProps), {
|
|
417
417
|
ref,
|
|
418
418
|
isSelected,
|
|
419
419
|
isDisabled: isDisabled || isUnavailable,
|
|
@@ -450,21 +450,21 @@ const getWeekNumber = function(dateValue) {
|
|
|
450
450
|
return 1 + Math.round(((date$1.getTime() - week1.getTime()) / 864e5 - 3 + (week1.getDay() + 6) % 7) / 7);
|
|
451
451
|
};
|
|
452
452
|
|
|
453
|
-
var __defProp$
|
|
453
|
+
var __defProp$A = Object.defineProperty;
|
|
454
454
|
var __defProps$w = Object.defineProperties;
|
|
455
455
|
var __getOwnPropDescs$w = Object.getOwnPropertyDescriptors;
|
|
456
|
-
var __getOwnPropSymbols$
|
|
457
|
-
var __hasOwnProp$
|
|
458
|
-
var __propIsEnum$
|
|
459
|
-
var __defNormalProp$
|
|
460
|
-
var __spreadValues$
|
|
456
|
+
var __getOwnPropSymbols$C = Object.getOwnPropertySymbols;
|
|
457
|
+
var __hasOwnProp$C = Object.prototype.hasOwnProperty;
|
|
458
|
+
var __propIsEnum$C = Object.prototype.propertyIsEnumerable;
|
|
459
|
+
var __defNormalProp$A = (obj, key, value) => key in obj ? __defProp$A(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
460
|
+
var __spreadValues$A = (a, b) => {
|
|
461
461
|
for (var prop in b || (b = {}))
|
|
462
|
-
if (__hasOwnProp$
|
|
463
|
-
__defNormalProp$
|
|
464
|
-
if (__getOwnPropSymbols$
|
|
465
|
-
for (var prop of __getOwnPropSymbols$
|
|
466
|
-
if (__propIsEnum$
|
|
467
|
-
__defNormalProp$
|
|
462
|
+
if (__hasOwnProp$C.call(b, prop))
|
|
463
|
+
__defNormalProp$A(a, prop, b[prop]);
|
|
464
|
+
if (__getOwnPropSymbols$C)
|
|
465
|
+
for (var prop of __getOwnPropSymbols$C(b)) {
|
|
466
|
+
if (__propIsEnum$C.call(b, prop))
|
|
467
|
+
__defNormalProp$A(a, prop, b[prop]);
|
|
468
468
|
}
|
|
469
469
|
return a;
|
|
470
470
|
};
|
|
@@ -510,7 +510,7 @@ function CalendarMonthOrYearCell({
|
|
|
510
510
|
return /* @__PURE__ */ React__default["default"].createElement("td", {
|
|
511
511
|
className: styles__default$1["default"]["sapphire-calendar__table-body-cell"],
|
|
512
512
|
role: "gridcell"
|
|
513
|
-
}, /* @__PURE__ */ React__default["default"].createElement(CalendarButton, __spreadProps$w(__spreadValues$
|
|
513
|
+
}, /* @__PURE__ */ React__default["default"].createElement(CalendarButton, __spreadProps$w(__spreadValues$A({
|
|
514
514
|
ref
|
|
515
515
|
}, buttonProps), {
|
|
516
516
|
isInGridCell: true,
|
|
@@ -573,19 +573,19 @@ function useCustomDurationCalendarGrid({
|
|
|
573
573
|
return { gridProps };
|
|
574
574
|
}
|
|
575
575
|
|
|
576
|
-
var __defProp$
|
|
577
|
-
var __getOwnPropSymbols$
|
|
578
|
-
var __hasOwnProp$
|
|
579
|
-
var __propIsEnum$
|
|
580
|
-
var __defNormalProp$
|
|
581
|
-
var __spreadValues$
|
|
576
|
+
var __defProp$z = Object.defineProperty;
|
|
577
|
+
var __getOwnPropSymbols$B = Object.getOwnPropertySymbols;
|
|
578
|
+
var __hasOwnProp$B = Object.prototype.hasOwnProperty;
|
|
579
|
+
var __propIsEnum$B = Object.prototype.propertyIsEnumerable;
|
|
580
|
+
var __defNormalProp$z = (obj, key, value) => key in obj ? __defProp$z(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
581
|
+
var __spreadValues$z = (a, b) => {
|
|
582
582
|
for (var prop in b || (b = {}))
|
|
583
|
-
if (__hasOwnProp$
|
|
584
|
-
__defNormalProp$
|
|
585
|
-
if (__getOwnPropSymbols$
|
|
586
|
-
for (var prop of __getOwnPropSymbols$
|
|
587
|
-
if (__propIsEnum$
|
|
588
|
-
__defNormalProp$
|
|
583
|
+
if (__hasOwnProp$B.call(b, prop))
|
|
584
|
+
__defNormalProp$z(a, prop, b[prop]);
|
|
585
|
+
if (__getOwnPropSymbols$B)
|
|
586
|
+
for (var prop of __getOwnPropSymbols$B(b)) {
|
|
587
|
+
if (__propIsEnum$B.call(b, prop))
|
|
588
|
+
__defNormalProp$z(a, prop, b[prop]);
|
|
589
589
|
}
|
|
590
590
|
return a;
|
|
591
591
|
};
|
|
@@ -600,7 +600,7 @@ function CalendarMonthsGrid({
|
|
|
600
600
|
const months = range(1, numMonths).map((month) => formatter.format(state.focusedDate.set({ month }).toDate(state.timeZone)));
|
|
601
601
|
const monthRows = [...chunks(months, 3)];
|
|
602
602
|
const { gridProps } = useCustomDurationCalendarGrid({ cellsDuration: "months" }, state);
|
|
603
|
-
return /* @__PURE__ */ React__default["default"].createElement("table", __spreadValues$
|
|
603
|
+
return /* @__PURE__ */ React__default["default"].createElement("table", __spreadValues$z({
|
|
604
604
|
className: clsx__default["default"](styles__default$1["default"]["sapphire-calendar__table"], styles__default$1["default"]["sapphire-calendar__table--month-year"])
|
|
605
605
|
}, gridProps), /* @__PURE__ */ React__default["default"].createElement("tbody", null, monthRows.map((currentRowMonths, rowIndex) => /* @__PURE__ */ React__default["default"].createElement("tr", {
|
|
606
606
|
key: rowIndex,
|
|
@@ -620,19 +620,19 @@ function CalendarMonthsGrid({
|
|
|
620
620
|
})))));
|
|
621
621
|
}
|
|
622
622
|
|
|
623
|
-
var __defProp$
|
|
624
|
-
var __getOwnPropSymbols$
|
|
625
|
-
var __hasOwnProp$
|
|
626
|
-
var __propIsEnum$
|
|
627
|
-
var __defNormalProp$
|
|
628
|
-
var __spreadValues$
|
|
623
|
+
var __defProp$y = Object.defineProperty;
|
|
624
|
+
var __getOwnPropSymbols$A = Object.getOwnPropertySymbols;
|
|
625
|
+
var __hasOwnProp$A = Object.prototype.hasOwnProperty;
|
|
626
|
+
var __propIsEnum$A = Object.prototype.propertyIsEnumerable;
|
|
627
|
+
var __defNormalProp$y = (obj, key, value) => key in obj ? __defProp$y(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
628
|
+
var __spreadValues$y = (a, b) => {
|
|
629
629
|
for (var prop in b || (b = {}))
|
|
630
|
-
if (__hasOwnProp$
|
|
631
|
-
__defNormalProp$
|
|
632
|
-
if (__getOwnPropSymbols$
|
|
633
|
-
for (var prop of __getOwnPropSymbols$
|
|
634
|
-
if (__propIsEnum$
|
|
635
|
-
__defNormalProp$
|
|
630
|
+
if (__hasOwnProp$A.call(b, prop))
|
|
631
|
+
__defNormalProp$y(a, prop, b[prop]);
|
|
632
|
+
if (__getOwnPropSymbols$A)
|
|
633
|
+
for (var prop of __getOwnPropSymbols$A(b)) {
|
|
634
|
+
if (__propIsEnum$A.call(b, prop))
|
|
635
|
+
__defNormalProp$y(a, prop, b[prop]);
|
|
636
636
|
}
|
|
637
637
|
return a;
|
|
638
638
|
};
|
|
@@ -642,7 +642,7 @@ function CalendarYearsGrid({
|
|
|
642
642
|
const years = range(state.visibleRange.start.year, state.visibleRange.end.year).slice(0, 12);
|
|
643
643
|
const yearRows = [...chunks(years, 3)];
|
|
644
644
|
const { gridProps } = useCustomDurationCalendarGrid({ cellsDuration: "years" }, state);
|
|
645
|
-
return /* @__PURE__ */ React__default["default"].createElement("table", __spreadValues$
|
|
645
|
+
return /* @__PURE__ */ React__default["default"].createElement("table", __spreadValues$y({
|
|
646
646
|
className: clsx__default["default"](styles__default$1["default"]["sapphire-calendar__table"], styles__default$1["default"]["sapphire-calendar__table--month-year"])
|
|
647
647
|
}, gridProps), /* @__PURE__ */ React__default["default"].createElement("tbody", null, yearRows.map((currentRowYears, rowIndex) => /* @__PURE__ */ React__default["default"].createElement("tr", {
|
|
648
648
|
key: rowIndex,
|
|
@@ -662,33 +662,33 @@ function CalendarYearsGrid({
|
|
|
662
662
|
})))));
|
|
663
663
|
}
|
|
664
664
|
|
|
665
|
-
var __defProp$
|
|
665
|
+
var __defProp$x = Object.defineProperty;
|
|
666
666
|
var __defProps$v = Object.defineProperties;
|
|
667
667
|
var __getOwnPropDescs$v = Object.getOwnPropertyDescriptors;
|
|
668
|
-
var __getOwnPropSymbols$
|
|
669
|
-
var __hasOwnProp$
|
|
670
|
-
var __propIsEnum$
|
|
671
|
-
var __defNormalProp$
|
|
672
|
-
var __spreadValues$
|
|
668
|
+
var __getOwnPropSymbols$z = Object.getOwnPropertySymbols;
|
|
669
|
+
var __hasOwnProp$z = Object.prototype.hasOwnProperty;
|
|
670
|
+
var __propIsEnum$z = Object.prototype.propertyIsEnumerable;
|
|
671
|
+
var __defNormalProp$x = (obj, key, value) => key in obj ? __defProp$x(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
672
|
+
var __spreadValues$x = (a, b) => {
|
|
673
673
|
for (var prop in b || (b = {}))
|
|
674
|
-
if (__hasOwnProp$
|
|
675
|
-
__defNormalProp$
|
|
676
|
-
if (__getOwnPropSymbols$
|
|
677
|
-
for (var prop of __getOwnPropSymbols$
|
|
678
|
-
if (__propIsEnum$
|
|
679
|
-
__defNormalProp$
|
|
674
|
+
if (__hasOwnProp$z.call(b, prop))
|
|
675
|
+
__defNormalProp$x(a, prop, b[prop]);
|
|
676
|
+
if (__getOwnPropSymbols$z)
|
|
677
|
+
for (var prop of __getOwnPropSymbols$z(b)) {
|
|
678
|
+
if (__propIsEnum$z.call(b, prop))
|
|
679
|
+
__defNormalProp$x(a, prop, b[prop]);
|
|
680
680
|
}
|
|
681
681
|
return a;
|
|
682
682
|
};
|
|
683
683
|
var __spreadProps$v = (a, b) => __defProps$v(a, __getOwnPropDescs$v(b));
|
|
684
|
-
var __objRest$
|
|
684
|
+
var __objRest$p = (source, exclude) => {
|
|
685
685
|
var target = {};
|
|
686
686
|
for (var prop in source)
|
|
687
|
-
if (__hasOwnProp$
|
|
687
|
+
if (__hasOwnProp$z.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
688
688
|
target[prop] = source[prop];
|
|
689
|
-
if (source != null && __getOwnPropSymbols$
|
|
690
|
-
for (var prop of __getOwnPropSymbols$
|
|
691
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
689
|
+
if (source != null && __getOwnPropSymbols$z)
|
|
690
|
+
for (var prop of __getOwnPropSymbols$z(source)) {
|
|
691
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$z.call(source, prop))
|
|
692
692
|
target[prop] = source[prop];
|
|
693
693
|
}
|
|
694
694
|
return target;
|
|
@@ -709,13 +709,13 @@ function useSapphireCalendarState(_a) {
|
|
|
709
709
|
view: viewProp,
|
|
710
710
|
defaultView = "days",
|
|
711
711
|
onViewChange
|
|
712
|
-
} = _b, otherOptions = __objRest$
|
|
712
|
+
} = _b, otherOptions = __objRest$p(_b, [
|
|
713
713
|
"view",
|
|
714
714
|
"defaultView",
|
|
715
715
|
"onViewChange"
|
|
716
716
|
]);
|
|
717
717
|
const [view, setView] = utils$2.useControlledState(viewProp, defaultView, onViewChange);
|
|
718
|
-
const state = calendar$1.useCalendarState(__spreadProps$v(__spreadValues$
|
|
718
|
+
const state = calendar$1.useCalendarState(__spreadProps$v(__spreadValues$x({}, otherOptions), {
|
|
719
719
|
visibleDuration: viewToVisibleDuration[view]
|
|
720
720
|
}));
|
|
721
721
|
const broadenView = () => {
|
|
@@ -735,7 +735,7 @@ function useSapphireCalendarState(_a) {
|
|
|
735
735
|
}
|
|
736
736
|
};
|
|
737
737
|
const canDrillUp = !state.isReadOnly && ["days", "months"].includes(view);
|
|
738
|
-
return __spreadProps$v(__spreadValues$
|
|
738
|
+
return __spreadProps$v(__spreadValues$x({}, state), {
|
|
739
739
|
view,
|
|
740
740
|
narrowView,
|
|
741
741
|
broadenView,
|
|
@@ -743,21 +743,21 @@ function useSapphireCalendarState(_a) {
|
|
|
743
743
|
});
|
|
744
744
|
}
|
|
745
745
|
|
|
746
|
-
var __defProp$
|
|
746
|
+
var __defProp$w = Object.defineProperty;
|
|
747
747
|
var __defProps$u = Object.defineProperties;
|
|
748
748
|
var __getOwnPropDescs$u = Object.getOwnPropertyDescriptors;
|
|
749
|
-
var __getOwnPropSymbols$
|
|
750
|
-
var __hasOwnProp$
|
|
751
|
-
var __propIsEnum$
|
|
752
|
-
var __defNormalProp$
|
|
753
|
-
var __spreadValues$
|
|
749
|
+
var __getOwnPropSymbols$y = Object.getOwnPropertySymbols;
|
|
750
|
+
var __hasOwnProp$y = Object.prototype.hasOwnProperty;
|
|
751
|
+
var __propIsEnum$y = Object.prototype.propertyIsEnumerable;
|
|
752
|
+
var __defNormalProp$w = (obj, key, value) => key in obj ? __defProp$w(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
753
|
+
var __spreadValues$w = (a, b) => {
|
|
754
754
|
for (var prop in b || (b = {}))
|
|
755
|
-
if (__hasOwnProp$
|
|
756
|
-
__defNormalProp$
|
|
757
|
-
if (__getOwnPropSymbols$
|
|
758
|
-
for (var prop of __getOwnPropSymbols$
|
|
759
|
-
if (__propIsEnum$
|
|
760
|
-
__defNormalProp$
|
|
755
|
+
if (__hasOwnProp$y.call(b, prop))
|
|
756
|
+
__defNormalProp$w(a, prop, b[prop]);
|
|
757
|
+
if (__getOwnPropSymbols$y)
|
|
758
|
+
for (var prop of __getOwnPropSymbols$y(b)) {
|
|
759
|
+
if (__propIsEnum$y.call(b, prop))
|
|
760
|
+
__defNormalProp$w(a, prop, b[prop]);
|
|
761
761
|
}
|
|
762
762
|
return a;
|
|
763
763
|
};
|
|
@@ -776,7 +776,7 @@ function CalendarHeader({
|
|
|
776
776
|
})
|
|
777
777
|
}, /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
778
778
|
className: styles__default$1["default"]["sapphire-calendar__header-prev-month"]
|
|
779
|
-
}, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.IconButton, __spreadProps$u(__spreadValues$
|
|
779
|
+
}, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.IconButton, __spreadProps$u(__spreadValues$w({}, prevButtonProps), {
|
|
780
780
|
variant: "tertiary",
|
|
781
781
|
appearance: "ghost",
|
|
782
782
|
size: "large",
|
|
@@ -785,7 +785,7 @@ function CalendarHeader({
|
|
|
785
785
|
className: styles__default$1["default"]["sapphire-calendar__header-title"]
|
|
786
786
|
}, children), /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
787
787
|
className: styles__default$1["default"]["sapphire-calendar__header-next-month"]
|
|
788
|
-
}, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.IconButton, __spreadProps$u(__spreadValues$
|
|
788
|
+
}, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.IconButton, __spreadProps$u(__spreadValues$w({}, nextButtonProps), {
|
|
789
789
|
variant: "tertiary",
|
|
790
790
|
appearance: "ghost",
|
|
791
791
|
size: "large",
|
|
@@ -793,21 +793,21 @@ function CalendarHeader({
|
|
|
793
793
|
}), /* @__PURE__ */ React__default["default"].createElement(react.ChevronRight, null))));
|
|
794
794
|
}
|
|
795
795
|
|
|
796
|
-
var __defProp$
|
|
796
|
+
var __defProp$v = Object.defineProperty;
|
|
797
797
|
var __defProps$t = Object.defineProperties;
|
|
798
798
|
var __getOwnPropDescs$t = Object.getOwnPropertyDescriptors;
|
|
799
|
-
var __getOwnPropSymbols$
|
|
800
|
-
var __hasOwnProp$
|
|
801
|
-
var __propIsEnum$
|
|
802
|
-
var __defNormalProp$
|
|
803
|
-
var __spreadValues$
|
|
799
|
+
var __getOwnPropSymbols$x = Object.getOwnPropertySymbols;
|
|
800
|
+
var __hasOwnProp$x = Object.prototype.hasOwnProperty;
|
|
801
|
+
var __propIsEnum$x = Object.prototype.propertyIsEnumerable;
|
|
802
|
+
var __defNormalProp$v = (obj, key, value) => key in obj ? __defProp$v(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
803
|
+
var __spreadValues$v = (a, b) => {
|
|
804
804
|
for (var prop in b || (b = {}))
|
|
805
|
-
if (__hasOwnProp$
|
|
806
|
-
__defNormalProp$
|
|
807
|
-
if (__getOwnPropSymbols$
|
|
808
|
-
for (var prop of __getOwnPropSymbols$
|
|
809
|
-
if (__propIsEnum$
|
|
810
|
-
__defNormalProp$
|
|
805
|
+
if (__hasOwnProp$x.call(b, prop))
|
|
806
|
+
__defNormalProp$v(a, prop, b[prop]);
|
|
807
|
+
if (__getOwnPropSymbols$x)
|
|
808
|
+
for (var prop of __getOwnPropSymbols$x(b)) {
|
|
809
|
+
if (__propIsEnum$x.call(b, prop))
|
|
810
|
+
__defNormalProp$v(a, prop, b[prop]);
|
|
811
811
|
}
|
|
812
812
|
return a;
|
|
813
813
|
};
|
|
@@ -834,7 +834,7 @@ function CalendarPageAnimation({
|
|
|
834
834
|
}
|
|
835
835
|
function useCalendarAnimationState(state) {
|
|
836
836
|
const [animationState, setAnimationState] = React.useState({ key: 0, direction: "next" });
|
|
837
|
-
return __spreadProps$t(__spreadValues$
|
|
837
|
+
return __spreadProps$t(__spreadValues$v({}, state), {
|
|
838
838
|
focusNextPage: () => {
|
|
839
839
|
setAnimationState(({ key }) => ({
|
|
840
840
|
key: key + 1,
|
|
@@ -853,33 +853,33 @@ function useCalendarAnimationState(state) {
|
|
|
853
853
|
});
|
|
854
854
|
}
|
|
855
855
|
|
|
856
|
-
var __defProp$
|
|
856
|
+
var __defProp$u = Object.defineProperty;
|
|
857
857
|
var __defProps$s = Object.defineProperties;
|
|
858
858
|
var __getOwnPropDescs$s = Object.getOwnPropertyDescriptors;
|
|
859
|
-
var __getOwnPropSymbols$
|
|
860
|
-
var __hasOwnProp$
|
|
861
|
-
var __propIsEnum$
|
|
862
|
-
var __defNormalProp$
|
|
863
|
-
var __spreadValues$
|
|
859
|
+
var __getOwnPropSymbols$w = Object.getOwnPropertySymbols;
|
|
860
|
+
var __hasOwnProp$w = Object.prototype.hasOwnProperty;
|
|
861
|
+
var __propIsEnum$w = Object.prototype.propertyIsEnumerable;
|
|
862
|
+
var __defNormalProp$u = (obj, key, value) => key in obj ? __defProp$u(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
863
|
+
var __spreadValues$u = (a, b) => {
|
|
864
864
|
for (var prop in b || (b = {}))
|
|
865
|
-
if (__hasOwnProp$
|
|
866
|
-
__defNormalProp$
|
|
867
|
-
if (__getOwnPropSymbols$
|
|
868
|
-
for (var prop of __getOwnPropSymbols$
|
|
869
|
-
if (__propIsEnum$
|
|
870
|
-
__defNormalProp$
|
|
865
|
+
if (__hasOwnProp$w.call(b, prop))
|
|
866
|
+
__defNormalProp$u(a, prop, b[prop]);
|
|
867
|
+
if (__getOwnPropSymbols$w)
|
|
868
|
+
for (var prop of __getOwnPropSymbols$w(b)) {
|
|
869
|
+
if (__propIsEnum$w.call(b, prop))
|
|
870
|
+
__defNormalProp$u(a, prop, b[prop]);
|
|
871
871
|
}
|
|
872
872
|
return a;
|
|
873
873
|
};
|
|
874
874
|
var __spreadProps$s = (a, b) => __defProps$s(a, __getOwnPropDescs$s(b));
|
|
875
|
-
var __objRest$
|
|
875
|
+
var __objRest$o = (source, exclude) => {
|
|
876
876
|
var target = {};
|
|
877
877
|
for (var prop in source)
|
|
878
|
-
if (__hasOwnProp$
|
|
878
|
+
if (__hasOwnProp$w.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
879
879
|
target[prop] = source[prop];
|
|
880
|
-
if (source != null && __getOwnPropSymbols$
|
|
881
|
-
for (var prop of __getOwnPropSymbols$
|
|
882
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
880
|
+
if (source != null && __getOwnPropSymbols$w)
|
|
881
|
+
for (var prop of __getOwnPropSymbols$w(source)) {
|
|
882
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$w.call(source, prop))
|
|
883
883
|
target[prop] = source[prop];
|
|
884
884
|
}
|
|
885
885
|
return target;
|
|
@@ -887,7 +887,7 @@ var __objRest$n = (source, exclude) => {
|
|
|
887
887
|
const Calendar = (_a) => {
|
|
888
888
|
var _b = _a, {
|
|
889
889
|
showWeekNumbers
|
|
890
|
-
} = _b, props = __objRest$
|
|
890
|
+
} = _b, props = __objRest$o(_b, [
|
|
891
891
|
"showWeekNumbers"
|
|
892
892
|
]);
|
|
893
893
|
sapphireReact.useThemeCheck();
|
|
@@ -895,7 +895,7 @@ const Calendar = (_a) => {
|
|
|
895
895
|
const formatMessage = i18n.useMessageFormatter(intlMessages$2);
|
|
896
896
|
sapphireReact.useThemeCheck();
|
|
897
897
|
const { styleProps } = sapphireReact.useSapphireStyleProps(props);
|
|
898
|
-
const state = useCalendarAnimationState(useSapphireCalendarState(__spreadProps$s(__spreadValues$
|
|
898
|
+
const state = useCalendarAnimationState(useSapphireCalendarState(__spreadProps$s(__spreadValues$u({
|
|
899
899
|
selectionAlignment: "start"
|
|
900
900
|
}, props), {
|
|
901
901
|
locale,
|
|
@@ -937,7 +937,7 @@ const Calendar = (_a) => {
|
|
|
937
937
|
return sentenceCase(formatMessage("year"));
|
|
938
938
|
}
|
|
939
939
|
};
|
|
940
|
-
return /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$
|
|
940
|
+
return /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$u({
|
|
941
941
|
className: styles__default$1["default"]["sapphire-calendar"]
|
|
942
942
|
}, utils$1.mergeProps(calendarProps, utils$1.filterDOMProps(props))), /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
943
943
|
className: clsx__default["default"](styles__default$1["default"]["sapphire-calendar__table-container"], styleProps.className),
|
|
@@ -956,33 +956,33 @@ const Calendar = (_a) => {
|
|
|
956
956
|
}, renderGrid()) : renderGrid()));
|
|
957
957
|
};
|
|
958
958
|
|
|
959
|
-
var __defProp$
|
|
959
|
+
var __defProp$t = Object.defineProperty;
|
|
960
960
|
var __defProps$r = Object.defineProperties;
|
|
961
961
|
var __getOwnPropDescs$r = Object.getOwnPropertyDescriptors;
|
|
962
|
-
var __getOwnPropSymbols$
|
|
963
|
-
var __hasOwnProp$
|
|
964
|
-
var __propIsEnum$
|
|
965
|
-
var __defNormalProp$
|
|
966
|
-
var __spreadValues$
|
|
962
|
+
var __getOwnPropSymbols$v = Object.getOwnPropertySymbols;
|
|
963
|
+
var __hasOwnProp$v = Object.prototype.hasOwnProperty;
|
|
964
|
+
var __propIsEnum$v = Object.prototype.propertyIsEnumerable;
|
|
965
|
+
var __defNormalProp$t = (obj, key, value) => key in obj ? __defProp$t(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
966
|
+
var __spreadValues$t = (a, b) => {
|
|
967
967
|
for (var prop in b || (b = {}))
|
|
968
|
-
if (__hasOwnProp$
|
|
969
|
-
__defNormalProp$
|
|
970
|
-
if (__getOwnPropSymbols$
|
|
971
|
-
for (var prop of __getOwnPropSymbols$
|
|
972
|
-
if (__propIsEnum$
|
|
973
|
-
__defNormalProp$
|
|
968
|
+
if (__hasOwnProp$v.call(b, prop))
|
|
969
|
+
__defNormalProp$t(a, prop, b[prop]);
|
|
970
|
+
if (__getOwnPropSymbols$v)
|
|
971
|
+
for (var prop of __getOwnPropSymbols$v(b)) {
|
|
972
|
+
if (__propIsEnum$v.call(b, prop))
|
|
973
|
+
__defNormalProp$t(a, prop, b[prop]);
|
|
974
974
|
}
|
|
975
975
|
return a;
|
|
976
976
|
};
|
|
977
977
|
var __spreadProps$r = (a, b) => __defProps$r(a, __getOwnPropDescs$r(b));
|
|
978
|
-
var __objRest$
|
|
978
|
+
var __objRest$n = (source, exclude) => {
|
|
979
979
|
var target = {};
|
|
980
980
|
for (var prop in source)
|
|
981
|
-
if (__hasOwnProp$
|
|
981
|
+
if (__hasOwnProp$v.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
982
982
|
target[prop] = source[prop];
|
|
983
|
-
if (source != null && __getOwnPropSymbols$
|
|
984
|
-
for (var prop of __getOwnPropSymbols$
|
|
985
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
983
|
+
if (source != null && __getOwnPropSymbols$v)
|
|
984
|
+
for (var prop of __getOwnPropSymbols$v(source)) {
|
|
985
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$v.call(source, prop))
|
|
986
986
|
target[prop] = source[prop];
|
|
987
987
|
}
|
|
988
988
|
return target;
|
|
@@ -990,17 +990,17 @@ var __objRest$m = (source, exclude) => {
|
|
|
990
990
|
const useRangeCalendarState = (_a) => {
|
|
991
991
|
var _b = _a, {
|
|
992
992
|
onChange
|
|
993
|
-
} = _b, options = __objRest$
|
|
993
|
+
} = _b, options = __objRest$n(_b, [
|
|
994
994
|
"onChange"
|
|
995
995
|
]);
|
|
996
996
|
const lastPredefinedRange = React.useRef(void 0);
|
|
997
|
-
const state = calendar$1.useRangeCalendarState(__spreadProps$r(__spreadValues$
|
|
997
|
+
const state = calendar$1.useRangeCalendarState(__spreadProps$r(__spreadValues$t({}, options), {
|
|
998
998
|
onChange: (value) => {
|
|
999
999
|
onChange == null ? void 0 : onChange(value, lastPredefinedRange.current);
|
|
1000
1000
|
lastPredefinedRange.current = void 0;
|
|
1001
1001
|
}
|
|
1002
1002
|
}));
|
|
1003
|
-
return __spreadProps$r(__spreadValues$
|
|
1003
|
+
return __spreadProps$r(__spreadValues$t({}, state), {
|
|
1004
1004
|
setValue: (value, predefinedRange) => {
|
|
1005
1005
|
lastPredefinedRange.current = predefinedRange;
|
|
1006
1006
|
state.setValue(value);
|
|
@@ -1008,33 +1008,33 @@ const useRangeCalendarState = (_a) => {
|
|
|
1008
1008
|
});
|
|
1009
1009
|
};
|
|
1010
1010
|
|
|
1011
|
-
var __defProp$
|
|
1011
|
+
var __defProp$s = Object.defineProperty;
|
|
1012
1012
|
var __defProps$q = Object.defineProperties;
|
|
1013
1013
|
var __getOwnPropDescs$q = Object.getOwnPropertyDescriptors;
|
|
1014
|
-
var __getOwnPropSymbols$
|
|
1015
|
-
var __hasOwnProp$
|
|
1016
|
-
var __propIsEnum$
|
|
1017
|
-
var __defNormalProp$
|
|
1018
|
-
var __spreadValues$
|
|
1014
|
+
var __getOwnPropSymbols$u = Object.getOwnPropertySymbols;
|
|
1015
|
+
var __hasOwnProp$u = Object.prototype.hasOwnProperty;
|
|
1016
|
+
var __propIsEnum$u = Object.prototype.propertyIsEnumerable;
|
|
1017
|
+
var __defNormalProp$s = (obj, key, value) => key in obj ? __defProp$s(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
1018
|
+
var __spreadValues$s = (a, b) => {
|
|
1019
1019
|
for (var prop in b || (b = {}))
|
|
1020
|
-
if (__hasOwnProp$
|
|
1021
|
-
__defNormalProp$
|
|
1022
|
-
if (__getOwnPropSymbols$
|
|
1023
|
-
for (var prop of __getOwnPropSymbols$
|
|
1024
|
-
if (__propIsEnum$
|
|
1025
|
-
__defNormalProp$
|
|
1020
|
+
if (__hasOwnProp$u.call(b, prop))
|
|
1021
|
+
__defNormalProp$s(a, prop, b[prop]);
|
|
1022
|
+
if (__getOwnPropSymbols$u)
|
|
1023
|
+
for (var prop of __getOwnPropSymbols$u(b)) {
|
|
1024
|
+
if (__propIsEnum$u.call(b, prop))
|
|
1025
|
+
__defNormalProp$s(a, prop, b[prop]);
|
|
1026
1026
|
}
|
|
1027
1027
|
return a;
|
|
1028
1028
|
};
|
|
1029
1029
|
var __spreadProps$q = (a, b) => __defProps$q(a, __getOwnPropDescs$q(b));
|
|
1030
|
-
var __objRest$
|
|
1030
|
+
var __objRest$m = (source, exclude) => {
|
|
1031
1031
|
var target = {};
|
|
1032
1032
|
for (var prop in source)
|
|
1033
|
-
if (__hasOwnProp$
|
|
1033
|
+
if (__hasOwnProp$u.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
1034
1034
|
target[prop] = source[prop];
|
|
1035
|
-
if (source != null && __getOwnPropSymbols$
|
|
1036
|
-
for (var prop of __getOwnPropSymbols$
|
|
1037
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
1035
|
+
if (source != null && __getOwnPropSymbols$u)
|
|
1036
|
+
for (var prop of __getOwnPropSymbols$u(source)) {
|
|
1037
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$u.call(source, prop))
|
|
1038
1038
|
target[prop] = source[prop];
|
|
1039
1039
|
}
|
|
1040
1040
|
return target;
|
|
@@ -1045,7 +1045,7 @@ const _RangeCalendar = function RangeCalendar2(_a, forwardedRef) {
|
|
|
1045
1045
|
showTwoMonths = false,
|
|
1046
1046
|
allowUnavailableDatesWithinRange = false,
|
|
1047
1047
|
predefinedRanges
|
|
1048
|
-
} = _b, props = __objRest$
|
|
1048
|
+
} = _b, props = __objRest$m(_b, [
|
|
1049
1049
|
"showWeekNumbers",
|
|
1050
1050
|
"showTwoMonths",
|
|
1051
1051
|
"allowUnavailableDatesWithinRange",
|
|
@@ -1055,7 +1055,7 @@ const _RangeCalendar = function RangeCalendar2(_a, forwardedRef) {
|
|
|
1055
1055
|
const { styleProps } = sapphireReact.useSapphireStyleProps(props);
|
|
1056
1056
|
const ref = utils$1.useObjectRef(forwardedRef);
|
|
1057
1057
|
const { locale } = i18n.useLocale();
|
|
1058
|
-
const state = useCalendarAnimationState(useRangeCalendarState(__spreadProps$q(__spreadValues$
|
|
1058
|
+
const state = useCalendarAnimationState(useRangeCalendarState(__spreadProps$q(__spreadValues$s({}, props), {
|
|
1059
1059
|
locale,
|
|
1060
1060
|
allowsNonContiguousRanges: allowUnavailableDatesWithinRange,
|
|
1061
1061
|
visibleDuration: React.useMemo(() => ({ months: showTwoMonths ? 2 : 1 }), [showTwoMonths]),
|
|
@@ -1069,7 +1069,7 @@ const _RangeCalendar = function RangeCalendar2(_a, forwardedRef) {
|
|
|
1069
1069
|
calendar: state.visibleRange.start.calendar.identifier,
|
|
1070
1070
|
timeZone: state.timeZone
|
|
1071
1071
|
});
|
|
1072
|
-
return /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$
|
|
1072
|
+
return /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$s({
|
|
1073
1073
|
ref,
|
|
1074
1074
|
className: clsx__default["default"](styles__default$1["default"]["sapphire-calendar"], styleProps.className),
|
|
1075
1075
|
style: styleProps.style
|
|
@@ -1111,17 +1111,17 @@ const _RangeCalendar = function RangeCalendar2(_a, forwardedRef) {
|
|
|
1111
1111
|
};
|
|
1112
1112
|
const RangeCalendar = React__default["default"].forwardRef(_RangeCalendar);
|
|
1113
1113
|
|
|
1114
|
-
var __getOwnPropSymbols$
|
|
1115
|
-
var __hasOwnProp$
|
|
1116
|
-
var __propIsEnum$
|
|
1117
|
-
var __objRest$
|
|
1114
|
+
var __getOwnPropSymbols$t = Object.getOwnPropertySymbols;
|
|
1115
|
+
var __hasOwnProp$t = Object.prototype.hasOwnProperty;
|
|
1116
|
+
var __propIsEnum$t = Object.prototype.propertyIsEnumerable;
|
|
1117
|
+
var __objRest$l = (source, exclude) => {
|
|
1118
1118
|
var target = {};
|
|
1119
1119
|
for (var prop in source)
|
|
1120
|
-
if (__hasOwnProp$
|
|
1120
|
+
if (__hasOwnProp$t.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
1121
1121
|
target[prop] = source[prop];
|
|
1122
|
-
if (source != null && __getOwnPropSymbols$
|
|
1123
|
-
for (var prop of __getOwnPropSymbols$
|
|
1124
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
1122
|
+
if (source != null && __getOwnPropSymbols$t)
|
|
1123
|
+
for (var prop of __getOwnPropSymbols$t(source)) {
|
|
1124
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$t.call(source, prop))
|
|
1125
1125
|
target[prop] = source[prop];
|
|
1126
1126
|
}
|
|
1127
1127
|
return target;
|
|
@@ -1129,7 +1129,7 @@ var __objRest$k = (source, exclude) => {
|
|
|
1129
1129
|
const Spinner = (_a) => {
|
|
1130
1130
|
var _b = _a, {
|
|
1131
1131
|
size = "m"
|
|
1132
|
-
} = _b, props = __objRest$
|
|
1132
|
+
} = _b, props = __objRest$l(_b, [
|
|
1133
1133
|
"size"
|
|
1134
1134
|
]);
|
|
1135
1135
|
sapphireReact.useThemeCheck();
|
|
@@ -1150,33 +1150,33 @@ const Spinner = (_a) => {
|
|
|
1150
1150
|
}));
|
|
1151
1151
|
};
|
|
1152
1152
|
|
|
1153
|
-
var __defProp$
|
|
1153
|
+
var __defProp$r = Object.defineProperty;
|
|
1154
1154
|
var __defProps$p = Object.defineProperties;
|
|
1155
1155
|
var __getOwnPropDescs$p = Object.getOwnPropertyDescriptors;
|
|
1156
|
-
var __getOwnPropSymbols$
|
|
1157
|
-
var __hasOwnProp$
|
|
1158
|
-
var __propIsEnum$
|
|
1159
|
-
var __defNormalProp$
|
|
1160
|
-
var __spreadValues$
|
|
1156
|
+
var __getOwnPropSymbols$s = Object.getOwnPropertySymbols;
|
|
1157
|
+
var __hasOwnProp$s = Object.prototype.hasOwnProperty;
|
|
1158
|
+
var __propIsEnum$s = Object.prototype.propertyIsEnumerable;
|
|
1159
|
+
var __defNormalProp$r = (obj, key, value) => key in obj ? __defProp$r(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
1160
|
+
var __spreadValues$r = (a, b) => {
|
|
1161
1161
|
for (var prop in b || (b = {}))
|
|
1162
|
-
if (__hasOwnProp$
|
|
1163
|
-
__defNormalProp$
|
|
1164
|
-
if (__getOwnPropSymbols$
|
|
1165
|
-
for (var prop of __getOwnPropSymbols$
|
|
1166
|
-
if (__propIsEnum$
|
|
1167
|
-
__defNormalProp$
|
|
1162
|
+
if (__hasOwnProp$s.call(b, prop))
|
|
1163
|
+
__defNormalProp$r(a, prop, b[prop]);
|
|
1164
|
+
if (__getOwnPropSymbols$s)
|
|
1165
|
+
for (var prop of __getOwnPropSymbols$s(b)) {
|
|
1166
|
+
if (__propIsEnum$s.call(b, prop))
|
|
1167
|
+
__defNormalProp$r(a, prop, b[prop]);
|
|
1168
1168
|
}
|
|
1169
1169
|
return a;
|
|
1170
1170
|
};
|
|
1171
1171
|
var __spreadProps$p = (a, b) => __defProps$p(a, __getOwnPropDescs$p(b));
|
|
1172
|
-
var __objRest$
|
|
1172
|
+
var __objRest$k = (source, exclude) => {
|
|
1173
1173
|
var target = {};
|
|
1174
1174
|
for (var prop in source)
|
|
1175
|
-
if (__hasOwnProp$
|
|
1175
|
+
if (__hasOwnProp$s.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
1176
1176
|
target[prop] = source[prop];
|
|
1177
|
-
if (source != null && __getOwnPropSymbols$
|
|
1178
|
-
for (var prop of __getOwnPropSymbols$
|
|
1179
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
1177
|
+
if (source != null && __getOwnPropSymbols$s)
|
|
1178
|
+
for (var prop of __getOwnPropSymbols$s(source)) {
|
|
1179
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$s.call(source, prop))
|
|
1180
1180
|
target[prop] = source[prop];
|
|
1181
1181
|
}
|
|
1182
1182
|
return target;
|
|
@@ -1191,7 +1191,7 @@ const NotificationBadge = (props) => {
|
|
|
1191
1191
|
variant = "primary",
|
|
1192
1192
|
size = "medium",
|
|
1193
1193
|
show = true
|
|
1194
|
-
} = _a, otherProps = __objRest$
|
|
1194
|
+
} = _a, otherProps = __objRest$k(_a, [
|
|
1195
1195
|
"animate",
|
|
1196
1196
|
"children",
|
|
1197
1197
|
"count",
|
|
@@ -1201,7 +1201,7 @@ const NotificationBadge = (props) => {
|
|
|
1201
1201
|
"show"
|
|
1202
1202
|
]);
|
|
1203
1203
|
const { styleProps } = sapphireReact.useSapphireStyleProps(props);
|
|
1204
|
-
const badge = () => show || animate ? /* @__PURE__ */ React__default["default"].createElement("span", __spreadProps$p(__spreadValues$
|
|
1204
|
+
const badge = () => show || animate ? /* @__PURE__ */ React__default["default"].createElement("span", __spreadProps$p(__spreadValues$r({}, otherProps), {
|
|
1205
1205
|
role: "status",
|
|
1206
1206
|
className: clsx__default["default"](styleProps.className, styles__default$3["default"]["sapphire-notification-badge"], styles__default$3["default"][`sapphire-notification-badge--${size}`], styles__default$3["default"][`sapphire-notification-badge--${variant}`], {
|
|
1207
1207
|
[styles__default$3["default"][`sapphire-notification-badge--pop-in`]]: show && animate,
|
|
@@ -1356,21 +1356,21 @@ function getPlaceholder(field, value, locale) {
|
|
|
1356
1356
|
return "\u2013\u2013";
|
|
1357
1357
|
}
|
|
1358
1358
|
|
|
1359
|
-
var __defProp$
|
|
1359
|
+
var __defProp$q = Object.defineProperty;
|
|
1360
1360
|
var __defProps$o = Object.defineProperties;
|
|
1361
1361
|
var __getOwnPropDescs$o = Object.getOwnPropertyDescriptors;
|
|
1362
|
-
var __getOwnPropSymbols$
|
|
1363
|
-
var __hasOwnProp$
|
|
1364
|
-
var __propIsEnum$
|
|
1365
|
-
var __defNormalProp$
|
|
1366
|
-
var __spreadValues$
|
|
1362
|
+
var __getOwnPropSymbols$r = Object.getOwnPropertySymbols;
|
|
1363
|
+
var __hasOwnProp$r = Object.prototype.hasOwnProperty;
|
|
1364
|
+
var __propIsEnum$r = Object.prototype.propertyIsEnumerable;
|
|
1365
|
+
var __defNormalProp$q = (obj, key, value) => key in obj ? __defProp$q(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
1366
|
+
var __spreadValues$q = (a, b) => {
|
|
1367
1367
|
for (var prop in b || (b = {}))
|
|
1368
|
-
if (__hasOwnProp$
|
|
1369
|
-
__defNormalProp$
|
|
1370
|
-
if (__getOwnPropSymbols$
|
|
1371
|
-
for (var prop of __getOwnPropSymbols$
|
|
1372
|
-
if (__propIsEnum$
|
|
1373
|
-
__defNormalProp$
|
|
1368
|
+
if (__hasOwnProp$r.call(b, prop))
|
|
1369
|
+
__defNormalProp$q(a, prop, b[prop]);
|
|
1370
|
+
if (__getOwnPropSymbols$r)
|
|
1371
|
+
for (var prop of __getOwnPropSymbols$r(b)) {
|
|
1372
|
+
if (__propIsEnum$r.call(b, prop))
|
|
1373
|
+
__defNormalProp$q(a, prop, b[prop]);
|
|
1374
1374
|
}
|
|
1375
1375
|
return a;
|
|
1376
1376
|
};
|
|
@@ -1392,27 +1392,27 @@ const isAnyModified = (segments) => segments.map(({ type, isPlaceholder }) => {
|
|
|
1392
1392
|
}).some((isModified) => isModified);
|
|
1393
1393
|
const setPlaceholderLanguage = (segment, locale) => {
|
|
1394
1394
|
const placeholder = getPlaceholder(segment.type, segment.text, locale);
|
|
1395
|
-
return __spreadProps$o(__spreadValues$
|
|
1395
|
+
return __spreadProps$o(__spreadValues$q({}, segment), {
|
|
1396
1396
|
text: segment.isPlaceholder ? placeholder : segment.text,
|
|
1397
1397
|
placeholder
|
|
1398
1398
|
});
|
|
1399
1399
|
};
|
|
1400
1400
|
|
|
1401
|
-
var __defProp$
|
|
1401
|
+
var __defProp$p = Object.defineProperty;
|
|
1402
1402
|
var __defProps$n = Object.defineProperties;
|
|
1403
1403
|
var __getOwnPropDescs$n = Object.getOwnPropertyDescriptors;
|
|
1404
|
-
var __getOwnPropSymbols$
|
|
1405
|
-
var __hasOwnProp$
|
|
1406
|
-
var __propIsEnum$
|
|
1407
|
-
var __defNormalProp$
|
|
1408
|
-
var __spreadValues$
|
|
1404
|
+
var __getOwnPropSymbols$q = Object.getOwnPropertySymbols;
|
|
1405
|
+
var __hasOwnProp$q = Object.prototype.hasOwnProperty;
|
|
1406
|
+
var __propIsEnum$q = Object.prototype.propertyIsEnumerable;
|
|
1407
|
+
var __defNormalProp$p = (obj, key, value) => key in obj ? __defProp$p(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
1408
|
+
var __spreadValues$p = (a, b) => {
|
|
1409
1409
|
for (var prop in b || (b = {}))
|
|
1410
|
-
if (__hasOwnProp$
|
|
1411
|
-
__defNormalProp$
|
|
1412
|
-
if (__getOwnPropSymbols$
|
|
1413
|
-
for (var prop of __getOwnPropSymbols$
|
|
1414
|
-
if (__propIsEnum$
|
|
1415
|
-
__defNormalProp$
|
|
1410
|
+
if (__hasOwnProp$q.call(b, prop))
|
|
1411
|
+
__defNormalProp$p(a, prop, b[prop]);
|
|
1412
|
+
if (__getOwnPropSymbols$q)
|
|
1413
|
+
for (var prop of __getOwnPropSymbols$q(b)) {
|
|
1414
|
+
if (__propIsEnum$q.call(b, prop))
|
|
1415
|
+
__defNormalProp$p(a, prop, b[prop]);
|
|
1416
1416
|
}
|
|
1417
1417
|
return a;
|
|
1418
1418
|
};
|
|
@@ -1432,7 +1432,7 @@ const EditableSegment = ({ segment, state }) => {
|
|
|
1432
1432
|
const { segmentProps } = datepicker.useDateSegment(segment, state, ref);
|
|
1433
1433
|
const { locale } = i18n.useLocale();
|
|
1434
1434
|
const segmentWithTranslatedPlaceholders = setPlaceholderLanguage(segment, locale);
|
|
1435
|
-
return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$n(__spreadValues$
|
|
1435
|
+
return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$n(__spreadValues$p({}, segmentProps), {
|
|
1436
1436
|
style: segmentProps.style,
|
|
1437
1437
|
ref,
|
|
1438
1438
|
className: clsx__default["default"](styles__default$4["default"]["sapphire-date-field__segment"], {
|
|
@@ -1441,21 +1441,21 @@ const EditableSegment = ({ segment, state }) => {
|
|
|
1441
1441
|
}), segmentWithTranslatedPlaceholders.text);
|
|
1442
1442
|
};
|
|
1443
1443
|
|
|
1444
|
-
var __defProp$
|
|
1444
|
+
var __defProp$o = Object.defineProperty;
|
|
1445
1445
|
var __defProps$m = Object.defineProperties;
|
|
1446
1446
|
var __getOwnPropDescs$m = Object.getOwnPropertyDescriptors;
|
|
1447
|
-
var __getOwnPropSymbols$
|
|
1448
|
-
var __hasOwnProp$
|
|
1449
|
-
var __propIsEnum$
|
|
1450
|
-
var __defNormalProp$
|
|
1451
|
-
var __spreadValues$
|
|
1447
|
+
var __getOwnPropSymbols$p = Object.getOwnPropertySymbols;
|
|
1448
|
+
var __hasOwnProp$p = Object.prototype.hasOwnProperty;
|
|
1449
|
+
var __propIsEnum$p = Object.prototype.propertyIsEnumerable;
|
|
1450
|
+
var __defNormalProp$o = (obj, key, value) => key in obj ? __defProp$o(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
1451
|
+
var __spreadValues$o = (a, b) => {
|
|
1452
1452
|
for (var prop in b || (b = {}))
|
|
1453
|
-
if (__hasOwnProp$
|
|
1454
|
-
__defNormalProp$
|
|
1455
|
-
if (__getOwnPropSymbols$
|
|
1456
|
-
for (var prop of __getOwnPropSymbols$
|
|
1457
|
-
if (__propIsEnum$
|
|
1458
|
-
__defNormalProp$
|
|
1453
|
+
if (__hasOwnProp$p.call(b, prop))
|
|
1454
|
+
__defNormalProp$o(a, prop, b[prop]);
|
|
1455
|
+
if (__getOwnPropSymbols$p)
|
|
1456
|
+
for (var prop of __getOwnPropSymbols$p(b)) {
|
|
1457
|
+
if (__propIsEnum$p.call(b, prop))
|
|
1458
|
+
__defNormalProp$o(a, prop, b[prop]);
|
|
1459
1459
|
}
|
|
1460
1460
|
return a;
|
|
1461
1461
|
};
|
|
@@ -1465,7 +1465,7 @@ const DateFieldButton = (props) => {
|
|
|
1465
1465
|
const { buttonProps, isPressed } = sapphireReact.useButton(props, ref);
|
|
1466
1466
|
const { hoverProps, isHovered } = interactions.useHover({ isDisabled: props.isDisabled });
|
|
1467
1467
|
const { focusProps, isFocusVisible } = focus.useFocusRing();
|
|
1468
|
-
return /* @__PURE__ */ React__default["default"].createElement("button", __spreadProps$m(__spreadValues$
|
|
1468
|
+
return /* @__PURE__ */ React__default["default"].createElement("button", __spreadProps$m(__spreadValues$o({}, utils$1.mergeProps(buttonProps, hoverProps, focusProps)), {
|
|
1469
1469
|
ref,
|
|
1470
1470
|
className: clsx__default["default"](styles__default$4["default"]["sapphire-date-field__button"], styles__default$4["default"]["js-focus"], styles__default$4["default"]["js-hover"], {
|
|
1471
1471
|
[styles__default$4["default"]["is-active"]]: isPressed,
|
|
@@ -1520,33 +1520,33 @@ var intlMessages$1 = {
|
|
|
1520
1520
|
"sv-SE": se$1
|
|
1521
1521
|
};
|
|
1522
1522
|
|
|
1523
|
-
var __defProp$
|
|
1523
|
+
var __defProp$n = Object.defineProperty;
|
|
1524
1524
|
var __defProps$l = Object.defineProperties;
|
|
1525
1525
|
var __getOwnPropDescs$l = Object.getOwnPropertyDescriptors;
|
|
1526
|
-
var __getOwnPropSymbols$
|
|
1527
|
-
var __hasOwnProp$
|
|
1528
|
-
var __propIsEnum$
|
|
1529
|
-
var __defNormalProp$
|
|
1530
|
-
var __spreadValues$
|
|
1526
|
+
var __getOwnPropSymbols$o = Object.getOwnPropertySymbols;
|
|
1527
|
+
var __hasOwnProp$o = Object.prototype.hasOwnProperty;
|
|
1528
|
+
var __propIsEnum$o = Object.prototype.propertyIsEnumerable;
|
|
1529
|
+
var __defNormalProp$n = (obj, key, value) => key in obj ? __defProp$n(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
1530
|
+
var __spreadValues$n = (a, b) => {
|
|
1531
1531
|
for (var prop in b || (b = {}))
|
|
1532
|
-
if (__hasOwnProp$
|
|
1533
|
-
__defNormalProp$
|
|
1534
|
-
if (__getOwnPropSymbols$
|
|
1535
|
-
for (var prop of __getOwnPropSymbols$
|
|
1536
|
-
if (__propIsEnum$
|
|
1537
|
-
__defNormalProp$
|
|
1532
|
+
if (__hasOwnProp$o.call(b, prop))
|
|
1533
|
+
__defNormalProp$n(a, prop, b[prop]);
|
|
1534
|
+
if (__getOwnPropSymbols$o)
|
|
1535
|
+
for (var prop of __getOwnPropSymbols$o(b)) {
|
|
1536
|
+
if (__propIsEnum$o.call(b, prop))
|
|
1537
|
+
__defNormalProp$n(a, prop, b[prop]);
|
|
1538
1538
|
}
|
|
1539
1539
|
return a;
|
|
1540
1540
|
};
|
|
1541
1541
|
var __spreadProps$l = (a, b) => __defProps$l(a, __getOwnPropDescs$l(b));
|
|
1542
|
-
var __objRest$
|
|
1542
|
+
var __objRest$j = (source, exclude) => {
|
|
1543
1543
|
var target = {};
|
|
1544
1544
|
for (var prop in source)
|
|
1545
|
-
if (__hasOwnProp$
|
|
1545
|
+
if (__hasOwnProp$o.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
1546
1546
|
target[prop] = source[prop];
|
|
1547
|
-
if (source != null && __getOwnPropSymbols$
|
|
1548
|
-
for (var prop of __getOwnPropSymbols$
|
|
1549
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
1547
|
+
if (source != null && __getOwnPropSymbols$o)
|
|
1548
|
+
for (var prop of __getOwnPropSymbols$o(source)) {
|
|
1549
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$o.call(source, prop))
|
|
1550
1550
|
target[prop] = source[prop];
|
|
1551
1551
|
}
|
|
1552
1552
|
return target;
|
|
@@ -1555,7 +1555,7 @@ function DateInput(_a) {
|
|
|
1555
1555
|
var _b = _a, {
|
|
1556
1556
|
noClearButton = false,
|
|
1557
1557
|
size = "large"
|
|
1558
|
-
} = _b, props = __objRest$
|
|
1558
|
+
} = _b, props = __objRest$j(_b, [
|
|
1559
1559
|
"noClearButton",
|
|
1560
1560
|
"size"
|
|
1561
1561
|
]);
|
|
@@ -1563,7 +1563,7 @@ function DateInput(_a) {
|
|
|
1563
1563
|
const formatMessage = i18n.useMessageFormatter(intlMessages$1);
|
|
1564
1564
|
const { locale } = i18n.useLocale();
|
|
1565
1565
|
const customDateFormatLocale = sapphireReact.useCustomDateFormatLocale();
|
|
1566
|
-
const state = datepicker$1.useDateFieldState(__spreadProps$l(__spreadValues$
|
|
1566
|
+
const state = datepicker$1.useDateFieldState(__spreadProps$l(__spreadValues$n({}, props), {
|
|
1567
1567
|
locale: customDateFormatLocale || locale,
|
|
1568
1568
|
createCalendar: date.createCalendar
|
|
1569
1569
|
}));
|
|
@@ -1571,7 +1571,7 @@ function DateInput(_a) {
|
|
|
1571
1571
|
const clear = () => {
|
|
1572
1572
|
segmentTypes.forEach(state.clearSegment);
|
|
1573
1573
|
};
|
|
1574
|
-
return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$l(__spreadValues$
|
|
1574
|
+
return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$l(__spreadValues$n({}, fieldProps), {
|
|
1575
1575
|
className: styles__default$4["default"]["sapphire-date-field__input"],
|
|
1576
1576
|
ref
|
|
1577
1577
|
}), state.segments.map((segment, i) => /* @__PURE__ */ React__default["default"].createElement(DateSegment, {
|
|
@@ -1586,33 +1586,33 @@ function DateInput(_a) {
|
|
|
1586
1586
|
}, /* @__PURE__ */ React__default["default"].createElement(react.CloseCircle, null))));
|
|
1587
1587
|
}
|
|
1588
1588
|
|
|
1589
|
-
var __defProp$
|
|
1589
|
+
var __defProp$m = Object.defineProperty;
|
|
1590
1590
|
var __defProps$k = Object.defineProperties;
|
|
1591
1591
|
var __getOwnPropDescs$k = Object.getOwnPropertyDescriptors;
|
|
1592
|
-
var __getOwnPropSymbols$
|
|
1593
|
-
var __hasOwnProp$
|
|
1594
|
-
var __propIsEnum$
|
|
1595
|
-
var __defNormalProp$
|
|
1596
|
-
var __spreadValues$
|
|
1592
|
+
var __getOwnPropSymbols$n = Object.getOwnPropertySymbols;
|
|
1593
|
+
var __hasOwnProp$n = Object.prototype.hasOwnProperty;
|
|
1594
|
+
var __propIsEnum$n = Object.prototype.propertyIsEnumerable;
|
|
1595
|
+
var __defNormalProp$m = (obj, key, value) => key in obj ? __defProp$m(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
1596
|
+
var __spreadValues$m = (a, b) => {
|
|
1597
1597
|
for (var prop in b || (b = {}))
|
|
1598
|
-
if (__hasOwnProp$
|
|
1599
|
-
__defNormalProp$
|
|
1600
|
-
if (__getOwnPropSymbols$
|
|
1601
|
-
for (var prop of __getOwnPropSymbols$
|
|
1602
|
-
if (__propIsEnum$
|
|
1603
|
-
__defNormalProp$
|
|
1598
|
+
if (__hasOwnProp$n.call(b, prop))
|
|
1599
|
+
__defNormalProp$m(a, prop, b[prop]);
|
|
1600
|
+
if (__getOwnPropSymbols$n)
|
|
1601
|
+
for (var prop of __getOwnPropSymbols$n(b)) {
|
|
1602
|
+
if (__propIsEnum$n.call(b, prop))
|
|
1603
|
+
__defNormalProp$m(a, prop, b[prop]);
|
|
1604
1604
|
}
|
|
1605
1605
|
return a;
|
|
1606
1606
|
};
|
|
1607
1607
|
var __spreadProps$k = (a, b) => __defProps$k(a, __getOwnPropDescs$k(b));
|
|
1608
|
-
var __objRest$
|
|
1608
|
+
var __objRest$i = (source, exclude) => {
|
|
1609
1609
|
var target = {};
|
|
1610
1610
|
for (var prop in source)
|
|
1611
|
-
if (__hasOwnProp$
|
|
1611
|
+
if (__hasOwnProp$n.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
1612
1612
|
target[prop] = source[prop];
|
|
1613
|
-
if (source != null && __getOwnPropSymbols$
|
|
1614
|
-
for (var prop of __getOwnPropSymbols$
|
|
1615
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
1613
|
+
if (source != null && __getOwnPropSymbols$n)
|
|
1614
|
+
for (var prop of __getOwnPropSymbols$n(source)) {
|
|
1615
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$n.call(source, prop))
|
|
1616
1616
|
target[prop] = source[prop];
|
|
1617
1617
|
}
|
|
1618
1618
|
return target;
|
|
@@ -1627,7 +1627,7 @@ function _DateField(_a, ref) {
|
|
|
1627
1627
|
size = "large",
|
|
1628
1628
|
labelPlacement = "above",
|
|
1629
1629
|
necessityIndicator = false
|
|
1630
|
-
} = _b, otherProps = __objRest$
|
|
1630
|
+
} = _b, otherProps = __objRest$i(_b, [
|
|
1631
1631
|
"error",
|
|
1632
1632
|
"note",
|
|
1633
1633
|
"contextualHelp",
|
|
@@ -1642,7 +1642,7 @@ function _DateField(_a, ref) {
|
|
|
1642
1642
|
const dialogRef = React.useRef(null);
|
|
1643
1643
|
const { styleProps } = sapphireReact.useSapphireStyleProps(otherProps);
|
|
1644
1644
|
const { dialogProps } = dialog.useDialog({}, dialogRef);
|
|
1645
|
-
const state = datepicker$1.useDatePickerState(__spreadValues$
|
|
1645
|
+
const state = datepicker$1.useDatePickerState(__spreadValues$m(__spreadValues$m({}, otherProps), error ? { validationState: "invalid" } : {}));
|
|
1646
1646
|
const {
|
|
1647
1647
|
groupProps,
|
|
1648
1648
|
labelProps,
|
|
@@ -1652,78 +1652,78 @@ function _DateField(_a, ref) {
|
|
|
1652
1652
|
calendarProps,
|
|
1653
1653
|
descriptionProps,
|
|
1654
1654
|
errorMessageProps
|
|
1655
|
-
} = datepicker.useDatePicker(__spreadProps$k(__spreadValues$
|
|
1655
|
+
} = datepicker.useDatePicker(__spreadProps$k(__spreadValues$m({}, otherProps), {
|
|
1656
1656
|
description: note
|
|
1657
1657
|
}), state, groupRef);
|
|
1658
1658
|
const isMedium = size === "medium";
|
|
1659
|
-
return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field, __spreadProps$k(__spreadValues$
|
|
1659
|
+
return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field, __spreadProps$k(__spreadValues$m({}, otherProps), {
|
|
1660
1660
|
noShrink: true,
|
|
1661
1661
|
isDisabled: otherProps.isDisabled,
|
|
1662
1662
|
error: state.validationState === "invalid",
|
|
1663
1663
|
size,
|
|
1664
1664
|
ref,
|
|
1665
1665
|
labelPlacement
|
|
1666
|
-
}), otherProps.label && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Label, null, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Label, __spreadProps$k(__spreadValues$
|
|
1666
|
+
}), otherProps.label && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Label, null, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Label, __spreadProps$k(__spreadValues$m({}, labelProps), {
|
|
1667
1667
|
size,
|
|
1668
1668
|
necessityIndicator: otherProps.isRequired && necessityIndicator ? "required" : !otherProps.isRequired && necessityIndicator ? "optional" : void 0,
|
|
1669
1669
|
contextualHelp
|
|
1670
|
-
}), otherProps.label)), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Control, null, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$
|
|
1670
|
+
}), otherProps.label)), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Control, null, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$m(__spreadProps$k(__spreadValues$m({}, groupProps), {
|
|
1671
1671
|
ref: groupRef,
|
|
1672
1672
|
className: clsx__default["default"](styles__default$4["default"]["sapphire-date-field"], {
|
|
1673
1673
|
[styles__default$4["default"]["sapphire-date-field--error"]]: state.validationState === "invalid",
|
|
1674
1674
|
[styles__default$4["default"]["sapphire-date-field--medium"]]: isMedium
|
|
1675
1675
|
})
|
|
1676
|
-
}), styleProps.style.width ? { style: { width: styleProps.style.width } } : {}), /* @__PURE__ */ React__default["default"].createElement(interactions.PressResponder, __spreadProps$k(__spreadValues$
|
|
1676
|
+
}), styleProps.style.width ? { style: { width: styleProps.style.width } } : {}), /* @__PURE__ */ React__default["default"].createElement(interactions.PressResponder, __spreadProps$k(__spreadValues$m({}, buttonProps), {
|
|
1677
1677
|
isPressed: state.isOpen
|
|
1678
1678
|
}), /* @__PURE__ */ React__default["default"].createElement(DateFieldButton, {
|
|
1679
1679
|
isDisabled: otherProps.isDisabled || otherProps.isReadOnly
|
|
1680
1680
|
}, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, {
|
|
1681
1681
|
size: isMedium ? "m" : "l"
|
|
1682
|
-
}, /* @__PURE__ */ React__default["default"].createElement(react.Calendar, null)))), /* @__PURE__ */ React__default["default"].createElement(DateInput, __spreadProps$k(__spreadValues$
|
|
1682
|
+
}, /* @__PURE__ */ React__default["default"].createElement(react.Calendar, null)))), /* @__PURE__ */ React__default["default"].createElement(DateInput, __spreadProps$k(__spreadValues$m({}, fieldProps), {
|
|
1683
1683
|
noClearButton,
|
|
1684
1684
|
size
|
|
1685
|
-
})))), (typeof error === "string" && error !== "" || note) && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Footer, null, error ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, __spreadValues$
|
|
1685
|
+
})))), (typeof error === "string" && error !== "" || note) && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Footer, null, error ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, __spreadValues$m({}, errorMessageProps), error) : note ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, __spreadValues$m({}, descriptionProps), note) : /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null)), state.isOpen && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Popover, {
|
|
1686
1686
|
state,
|
|
1687
1687
|
triggerRef: groupRef,
|
|
1688
1688
|
placement: "bottom start"
|
|
1689
|
-
}, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$
|
|
1689
|
+
}, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$m(__spreadValues$m({
|
|
1690
1690
|
ref: dialogRef
|
|
1691
1691
|
}, dialogProps), dialogPropsFromDatePicker), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.View, {
|
|
1692
1692
|
padding: sapphireReact.tokens.size.spacing50
|
|
1693
|
-
}, /* @__PURE__ */ React__default["default"].createElement(Calendar, __spreadProps$k(__spreadValues$
|
|
1693
|
+
}, /* @__PURE__ */ React__default["default"].createElement(Calendar, __spreadProps$k(__spreadValues$m({}, calendarProps), {
|
|
1694
1694
|
defaultFocusedValue: state.dateValue,
|
|
1695
1695
|
showWeekNumbers
|
|
1696
1696
|
}))))));
|
|
1697
1697
|
}
|
|
1698
1698
|
const DateField = React.forwardRef(_DateField);
|
|
1699
1699
|
|
|
1700
|
-
var __defProp$
|
|
1700
|
+
var __defProp$l = Object.defineProperty;
|
|
1701
1701
|
var __defProps$j = Object.defineProperties;
|
|
1702
1702
|
var __getOwnPropDescs$j = Object.getOwnPropertyDescriptors;
|
|
1703
|
-
var __getOwnPropSymbols$
|
|
1704
|
-
var __hasOwnProp$
|
|
1705
|
-
var __propIsEnum$
|
|
1706
|
-
var __defNormalProp$
|
|
1707
|
-
var __spreadValues$
|
|
1703
|
+
var __getOwnPropSymbols$m = Object.getOwnPropertySymbols;
|
|
1704
|
+
var __hasOwnProp$m = Object.prototype.hasOwnProperty;
|
|
1705
|
+
var __propIsEnum$m = Object.prototype.propertyIsEnumerable;
|
|
1706
|
+
var __defNormalProp$l = (obj, key, value) => key in obj ? __defProp$l(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
1707
|
+
var __spreadValues$l = (a, b) => {
|
|
1708
1708
|
for (var prop in b || (b = {}))
|
|
1709
|
-
if (__hasOwnProp$
|
|
1710
|
-
__defNormalProp$
|
|
1711
|
-
if (__getOwnPropSymbols$
|
|
1712
|
-
for (var prop of __getOwnPropSymbols$
|
|
1713
|
-
if (__propIsEnum$
|
|
1714
|
-
__defNormalProp$
|
|
1709
|
+
if (__hasOwnProp$m.call(b, prop))
|
|
1710
|
+
__defNormalProp$l(a, prop, b[prop]);
|
|
1711
|
+
if (__getOwnPropSymbols$m)
|
|
1712
|
+
for (var prop of __getOwnPropSymbols$m(b)) {
|
|
1713
|
+
if (__propIsEnum$m.call(b, prop))
|
|
1714
|
+
__defNormalProp$l(a, prop, b[prop]);
|
|
1715
1715
|
}
|
|
1716
1716
|
return a;
|
|
1717
1717
|
};
|
|
1718
1718
|
var __spreadProps$j = (a, b) => __defProps$j(a, __getOwnPropDescs$j(b));
|
|
1719
|
-
var __objRest$
|
|
1719
|
+
var __objRest$h = (source, exclude) => {
|
|
1720
1720
|
var target = {};
|
|
1721
1721
|
for (var prop in source)
|
|
1722
|
-
if (__hasOwnProp$
|
|
1722
|
+
if (__hasOwnProp$m.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
1723
1723
|
target[prop] = source[prop];
|
|
1724
|
-
if (source != null && __getOwnPropSymbols$
|
|
1725
|
-
for (var prop of __getOwnPropSymbols$
|
|
1726
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
1724
|
+
if (source != null && __getOwnPropSymbols$m)
|
|
1725
|
+
for (var prop of __getOwnPropSymbols$m(source)) {
|
|
1726
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$m.call(source, prop))
|
|
1727
1727
|
target[prop] = source[prop];
|
|
1728
1728
|
}
|
|
1729
1729
|
return target;
|
|
@@ -1731,17 +1731,17 @@ var __objRest$g = (source, exclude) => {
|
|
|
1731
1731
|
const useDateRangePickerState = (_a) => {
|
|
1732
1732
|
var _b = _a, {
|
|
1733
1733
|
onChange
|
|
1734
|
-
} = _b, options = __objRest$
|
|
1734
|
+
} = _b, options = __objRest$h(_b, [
|
|
1735
1735
|
"onChange"
|
|
1736
1736
|
]);
|
|
1737
1737
|
const lastPredefinedRange = React.useRef(void 0);
|
|
1738
|
-
const state = datepicker$1.useDateRangePickerState(__spreadProps$j(__spreadValues$
|
|
1738
|
+
const state = datepicker$1.useDateRangePickerState(__spreadProps$j(__spreadValues$l({}, options), {
|
|
1739
1739
|
onChange: (value) => {
|
|
1740
1740
|
onChange == null ? void 0 : onChange(value, lastPredefinedRange.current);
|
|
1741
1741
|
lastPredefinedRange.current = void 0;
|
|
1742
1742
|
}
|
|
1743
1743
|
}));
|
|
1744
|
-
return __spreadProps$j(__spreadValues$
|
|
1744
|
+
return __spreadProps$j(__spreadValues$l({}, state), {
|
|
1745
1745
|
setDateRange: (value, predefinedRange) => {
|
|
1746
1746
|
lastPredefinedRange.current = predefinedRange;
|
|
1747
1747
|
state.setDateRange(value);
|
|
@@ -1749,21 +1749,21 @@ const useDateRangePickerState = (_a) => {
|
|
|
1749
1749
|
});
|
|
1750
1750
|
};
|
|
1751
1751
|
|
|
1752
|
-
var __defProp$
|
|
1752
|
+
var __defProp$k = Object.defineProperty;
|
|
1753
1753
|
var __defProps$i = Object.defineProperties;
|
|
1754
1754
|
var __getOwnPropDescs$i = Object.getOwnPropertyDescriptors;
|
|
1755
|
-
var __getOwnPropSymbols$
|
|
1756
|
-
var __hasOwnProp$
|
|
1757
|
-
var __propIsEnum$
|
|
1758
|
-
var __defNormalProp$
|
|
1759
|
-
var __spreadValues$
|
|
1755
|
+
var __getOwnPropSymbols$l = Object.getOwnPropertySymbols;
|
|
1756
|
+
var __hasOwnProp$l = Object.prototype.hasOwnProperty;
|
|
1757
|
+
var __propIsEnum$l = Object.prototype.propertyIsEnumerable;
|
|
1758
|
+
var __defNormalProp$k = (obj, key, value) => key in obj ? __defProp$k(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
1759
|
+
var __spreadValues$k = (a, b) => {
|
|
1760
1760
|
for (var prop in b || (b = {}))
|
|
1761
|
-
if (__hasOwnProp$
|
|
1762
|
-
__defNormalProp$
|
|
1763
|
-
if (__getOwnPropSymbols$
|
|
1764
|
-
for (var prop of __getOwnPropSymbols$
|
|
1765
|
-
if (__propIsEnum$
|
|
1766
|
-
__defNormalProp$
|
|
1761
|
+
if (__hasOwnProp$l.call(b, prop))
|
|
1762
|
+
__defNormalProp$k(a, prop, b[prop]);
|
|
1763
|
+
if (__getOwnPropSymbols$l)
|
|
1764
|
+
for (var prop of __getOwnPropSymbols$l(b)) {
|
|
1765
|
+
if (__propIsEnum$l.call(b, prop))
|
|
1766
|
+
__defNormalProp$k(a, prop, b[prop]);
|
|
1767
1767
|
}
|
|
1768
1768
|
return a;
|
|
1769
1769
|
};
|
|
@@ -1780,11 +1780,11 @@ function DateRangeInput({
|
|
|
1780
1780
|
const formatMessage = i18n.useMessageFormatter(intlMessages$1);
|
|
1781
1781
|
const { locale } = i18n.useLocale();
|
|
1782
1782
|
const customDateFormatLocale = sapphireReact.useCustomDateFormatLocale();
|
|
1783
|
-
const startFieldState = datepicker$1.useDateFieldState(__spreadProps$i(__spreadValues$
|
|
1783
|
+
const startFieldState = datepicker$1.useDateFieldState(__spreadProps$i(__spreadValues$k({}, startFieldProps), {
|
|
1784
1784
|
locale: customDateFormatLocale || locale,
|
|
1785
1785
|
createCalendar: date.createCalendar
|
|
1786
1786
|
}));
|
|
1787
|
-
const endFieldState = datepicker$1.useDateFieldState(__spreadProps$i(__spreadValues$
|
|
1787
|
+
const endFieldState = datepicker$1.useDateFieldState(__spreadProps$i(__spreadValues$k({}, endFieldProps), {
|
|
1788
1788
|
locale: customDateFormatLocale || locale,
|
|
1789
1789
|
createCalendar: date.createCalendar
|
|
1790
1790
|
}));
|
|
@@ -1797,7 +1797,7 @@ function DateRangeInput({
|
|
|
1797
1797
|
});
|
|
1798
1798
|
dateRangePickerState.setValue({ start: null, end: null });
|
|
1799
1799
|
};
|
|
1800
|
-
return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$i(__spreadValues$
|
|
1800
|
+
return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$i(__spreadValues$k({}, startFieldAriaProps), {
|
|
1801
1801
|
className: styles__default$4["default"]["sapphire-date-field__input"],
|
|
1802
1802
|
ref: startFieldRef
|
|
1803
1803
|
}), startFieldState.segments.map((segment, i) => /* @__PURE__ */ React__default["default"].createElement(DateSegment, {
|
|
@@ -1806,7 +1806,7 @@ function DateRangeInput({
|
|
|
1806
1806
|
state: startFieldState
|
|
1807
1807
|
}))), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, {
|
|
1808
1808
|
size: size == "medium" ? "m" : "l"
|
|
1809
|
-
}, /* @__PURE__ */ React__default["default"].createElement(react.ArrowRight, null)), /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$i(__spreadValues$
|
|
1809
|
+
}, /* @__PURE__ */ React__default["default"].createElement(react.ArrowRight, null)), /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$i(__spreadValues$k({}, endFieldAriaProps), {
|
|
1810
1810
|
className: styles__default$4["default"]["sapphire-date-field__input"],
|
|
1811
1811
|
ref: endFieldRef
|
|
1812
1812
|
}), endFieldState.segments.map((segment, i) => /* @__PURE__ */ React__default["default"].createElement(DateSegment, {
|
|
@@ -1824,33 +1824,33 @@ function DateRangeInput({
|
|
|
1824
1824
|
}, /* @__PURE__ */ React__default["default"].createElement(react.CloseCircle, null))));
|
|
1825
1825
|
}
|
|
1826
1826
|
|
|
1827
|
-
var __defProp$
|
|
1827
|
+
var __defProp$j = Object.defineProperty;
|
|
1828
1828
|
var __defProps$h = Object.defineProperties;
|
|
1829
1829
|
var __getOwnPropDescs$h = Object.getOwnPropertyDescriptors;
|
|
1830
|
-
var __getOwnPropSymbols$
|
|
1831
|
-
var __hasOwnProp$
|
|
1832
|
-
var __propIsEnum$
|
|
1833
|
-
var __defNormalProp$
|
|
1834
|
-
var __spreadValues$
|
|
1830
|
+
var __getOwnPropSymbols$k = Object.getOwnPropertySymbols;
|
|
1831
|
+
var __hasOwnProp$k = Object.prototype.hasOwnProperty;
|
|
1832
|
+
var __propIsEnum$k = Object.prototype.propertyIsEnumerable;
|
|
1833
|
+
var __defNormalProp$j = (obj, key, value) => key in obj ? __defProp$j(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
1834
|
+
var __spreadValues$j = (a, b) => {
|
|
1835
1835
|
for (var prop in b || (b = {}))
|
|
1836
|
-
if (__hasOwnProp$
|
|
1837
|
-
__defNormalProp$
|
|
1838
|
-
if (__getOwnPropSymbols$
|
|
1839
|
-
for (var prop of __getOwnPropSymbols$
|
|
1840
|
-
if (__propIsEnum$
|
|
1841
|
-
__defNormalProp$
|
|
1836
|
+
if (__hasOwnProp$k.call(b, prop))
|
|
1837
|
+
__defNormalProp$j(a, prop, b[prop]);
|
|
1838
|
+
if (__getOwnPropSymbols$k)
|
|
1839
|
+
for (var prop of __getOwnPropSymbols$k(b)) {
|
|
1840
|
+
if (__propIsEnum$k.call(b, prop))
|
|
1841
|
+
__defNormalProp$j(a, prop, b[prop]);
|
|
1842
1842
|
}
|
|
1843
1843
|
return a;
|
|
1844
1844
|
};
|
|
1845
1845
|
var __spreadProps$h = (a, b) => __defProps$h(a, __getOwnPropDescs$h(b));
|
|
1846
|
-
var __objRest$
|
|
1846
|
+
var __objRest$g = (source, exclude) => {
|
|
1847
1847
|
var target = {};
|
|
1848
1848
|
for (var prop in source)
|
|
1849
|
-
if (__hasOwnProp$
|
|
1849
|
+
if (__hasOwnProp$k.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
1850
1850
|
target[prop] = source[prop];
|
|
1851
|
-
if (source != null && __getOwnPropSymbols$
|
|
1852
|
-
for (var prop of __getOwnPropSymbols$
|
|
1853
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
1851
|
+
if (source != null && __getOwnPropSymbols$k)
|
|
1852
|
+
for (var prop of __getOwnPropSymbols$k(source)) {
|
|
1853
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$k.call(source, prop))
|
|
1854
1854
|
target[prop] = source[prop];
|
|
1855
1855
|
}
|
|
1856
1856
|
return target;
|
|
@@ -1869,7 +1869,7 @@ function _DateRangeField(_a, ref) {
|
|
|
1869
1869
|
size = "large",
|
|
1870
1870
|
labelPlacement = "above",
|
|
1871
1871
|
necessityIndicator = false
|
|
1872
|
-
} = _b, otherProps = __objRest$
|
|
1872
|
+
} = _b, otherProps = __objRest$g(_b, [
|
|
1873
1873
|
"error",
|
|
1874
1874
|
"note",
|
|
1875
1875
|
"contextualHelp",
|
|
@@ -1890,7 +1890,7 @@ function _DateRangeField(_a, ref) {
|
|
|
1890
1890
|
const preferredLocale = locale || existingLocale;
|
|
1891
1891
|
const { styleProps } = sapphireReact.useSapphireStyleProps(otherProps);
|
|
1892
1892
|
const { dialogProps } = dialog.useDialog({}, dialogRef);
|
|
1893
|
-
const state = useDateRangePickerState(__spreadValues$
|
|
1893
|
+
const state = useDateRangePickerState(__spreadValues$j(__spreadValues$j(__spreadValues$j({}, otherProps), error ? { validationState: "invalid" } : {}), allowUnavailableDatesWithinRange ? { allowsNonContiguousRanges: allowUnavailableDatesWithinRange } : {}));
|
|
1894
1894
|
const {
|
|
1895
1895
|
groupProps,
|
|
1896
1896
|
labelProps,
|
|
@@ -1901,12 +1901,12 @@ function _DateRangeField(_a, ref) {
|
|
|
1901
1901
|
calendarProps,
|
|
1902
1902
|
descriptionProps,
|
|
1903
1903
|
errorMessageProps
|
|
1904
|
-
} = datepicker.useDateRangePicker(__spreadProps$h(__spreadValues$
|
|
1904
|
+
} = datepicker.useDateRangePicker(__spreadProps$h(__spreadValues$j({}, otherProps), {
|
|
1905
1905
|
description: note,
|
|
1906
1906
|
allowsNonContiguousRanges: allowUnavailableDatesWithinRange
|
|
1907
1907
|
}), state, groupRef);
|
|
1908
1908
|
const isMedium = size === "medium";
|
|
1909
|
-
return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field, __spreadProps$h(__spreadValues$
|
|
1909
|
+
return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field, __spreadProps$h(__spreadValues$j({}, otherProps), {
|
|
1910
1910
|
noShrink: true,
|
|
1911
1911
|
isDisabled: otherProps.isDisabled,
|
|
1912
1912
|
error: state.validationState === "invalid",
|
|
@@ -1915,17 +1915,17 @@ function _DateRangeField(_a, ref) {
|
|
|
1915
1915
|
labelPlacement
|
|
1916
1916
|
}), /* @__PURE__ */ React__default["default"].createElement(i18n.I18nProvider, {
|
|
1917
1917
|
locale: preferredLocale
|
|
1918
|
-
}, otherProps.label && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Label, null, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Label, __spreadProps$h(__spreadValues$
|
|
1918
|
+
}, otherProps.label && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Label, null, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Label, __spreadProps$h(__spreadValues$j({}, labelProps), {
|
|
1919
1919
|
size,
|
|
1920
1920
|
necessityIndicator: otherProps.isRequired && necessityIndicator ? "required" : !otherProps.isRequired && necessityIndicator ? "optional" : void 0,
|
|
1921
1921
|
contextualHelp
|
|
1922
|
-
}), otherProps.label)), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Control, null, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$
|
|
1922
|
+
}), otherProps.label)), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Control, null, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$j(__spreadProps$h(__spreadValues$j({}, groupProps), {
|
|
1923
1923
|
ref: groupRef,
|
|
1924
1924
|
className: clsx__default["default"](styles__default$4["default"]["sapphire-date-field"], styles__default$4["default"]["sapphire-date-field--range"], {
|
|
1925
1925
|
[styles__default$4["default"]["sapphire-date-field--error"]]: state.validationState === "invalid",
|
|
1926
1926
|
[styles__default$4["default"]["sapphire-date-field--medium"]]: isMedium
|
|
1927
1927
|
})
|
|
1928
|
-
}), styleProps.style.width ? { style: { width: styleProps.style.width } } : {}), /* @__PURE__ */ React__default["default"].createElement(interactions.PressResponder, __spreadProps$h(__spreadValues$
|
|
1928
|
+
}), styleProps.style.width ? { style: { width: styleProps.style.width } } : {}), /* @__PURE__ */ React__default["default"].createElement(interactions.PressResponder, __spreadProps$h(__spreadValues$j({}, buttonProps), {
|
|
1929
1929
|
isPressed: state.isOpen
|
|
1930
1930
|
}), /* @__PURE__ */ React__default["default"].createElement(DateFieldButton, {
|
|
1931
1931
|
isDisabled: otherProps.isDisabled || otherProps.isReadOnly
|
|
@@ -1937,15 +1937,15 @@ function _DateRangeField(_a, ref) {
|
|
|
1937
1937
|
endFieldProps,
|
|
1938
1938
|
noClearButton,
|
|
1939
1939
|
size
|
|
1940
|
-
}))), 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$
|
|
1940
|
+
}))), 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$j({}, errorMessageProps), error) : note ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, __spreadValues$j({}, descriptionProps), note) : /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null)), state.isOpen && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Popover, {
|
|
1941
1941
|
state,
|
|
1942
1942
|
triggerRef: groupRef,
|
|
1943
1943
|
placement: "bottom start"
|
|
1944
|
-
}, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$
|
|
1944
|
+
}, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$j(__spreadValues$j({
|
|
1945
1945
|
ref: dialogRef
|
|
1946
1946
|
}, dialogProps), dialogPropsFromDatePicker), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.View, {
|
|
1947
1947
|
padding: sapphireReact.tokens.size.spacing50
|
|
1948
|
-
}, /* @__PURE__ */ React__default["default"].createElement(RangeCalendar, __spreadProps$h(__spreadValues$
|
|
1948
|
+
}, /* @__PURE__ */ React__default["default"].createElement(RangeCalendar, __spreadProps$h(__spreadValues$j({}, calendarProps), {
|
|
1949
1949
|
allowUnavailableDatesWithinRange,
|
|
1950
1950
|
showWeekNumbers,
|
|
1951
1951
|
showTwoMonths,
|
|
@@ -1966,6 +1966,75 @@ const isDateOutsideValidRange = (value, minValue, maxValue) => {
|
|
|
1966
1966
|
}
|
|
1967
1967
|
};
|
|
1968
1968
|
|
|
1969
|
+
var __defProp$i = Object.defineProperty;
|
|
1970
|
+
var __defProps$g = Object.defineProperties;
|
|
1971
|
+
var __getOwnPropDescs$g = Object.getOwnPropertyDescriptors;
|
|
1972
|
+
var __getOwnPropSymbols$j = Object.getOwnPropertySymbols;
|
|
1973
|
+
var __hasOwnProp$j = Object.prototype.hasOwnProperty;
|
|
1974
|
+
var __propIsEnum$j = Object.prototype.propertyIsEnumerable;
|
|
1975
|
+
var __defNormalProp$i = (obj, key, value) => key in obj ? __defProp$i(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
1976
|
+
var __spreadValues$i = (a, b) => {
|
|
1977
|
+
for (var prop in b || (b = {}))
|
|
1978
|
+
if (__hasOwnProp$j.call(b, prop))
|
|
1979
|
+
__defNormalProp$i(a, prop, b[prop]);
|
|
1980
|
+
if (__getOwnPropSymbols$j)
|
|
1981
|
+
for (var prop of __getOwnPropSymbols$j(b)) {
|
|
1982
|
+
if (__propIsEnum$j.call(b, prop))
|
|
1983
|
+
__defNormalProp$i(a, prop, b[prop]);
|
|
1984
|
+
}
|
|
1985
|
+
return a;
|
|
1986
|
+
};
|
|
1987
|
+
var __spreadProps$g = (a, b) => __defProps$g(a, __getOwnPropDescs$g(b));
|
|
1988
|
+
var __objRest$f = (source, exclude) => {
|
|
1989
|
+
var target = {};
|
|
1990
|
+
for (var prop in source)
|
|
1991
|
+
if (__hasOwnProp$j.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
1992
|
+
target[prop] = source[prop];
|
|
1993
|
+
if (source != null && __getOwnPropSymbols$j)
|
|
1994
|
+
for (var prop of __getOwnPropSymbols$j(source)) {
|
|
1995
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$j.call(source, prop))
|
|
1996
|
+
target[prop] = source[prop];
|
|
1997
|
+
}
|
|
1998
|
+
return target;
|
|
1999
|
+
};
|
|
2000
|
+
const getIconSize = (size) => {
|
|
2001
|
+
switch (size) {
|
|
2002
|
+
case "medium":
|
|
2003
|
+
return "m";
|
|
2004
|
+
case "large":
|
|
2005
|
+
return "l";
|
|
2006
|
+
case "extraLarge":
|
|
2007
|
+
return "xl";
|
|
2008
|
+
default:
|
|
2009
|
+
return "s";
|
|
2010
|
+
}
|
|
2011
|
+
};
|
|
2012
|
+
const Avatar = (_a) => {
|
|
2013
|
+
var _b = _a, {
|
|
2014
|
+
monogram,
|
|
2015
|
+
icon,
|
|
2016
|
+
color = "informative",
|
|
2017
|
+
size = "medium"
|
|
2018
|
+
} = _b, props = __objRest$f(_b, [
|
|
2019
|
+
"monogram",
|
|
2020
|
+
"icon",
|
|
2021
|
+
"color",
|
|
2022
|
+
"size"
|
|
2023
|
+
]);
|
|
2024
|
+
sapphireReact.useThemeCheck();
|
|
2025
|
+
const { styleProps } = sapphireReact.useSapphireStyleProps(props);
|
|
2026
|
+
return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$g(__spreadValues$i({}, styleProps), {
|
|
2027
|
+
className: clsx__default["default"](styleProps.className, styles__default$5["default"]["sapphire-avatar"], {
|
|
2028
|
+
[styles__default$5["default"]["sapphire-avatar--extra-large"]]: size === "extraLarge",
|
|
2029
|
+
[styles__default$5["default"]["sapphire-avatar--large"]]: size === "large",
|
|
2030
|
+
[styles__default$5["default"]["sapphire-avatar--small"]]: size === "small",
|
|
2031
|
+
[styles__default$5["default"]["sapphire-avatar--extra-small"]]: size === "extraSmall"
|
|
2032
|
+
}, color !== "passive" && styles__default$5["default"][`sapphire-avatar--${color}`])
|
|
2033
|
+
}), icon ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, {
|
|
2034
|
+
size: getIconSize(size)
|
|
2035
|
+
}, icon) : monogram);
|
|
2036
|
+
};
|
|
2037
|
+
|
|
1969
2038
|
var __getOwnPropSymbols$i = Object.getOwnPropertySymbols;
|
|
1970
2039
|
var __hasOwnProp$i = Object.prototype.hasOwnProperty;
|
|
1971
2040
|
var __propIsEnum$i = Object.prototype.propertyIsEnumerable;
|
|
@@ -1981,41 +2050,72 @@ var __objRest$e = (source, exclude) => {
|
|
|
1981
2050
|
}
|
|
1982
2051
|
return target;
|
|
1983
2052
|
};
|
|
2053
|
+
const getColor = (variant) => {
|
|
2054
|
+
switch (variant) {
|
|
2055
|
+
case "success":
|
|
2056
|
+
return "positive";
|
|
2057
|
+
case "error":
|
|
2058
|
+
return "negative";
|
|
2059
|
+
case "neutral":
|
|
2060
|
+
return "passive";
|
|
2061
|
+
default:
|
|
2062
|
+
return variant;
|
|
2063
|
+
}
|
|
2064
|
+
};
|
|
2065
|
+
const getIcon = (variant, icon) => {
|
|
2066
|
+
if (icon) {
|
|
2067
|
+
return icon;
|
|
2068
|
+
}
|
|
2069
|
+
switch (variant) {
|
|
2070
|
+
case "success":
|
|
2071
|
+
return /* @__PURE__ */ React__default["default"].createElement(react.CheckMarkCircle, null);
|
|
2072
|
+
case "error":
|
|
2073
|
+
return /* @__PURE__ */ React__default["default"].createElement(react.AlertCircle, null);
|
|
2074
|
+
case "warning":
|
|
2075
|
+
return /* @__PURE__ */ React__default["default"].createElement(react.AlertTriangle, null);
|
|
2076
|
+
case "informative":
|
|
2077
|
+
return /* @__PURE__ */ React__default["default"].createElement(react.Bell, null);
|
|
2078
|
+
default:
|
|
2079
|
+
return null;
|
|
2080
|
+
}
|
|
2081
|
+
};
|
|
1984
2082
|
const FeedbackMessage = (_a) => {
|
|
1985
2083
|
var _b = _a, {
|
|
1986
2084
|
heading,
|
|
1987
2085
|
body,
|
|
1988
2086
|
actions,
|
|
1989
|
-
|
|
2087
|
+
variant = "neutral",
|
|
2088
|
+
icon
|
|
1990
2089
|
} = _b, otherProps = __objRest$e(_b, [
|
|
1991
2090
|
"heading",
|
|
1992
2091
|
"body",
|
|
1993
2092
|
"actions",
|
|
1994
|
-
"
|
|
2093
|
+
"variant",
|
|
2094
|
+
"icon"
|
|
1995
2095
|
]);
|
|
1996
2096
|
sapphireReact.useThemeCheck();
|
|
1997
2097
|
const {
|
|
1998
2098
|
styleProps: { style, className }
|
|
1999
2099
|
} = sapphireReact.useSapphireStyleProps(otherProps);
|
|
2000
2100
|
return /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
2001
|
-
className: clsx__default["default"](styles__default$
|
|
2101
|
+
className: clsx__default["default"](styles__default$6["default"]["sapphire-feedback-message"], className),
|
|
2002
2102
|
style
|
|
2003
|
-
},
|
|
2004
|
-
|
|
2005
|
-
|
|
2006
|
-
|
|
2007
|
-
}
|
|
2008
|
-
className: styles__default$
|
|
2009
|
-
}, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Heading, {
|
|
2103
|
+
}, variant !== "neutral" && /* @__PURE__ */ React__default["default"].createElement(Avatar, {
|
|
2104
|
+
color: getColor(variant),
|
|
2105
|
+
size: "extraLarge",
|
|
2106
|
+
icon: getIcon(variant, icon)
|
|
2107
|
+
}), /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
2108
|
+
className: styles__default$6["default"]["sapphire-feedback-message__content"]
|
|
2109
|
+
}, typeof heading === "string" ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Heading, {
|
|
2010
2110
|
level: 3
|
|
2011
|
-
}, heading), /* @__PURE__ */ React__default["default"].createElement("section", {
|
|
2012
|
-
className: styles__default$
|
|
2111
|
+
}, heading) : heading, /* @__PURE__ */ React__default["default"].createElement("section", {
|
|
2112
|
+
className: styles__default$6["default"]["sapphire-feedback-message__body"]
|
|
2013
2113
|
}, body)), actions);
|
|
2014
2114
|
};
|
|
2015
2115
|
|
|
2016
2116
|
var __defProp$h = Object.defineProperty;
|
|
2017
|
-
var __defProps$
|
|
2018
|
-
var __getOwnPropDescs$
|
|
2117
|
+
var __defProps$f = Object.defineProperties;
|
|
2118
|
+
var __getOwnPropDescs$f = Object.getOwnPropertyDescriptors;
|
|
2019
2119
|
var __getOwnPropSymbols$h = Object.getOwnPropertySymbols;
|
|
2020
2120
|
var __hasOwnProp$h = Object.prototype.hasOwnProperty;
|
|
2021
2121
|
var __propIsEnum$h = Object.prototype.propertyIsEnumerable;
|
|
@@ -2031,9 +2131,9 @@ var __spreadValues$h = (a, b) => {
|
|
|
2031
2131
|
}
|
|
2032
2132
|
return a;
|
|
2033
2133
|
};
|
|
2034
|
-
var __spreadProps$
|
|
2134
|
+
var __spreadProps$f = (a, b) => __defProps$f(a, __getOwnPropDescs$f(b));
|
|
2035
2135
|
const useComboBoxState = (options) => {
|
|
2036
|
-
const state = combobox.useComboBoxState(__spreadProps$
|
|
2136
|
+
const state = combobox.useComboBoxState(__spreadProps$f(__spreadValues$h({}, options), {
|
|
2037
2137
|
defaultFilter: (textValue, query) => {
|
|
2038
2138
|
if (query.length > 0) {
|
|
2039
2139
|
return options.defaultFilter ? options.defaultFilter(textValue, query) : textValue.toLowerCase().includes(query.toLowerCase());
|
|
@@ -2042,7 +2142,7 @@ const useComboBoxState = (options) => {
|
|
|
2042
2142
|
}
|
|
2043
2143
|
}
|
|
2044
2144
|
}));
|
|
2045
|
-
return __spreadProps$
|
|
2145
|
+
return __spreadProps$f(__spreadValues$h({}, state), {
|
|
2046
2146
|
open: (focusStrategy, triggerMode) => {
|
|
2047
2147
|
if (triggerMode !== "manual") {
|
|
2048
2148
|
state.open(focusStrategy, triggerMode);
|
|
@@ -2052,8 +2152,8 @@ const useComboBoxState = (options) => {
|
|
|
2052
2152
|
};
|
|
2053
2153
|
|
|
2054
2154
|
var __defProp$g = Object.defineProperty;
|
|
2055
|
-
var __defProps$
|
|
2056
|
-
var __getOwnPropDescs$
|
|
2155
|
+
var __defProps$e = Object.defineProperties;
|
|
2156
|
+
var __getOwnPropDescs$e = Object.getOwnPropertyDescriptors;
|
|
2057
2157
|
var __getOwnPropSymbols$g = Object.getOwnPropertySymbols;
|
|
2058
2158
|
var __hasOwnProp$g = Object.prototype.hasOwnProperty;
|
|
2059
2159
|
var __propIsEnum$g = Object.prototype.propertyIsEnumerable;
|
|
@@ -2069,7 +2169,7 @@ var __spreadValues$g = (a, b) => {
|
|
|
2069
2169
|
}
|
|
2070
2170
|
return a;
|
|
2071
2171
|
};
|
|
2072
|
-
var __spreadProps$
|
|
2172
|
+
var __spreadProps$e = (a, b) => __defProps$e(a, __getOwnPropDescs$e(b));
|
|
2073
2173
|
const SearchField = React__default["default"].forwardRef(function SearchField2(props, forwardedRef) {
|
|
2074
2174
|
var _a;
|
|
2075
2175
|
sapphireReact.useThemeCheck();
|
|
@@ -2081,7 +2181,7 @@ const SearchField = React__default["default"].forwardRef(function SearchField2(p
|
|
|
2081
2181
|
const {
|
|
2082
2182
|
styleProps: { style, className }
|
|
2083
2183
|
} = sapphireReact.useSapphireStyleProps(props);
|
|
2084
|
-
const state = useComboBoxState(__spreadProps$
|
|
2184
|
+
const state = useComboBoxState(__spreadProps$e(__spreadValues$g({}, props), {
|
|
2085
2185
|
inputValue: props.value,
|
|
2086
2186
|
defaultInputValue: props.defaultValue,
|
|
2087
2187
|
onInputChange: props.onChange,
|
|
@@ -2089,7 +2189,7 @@ const SearchField = React__default["default"].forwardRef(function SearchField2(p
|
|
|
2089
2189
|
allowsCustomValue: true,
|
|
2090
2190
|
shouldCloseOnBlur: true
|
|
2091
2191
|
}));
|
|
2092
|
-
const { inputProps: comboBoxInputProps, listBoxProps } = combobox$1.useComboBox(__spreadProps$
|
|
2192
|
+
const { inputProps: comboBoxInputProps, listBoxProps } = combobox$1.useComboBox(__spreadProps$e(__spreadValues$g({}, props), {
|
|
2093
2193
|
inputRef,
|
|
2094
2194
|
listBoxRef,
|
|
2095
2195
|
popoverRef
|
|
@@ -2114,29 +2214,29 @@ const SearchField = React__default["default"].forwardRef(function SearchField2(p
|
|
|
2114
2214
|
};
|
|
2115
2215
|
const searchFieldState = searchfield.useSearchFieldState(searchProps);
|
|
2116
2216
|
const { clearButtonProps, inputProps: searchFieldInputProps } = searchfield$1.useSearchField(searchProps, searchFieldState, inputRef);
|
|
2117
|
-
const { buttonProps } = sapphireReact.useButton(__spreadProps$
|
|
2217
|
+
const { buttonProps } = sapphireReact.useButton(__spreadProps$e(__spreadValues$g({}, clearButtonProps), {
|
|
2118
2218
|
elementType: "div"
|
|
2119
2219
|
}), buttonRef);
|
|
2120
2220
|
return /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
2121
|
-
className: clsx__default["default"](styles__default$
|
|
2122
|
-
[styles__default$
|
|
2123
|
-
[styles__default$
|
|
2124
|
-
[styles__default$
|
|
2221
|
+
className: clsx__default["default"](styles__default$7["default"]["sapphire-search-field"], className, {
|
|
2222
|
+
[styles__default$7["default"]["sapphire-search-field--medium"]]: props.size === "medium",
|
|
2223
|
+
[styles__default$7["default"]["sapphire-search-field--surface-secondary"]]: props.surface === "secondary",
|
|
2224
|
+
[styles__default$7["default"]["is-disabled"]]: props.isDisabled
|
|
2125
2225
|
}),
|
|
2126
2226
|
style,
|
|
2127
2227
|
ref: triggerRef
|
|
2128
2228
|
}, /* @__PURE__ */ React__default["default"].createElement("span", {
|
|
2129
|
-
className: styles__default$
|
|
2229
|
+
className: styles__default$7["default"]["sapphire-search-field__icon"]
|
|
2130
2230
|
}, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, {
|
|
2131
2231
|
size: props.size === "medium" ? "m" : "l"
|
|
2132
|
-
}, /* @__PURE__ */ React__default["default"].createElement(react.Search, null))), /* @__PURE__ */ React__default["default"].createElement("input", __spreadProps$
|
|
2232
|
+
}, /* @__PURE__ */ React__default["default"].createElement(react.Search, null))), /* @__PURE__ */ React__default["default"].createElement("input", __spreadProps$e(__spreadValues$g({}, utils$1.mergeProps(comboBoxInputProps, searchFieldInputProps)), {
|
|
2133
2233
|
ref: inputRef,
|
|
2134
|
-
className: clsx__default["default"](styles__default$
|
|
2135
|
-
[styles__default$
|
|
2234
|
+
className: clsx__default["default"](styles__default$7["default"]["sapphire-search-field__input"], {
|
|
2235
|
+
[styles__default$7["default"]["sapphire-search-field__input--empty"]]: state.inputValue.length === 0
|
|
2136
2236
|
})
|
|
2137
2237
|
})), /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$g({
|
|
2138
2238
|
ref: buttonRef,
|
|
2139
|
-
className: styles__default$
|
|
2239
|
+
className: styles__default$7["default"]["sapphire-search-field__button"]
|
|
2140
2240
|
}, buttonProps), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, {
|
|
2141
2241
|
size: props.size === "medium" ? "m" : "l"
|
|
2142
2242
|
}, /* @__PURE__ */ React__default["default"].createElement(react.CloseCircle, null))), state.isOpen && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.ListBoxPopover, {
|
|
@@ -2153,8 +2253,8 @@ const SearchField = React__default["default"].forwardRef(function SearchField2(p
|
|
|
2153
2253
|
});
|
|
2154
2254
|
|
|
2155
2255
|
var __defProp$f = Object.defineProperty;
|
|
2156
|
-
var __defProps$
|
|
2157
|
-
var __getOwnPropDescs$
|
|
2256
|
+
var __defProps$d = Object.defineProperties;
|
|
2257
|
+
var __getOwnPropDescs$d = Object.getOwnPropertyDescriptors;
|
|
2158
2258
|
var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
|
|
2159
2259
|
var __hasOwnProp$f = Object.prototype.hasOwnProperty;
|
|
2160
2260
|
var __propIsEnum$f = Object.prototype.propertyIsEnumerable;
|
|
@@ -2170,7 +2270,7 @@ var __spreadValues$f = (a, b) => {
|
|
|
2170
2270
|
}
|
|
2171
2271
|
return a;
|
|
2172
2272
|
};
|
|
2173
|
-
var __spreadProps$
|
|
2273
|
+
var __spreadProps$d = (a, b) => __defProps$d(a, __getOwnPropDescs$d(b));
|
|
2174
2274
|
var __objRest$d = (source, exclude) => {
|
|
2175
2275
|
var target = {};
|
|
2176
2276
|
for (var prop in source)
|
|
@@ -2190,8 +2290,8 @@ const Toast = (_a) => {
|
|
|
2190
2290
|
} = sapphireReact.useSapphireStyleProps(props);
|
|
2191
2291
|
const ref = React.useRef(null);
|
|
2192
2292
|
const { toastProps, titleProps, closeButtonProps } = toast.useToast(props, state, ref);
|
|
2193
|
-
return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$
|
|
2194
|
-
className: clsx__default["default"](styles__default$
|
|
2293
|
+
return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$d(__spreadValues$f({}, toastProps), {
|
|
2294
|
+
className: clsx__default["default"](styles__default$8["default"]["sapphire-toast"], props.toast.animation ? styles__default$8["default"][`sapphire-toast--${props.toast.animation}`] : {}, className),
|
|
2195
2295
|
style,
|
|
2196
2296
|
ref,
|
|
2197
2297
|
onAnimationEnd: () => {
|
|
@@ -2200,8 +2300,8 @@ const Toast = (_a) => {
|
|
|
2200
2300
|
}
|
|
2201
2301
|
}
|
|
2202
2302
|
}), /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
2203
|
-
className: clsx__default["default"](styles__default$
|
|
2204
|
-
}, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$f({}, titleProps), props.toast.content), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.IconButton, __spreadProps$
|
|
2303
|
+
className: clsx__default["default"](styles__default$8["default"]["sapphire-toast__content"])
|
|
2304
|
+
}, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$f({}, titleProps), props.toast.content), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.IconButton, __spreadProps$d(__spreadValues$f({}, closeButtonProps), {
|
|
2205
2305
|
"aria-label": "Close",
|
|
2206
2306
|
size: "small",
|
|
2207
2307
|
variant: "tertiary",
|
|
@@ -2210,8 +2310,8 @@ const Toast = (_a) => {
|
|
|
2210
2310
|
};
|
|
2211
2311
|
|
|
2212
2312
|
var __defProp$e = Object.defineProperty;
|
|
2213
|
-
var __defProps$
|
|
2214
|
-
var __getOwnPropDescs$
|
|
2313
|
+
var __defProps$c = Object.defineProperties;
|
|
2314
|
+
var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
|
|
2215
2315
|
var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
|
|
2216
2316
|
var __hasOwnProp$e = Object.prototype.hasOwnProperty;
|
|
2217
2317
|
var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
|
|
@@ -2227,7 +2327,7 @@ var __spreadValues$e = (a, b) => {
|
|
|
2227
2327
|
}
|
|
2228
2328
|
return a;
|
|
2229
2329
|
};
|
|
2230
|
-
var __spreadProps$
|
|
2330
|
+
var __spreadProps$c = (a, b) => __defProps$c(a, __getOwnPropDescs$c(b));
|
|
2231
2331
|
var __objRest$c = (source, exclude) => {
|
|
2232
2332
|
var target = {};
|
|
2233
2333
|
for (var prop in source)
|
|
@@ -2241,19 +2341,25 @@ var __objRest$c = (source, exclude) => {
|
|
|
2241
2341
|
return target;
|
|
2242
2342
|
};
|
|
2243
2343
|
const ToastRegion = (_a) => {
|
|
2244
|
-
var _b = _a, {
|
|
2344
|
+
var _b = _a, {
|
|
2345
|
+
state,
|
|
2346
|
+
placement = "bottom"
|
|
2347
|
+
} = _b, props = __objRest$c(_b, [
|
|
2348
|
+
"state",
|
|
2349
|
+
"placement"
|
|
2350
|
+
]);
|
|
2245
2351
|
const ref = React.useRef(null);
|
|
2246
2352
|
const { regionProps } = toast.useToastRegion(props, state, ref);
|
|
2247
2353
|
const { overlayZIndex = 100 } = sapphireReact.useThemeContext();
|
|
2248
2354
|
return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.SapphireOverlayContainer, null, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.ThemeRoot, {
|
|
2249
2355
|
contrast: true
|
|
2250
|
-
}, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$
|
|
2356
|
+
}, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$c(__spreadValues$e({}, regionProps), {
|
|
2251
2357
|
ref,
|
|
2252
|
-
className: styles__default$
|
|
2358
|
+
className: clsx__default["default"](styles__default$8["default"]["sapphire-toast-container"], styles__default$8["default"][`sapphire-toast-container--${placement}`]),
|
|
2253
2359
|
style: {
|
|
2254
2360
|
zIndex: overlayZIndex + 200
|
|
2255
2361
|
}
|
|
2256
|
-
}), state.visibleToasts.map((toast) => /* @__PURE__ */ React__default["default"].createElement(Toast, __spreadProps$
|
|
2362
|
+
}), state.visibleToasts.map((toast) => /* @__PURE__ */ React__default["default"].createElement(Toast, __spreadProps$c(__spreadValues$e({}, props), {
|
|
2257
2363
|
key: toast.key,
|
|
2258
2364
|
toast,
|
|
2259
2365
|
state
|
|
@@ -2267,8 +2373,8 @@ const useToastContext = () => {
|
|
|
2267
2373
|
};
|
|
2268
2374
|
|
|
2269
2375
|
var __defProp$d = Object.defineProperty;
|
|
2270
|
-
var __defProps$
|
|
2271
|
-
var __getOwnPropDescs$
|
|
2376
|
+
var __defProps$b = Object.defineProperties;
|
|
2377
|
+
var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
|
|
2272
2378
|
var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
|
|
2273
2379
|
var __hasOwnProp$d = Object.prototype.hasOwnProperty;
|
|
2274
2380
|
var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
|
|
@@ -2284,7 +2390,7 @@ var __spreadValues$d = (a, b) => {
|
|
|
2284
2390
|
}
|
|
2285
2391
|
return a;
|
|
2286
2392
|
};
|
|
2287
|
-
var __spreadProps$
|
|
2393
|
+
var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
|
|
2288
2394
|
var __objRest$b = (source, exclude) => {
|
|
2289
2395
|
var target = {};
|
|
2290
2396
|
for (var prop in source)
|
|
@@ -2298,7 +2404,13 @@ var __objRest$b = (source, exclude) => {
|
|
|
2298
2404
|
return target;
|
|
2299
2405
|
};
|
|
2300
2406
|
const ToastProvider = (_a) => {
|
|
2301
|
-
var _b = _a, {
|
|
2407
|
+
var _b = _a, {
|
|
2408
|
+
children,
|
|
2409
|
+
placement = "bottom"
|
|
2410
|
+
} = _b, props = __objRest$b(_b, [
|
|
2411
|
+
"children",
|
|
2412
|
+
"placement"
|
|
2413
|
+
]);
|
|
2302
2414
|
sapphireReact.useThemeCheck();
|
|
2303
2415
|
const state = toast$1.useToastState({
|
|
2304
2416
|
maxVisibleToasts: 1,
|
|
@@ -2306,8 +2418,9 @@ const ToastProvider = (_a) => {
|
|
|
2306
2418
|
});
|
|
2307
2419
|
return /* @__PURE__ */ React__default["default"].createElement(ToastContext.Provider, {
|
|
2308
2420
|
value: state
|
|
2309
|
-
}, children, state.visibleToasts.length > 0 && /* @__PURE__ */ React__default["default"].createElement(ToastRegion, __spreadProps$
|
|
2310
|
-
state
|
|
2421
|
+
}, children, state.visibleToasts.length > 0 && /* @__PURE__ */ React__default["default"].createElement(ToastRegion, __spreadProps$b(__spreadValues$d({}, props), {
|
|
2422
|
+
state,
|
|
2423
|
+
placement
|
|
2311
2424
|
})));
|
|
2312
2425
|
};
|
|
2313
2426
|
|
|
@@ -2323,8 +2436,8 @@ const useShowToast = () => {
|
|
|
2323
2436
|
};
|
|
2324
2437
|
|
|
2325
2438
|
var __defProp$c = Object.defineProperty;
|
|
2326
|
-
var __defProps$
|
|
2327
|
-
var __getOwnPropDescs$
|
|
2439
|
+
var __defProps$a = Object.defineProperties;
|
|
2440
|
+
var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
|
|
2328
2441
|
var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
|
|
2329
2442
|
var __hasOwnProp$c = Object.prototype.hasOwnProperty;
|
|
2330
2443
|
var __propIsEnum$c = Object.prototype.propertyIsEnumerable;
|
|
@@ -2340,13 +2453,13 @@ var __spreadValues$c = (a, b) => {
|
|
|
2340
2453
|
}
|
|
2341
2454
|
return a;
|
|
2342
2455
|
};
|
|
2343
|
-
var __spreadProps$
|
|
2456
|
+
var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
|
|
2344
2457
|
function useTreeState(props) {
|
|
2345
2458
|
const state = tree.useTreeState(props);
|
|
2346
2459
|
const onToggle = (key) => {
|
|
2347
2460
|
state.setExpandedKeys(toggleKey(state.expandedKeys, key, props.expansionMode));
|
|
2348
2461
|
};
|
|
2349
|
-
return __spreadProps$
|
|
2462
|
+
return __spreadProps$a(__spreadValues$c({}, state), { toggleKey: onToggle });
|
|
2350
2463
|
}
|
|
2351
2464
|
function toggleKey(set, key, expansionMode = "multiple") {
|
|
2352
2465
|
const res = new Set(set);
|
|
@@ -2361,8 +2474,8 @@ function toggleKey(set, key, expansionMode = "multiple") {
|
|
|
2361
2474
|
}
|
|
2362
2475
|
|
|
2363
2476
|
var __defProp$b = Object.defineProperty;
|
|
2364
|
-
var __defProps$
|
|
2365
|
-
var __getOwnPropDescs$
|
|
2477
|
+
var __defProps$9 = Object.defineProperties;
|
|
2478
|
+
var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
|
|
2366
2479
|
var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
|
|
2367
2480
|
var __hasOwnProp$b = Object.prototype.hasOwnProperty;
|
|
2368
2481
|
var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
|
|
@@ -2378,7 +2491,7 @@ var __spreadValues$b = (a, b) => {
|
|
|
2378
2491
|
}
|
|
2379
2492
|
return a;
|
|
2380
2493
|
};
|
|
2381
|
-
var __spreadProps$
|
|
2494
|
+
var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
|
|
2382
2495
|
function _AccordionItem(props) {
|
|
2383
2496
|
const { state, item } = props;
|
|
2384
2497
|
const isOpen = state.expandedKeys.has(item.key);
|
|
@@ -2389,35 +2502,35 @@ function _AccordionItem(props) {
|
|
|
2389
2502
|
const ref = React.useRef(null);
|
|
2390
2503
|
const { buttonProps, regionProps } = accordion.useAccordionItem(props, state, ref);
|
|
2391
2504
|
return /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
2392
|
-
className: clsx__default["default"](styles__default$
|
|
2393
|
-
[styles__default$
|
|
2394
|
-
[styles__default$
|
|
2505
|
+
className: clsx__default["default"](styles__default$9["default"]["sapphire-accordion__item"], {
|
|
2506
|
+
[styles__default$9["default"]["sapphire-accordion__item--open"]]: isOpen,
|
|
2507
|
+
[styles__default$9["default"]["is-disabled"]]: isDisabled
|
|
2395
2508
|
})
|
|
2396
2509
|
}, /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
2397
2510
|
role: "heading",
|
|
2398
2511
|
"aria-level": props.headerLevel
|
|
2399
|
-
}, /* @__PURE__ */ React__default["default"].createElement("button", __spreadProps$
|
|
2512
|
+
}, /* @__PURE__ */ React__default["default"].createElement("button", __spreadProps$9(__spreadValues$b({}, utils$1.mergeProps(buttonProps, hoverProps, pressProps, focusProps)), {
|
|
2400
2513
|
"aria-disabled": isDisabled,
|
|
2401
2514
|
ref,
|
|
2402
|
-
className: clsx__default["default"](styles__default$
|
|
2403
|
-
[styles__default$
|
|
2404
|
-
[styles__default$
|
|
2405
|
-
[styles__default$
|
|
2515
|
+
className: clsx__default["default"](styles__default$9["default"]["sapphire-accordion__item-header"], styles__default$9["default"]["js-focus"], styles__default$9["default"]["js-hover"], {
|
|
2516
|
+
[styles__default$9["default"]["is-focus"]]: isFocusVisible,
|
|
2517
|
+
[styles__default$9["default"]["is-hover"]]: isHovered,
|
|
2518
|
+
[styles__default$9["default"]["is-active"]]: isPressed
|
|
2406
2519
|
})
|
|
2407
2520
|
}), item.props.heading, /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
2408
|
-
className: clsx__default["default"](styles__default$
|
|
2409
|
-
}, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, null, /* @__PURE__ */ React__default["default"].createElement(react.ChevronDown, null))))), /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$
|
|
2521
|
+
className: clsx__default["default"](styles__default$9["default"]["sapphire-accordion__item-arrow"])
|
|
2522
|
+
}, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, null, /* @__PURE__ */ React__default["default"].createElement(react.ChevronDown, null))))), /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$9(__spreadValues$b({}, regionProps), {
|
|
2410
2523
|
"aria-hidden": !isOpen,
|
|
2411
|
-
className: clsx__default["default"](styles__default$
|
|
2524
|
+
className: clsx__default["default"](styles__default$9["default"]["sapphire-accordion__item-content-wrapper"])
|
|
2412
2525
|
}), /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
2413
|
-
className: clsx__default["default"](styles__default$
|
|
2526
|
+
className: clsx__default["default"](styles__default$9["default"]["sapphire-accordion__item-content"])
|
|
2414
2527
|
}, item.props.children)));
|
|
2415
2528
|
}
|
|
2416
2529
|
const AccordionItem = collections.Item;
|
|
2417
2530
|
|
|
2418
2531
|
var __defProp$a = Object.defineProperty;
|
|
2419
|
-
var __defProps$
|
|
2420
|
-
var __getOwnPropDescs$
|
|
2532
|
+
var __defProps$8 = Object.defineProperties;
|
|
2533
|
+
var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
|
|
2421
2534
|
var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
|
|
2422
2535
|
var __hasOwnProp$a = Object.prototype.hasOwnProperty;
|
|
2423
2536
|
var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
|
|
@@ -2433,7 +2546,7 @@ var __spreadValues$a = (a, b) => {
|
|
|
2433
2546
|
}
|
|
2434
2547
|
return a;
|
|
2435
2548
|
};
|
|
2436
|
-
var __spreadProps$
|
|
2549
|
+
var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
|
|
2437
2550
|
var __objRest$a = (source, exclude) => {
|
|
2438
2551
|
var target = {};
|
|
2439
2552
|
for (var prop in source)
|
|
@@ -2458,12 +2571,12 @@ const _Accordion$1 = (_a, ref) => {
|
|
|
2458
2571
|
]);
|
|
2459
2572
|
sapphireReact.useThemeCheck();
|
|
2460
2573
|
const { styleProps } = sapphireReact.useSapphireStyleProps(props);
|
|
2461
|
-
const state = useTreeState(__spreadProps$
|
|
2574
|
+
const state = useTreeState(__spreadProps$8(__spreadValues$a({}, props), { expansionMode }));
|
|
2462
2575
|
const forwardedRef = utils$1.useObjectRef(ref);
|
|
2463
2576
|
const { accordionProps } = accordion.useAccordion(props, state, forwardedRef);
|
|
2464
|
-
return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$
|
|
2465
|
-
className: clsx__default["default"](styles__default$
|
|
2466
|
-
[styles__default$
|
|
2577
|
+
return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$8(__spreadValues$a({}, utils$1.mergeProps(accordionProps, utils$1.filterDOMProps(props, { labelable: true }))), {
|
|
2578
|
+
className: clsx__default["default"](styles__default$9["default"]["sapphire-accordion"], {
|
|
2579
|
+
[styles__default$9["default"]["sapphire-accordion--without-last-divider"]]: hideLastDivider
|
|
2467
2580
|
}, styleProps.className),
|
|
2468
2581
|
ref: forwardedRef,
|
|
2469
2582
|
style: styleProps.style
|
|
@@ -2477,8 +2590,8 @@ const _Accordion$1 = (_a, ref) => {
|
|
|
2477
2590
|
const Accordion = React.forwardRef(_Accordion$1);
|
|
2478
2591
|
|
|
2479
2592
|
var __defProp$9 = Object.defineProperty;
|
|
2480
|
-
var __defProps$
|
|
2481
|
-
var __getOwnPropDescs$
|
|
2593
|
+
var __defProps$7 = Object.defineProperties;
|
|
2594
|
+
var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
|
|
2482
2595
|
var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
|
|
2483
2596
|
var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
|
|
2484
2597
|
var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
|
|
@@ -2494,7 +2607,7 @@ var __spreadValues$9 = (a, b) => {
|
|
|
2494
2607
|
}
|
|
2495
2608
|
return a;
|
|
2496
2609
|
};
|
|
2497
|
-
var __spreadProps$
|
|
2610
|
+
var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
|
|
2498
2611
|
var __objRest$9 = (source, exclude) => {
|
|
2499
2612
|
var target = {};
|
|
2500
2613
|
for (var prop in source)
|
|
@@ -2513,8 +2626,8 @@ const AccordionHeading = (_a) => {
|
|
|
2513
2626
|
} = _b, props = __objRest$9(_b, [
|
|
2514
2627
|
"children"
|
|
2515
2628
|
]);
|
|
2516
|
-
return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$
|
|
2517
|
-
className: clsx__default["default"](styles__default$
|
|
2629
|
+
return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$7(__spreadValues$9({}, utils$1.filterDOMProps(props)), {
|
|
2630
|
+
className: clsx__default["default"](styles__default$9["default"]["sapphire-accordion__item-heading"])
|
|
2518
2631
|
}), children);
|
|
2519
2632
|
};
|
|
2520
2633
|
|
|
@@ -2524,8 +2637,8 @@ const _Accordion = Object.assign(Accordion, {
|
|
|
2524
2637
|
});
|
|
2525
2638
|
|
|
2526
2639
|
var __defProp$8 = Object.defineProperty;
|
|
2527
|
-
var __defProps$
|
|
2528
|
-
var __getOwnPropDescs$
|
|
2640
|
+
var __defProps$6 = Object.defineProperties;
|
|
2641
|
+
var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
|
|
2529
2642
|
var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
|
|
2530
2643
|
var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
|
|
2531
2644
|
var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
|
|
@@ -2541,7 +2654,7 @@ var __spreadValues$8 = (a, b) => {
|
|
|
2541
2654
|
}
|
|
2542
2655
|
return a;
|
|
2543
2656
|
};
|
|
2544
|
-
var __spreadProps$
|
|
2657
|
+
var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
|
|
2545
2658
|
var __objRest$8 = (source, exclude) => {
|
|
2546
2659
|
var target = {};
|
|
2547
2660
|
for (var prop in source)
|
|
@@ -2561,17 +2674,17 @@ const Heading = React.forwardRef(function Heading2(props, ref) {
|
|
|
2561
2674
|
const { styleProps } = sapphireReact.useTextStyleProps(otherProps);
|
|
2562
2675
|
const domRef = utils.useDOMRef(ref);
|
|
2563
2676
|
const HeadingTag = elementType ? elementType : `h${level}`;
|
|
2564
|
-
return /* @__PURE__ */ React__default["default"].createElement(HeadingTag, __spreadProps$
|
|
2565
|
-
className: clsx__default["default"](styles__default$
|
|
2566
|
-
[styles__default$
|
|
2677
|
+
return /* @__PURE__ */ React__default["default"].createElement(HeadingTag, __spreadProps$6(__spreadValues$8(__spreadValues$8({}, domProps), styleProps), {
|
|
2678
|
+
className: clsx__default["default"](styles__default$a["default"]["sapphire-text"], styles__default$a["default"][`sapphire-text--heading-${level}`], styleProps.className, {
|
|
2679
|
+
[styles__default$a["default"]["sapphire-text--heading-alternative"]]: props.fontVariant === "alternative"
|
|
2567
2680
|
}),
|
|
2568
2681
|
ref: domRef
|
|
2569
2682
|
}), children);
|
|
2570
2683
|
});
|
|
2571
2684
|
|
|
2572
2685
|
var __defProp$7 = Object.defineProperty;
|
|
2573
|
-
var __defProps$
|
|
2574
|
-
var __getOwnPropDescs$
|
|
2686
|
+
var __defProps$5 = Object.defineProperties;
|
|
2687
|
+
var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
|
|
2575
2688
|
var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
|
|
2576
2689
|
var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
|
|
2577
2690
|
var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
|
|
@@ -2587,7 +2700,7 @@ var __spreadValues$7 = (a, b) => {
|
|
|
2587
2700
|
}
|
|
2588
2701
|
return a;
|
|
2589
2702
|
};
|
|
2590
|
-
var __spreadProps$
|
|
2703
|
+
var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
|
|
2591
2704
|
var __objRest$7 = (source, exclude) => {
|
|
2592
2705
|
var target = {};
|
|
2593
2706
|
for (var prop in source)
|
|
@@ -2615,9 +2728,9 @@ const Subheading = React.forwardRef(function Subheading2(props, ref) {
|
|
|
2615
2728
|
]);
|
|
2616
2729
|
const { styleProps } = sapphireReact.useTextStyleProps(otherProps);
|
|
2617
2730
|
const levelClassName = `sapphire-text--subheading-${level}`;
|
|
2618
|
-
return /* @__PURE__ */ React__default["default"].createElement(CustomElement, __spreadProps$
|
|
2619
|
-
className: clsx__default["default"](styleProps.className, styles__default$
|
|
2620
|
-
[styles__default$
|
|
2731
|
+
return /* @__PURE__ */ React__default["default"].createElement(CustomElement, __spreadProps$5(__spreadValues$7(__spreadValues$7({}, utils$1.filterDOMProps(props)), styleProps), {
|
|
2732
|
+
className: clsx__default["default"](styleProps.className, styles__default$a["default"]["sapphire-text"], styles__default$a["default"][levelClassName], {
|
|
2733
|
+
[styles__default$a["default"]["sapphire-text--strong"]]: isBold
|
|
2621
2734
|
}),
|
|
2622
2735
|
style: styleProps.style,
|
|
2623
2736
|
ref
|
|
@@ -2625,8 +2738,8 @@ const Subheading = React.forwardRef(function Subheading2(props, ref) {
|
|
|
2625
2738
|
});
|
|
2626
2739
|
|
|
2627
2740
|
var __defProp$6 = Object.defineProperty;
|
|
2628
|
-
var __defProps$
|
|
2629
|
-
var __getOwnPropDescs$
|
|
2741
|
+
var __defProps$4 = Object.defineProperties;
|
|
2742
|
+
var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
|
|
2630
2743
|
var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
|
|
2631
2744
|
var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
|
|
2632
2745
|
var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
|
|
@@ -2642,7 +2755,7 @@ var __spreadValues$6 = (a, b) => {
|
|
|
2642
2755
|
}
|
|
2643
2756
|
return a;
|
|
2644
2757
|
};
|
|
2645
|
-
var __spreadProps$
|
|
2758
|
+
var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
|
|
2646
2759
|
var __objRest$6 = (source, exclude) => {
|
|
2647
2760
|
var target = {};
|
|
2648
2761
|
for (var prop in source)
|
|
@@ -2672,10 +2785,10 @@ const Body = React.forwardRef(function Body2(props, ref) {
|
|
|
2672
2785
|
]);
|
|
2673
2786
|
const { styleProps } = sapphireReact.useTextStyleProps(otherProps);
|
|
2674
2787
|
const levelClassName = `sapphire-text--body-${level}`;
|
|
2675
|
-
return /* @__PURE__ */ React__default["default"].createElement(CustomElement, __spreadProps$
|
|
2676
|
-
className: clsx__default["default"](styleProps.className, styles__default$
|
|
2677
|
-
[styles__default$
|
|
2678
|
-
[styles__default$
|
|
2788
|
+
return /* @__PURE__ */ React__default["default"].createElement(CustomElement, __spreadProps$4(__spreadValues$6(__spreadValues$6({}, utils$1.filterDOMProps(props)), styleProps), {
|
|
2789
|
+
className: clsx__default["default"](styleProps.className, styles__default$a["default"]["sapphire-text"], styles__default$a["default"][levelClassName], {
|
|
2790
|
+
[styles__default$a["default"]["sapphire-text--strong"]]: isBold,
|
|
2791
|
+
[styles__default$a["default"]["sapphire-text--underlined"]]: isUnderlined
|
|
2679
2792
|
}),
|
|
2680
2793
|
style: styleProps.style,
|
|
2681
2794
|
ref
|
|
@@ -2683,8 +2796,8 @@ const Body = React.forwardRef(function Body2(props, ref) {
|
|
|
2683
2796
|
});
|
|
2684
2797
|
|
|
2685
2798
|
var __defProp$5 = Object.defineProperty;
|
|
2686
|
-
var __defProps$
|
|
2687
|
-
var __getOwnPropDescs$
|
|
2799
|
+
var __defProps$3 = Object.defineProperties;
|
|
2800
|
+
var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
|
|
2688
2801
|
var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
|
|
2689
2802
|
var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
|
|
2690
2803
|
var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
|
|
@@ -2700,7 +2813,7 @@ var __spreadValues$5 = (a, b) => {
|
|
|
2700
2813
|
}
|
|
2701
2814
|
return a;
|
|
2702
2815
|
};
|
|
2703
|
-
var __spreadProps$
|
|
2816
|
+
var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
|
|
2704
2817
|
var __objRest$5 = (source, exclude) => {
|
|
2705
2818
|
var target = {};
|
|
2706
2819
|
for (var prop in source)
|
|
@@ -2726,8 +2839,8 @@ const Caption = React.forwardRef(function Caption2(props, ref) {
|
|
|
2726
2839
|
]);
|
|
2727
2840
|
const { styleProps } = sapphireReact.useTextStyleProps(otherProps);
|
|
2728
2841
|
const levelClassName = `sapphire-text--caption-${level}`;
|
|
2729
|
-
return /* @__PURE__ */ React__default["default"].createElement(CustomElement, __spreadProps$
|
|
2730
|
-
className: clsx__default["default"](styleProps.className, styles__default$
|
|
2842
|
+
return /* @__PURE__ */ React__default["default"].createElement(CustomElement, __spreadProps$3(__spreadValues$5(__spreadValues$5({}, utils$1.filterDOMProps(props)), styleProps), {
|
|
2843
|
+
className: clsx__default["default"](styleProps.className, styles__default$a["default"]["sapphire-text"], styles__default$a["default"][levelClassName]),
|
|
2731
2844
|
style: styleProps.style,
|
|
2732
2845
|
ref
|
|
2733
2846
|
}), children);
|
|
@@ -2815,8 +2928,6 @@ const Fieldset = (_a) => {
|
|
|
2815
2928
|
};
|
|
2816
2929
|
|
|
2817
2930
|
var __defProp$3 = Object.defineProperty;
|
|
2818
|
-
var __defProps$3 = Object.defineProperties;
|
|
2819
|
-
var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
|
|
2820
2931
|
var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
|
|
2821
2932
|
var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
|
|
2822
2933
|
var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
|
|
@@ -2832,7 +2943,6 @@ var __spreadValues$3 = (a, b) => {
|
|
|
2832
2943
|
}
|
|
2833
2944
|
return a;
|
|
2834
2945
|
};
|
|
2835
|
-
var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
|
|
2836
2946
|
var __objRest$3 = (source, exclude) => {
|
|
2837
2947
|
var target = {};
|
|
2838
2948
|
for (var prop in source)
|
|
@@ -2845,30 +2955,44 @@ var __objRest$3 = (source, exclude) => {
|
|
|
2845
2955
|
}
|
|
2846
2956
|
return target;
|
|
2847
2957
|
};
|
|
2848
|
-
const
|
|
2849
|
-
|
|
2850
|
-
|
|
2958
|
+
const AlertDialog = React__default["default"].forwardRef(function AlertDialog2(props, ref) {
|
|
2959
|
+
sapphireReact.useThemeCheck();
|
|
2960
|
+
const _a = props, {
|
|
2961
|
+
variant = "neutral",
|
|
2851
2962
|
icon,
|
|
2852
|
-
|
|
2853
|
-
|
|
2854
|
-
|
|
2855
|
-
|
|
2963
|
+
body,
|
|
2964
|
+
actionsOrientation = "horizontal",
|
|
2965
|
+
actions,
|
|
2966
|
+
heading
|
|
2967
|
+
} = _a, rest = __objRest$3(_a, [
|
|
2968
|
+
"variant",
|
|
2856
2969
|
"icon",
|
|
2857
|
-
"
|
|
2858
|
-
"
|
|
2970
|
+
"body",
|
|
2971
|
+
"actionsOrientation",
|
|
2972
|
+
"actions",
|
|
2973
|
+
"heading"
|
|
2859
2974
|
]);
|
|
2860
|
-
sapphireReact.
|
|
2861
|
-
|
|
2862
|
-
|
|
2863
|
-
|
|
2864
|
-
|
|
2865
|
-
|
|
2866
|
-
|
|
2867
|
-
|
|
2868
|
-
|
|
2869
|
-
|
|
2870
|
-
|
|
2871
|
-
|
|
2975
|
+
return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Dialog, __spreadValues$3({
|
|
2976
|
+
ref,
|
|
2977
|
+
role: "alertdialog",
|
|
2978
|
+
type: "active",
|
|
2979
|
+
size: "extra-small",
|
|
2980
|
+
header: /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null),
|
|
2981
|
+
content: /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Dialog.Content, null, /* @__PURE__ */ React__default["default"].createElement(FeedbackMessage, {
|
|
2982
|
+
heading: /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Dialog.Header, {
|
|
2983
|
+
level: 6,
|
|
2984
|
+
heading
|
|
2985
|
+
}),
|
|
2986
|
+
variant,
|
|
2987
|
+
icon,
|
|
2988
|
+
body
|
|
2989
|
+
})),
|
|
2990
|
+
footer: /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Dialog.Footer, {
|
|
2991
|
+
stretch: "autoVertical",
|
|
2992
|
+
orientation: actionsOrientation
|
|
2993
|
+
}, actions)
|
|
2994
|
+
}, rest));
|
|
2995
|
+
});
|
|
2872
2996
|
|
|
2873
2997
|
var __defProp$2 = Object.defineProperty;
|
|
2874
2998
|
var __defProps$2 = Object.defineProperties;
|
|
@@ -3181,6 +3305,7 @@ Object.defineProperty(exports, 'useLocale', {
|
|
|
3181
3305
|
get: function () { return i18n.useLocale; }
|
|
3182
3306
|
});
|
|
3183
3307
|
exports.Accordion = _Accordion;
|
|
3308
|
+
exports.AlertDialog = AlertDialog;
|
|
3184
3309
|
exports.Avatar = Avatar;
|
|
3185
3310
|
exports.Calendar = Calendar;
|
|
3186
3311
|
exports.DateField = DateField;
|