@danske/sapphire-react-lab 0.97.0 → 0.99.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 +528 -267
- package/build/cjs/index.js.map +1 -1
- package/build/esm/Breadcrumbs/src/BreadcrumbItem.js +64 -0
- package/build/esm/Breadcrumbs/src/BreadcrumbItem.js.map +1 -0
- package/build/esm/Breadcrumbs/src/BreadcrumbItemLink.js +53 -0
- package/build/esm/Breadcrumbs/src/BreadcrumbItemLink.js.map +1 -0
- package/build/esm/Breadcrumbs/src/Breadcrumbs.js +71 -0
- package/build/esm/Breadcrumbs/src/Breadcrumbs.js.map +1 -0
- package/build/esm/Breadcrumbs/src/BreadcrumbsSeparator.js +20 -0
- package/build/esm/Breadcrumbs/src/BreadcrumbsSeparator.js.map +1 -0
- package/build/esm/Filtering/src/SearchableSelectFilter.js +4 -0
- package/build/esm/Filtering/src/SearchableSelectFilter.js.map +1 -1
- package/build/esm/NumberField/src/NumberField.js +0 -1
- package/build/esm/NumberField/src/NumberField.js.map +1 -1
- package/build/esm/Slider/index.js +9 -0
- package/build/esm/Slider/index.js.map +1 -0
- package/build/esm/Slider/src/Slider.js +83 -0
- package/build/esm/Slider/src/Slider.js.map +1 -0
- package/build/esm/index.js +4 -0
- package/build/esm/index.js.map +1 -1
- package/build/index.d.ts +48 -2
- package/package.json +30 -29
package/build/cjs/index.js
CHANGED
|
@@ -26,9 +26,12 @@ var numberfield$1 = require('@react-aria/numberfield');
|
|
|
26
26
|
var numberfield = require('@react-stately/numberfield');
|
|
27
27
|
var styles$4 = require('@danske/sapphire-css/components/progressIndicator/progressIndicator.module.css');
|
|
28
28
|
var progress = require('@react-aria/progress');
|
|
29
|
+
var styles$5 = require('@danske/sapphire-css/components/slider/slider.module.css');
|
|
30
|
+
var reactAriaComponents = require('react-aria-components');
|
|
31
|
+
var styles$6 = require('@danske/sapphire-css/components/breadcrumbs/breadcrumbs.module.css');
|
|
29
32
|
var tag = require('@react-aria/tag');
|
|
30
33
|
var list = require('@react-stately/list');
|
|
31
|
-
var styles$
|
|
34
|
+
var styles$7 = require('@danske/sapphire-css/components/tag/tag.module.css');
|
|
32
35
|
var button = require('@react-aria/button');
|
|
33
36
|
var label = require('@react-aria/label');
|
|
34
37
|
var alertStyles = require('@danske/sapphire-css/components/alert/alert.module.css');
|
|
@@ -44,6 +47,8 @@ var styles__default$3 = /*#__PURE__*/_interopDefaultLegacy(styles$3);
|
|
|
44
47
|
var textFieldStyles__default = /*#__PURE__*/_interopDefaultLegacy(textFieldStyles);
|
|
45
48
|
var styles__default$4 = /*#__PURE__*/_interopDefaultLegacy(styles$4);
|
|
46
49
|
var styles__default$5 = /*#__PURE__*/_interopDefaultLegacy(styles$5);
|
|
50
|
+
var styles__default$6 = /*#__PURE__*/_interopDefaultLegacy(styles$6);
|
|
51
|
+
var styles__default$7 = /*#__PURE__*/_interopDefaultLegacy(styles$7);
|
|
47
52
|
var alertStyles__default = /*#__PURE__*/_interopDefaultLegacy(alertStyles);
|
|
48
53
|
|
|
49
54
|
function FilterDropdown({
|
|
@@ -114,40 +119,40 @@ function FilterDropdown({
|
|
|
114
119
|
}, label, value ? ": " : "", value));
|
|
115
120
|
}
|
|
116
121
|
|
|
117
|
-
var __defProp$
|
|
118
|
-
var __defProps$
|
|
119
|
-
var __getOwnPropDescs$
|
|
120
|
-
var __getOwnPropSymbols$
|
|
121
|
-
var __hasOwnProp$
|
|
122
|
-
var __propIsEnum$
|
|
123
|
-
var __defNormalProp$
|
|
124
|
-
var __spreadValues$
|
|
122
|
+
var __defProp$i = Object.defineProperty;
|
|
123
|
+
var __defProps$h = Object.defineProperties;
|
|
124
|
+
var __getOwnPropDescs$h = Object.getOwnPropertyDescriptors;
|
|
125
|
+
var __getOwnPropSymbols$j = Object.getOwnPropertySymbols;
|
|
126
|
+
var __hasOwnProp$j = Object.prototype.hasOwnProperty;
|
|
127
|
+
var __propIsEnum$j = Object.prototype.propertyIsEnumerable;
|
|
128
|
+
var __defNormalProp$i = (obj, key, value) => key in obj ? __defProp$i(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
129
|
+
var __spreadValues$i = (a, b) => {
|
|
125
130
|
for (var prop in b || (b = {}))
|
|
126
|
-
if (__hasOwnProp$
|
|
127
|
-
__defNormalProp$
|
|
128
|
-
if (__getOwnPropSymbols$
|
|
129
|
-
for (var prop of __getOwnPropSymbols$
|
|
130
|
-
if (__propIsEnum$
|
|
131
|
-
__defNormalProp$
|
|
131
|
+
if (__hasOwnProp$j.call(b, prop))
|
|
132
|
+
__defNormalProp$i(a, prop, b[prop]);
|
|
133
|
+
if (__getOwnPropSymbols$j)
|
|
134
|
+
for (var prop of __getOwnPropSymbols$j(b)) {
|
|
135
|
+
if (__propIsEnum$j.call(b, prop))
|
|
136
|
+
__defNormalProp$i(a, prop, b[prop]);
|
|
132
137
|
}
|
|
133
138
|
return a;
|
|
134
139
|
};
|
|
135
|
-
var __spreadProps$
|
|
136
|
-
var __objRest$
|
|
140
|
+
var __spreadProps$h = (a, b) => __defProps$h(a, __getOwnPropDescs$h(b));
|
|
141
|
+
var __objRest$f = (source, exclude) => {
|
|
137
142
|
var target = {};
|
|
138
143
|
for (var prop in source)
|
|
139
|
-
if (__hasOwnProp$
|
|
144
|
+
if (__hasOwnProp$j.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
140
145
|
target[prop] = source[prop];
|
|
141
|
-
if (source != null && __getOwnPropSymbols$
|
|
142
|
-
for (var prop of __getOwnPropSymbols$
|
|
143
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
146
|
+
if (source != null && __getOwnPropSymbols$j)
|
|
147
|
+
for (var prop of __getOwnPropSymbols$j(source)) {
|
|
148
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$j.call(source, prop))
|
|
144
149
|
target[prop] = source[prop];
|
|
145
150
|
}
|
|
146
151
|
return target;
|
|
147
152
|
};
|
|
148
153
|
function SearchableSelectFilter(props) {
|
|
149
154
|
var _b, _c;
|
|
150
|
-
const _a = props, { searchField, listBox, size = "md" } = _a, otherProps = __objRest$
|
|
155
|
+
const _a = props, { searchField, listBox, size = "md" } = _a, otherProps = __objRest$f(_a, ["searchField", "listBox", "size"]);
|
|
151
156
|
const searchFieldRef = React.useRef(null);
|
|
152
157
|
const searchFieldProps = searchField.props;
|
|
153
158
|
const listBoxProps = listBox.props;
|
|
@@ -156,7 +161,7 @@ function SearchableSelectFilter(props) {
|
|
|
156
161
|
console.warn("The connectedInputRef prop on the ListBox in the SearchableSelectFilter component is not needed and will be ignored. The connectedInputRef is set automatically (to the passed SearchField) and should not be set manually.");
|
|
157
162
|
}
|
|
158
163
|
const hasSelection = listBoxProps.selectedKeys === "all" || Array.from(listBoxProps.selectedKeys || []).length > 0;
|
|
159
|
-
return /* @__PURE__ */ React__default["default"].createElement(FilterDropdown, __spreadProps$
|
|
164
|
+
return /* @__PURE__ */ React__default["default"].createElement(FilterDropdown, __spreadProps$h(__spreadValues$i({}, otherProps), {
|
|
160
165
|
noMaxWidth: (_c = otherProps.noMaxWidth) != null ? _c : true,
|
|
161
166
|
buttonSize: size,
|
|
162
167
|
hasApplyButton: Boolean(otherProps.onApply),
|
|
@@ -191,25 +196,25 @@ function useAccordionContext() {
|
|
|
191
196
|
throw new Error("Accordion context can only be used within Accordion component.");
|
|
192
197
|
}
|
|
193
198
|
|
|
194
|
-
var __defProp$
|
|
195
|
-
var __defProps$
|
|
196
|
-
var __getOwnPropDescs$
|
|
197
|
-
var __getOwnPropSymbols$
|
|
198
|
-
var __hasOwnProp$
|
|
199
|
-
var __propIsEnum$
|
|
200
|
-
var __defNormalProp$
|
|
201
|
-
var __spreadValues$
|
|
199
|
+
var __defProp$h = Object.defineProperty;
|
|
200
|
+
var __defProps$g = Object.defineProperties;
|
|
201
|
+
var __getOwnPropDescs$g = Object.getOwnPropertyDescriptors;
|
|
202
|
+
var __getOwnPropSymbols$i = Object.getOwnPropertySymbols;
|
|
203
|
+
var __hasOwnProp$i = Object.prototype.hasOwnProperty;
|
|
204
|
+
var __propIsEnum$i = Object.prototype.propertyIsEnumerable;
|
|
205
|
+
var __defNormalProp$h = (obj, key, value) => key in obj ? __defProp$h(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
206
|
+
var __spreadValues$h = (a, b) => {
|
|
202
207
|
for (var prop in b || (b = {}))
|
|
203
|
-
if (__hasOwnProp$
|
|
204
|
-
__defNormalProp$
|
|
205
|
-
if (__getOwnPropSymbols$
|
|
206
|
-
for (var prop of __getOwnPropSymbols$
|
|
207
|
-
if (__propIsEnum$
|
|
208
|
-
__defNormalProp$
|
|
208
|
+
if (__hasOwnProp$i.call(b, prop))
|
|
209
|
+
__defNormalProp$h(a, prop, b[prop]);
|
|
210
|
+
if (__getOwnPropSymbols$i)
|
|
211
|
+
for (var prop of __getOwnPropSymbols$i(b)) {
|
|
212
|
+
if (__propIsEnum$i.call(b, prop))
|
|
213
|
+
__defNormalProp$h(a, prop, b[prop]);
|
|
209
214
|
}
|
|
210
215
|
return a;
|
|
211
216
|
};
|
|
212
|
-
var __spreadProps$
|
|
217
|
+
var __spreadProps$g = (a, b) => __defProps$g(a, __getOwnPropDescs$g(b));
|
|
213
218
|
const customPaddingStyleProps = (sidePadding) => ({
|
|
214
219
|
paddingLeft: typeof sidePadding === "string" ? sidePadding : `${sidePadding}px`,
|
|
215
220
|
paddingRight: typeof sidePadding === "string" ? sidePadding : `${sidePadding}px`
|
|
@@ -233,7 +238,7 @@ function _AccordionItem(props) {
|
|
|
233
238
|
}, /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
234
239
|
role: "heading",
|
|
235
240
|
"aria-level": props.headerLevel
|
|
236
|
-
}, /* @__PURE__ */ React__default["default"].createElement("button", __spreadProps$
|
|
241
|
+
}, /* @__PURE__ */ React__default["default"].createElement("button", __spreadProps$g(__spreadValues$h({}, utils$1.mergeProps(buttonProps, focusProps)), {
|
|
237
242
|
"aria-disabled": isDisabled,
|
|
238
243
|
ref,
|
|
239
244
|
className: clsx__default["default"](styles__default$1["default"]["sapphire-accordion__item-header"], styles__default$1["default"]["js-focus"], {
|
|
@@ -246,7 +251,7 @@ function _AccordionItem(props) {
|
|
|
246
251
|
className: clsx__default["default"](styles__default$1["default"]["sapphire-accordion__item-arrow"])
|
|
247
252
|
}, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, {
|
|
248
253
|
size: "lg"
|
|
249
|
-
}, /* @__PURE__ */ React__default["default"].createElement(react.ChevronDown, null))))), /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$
|
|
254
|
+
}, /* @__PURE__ */ React__default["default"].createElement(react.ChevronDown, null))))), /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$g(__spreadValues$h({}, utils$1.mergeProps(regionProps, { onKeyDown })), {
|
|
250
255
|
"aria-hidden": !isOpen,
|
|
251
256
|
className: clsx__default["default"](styles__default$1["default"]["sapphire-accordion__item-content-wrapper"])
|
|
252
257
|
}), /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
@@ -256,31 +261,31 @@ function _AccordionItem(props) {
|
|
|
256
261
|
}
|
|
257
262
|
const AccordionItem = collections.Item;
|
|
258
263
|
|
|
259
|
-
var __defProp$
|
|
260
|
-
var __defProps$
|
|
261
|
-
var __getOwnPropDescs$
|
|
262
|
-
var __getOwnPropSymbols$
|
|
263
|
-
var __hasOwnProp$
|
|
264
|
-
var __propIsEnum$
|
|
265
|
-
var __defNormalProp$
|
|
266
|
-
var __spreadValues$
|
|
264
|
+
var __defProp$g = Object.defineProperty;
|
|
265
|
+
var __defProps$f = Object.defineProperties;
|
|
266
|
+
var __getOwnPropDescs$f = Object.getOwnPropertyDescriptors;
|
|
267
|
+
var __getOwnPropSymbols$h = Object.getOwnPropertySymbols;
|
|
268
|
+
var __hasOwnProp$h = Object.prototype.hasOwnProperty;
|
|
269
|
+
var __propIsEnum$h = Object.prototype.propertyIsEnumerable;
|
|
270
|
+
var __defNormalProp$g = (obj, key, value) => key in obj ? __defProp$g(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
271
|
+
var __spreadValues$g = (a, b) => {
|
|
267
272
|
for (var prop in b || (b = {}))
|
|
268
|
-
if (__hasOwnProp$
|
|
269
|
-
__defNormalProp$
|
|
270
|
-
if (__getOwnPropSymbols$
|
|
271
|
-
for (var prop of __getOwnPropSymbols$
|
|
272
|
-
if (__propIsEnum$
|
|
273
|
-
__defNormalProp$
|
|
273
|
+
if (__hasOwnProp$h.call(b, prop))
|
|
274
|
+
__defNormalProp$g(a, prop, b[prop]);
|
|
275
|
+
if (__getOwnPropSymbols$h)
|
|
276
|
+
for (var prop of __getOwnPropSymbols$h(b)) {
|
|
277
|
+
if (__propIsEnum$h.call(b, prop))
|
|
278
|
+
__defNormalProp$g(a, prop, b[prop]);
|
|
274
279
|
}
|
|
275
280
|
return a;
|
|
276
281
|
};
|
|
277
|
-
var __spreadProps$
|
|
282
|
+
var __spreadProps$f = (a, b) => __defProps$f(a, __getOwnPropDescs$f(b));
|
|
278
283
|
function useTreeState(props) {
|
|
279
284
|
const state = tree.useTreeState(props);
|
|
280
285
|
const onToggle = (key) => {
|
|
281
286
|
state.setExpandedKeys(toggleKey(state.expandedKeys, key, props.expansionMode));
|
|
282
287
|
};
|
|
283
|
-
return __spreadProps$
|
|
288
|
+
return __spreadProps$f(__spreadValues$g({}, state), { toggleKey: onToggle });
|
|
284
289
|
}
|
|
285
290
|
function toggleKey(set, key, expansionMode = "multiple") {
|
|
286
291
|
const res = new Set(set);
|
|
@@ -294,33 +299,33 @@ function toggleKey(set, key, expansionMode = "multiple") {
|
|
|
294
299
|
return res;
|
|
295
300
|
}
|
|
296
301
|
|
|
297
|
-
var __defProp$
|
|
298
|
-
var __defProps$
|
|
299
|
-
var __getOwnPropDescs$
|
|
300
|
-
var __getOwnPropSymbols$
|
|
301
|
-
var __hasOwnProp$
|
|
302
|
-
var __propIsEnum$
|
|
303
|
-
var __defNormalProp$
|
|
304
|
-
var __spreadValues$
|
|
302
|
+
var __defProp$f = Object.defineProperty;
|
|
303
|
+
var __defProps$e = Object.defineProperties;
|
|
304
|
+
var __getOwnPropDescs$e = Object.getOwnPropertyDescriptors;
|
|
305
|
+
var __getOwnPropSymbols$g = Object.getOwnPropertySymbols;
|
|
306
|
+
var __hasOwnProp$g = Object.prototype.hasOwnProperty;
|
|
307
|
+
var __propIsEnum$g = Object.prototype.propertyIsEnumerable;
|
|
308
|
+
var __defNormalProp$f = (obj, key, value) => key in obj ? __defProp$f(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
309
|
+
var __spreadValues$f = (a, b) => {
|
|
305
310
|
for (var prop in b || (b = {}))
|
|
306
|
-
if (__hasOwnProp$
|
|
307
|
-
__defNormalProp$
|
|
308
|
-
if (__getOwnPropSymbols$
|
|
309
|
-
for (var prop of __getOwnPropSymbols$
|
|
310
|
-
if (__propIsEnum$
|
|
311
|
-
__defNormalProp$
|
|
311
|
+
if (__hasOwnProp$g.call(b, prop))
|
|
312
|
+
__defNormalProp$f(a, prop, b[prop]);
|
|
313
|
+
if (__getOwnPropSymbols$g)
|
|
314
|
+
for (var prop of __getOwnPropSymbols$g(b)) {
|
|
315
|
+
if (__propIsEnum$g.call(b, prop))
|
|
316
|
+
__defNormalProp$f(a, prop, b[prop]);
|
|
312
317
|
}
|
|
313
318
|
return a;
|
|
314
319
|
};
|
|
315
|
-
var __spreadProps$
|
|
316
|
-
var __objRest$
|
|
320
|
+
var __spreadProps$e = (a, b) => __defProps$e(a, __getOwnPropDescs$e(b));
|
|
321
|
+
var __objRest$e = (source, exclude) => {
|
|
317
322
|
var target = {};
|
|
318
323
|
for (var prop in source)
|
|
319
|
-
if (__hasOwnProp$
|
|
324
|
+
if (__hasOwnProp$g.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
320
325
|
target[prop] = source[prop];
|
|
321
|
-
if (source != null && __getOwnPropSymbols$
|
|
322
|
-
for (var prop of __getOwnPropSymbols$
|
|
323
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
326
|
+
if (source != null && __getOwnPropSymbols$g)
|
|
327
|
+
for (var prop of __getOwnPropSymbols$g(source)) {
|
|
328
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$g.call(source, prop))
|
|
324
329
|
target[prop] = source[prop];
|
|
325
330
|
}
|
|
326
331
|
return target;
|
|
@@ -332,7 +337,7 @@ const _Accordion$1 = (_a, ref) => {
|
|
|
332
337
|
hideLastDivider = false,
|
|
333
338
|
hasNegativeSideMargin = false,
|
|
334
339
|
sidePadding
|
|
335
|
-
} = _b, props = __objRest$
|
|
340
|
+
} = _b, props = __objRest$e(_b, [
|
|
336
341
|
"expansionMode",
|
|
337
342
|
"headerLevel",
|
|
338
343
|
"hideLastDivider",
|
|
@@ -341,18 +346,18 @@ const _Accordion$1 = (_a, ref) => {
|
|
|
341
346
|
]);
|
|
342
347
|
sapphireReact.useThemeCheck();
|
|
343
348
|
const { styleProps } = sapphireReact.useSapphireStyleProps(props);
|
|
344
|
-
const state = useTreeState(__spreadProps$
|
|
349
|
+
const state = useTreeState(__spreadProps$e(__spreadValues$f({}, props), { expansionMode }));
|
|
345
350
|
const forwardedRef = utils$1.useObjectRef(ref);
|
|
346
351
|
const { accordionProps } = accordion.useAccordion(props, state, forwardedRef);
|
|
347
352
|
return /* @__PURE__ */ React__default["default"].createElement(AccordionContext.Provider, {
|
|
348
353
|
value: { sidePadding }
|
|
349
|
-
}, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$
|
|
354
|
+
}, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$e(__spreadValues$f({}, utils$1.mergeProps(accordionProps, utils$1.filterDOMProps(props, { labelable: true }))), {
|
|
350
355
|
ref: forwardedRef,
|
|
351
356
|
className: clsx__default["default"](styles__default$1["default"]["sapphire-accordion"], {
|
|
352
357
|
[styles__default$1["default"]["sapphire-accordion--without-last-divider"]]: hideLastDivider,
|
|
353
358
|
[styles__default$1["default"]["sapphire-accordion--negative-margin-self"]]: !sapphireReact.withTruthyZero(sidePadding) && hasNegativeSideMargin
|
|
354
359
|
}, styleProps.className),
|
|
355
|
-
style: __spreadValues$
|
|
360
|
+
style: __spreadValues$f(__spreadValues$f({}, sapphireReact.withTruthyZero(sidePadding) && hasNegativeSideMargin ? {
|
|
356
361
|
marginLeft: typeof sidePadding === "string" ? `calc(${sidePadding} * -1)` : `-${sidePadding}px`,
|
|
357
362
|
width: `calc(100% + calc(${sidePadding} * 2${typeof sidePadding === "string" ? "" : "px"}))`
|
|
358
363
|
} : {}), styleProps.style)
|
|
@@ -365,33 +370,33 @@ const _Accordion$1 = (_a, ref) => {
|
|
|
365
370
|
};
|
|
366
371
|
const Accordion = React.forwardRef(_Accordion$1);
|
|
367
372
|
|
|
368
|
-
var __defProp$
|
|
369
|
-
var __defProps$
|
|
370
|
-
var __getOwnPropDescs$
|
|
371
|
-
var __getOwnPropSymbols$
|
|
372
|
-
var __hasOwnProp$
|
|
373
|
-
var __propIsEnum$
|
|
374
|
-
var __defNormalProp$
|
|
375
|
-
var __spreadValues$
|
|
373
|
+
var __defProp$e = Object.defineProperty;
|
|
374
|
+
var __defProps$d = Object.defineProperties;
|
|
375
|
+
var __getOwnPropDescs$d = Object.getOwnPropertyDescriptors;
|
|
376
|
+
var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
|
|
377
|
+
var __hasOwnProp$f = Object.prototype.hasOwnProperty;
|
|
378
|
+
var __propIsEnum$f = Object.prototype.propertyIsEnumerable;
|
|
379
|
+
var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
380
|
+
var __spreadValues$e = (a, b) => {
|
|
376
381
|
for (var prop in b || (b = {}))
|
|
377
|
-
if (__hasOwnProp$
|
|
378
|
-
__defNormalProp$
|
|
379
|
-
if (__getOwnPropSymbols$
|
|
380
|
-
for (var prop of __getOwnPropSymbols$
|
|
381
|
-
if (__propIsEnum$
|
|
382
|
-
__defNormalProp$
|
|
382
|
+
if (__hasOwnProp$f.call(b, prop))
|
|
383
|
+
__defNormalProp$e(a, prop, b[prop]);
|
|
384
|
+
if (__getOwnPropSymbols$f)
|
|
385
|
+
for (var prop of __getOwnPropSymbols$f(b)) {
|
|
386
|
+
if (__propIsEnum$f.call(b, prop))
|
|
387
|
+
__defNormalProp$e(a, prop, b[prop]);
|
|
383
388
|
}
|
|
384
389
|
return a;
|
|
385
390
|
};
|
|
386
|
-
var __spreadProps$
|
|
387
|
-
var __objRest$
|
|
391
|
+
var __spreadProps$d = (a, b) => __defProps$d(a, __getOwnPropDescs$d(b));
|
|
392
|
+
var __objRest$d = (source, exclude) => {
|
|
388
393
|
var target = {};
|
|
389
394
|
for (var prop in source)
|
|
390
|
-
if (__hasOwnProp$
|
|
395
|
+
if (__hasOwnProp$f.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
391
396
|
target[prop] = source[prop];
|
|
392
|
-
if (source != null && __getOwnPropSymbols$
|
|
393
|
-
for (var prop of __getOwnPropSymbols$
|
|
394
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
397
|
+
if (source != null && __getOwnPropSymbols$f)
|
|
398
|
+
for (var prop of __getOwnPropSymbols$f(source)) {
|
|
399
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$f.call(source, prop))
|
|
395
400
|
target[prop] = source[prop];
|
|
396
401
|
}
|
|
397
402
|
return target;
|
|
@@ -399,10 +404,10 @@ var __objRest$9 = (source, exclude) => {
|
|
|
399
404
|
const AccordionHeading = (_a) => {
|
|
400
405
|
var _b = _a, {
|
|
401
406
|
children
|
|
402
|
-
} = _b, props = __objRest$
|
|
407
|
+
} = _b, props = __objRest$d(_b, [
|
|
403
408
|
"children"
|
|
404
409
|
]);
|
|
405
|
-
return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$
|
|
410
|
+
return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$d(__spreadValues$e({}, utils$1.filterDOMProps(props)), {
|
|
406
411
|
className: clsx__default["default"](styles__default$1["default"]["sapphire-accordion__item-heading"])
|
|
407
412
|
}), children);
|
|
408
413
|
};
|
|
@@ -412,39 +417,39 @@ const _Accordion = Object.assign(Accordion, {
|
|
|
412
417
|
Item: AccordionItem
|
|
413
418
|
});
|
|
414
419
|
|
|
415
|
-
var __defProp$
|
|
416
|
-
var __defProps$
|
|
417
|
-
var __getOwnPropDescs$
|
|
418
|
-
var __getOwnPropSymbols$
|
|
419
|
-
var __hasOwnProp$
|
|
420
|
-
var __propIsEnum$
|
|
421
|
-
var __defNormalProp$
|
|
422
|
-
var __spreadValues$
|
|
420
|
+
var __defProp$d = Object.defineProperty;
|
|
421
|
+
var __defProps$c = Object.defineProperties;
|
|
422
|
+
var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
|
|
423
|
+
var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
|
|
424
|
+
var __hasOwnProp$e = Object.prototype.hasOwnProperty;
|
|
425
|
+
var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
|
|
426
|
+
var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
427
|
+
var __spreadValues$d = (a, b) => {
|
|
423
428
|
for (var prop in b || (b = {}))
|
|
424
|
-
if (__hasOwnProp$
|
|
425
|
-
__defNormalProp$
|
|
426
|
-
if (__getOwnPropSymbols$
|
|
427
|
-
for (var prop of __getOwnPropSymbols$
|
|
428
|
-
if (__propIsEnum$
|
|
429
|
-
__defNormalProp$
|
|
429
|
+
if (__hasOwnProp$e.call(b, prop))
|
|
430
|
+
__defNormalProp$d(a, prop, b[prop]);
|
|
431
|
+
if (__getOwnPropSymbols$e)
|
|
432
|
+
for (var prop of __getOwnPropSymbols$e(b)) {
|
|
433
|
+
if (__propIsEnum$e.call(b, prop))
|
|
434
|
+
__defNormalProp$d(a, prop, b[prop]);
|
|
430
435
|
}
|
|
431
436
|
return a;
|
|
432
437
|
};
|
|
433
|
-
var __spreadProps$
|
|
434
|
-
var __objRest$
|
|
438
|
+
var __spreadProps$c = (a, b) => __defProps$c(a, __getOwnPropDescs$c(b));
|
|
439
|
+
var __objRest$c = (source, exclude) => {
|
|
435
440
|
var target = {};
|
|
436
441
|
for (var prop in source)
|
|
437
|
-
if (__hasOwnProp$
|
|
442
|
+
if (__hasOwnProp$e.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
438
443
|
target[prop] = source[prop];
|
|
439
|
-
if (source != null && __getOwnPropSymbols$
|
|
440
|
-
for (var prop of __getOwnPropSymbols$
|
|
441
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
444
|
+
if (source != null && __getOwnPropSymbols$e)
|
|
445
|
+
for (var prop of __getOwnPropSymbols$e(source)) {
|
|
446
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$e.call(source, prop))
|
|
442
447
|
target[prop] = source[prop];
|
|
443
448
|
}
|
|
444
449
|
return target;
|
|
445
450
|
};
|
|
446
451
|
const HiddenFileInput = React__default["default"].forwardRef(function InputWrapper(props, ref) {
|
|
447
|
-
return /* @__PURE__ */ React__default["default"].createElement("input", __spreadProps$
|
|
452
|
+
return /* @__PURE__ */ React__default["default"].createElement("input", __spreadProps$c(__spreadValues$d({}, props), {
|
|
448
453
|
ref,
|
|
449
454
|
type: "file",
|
|
450
455
|
style: { display: "none" }
|
|
@@ -457,7 +462,7 @@ const FileTrigger = React__default["default"].forwardRef(function FileTriggerWra
|
|
|
457
462
|
onSelect = () => null,
|
|
458
463
|
children,
|
|
459
464
|
isDisabled = false
|
|
460
|
-
} = _a, rest = __objRest$
|
|
465
|
+
} = _a, rest = __objRest$c(_a, [
|
|
461
466
|
"acceptedFileTypes",
|
|
462
467
|
"allowsMultiple",
|
|
463
468
|
"onSelect",
|
|
@@ -475,7 +480,7 @@ const FileTrigger = React__default["default"].forwardRef(function FileTriggerWra
|
|
|
475
480
|
}
|
|
476
481
|
(_a2 = inputRef.current) == null ? void 0 : _a2.click();
|
|
477
482
|
}
|
|
478
|
-
}, children), /* @__PURE__ */ React__default["default"].createElement(HiddenFileInput, __spreadProps$
|
|
483
|
+
}, children), /* @__PURE__ */ React__default["default"].createElement(HiddenFileInput, __spreadProps$c(__spreadValues$d({}, domProps), {
|
|
479
484
|
disabled: isDisabled,
|
|
480
485
|
ref: inputRef,
|
|
481
486
|
accept: acceptedFileTypes == null ? void 0 : acceptedFileTypes.toString(),
|
|
@@ -547,25 +552,25 @@ var intlMessages$1 = {
|
|
|
547
552
|
"sv-SE": se$1
|
|
548
553
|
};
|
|
549
554
|
|
|
550
|
-
var __defProp$
|
|
551
|
-
var __defProps$
|
|
552
|
-
var __getOwnPropDescs$
|
|
553
|
-
var __getOwnPropSymbols$
|
|
554
|
-
var __hasOwnProp$
|
|
555
|
-
var __propIsEnum$
|
|
556
|
-
var __defNormalProp$
|
|
557
|
-
var __spreadValues$
|
|
555
|
+
var __defProp$c = Object.defineProperty;
|
|
556
|
+
var __defProps$b = Object.defineProperties;
|
|
557
|
+
var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
|
|
558
|
+
var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
|
|
559
|
+
var __hasOwnProp$d = Object.prototype.hasOwnProperty;
|
|
560
|
+
var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
|
|
561
|
+
var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
562
|
+
var __spreadValues$c = (a, b) => {
|
|
558
563
|
for (var prop in b || (b = {}))
|
|
559
|
-
if (__hasOwnProp$
|
|
560
|
-
__defNormalProp$
|
|
561
|
-
if (__getOwnPropSymbols$
|
|
562
|
-
for (var prop of __getOwnPropSymbols$
|
|
563
|
-
if (__propIsEnum$
|
|
564
|
-
__defNormalProp$
|
|
564
|
+
if (__hasOwnProp$d.call(b, prop))
|
|
565
|
+
__defNormalProp$c(a, prop, b[prop]);
|
|
566
|
+
if (__getOwnPropSymbols$d)
|
|
567
|
+
for (var prop of __getOwnPropSymbols$d(b)) {
|
|
568
|
+
if (__propIsEnum$d.call(b, prop))
|
|
569
|
+
__defNormalProp$c(a, prop, b[prop]);
|
|
565
570
|
}
|
|
566
571
|
return a;
|
|
567
572
|
};
|
|
568
|
-
var __spreadProps$
|
|
573
|
+
var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
|
|
569
574
|
const FileDropzone = React__default["default"].forwardRef(function DropzoneWrapper(props, forwardedRef) {
|
|
570
575
|
const {
|
|
571
576
|
isDisabled = false,
|
|
@@ -583,7 +588,7 @@ const FileDropzone = React__default["default"].forwardRef(function DropzoneWrapp
|
|
|
583
588
|
const pressableRef = utils$1.useObjectRef(forwardedRef);
|
|
584
589
|
const { hoverProps, isHovered } = interactions.useHover({ isDisabled });
|
|
585
590
|
const { styleProps } = sapphireReact.useSapphireStyleProps(props);
|
|
586
|
-
const { dropProps, isDropTarget: isDropping } = dnd.useDrop(__spreadProps$
|
|
591
|
+
const { dropProps, isDropTarget: isDropping } = dnd.useDrop(__spreadProps$b(__spreadValues$c({}, props), {
|
|
587
592
|
ref: pressableRef,
|
|
588
593
|
hasDropButton: true,
|
|
589
594
|
isDisabled,
|
|
@@ -619,8 +624,8 @@ const FileDropzone = React__default["default"].forwardRef(function DropzoneWrapp
|
|
|
619
624
|
}, /* @__PURE__ */ React__default["default"].createElement(interactions.Pressable, {
|
|
620
625
|
ref: pressableRef,
|
|
621
626
|
onPress: onFileSelectOpen
|
|
622
|
-
}, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$
|
|
623
|
-
style: __spreadValues$
|
|
627
|
+
}, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$b(__spreadValues$c({}, utils$1.mergeProps(dropProps, hoverProps, clipboardProps, focusProps, buttonProps)), {
|
|
628
|
+
style: __spreadValues$c({}, styleProps.style),
|
|
624
629
|
className: clsx__default["default"](styles__default$2["default"]["sapphire-dropzone"], styles__default$2["default"]["js-focus"], styles__default$2["default"]["js-hover"], {
|
|
625
630
|
[styles__default$2["default"]["is-hover"]]: isHovered && !isDropping,
|
|
626
631
|
[styles__default$2["default"]["is-active"]]: isPressed,
|
|
@@ -648,42 +653,42 @@ const FileDropzone = React__default["default"].forwardRef(function DropzoneWrapp
|
|
|
648
653
|
}, renderInstruction(isDropping)))))));
|
|
649
654
|
});
|
|
650
655
|
|
|
651
|
-
var __defProp$
|
|
652
|
-
var __defProps$
|
|
653
|
-
var __getOwnPropDescs$
|
|
654
|
-
var __getOwnPropSymbols$
|
|
655
|
-
var __hasOwnProp$
|
|
656
|
-
var __propIsEnum$
|
|
657
|
-
var __defNormalProp$
|
|
658
|
-
var __spreadValues$
|
|
656
|
+
var __defProp$b = Object.defineProperty;
|
|
657
|
+
var __defProps$a = Object.defineProperties;
|
|
658
|
+
var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
|
|
659
|
+
var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
|
|
660
|
+
var __hasOwnProp$c = Object.prototype.hasOwnProperty;
|
|
661
|
+
var __propIsEnum$c = Object.prototype.propertyIsEnumerable;
|
|
662
|
+
var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
663
|
+
var __spreadValues$b = (a, b) => {
|
|
659
664
|
for (var prop in b || (b = {}))
|
|
660
|
-
if (__hasOwnProp$
|
|
661
|
-
__defNormalProp$
|
|
662
|
-
if (__getOwnPropSymbols$
|
|
663
|
-
for (var prop of __getOwnPropSymbols$
|
|
664
|
-
if (__propIsEnum$
|
|
665
|
-
__defNormalProp$
|
|
665
|
+
if (__hasOwnProp$c.call(b, prop))
|
|
666
|
+
__defNormalProp$b(a, prop, b[prop]);
|
|
667
|
+
if (__getOwnPropSymbols$c)
|
|
668
|
+
for (var prop of __getOwnPropSymbols$c(b)) {
|
|
669
|
+
if (__propIsEnum$c.call(b, prop))
|
|
670
|
+
__defNormalProp$b(a, prop, b[prop]);
|
|
666
671
|
}
|
|
667
672
|
return a;
|
|
668
673
|
};
|
|
669
|
-
var __spreadProps$
|
|
670
|
-
var __objRest$
|
|
674
|
+
var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
|
|
675
|
+
var __objRest$b = (source, exclude) => {
|
|
671
676
|
var target = {};
|
|
672
677
|
for (var prop in source)
|
|
673
|
-
if (__hasOwnProp$
|
|
678
|
+
if (__hasOwnProp$c.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
674
679
|
target[prop] = source[prop];
|
|
675
|
-
if (source != null && __getOwnPropSymbols$
|
|
676
|
-
for (var prop of __getOwnPropSymbols$
|
|
677
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
680
|
+
if (source != null && __getOwnPropSymbols$c)
|
|
681
|
+
for (var prop of __getOwnPropSymbols$c(source)) {
|
|
682
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$c.call(source, prop))
|
|
678
683
|
target[prop] = source[prop];
|
|
679
684
|
}
|
|
680
685
|
return target;
|
|
681
686
|
};
|
|
682
687
|
const Flag = React__default["default"].forwardRef(function Flag2(_a, ref) {
|
|
683
|
-
var _b = _a, { size = "lg", rounded, "aria-label": ariaLabel } = _b, props = __objRest$
|
|
688
|
+
var _b = _a, { size = "lg", rounded, "aria-label": ariaLabel } = _b, props = __objRest$b(_b, ["size", "rounded", "aria-label"]);
|
|
684
689
|
sapphireReact.useThemeCheck();
|
|
685
690
|
const { styleProps } = sapphireReact.useSapphireStyleProps(props);
|
|
686
|
-
return React__default["default"].cloneElement(utils$2.getWrappedElement(props.children), __spreadProps$
|
|
691
|
+
return React__default["default"].cloneElement(utils$2.getWrappedElement(props.children), __spreadProps$a(__spreadValues$b({
|
|
687
692
|
ref,
|
|
688
693
|
role: "img"
|
|
689
694
|
}, ariaLabel ? { "aria-label": ariaLabel } : { "aria-hidden": true }), {
|
|
@@ -758,33 +763,33 @@ var intlMessages = {
|
|
|
758
763
|
"sv-SE": se
|
|
759
764
|
};
|
|
760
765
|
|
|
761
|
-
var __defProp$
|
|
762
|
-
var __defProps$
|
|
763
|
-
var __getOwnPropDescs$
|
|
764
|
-
var __getOwnPropSymbols$
|
|
765
|
-
var __hasOwnProp$
|
|
766
|
-
var __propIsEnum$
|
|
767
|
-
var __defNormalProp$
|
|
768
|
-
var __spreadValues$
|
|
766
|
+
var __defProp$a = Object.defineProperty;
|
|
767
|
+
var __defProps$9 = Object.defineProperties;
|
|
768
|
+
var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
|
|
769
|
+
var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
|
|
770
|
+
var __hasOwnProp$b = Object.prototype.hasOwnProperty;
|
|
771
|
+
var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
|
|
772
|
+
var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
773
|
+
var __spreadValues$a = (a, b) => {
|
|
769
774
|
for (var prop in b || (b = {}))
|
|
770
|
-
if (__hasOwnProp$
|
|
771
|
-
__defNormalProp$
|
|
772
|
-
if (__getOwnPropSymbols$
|
|
773
|
-
for (var prop of __getOwnPropSymbols$
|
|
774
|
-
if (__propIsEnum$
|
|
775
|
-
__defNormalProp$
|
|
775
|
+
if (__hasOwnProp$b.call(b, prop))
|
|
776
|
+
__defNormalProp$a(a, prop, b[prop]);
|
|
777
|
+
if (__getOwnPropSymbols$b)
|
|
778
|
+
for (var prop of __getOwnPropSymbols$b(b)) {
|
|
779
|
+
if (__propIsEnum$b.call(b, prop))
|
|
780
|
+
__defNormalProp$a(a, prop, b[prop]);
|
|
776
781
|
}
|
|
777
782
|
return a;
|
|
778
783
|
};
|
|
779
|
-
var __spreadProps$
|
|
780
|
-
var __objRest$
|
|
784
|
+
var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
|
|
785
|
+
var __objRest$a = (source, exclude) => {
|
|
781
786
|
var target = {};
|
|
782
787
|
for (var prop in source)
|
|
783
|
-
if (__hasOwnProp$
|
|
788
|
+
if (__hasOwnProp$b.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
784
789
|
target[prop] = source[prop];
|
|
785
|
-
if (source != null && __getOwnPropSymbols$
|
|
786
|
-
for (var prop of __getOwnPropSymbols$
|
|
787
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
790
|
+
if (source != null && __getOwnPropSymbols$b)
|
|
791
|
+
for (var prop of __getOwnPropSymbols$b(source)) {
|
|
792
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$b.call(source, prop))
|
|
788
793
|
target[prop] = source[prop];
|
|
789
794
|
}
|
|
790
795
|
return target;
|
|
@@ -793,14 +798,14 @@ const StepperButton = (_a) => {
|
|
|
793
798
|
var _b = _a, {
|
|
794
799
|
variant,
|
|
795
800
|
size
|
|
796
|
-
} = _b, props = __objRest$
|
|
801
|
+
} = _b, props = __objRest$a(_b, [
|
|
797
802
|
"variant",
|
|
798
803
|
"size"
|
|
799
804
|
]);
|
|
800
805
|
const ref = React.useRef(null);
|
|
801
806
|
const { buttonProps, isPressed } = sapphireReact.useButton(props, ref);
|
|
802
807
|
const { hoverProps, isHovered } = interactions.useHover({ isDisabled: props.isDisabled });
|
|
803
|
-
return /* @__PURE__ */ React__default["default"].createElement("button", __spreadProps$
|
|
808
|
+
return /* @__PURE__ */ React__default["default"].createElement("button", __spreadProps$9(__spreadValues$a({}, utils$1.mergeProps(buttonProps, hoverProps, utils$1.filterDOMProps(props))), {
|
|
804
809
|
ref,
|
|
805
810
|
className: clsx__default["default"](textFieldStyles__default["default"]["sapphire-text-field__stepper-button"], textFieldStyles__default["default"]["js-hover"], {
|
|
806
811
|
[textFieldStyles__default["default"]["is-active"]]: isPressed,
|
|
@@ -828,76 +833,76 @@ function useAutofillStyle(inputRef) {
|
|
|
828
833
|
};
|
|
829
834
|
}
|
|
830
835
|
|
|
831
|
-
var __defProp$
|
|
832
|
-
var __defProps$
|
|
833
|
-
var __getOwnPropDescs$
|
|
834
|
-
var __getOwnPropSymbols$
|
|
835
|
-
var __hasOwnProp$
|
|
836
|
-
var __propIsEnum$
|
|
837
|
-
var __defNormalProp$
|
|
838
|
-
var __spreadValues$
|
|
836
|
+
var __defProp$9 = Object.defineProperty;
|
|
837
|
+
var __defProps$8 = Object.defineProperties;
|
|
838
|
+
var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
|
|
839
|
+
var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
|
|
840
|
+
var __hasOwnProp$a = Object.prototype.hasOwnProperty;
|
|
841
|
+
var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
|
|
842
|
+
var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
843
|
+
var __spreadValues$9 = (a, b) => {
|
|
839
844
|
for (var prop in b || (b = {}))
|
|
840
|
-
if (__hasOwnProp$
|
|
841
|
-
__defNormalProp$
|
|
842
|
-
if (__getOwnPropSymbols$
|
|
843
|
-
for (var prop of __getOwnPropSymbols$
|
|
844
|
-
if (__propIsEnum$
|
|
845
|
-
__defNormalProp$
|
|
845
|
+
if (__hasOwnProp$a.call(b, prop))
|
|
846
|
+
__defNormalProp$9(a, prop, b[prop]);
|
|
847
|
+
if (__getOwnPropSymbols$a)
|
|
848
|
+
for (var prop of __getOwnPropSymbols$a(b)) {
|
|
849
|
+
if (__propIsEnum$a.call(b, prop))
|
|
850
|
+
__defNormalProp$9(a, prop, b[prop]);
|
|
846
851
|
}
|
|
847
852
|
return a;
|
|
848
853
|
};
|
|
849
|
-
var __spreadProps$
|
|
850
|
-
var __objRest$
|
|
854
|
+
var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
|
|
855
|
+
var __objRest$9 = (source, exclude) => {
|
|
851
856
|
var target = {};
|
|
852
857
|
for (var prop in source)
|
|
853
|
-
if (__hasOwnProp$
|
|
858
|
+
if (__hasOwnProp$a.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
854
859
|
target[prop] = source[prop];
|
|
855
|
-
if (source != null && __getOwnPropSymbols$
|
|
856
|
-
for (var prop of __getOwnPropSymbols$
|
|
857
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
860
|
+
if (source != null && __getOwnPropSymbols$a)
|
|
861
|
+
for (var prop of __getOwnPropSymbols$a(source)) {
|
|
862
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$a.call(source, prop))
|
|
858
863
|
target[prop] = source[prop];
|
|
859
864
|
}
|
|
860
865
|
return target;
|
|
861
866
|
};
|
|
862
867
|
const useSapphireNumberField = (_a, ref) => {
|
|
863
|
-
var _b = _a, { error } = _b, numberFieldProps = __objRest$
|
|
868
|
+
var _b = _a, { error } = _b, numberFieldProps = __objRest$9(_b, ["error"]);
|
|
864
869
|
const { locale } = i18n.useLocale();
|
|
865
|
-
const numberFieldState = numberfield.useNumberFieldState(__spreadProps$
|
|
870
|
+
const numberFieldState = numberfield.useNumberFieldState(__spreadProps$8(__spreadValues$9({}, numberFieldProps), {
|
|
866
871
|
locale
|
|
867
872
|
}));
|
|
868
|
-
const numberFieldAria = numberfield$1.useNumberField(__spreadProps$
|
|
873
|
+
const numberFieldAria = numberfield$1.useNumberField(__spreadProps$8(__spreadValues$9({}, numberFieldProps), {
|
|
869
874
|
validationState: error === false || error === void 0 ? void 0 : "invalid"
|
|
870
875
|
}), numberFieldState, ref);
|
|
871
876
|
return numberFieldAria;
|
|
872
877
|
};
|
|
873
878
|
|
|
874
|
-
var __defProp$
|
|
875
|
-
var __defProps$
|
|
876
|
-
var __getOwnPropDescs$
|
|
877
|
-
var __getOwnPropSymbols$
|
|
878
|
-
var __hasOwnProp$
|
|
879
|
-
var __propIsEnum$
|
|
880
|
-
var __defNormalProp$
|
|
881
|
-
var __spreadValues$
|
|
879
|
+
var __defProp$8 = Object.defineProperty;
|
|
880
|
+
var __defProps$7 = Object.defineProperties;
|
|
881
|
+
var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
|
|
882
|
+
var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
|
|
883
|
+
var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
|
|
884
|
+
var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
|
|
885
|
+
var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
886
|
+
var __spreadValues$8 = (a, b) => {
|
|
882
887
|
for (var prop in b || (b = {}))
|
|
883
|
-
if (__hasOwnProp$
|
|
884
|
-
__defNormalProp$
|
|
885
|
-
if (__getOwnPropSymbols$
|
|
886
|
-
for (var prop of __getOwnPropSymbols$
|
|
887
|
-
if (__propIsEnum$
|
|
888
|
-
__defNormalProp$
|
|
888
|
+
if (__hasOwnProp$9.call(b, prop))
|
|
889
|
+
__defNormalProp$8(a, prop, b[prop]);
|
|
890
|
+
if (__getOwnPropSymbols$9)
|
|
891
|
+
for (var prop of __getOwnPropSymbols$9(b)) {
|
|
892
|
+
if (__propIsEnum$9.call(b, prop))
|
|
893
|
+
__defNormalProp$8(a, prop, b[prop]);
|
|
889
894
|
}
|
|
890
895
|
return a;
|
|
891
896
|
};
|
|
892
|
-
var __spreadProps$
|
|
893
|
-
var __objRest$
|
|
897
|
+
var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
|
|
898
|
+
var __objRest$8 = (source, exclude) => {
|
|
894
899
|
var target = {};
|
|
895
900
|
for (var prop in source)
|
|
896
|
-
if (__hasOwnProp$
|
|
901
|
+
if (__hasOwnProp$9.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
897
902
|
target[prop] = source[prop];
|
|
898
|
-
if (source != null && __getOwnPropSymbols$
|
|
899
|
-
for (var prop of __getOwnPropSymbols$
|
|
900
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
903
|
+
if (source != null && __getOwnPropSymbols$9)
|
|
904
|
+
for (var prop of __getOwnPropSymbols$9(source)) {
|
|
905
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$9.call(source, prop))
|
|
901
906
|
target[prop] = source[prop];
|
|
902
907
|
}
|
|
903
908
|
return target;
|
|
@@ -919,7 +924,7 @@ const NumberField = React.forwardRef(function NumberField2(props, ref) {
|
|
|
919
924
|
showButtons = false,
|
|
920
925
|
incrementAriaLabel,
|
|
921
926
|
decrementAriaLabel
|
|
922
|
-
} = _a, otherProps = __objRest$
|
|
927
|
+
} = _a, otherProps = __objRest$8(_a, [
|
|
923
928
|
"label",
|
|
924
929
|
"isDisabled",
|
|
925
930
|
"error",
|
|
@@ -946,26 +951,25 @@ const NumberField = React.forwardRef(function NumberField2(props, ref) {
|
|
|
946
951
|
decrementButtonProps,
|
|
947
952
|
descriptionProps,
|
|
948
953
|
errorMessageProps
|
|
949
|
-
} = useSapphireNumberField(__spreadProps$
|
|
954
|
+
} = useSapphireNumberField(__spreadProps$7(__spreadValues$8({}, props), {
|
|
950
955
|
incrementAriaLabel: incrementAriaLabel != null ? incrementAriaLabel : formatMessage("increment"),
|
|
951
956
|
decrementAriaLabel: decrementAriaLabel != null ? decrementAriaLabel : formatMessage("decrement")
|
|
952
957
|
}), inputRef);
|
|
953
958
|
const { focusProps, isFocusVisible } = focus.useFocusRing();
|
|
954
959
|
const { autofillStyles, updateStyle } = useAutofillStyle(inputRef);
|
|
955
960
|
const containerRef = React.useRef(null);
|
|
956
|
-
React.useImperativeHandle(ref, () => __spreadProps$
|
|
961
|
+
React.useImperativeHandle(ref, () => __spreadProps$7(__spreadValues$8({}, utils$2.createFocusableRef(containerRef, inputRef)), {
|
|
957
962
|
getInputElement() {
|
|
958
963
|
return inputRef.current;
|
|
959
964
|
}
|
|
960
965
|
}));
|
|
961
|
-
return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field, __spreadProps$
|
|
966
|
+
return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field, __spreadProps$7(__spreadValues$8({}, removeUniqueDOMProps(otherProps)), {
|
|
962
967
|
ref: containerRef,
|
|
963
|
-
isDisabled,
|
|
964
968
|
size,
|
|
965
969
|
labelPlacement
|
|
966
970
|
}), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Context, {
|
|
967
971
|
descriptionProps: error ? errorMessageProps : descriptionProps
|
|
968
|
-
}, label && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Label, null, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Label, __spreadProps$
|
|
972
|
+
}, label && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Label, null, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Label, __spreadProps$7(__spreadValues$8({}, labelProps), {
|
|
969
973
|
size,
|
|
970
974
|
necessityIndicator: isRequired && necessityIndicator ? "required" : !isRequired && necessityIndicator ? "optional" : void 0,
|
|
971
975
|
contextualHelp
|
|
@@ -979,7 +983,7 @@ const NumberField = React.forwardRef(function NumberField2(props, ref) {
|
|
|
979
983
|
className: clsx__default["default"](textFieldStyles__default["default"]["sapphire-text-field__prefix"], {
|
|
980
984
|
[textFieldStyles__default["default"]["sapphire-text-field__prefix--icon"]]: typeof prefix !== "string"
|
|
981
985
|
})
|
|
982
|
-
}, prefix), /* @__PURE__ */ React__default["default"].createElement("input", __spreadProps$
|
|
986
|
+
}, prefix), /* @__PURE__ */ React__default["default"].createElement("input", __spreadProps$7(__spreadValues$8({}, utils$1.mergeProps(inputProps, focusProps, {
|
|
983
987
|
onChange: updateStyle,
|
|
984
988
|
onBlur: updateStyle
|
|
985
989
|
})), {
|
|
@@ -994,10 +998,10 @@ const NumberField = React.forwardRef(function NumberField2(props, ref) {
|
|
|
994
998
|
})
|
|
995
999
|
}, postfix), showButtons && /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
996
1000
|
className: clsx__default["default"](textFieldStyles__default["default"]["sapphire-text-field__stepper"])
|
|
997
|
-
}, /* @__PURE__ */ React__default["default"].createElement(StepperButton, __spreadValues$
|
|
1001
|
+
}, /* @__PURE__ */ React__default["default"].createElement(StepperButton, __spreadValues$8({
|
|
998
1002
|
variant: "increment",
|
|
999
1003
|
size
|
|
1000
|
-
}, incrementButtonProps)), /* @__PURE__ */ React__default["default"].createElement(StepperButton, __spreadValues$
|
|
1004
|
+
}, incrementButtonProps)), /* @__PURE__ */ React__default["default"].createElement(StepperButton, __spreadValues$8({
|
|
1001
1005
|
variant: "decrement",
|
|
1002
1006
|
size
|
|
1003
1007
|
}, decrementButtonProps))))), (error && typeof error !== "boolean" || note) && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Footer, null, error && typeof error !== "boolean" ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, {
|
|
@@ -1006,25 +1010,25 @@ const NumberField = React.forwardRef(function NumberField2(props, ref) {
|
|
|
1006
1010
|
});
|
|
1007
1011
|
const removeUniqueDOMProps = (props) => Object.fromEntries(Object.entries(props).filter(([name]) => name !== "id" && !name.startsWith("data-")));
|
|
1008
1012
|
|
|
1009
|
-
var __defProp$
|
|
1010
|
-
var __defProps$
|
|
1011
|
-
var __getOwnPropDescs$
|
|
1012
|
-
var __getOwnPropSymbols$
|
|
1013
|
-
var __hasOwnProp$
|
|
1014
|
-
var __propIsEnum$
|
|
1015
|
-
var __defNormalProp$
|
|
1016
|
-
var __spreadValues$
|
|
1013
|
+
var __defProp$7 = Object.defineProperty;
|
|
1014
|
+
var __defProps$6 = Object.defineProperties;
|
|
1015
|
+
var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
|
|
1016
|
+
var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
|
|
1017
|
+
var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
|
|
1018
|
+
var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
|
|
1019
|
+
var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
1020
|
+
var __spreadValues$7 = (a, b) => {
|
|
1017
1021
|
for (var prop in b || (b = {}))
|
|
1018
|
-
if (__hasOwnProp$
|
|
1019
|
-
__defNormalProp$
|
|
1020
|
-
if (__getOwnPropSymbols$
|
|
1021
|
-
for (var prop of __getOwnPropSymbols$
|
|
1022
|
-
if (__propIsEnum$
|
|
1023
|
-
__defNormalProp$
|
|
1022
|
+
if (__hasOwnProp$8.call(b, prop))
|
|
1023
|
+
__defNormalProp$7(a, prop, b[prop]);
|
|
1024
|
+
if (__getOwnPropSymbols$8)
|
|
1025
|
+
for (var prop of __getOwnPropSymbols$8(b)) {
|
|
1026
|
+
if (__propIsEnum$8.call(b, prop))
|
|
1027
|
+
__defNormalProp$7(a, prop, b[prop]);
|
|
1024
1028
|
}
|
|
1025
1029
|
return a;
|
|
1026
1030
|
};
|
|
1027
|
-
var __spreadProps$
|
|
1031
|
+
var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
|
|
1028
1032
|
const ProgressIndicator = (props) => {
|
|
1029
1033
|
const {
|
|
1030
1034
|
maxValue = 100,
|
|
@@ -1034,7 +1038,7 @@ const ProgressIndicator = (props) => {
|
|
|
1034
1038
|
} = props;
|
|
1035
1039
|
sapphireReact.useThemeCheck();
|
|
1036
1040
|
const { styleProps } = sapphireReact.useSapphireStyleProps(props);
|
|
1037
|
-
const { progressBarProps } = progress.useProgressBar(__spreadProps$
|
|
1041
|
+
const { progressBarProps } = progress.useProgressBar(__spreadProps$6(__spreadValues$7({}, props), {
|
|
1038
1042
|
minValue: 0,
|
|
1039
1043
|
valueLabel: ariaValueText
|
|
1040
1044
|
}));
|
|
@@ -1043,9 +1047,9 @@ const ProgressIndicator = (props) => {
|
|
|
1043
1047
|
const widthPercentage = value / maxValue * 100;
|
|
1044
1048
|
return /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
1045
1049
|
className: clsx__default["default"](styles__default$4["default"]["sapphire-progress"])
|
|
1046
|
-
}, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$
|
|
1050
|
+
}, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$6(__spreadValues$7({}, progressBarProps), {
|
|
1047
1051
|
className: styles__default$4["default"]["sapphire-progress--indicator"],
|
|
1048
|
-
style: __spreadProps$
|
|
1052
|
+
style: __spreadProps$6(__spreadValues$7({}, styleProps), { width: `${widthPercentage}%` }),
|
|
1049
1053
|
"aria-label": "aria-label" in props ? props["aria-label"] : void 0,
|
|
1050
1054
|
"aria-labelledby": "aria-labelledby" in props ? props["aria-labelledby"] : void 0
|
|
1051
1055
|
})), segments > 1 && /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
@@ -1055,6 +1059,259 @@ const ProgressIndicator = (props) => {
|
|
|
1055
1059
|
}))));
|
|
1056
1060
|
};
|
|
1057
1061
|
|
|
1062
|
+
var __defProp$6 = Object.defineProperty;
|
|
1063
|
+
var __defProps$5 = Object.defineProperties;
|
|
1064
|
+
var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
|
|
1065
|
+
var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
|
|
1066
|
+
var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
|
|
1067
|
+
var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
|
|
1068
|
+
var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
1069
|
+
var __spreadValues$6 = (a, b) => {
|
|
1070
|
+
for (var prop in b || (b = {}))
|
|
1071
|
+
if (__hasOwnProp$7.call(b, prop))
|
|
1072
|
+
__defNormalProp$6(a, prop, b[prop]);
|
|
1073
|
+
if (__getOwnPropSymbols$7)
|
|
1074
|
+
for (var prop of __getOwnPropSymbols$7(b)) {
|
|
1075
|
+
if (__propIsEnum$7.call(b, prop))
|
|
1076
|
+
__defNormalProp$6(a, prop, b[prop]);
|
|
1077
|
+
}
|
|
1078
|
+
return a;
|
|
1079
|
+
};
|
|
1080
|
+
var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
|
|
1081
|
+
var __objRest$7 = (source, exclude) => {
|
|
1082
|
+
var target = {};
|
|
1083
|
+
for (var prop in source)
|
|
1084
|
+
if (__hasOwnProp$7.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
1085
|
+
target[prop] = source[prop];
|
|
1086
|
+
if (source != null && __getOwnPropSymbols$7)
|
|
1087
|
+
for (var prop of __getOwnPropSymbols$7(source)) {
|
|
1088
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$7.call(source, prop))
|
|
1089
|
+
target[prop] = source[prop];
|
|
1090
|
+
}
|
|
1091
|
+
return target;
|
|
1092
|
+
};
|
|
1093
|
+
const Slider = (_a) => {
|
|
1094
|
+
var _b = _a, {
|
|
1095
|
+
label,
|
|
1096
|
+
labelPlacement = "above",
|
|
1097
|
+
note,
|
|
1098
|
+
name,
|
|
1099
|
+
isDisabled
|
|
1100
|
+
} = _b, props = __objRest$7(_b, [
|
|
1101
|
+
"label",
|
|
1102
|
+
"labelPlacement",
|
|
1103
|
+
"note",
|
|
1104
|
+
"name",
|
|
1105
|
+
"isDisabled"
|
|
1106
|
+
]);
|
|
1107
|
+
sapphireReact.useThemeCheck();
|
|
1108
|
+
const { styleProps } = sapphireReact.useSapphireStyleProps(props);
|
|
1109
|
+
return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field, __spreadProps$5(__spreadValues$6({}, styleProps), {
|
|
1110
|
+
labelPlacement
|
|
1111
|
+
}), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Context, null, label && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Label, null, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Label, null, label)), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Control, null, /* @__PURE__ */ React__default["default"].createElement(reactAriaComponents.Slider, __spreadProps$5(__spreadValues$6({}, props), {
|
|
1112
|
+
style: { height: "100%" }
|
|
1113
|
+
}), /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
1114
|
+
className: clsx__default["default"](styles__default$5["default"]["sapphire-slider"]),
|
|
1115
|
+
role: "slider"
|
|
1116
|
+
}, /* @__PURE__ */ React__default["default"].createElement(reactAriaComponents.SliderTrack, {
|
|
1117
|
+
className: clsx__default["default"](styles__default$5["default"]["sapphire-slider__track"])
|
|
1118
|
+
}, ({ state }) => /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
1119
|
+
className: clsx__default["default"](styles__default$5["default"]["sapphire-slider__track-remaining"])
|
|
1120
|
+
}), /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
1121
|
+
className: clsx__default["default"](styles__default$5["default"]["sapphire-slider__track-fill"]),
|
|
1122
|
+
style: { width: state.getThumbPercent(0) * 100 + "%" }
|
|
1123
|
+
}), /* @__PURE__ */ React__default["default"].createElement(reactAriaComponents.SliderThumb, {
|
|
1124
|
+
name,
|
|
1125
|
+
className: (state2) => clsx__default["default"](styles__default$5["default"]["sapphire-slider__thumb"], {
|
|
1126
|
+
[styles__default$5["default"]["is-focus"]]: state2.isFocusVisible
|
|
1127
|
+
}),
|
|
1128
|
+
style: ({ state: state2 }) => {
|
|
1129
|
+
const percent = Math.min(3 + state2.getThumbPercent(0) * 94, 100);
|
|
1130
|
+
return {
|
|
1131
|
+
left: `${percent}%`
|
|
1132
|
+
};
|
|
1133
|
+
}
|
|
1134
|
+
})))))), note && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Footer, null, note)));
|
|
1135
|
+
};
|
|
1136
|
+
|
|
1137
|
+
const _Slider = Object.assign(Slider, {
|
|
1138
|
+
Note: sapphireReact.Field.Note
|
|
1139
|
+
});
|
|
1140
|
+
|
|
1141
|
+
var __defProp$5 = Object.defineProperty;
|
|
1142
|
+
var __defProps$4 = Object.defineProperties;
|
|
1143
|
+
var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
|
|
1144
|
+
var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
|
|
1145
|
+
var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
|
|
1146
|
+
var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
|
|
1147
|
+
var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
1148
|
+
var __spreadValues$5 = (a, b) => {
|
|
1149
|
+
for (var prop in b || (b = {}))
|
|
1150
|
+
if (__hasOwnProp$6.call(b, prop))
|
|
1151
|
+
__defNormalProp$5(a, prop, b[prop]);
|
|
1152
|
+
if (__getOwnPropSymbols$6)
|
|
1153
|
+
for (var prop of __getOwnPropSymbols$6(b)) {
|
|
1154
|
+
if (__propIsEnum$6.call(b, prop))
|
|
1155
|
+
__defNormalProp$5(a, prop, b[prop]);
|
|
1156
|
+
}
|
|
1157
|
+
return a;
|
|
1158
|
+
};
|
|
1159
|
+
var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
|
|
1160
|
+
var __objRest$6 = (source, exclude) => {
|
|
1161
|
+
var target = {};
|
|
1162
|
+
for (var prop in source)
|
|
1163
|
+
if (__hasOwnProp$6.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
1164
|
+
target[prop] = source[prop];
|
|
1165
|
+
if (source != null && __getOwnPropSymbols$6)
|
|
1166
|
+
for (var prop of __getOwnPropSymbols$6(source)) {
|
|
1167
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$6.call(source, prop))
|
|
1168
|
+
target[prop] = source[prop];
|
|
1169
|
+
}
|
|
1170
|
+
return target;
|
|
1171
|
+
};
|
|
1172
|
+
const BreadcrumbsContext = React.createContext({ size: "md" });
|
|
1173
|
+
const Breadcrumbs = (_a) => {
|
|
1174
|
+
var _b = _a, {
|
|
1175
|
+
size = "md",
|
|
1176
|
+
children,
|
|
1177
|
+
maxWidth
|
|
1178
|
+
} = _b, props = __objRest$6(_b, [
|
|
1179
|
+
"size",
|
|
1180
|
+
"children",
|
|
1181
|
+
"maxWidth"
|
|
1182
|
+
]);
|
|
1183
|
+
sapphireReact.useThemeCheck();
|
|
1184
|
+
const { styleProps } = sapphireReact.useSapphireStyleProps(props);
|
|
1185
|
+
const containerRef = React.useRef(null);
|
|
1186
|
+
const breadcrumbRef = React.useRef(null);
|
|
1187
|
+
return /* @__PURE__ */ React__default["default"].createElement(BreadcrumbsContext.Provider, {
|
|
1188
|
+
value: { size }
|
|
1189
|
+
}, /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
1190
|
+
ref: containerRef,
|
|
1191
|
+
style: __spreadProps$4(__spreadValues$5({}, styleProps.style), {
|
|
1192
|
+
maxWidth,
|
|
1193
|
+
display: "flex"
|
|
1194
|
+
})
|
|
1195
|
+
}, /* @__PURE__ */ React__default["default"].createElement(reactAriaComponents.Breadcrumbs, __spreadProps$4(__spreadValues$5({}, props), {
|
|
1196
|
+
ref: breadcrumbRef,
|
|
1197
|
+
className: clsx__default["default"](styles__default$6["default"]["sapphire-breadcrumbs"], {
|
|
1198
|
+
[styles__default$6["default"]["sapphire-breadcrumbs--sm"]]: size === "sm",
|
|
1199
|
+
[styles__default$6["default"]["sapphire-breadcrumbs--lg"]]: size === "lg"
|
|
1200
|
+
})
|
|
1201
|
+
}), children)));
|
|
1202
|
+
};
|
|
1203
|
+
|
|
1204
|
+
const BreadcrumbsSeparator = () => {
|
|
1205
|
+
const { size } = React.useContext(BreadcrumbsContext);
|
|
1206
|
+
const iconSize = size === "lg" ? "md" : "sm";
|
|
1207
|
+
return /* @__PURE__ */ React__default["default"].createElement("span", {
|
|
1208
|
+
className: clsx__default["default"](styles__default$6["default"]["sapphire-breadcrumbs__separator"]),
|
|
1209
|
+
"aria-hidden": "true"
|
|
1210
|
+
}, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, {
|
|
1211
|
+
size: iconSize
|
|
1212
|
+
}, /* @__PURE__ */ React__default["default"].createElement(react.ChevronRight, null)));
|
|
1213
|
+
};
|
|
1214
|
+
|
|
1215
|
+
var __defProp$4 = Object.defineProperty;
|
|
1216
|
+
var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
|
|
1217
|
+
var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
|
|
1218
|
+
var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
|
|
1219
|
+
var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
1220
|
+
var __spreadValues$4 = (a, b) => {
|
|
1221
|
+
for (var prop in b || (b = {}))
|
|
1222
|
+
if (__hasOwnProp$5.call(b, prop))
|
|
1223
|
+
__defNormalProp$4(a, prop, b[prop]);
|
|
1224
|
+
if (__getOwnPropSymbols$5)
|
|
1225
|
+
for (var prop of __getOwnPropSymbols$5(b)) {
|
|
1226
|
+
if (__propIsEnum$5.call(b, prop))
|
|
1227
|
+
__defNormalProp$4(a, prop, b[prop]);
|
|
1228
|
+
}
|
|
1229
|
+
return a;
|
|
1230
|
+
};
|
|
1231
|
+
var __objRest$5 = (source, exclude) => {
|
|
1232
|
+
var target = {};
|
|
1233
|
+
for (var prop in source)
|
|
1234
|
+
if (__hasOwnProp$5.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
1235
|
+
target[prop] = source[prop];
|
|
1236
|
+
if (source != null && __getOwnPropSymbols$5)
|
|
1237
|
+
for (var prop of __getOwnPropSymbols$5(source)) {
|
|
1238
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$5.call(source, prop))
|
|
1239
|
+
target[prop] = source[prop];
|
|
1240
|
+
}
|
|
1241
|
+
return target;
|
|
1242
|
+
};
|
|
1243
|
+
const BreadcrumbItemContext = React.createContext({
|
|
1244
|
+
isDisabled: false
|
|
1245
|
+
});
|
|
1246
|
+
const BreadcrumbItem = (_a) => {
|
|
1247
|
+
var _b = _a, {
|
|
1248
|
+
children,
|
|
1249
|
+
isDisabled: individualDisabled = false
|
|
1250
|
+
} = _b, props = __objRest$5(_b, [
|
|
1251
|
+
"children",
|
|
1252
|
+
"isDisabled"
|
|
1253
|
+
]);
|
|
1254
|
+
sapphireReact.useThemeCheck();
|
|
1255
|
+
const { styleProps } = sapphireReact.useSapphireStyleProps(props);
|
|
1256
|
+
const { size } = React.useContext(BreadcrumbsContext);
|
|
1257
|
+
return /* @__PURE__ */ React__default["default"].createElement(reactAriaComponents.Breadcrumb, {
|
|
1258
|
+
className: clsx__default["default"](styles__default$6["default"]["sapphire-breadcrumbs__item"]),
|
|
1259
|
+
style: __spreadValues$4({}, styleProps.style)
|
|
1260
|
+
}, ({ isCurrent, isDisabled }) => /* @__PURE__ */ React__default["default"].createElement(BreadcrumbItemContext.Provider, {
|
|
1261
|
+
value: { isDisabled: isDisabled || individualDisabled }
|
|
1262
|
+
}, isCurrent ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Typography.Body, {
|
|
1263
|
+
elementType: "span",
|
|
1264
|
+
isSemibold: true,
|
|
1265
|
+
size: size === "lg" ? "md" : size === "md" ? "sm" : "xs"
|
|
1266
|
+
}, children) : children, !isCurrent && /* @__PURE__ */ React__default["default"].createElement(BreadcrumbsSeparator, null)));
|
|
1267
|
+
};
|
|
1268
|
+
|
|
1269
|
+
var __defProp$3 = Object.defineProperty;
|
|
1270
|
+
var __defProps$3 = Object.defineProperties;
|
|
1271
|
+
var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
|
|
1272
|
+
var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
|
|
1273
|
+
var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
|
|
1274
|
+
var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
|
|
1275
|
+
var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
1276
|
+
var __spreadValues$3 = (a, b) => {
|
|
1277
|
+
for (var prop in b || (b = {}))
|
|
1278
|
+
if (__hasOwnProp$4.call(b, prop))
|
|
1279
|
+
__defNormalProp$3(a, prop, b[prop]);
|
|
1280
|
+
if (__getOwnPropSymbols$4)
|
|
1281
|
+
for (var prop of __getOwnPropSymbols$4(b)) {
|
|
1282
|
+
if (__propIsEnum$4.call(b, prop))
|
|
1283
|
+
__defNormalProp$3(a, prop, b[prop]);
|
|
1284
|
+
}
|
|
1285
|
+
return a;
|
|
1286
|
+
};
|
|
1287
|
+
var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
|
|
1288
|
+
var __objRest$4 = (source, exclude) => {
|
|
1289
|
+
var target = {};
|
|
1290
|
+
for (var prop in source)
|
|
1291
|
+
if (__hasOwnProp$4.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
1292
|
+
target[prop] = source[prop];
|
|
1293
|
+
if (source != null && __getOwnPropSymbols$4)
|
|
1294
|
+
for (var prop of __getOwnPropSymbols$4(source)) {
|
|
1295
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$4.call(source, prop))
|
|
1296
|
+
target[prop] = source[prop];
|
|
1297
|
+
}
|
|
1298
|
+
return target;
|
|
1299
|
+
};
|
|
1300
|
+
const BreadcrumbItemLink = React.forwardRef(function BreadcrumbItemLink2(_a, ref) {
|
|
1301
|
+
var _b = _a, { children } = _b, props = __objRest$4(_b, ["children"]);
|
|
1302
|
+
sapphireReact.useThemeCheck();
|
|
1303
|
+
const { styleProps } = sapphireReact.useSapphireStyleProps(props);
|
|
1304
|
+
const { size } = React.useContext(BreadcrumbsContext);
|
|
1305
|
+
const { isDisabled } = React.useContext(BreadcrumbItemContext);
|
|
1306
|
+
return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Button, __spreadProps$3(__spreadValues$3(__spreadValues$3({}, props), styleProps), {
|
|
1307
|
+
ref,
|
|
1308
|
+
size,
|
|
1309
|
+
variant: "tertiary",
|
|
1310
|
+
isDisabled
|
|
1311
|
+
}), children);
|
|
1312
|
+
});
|
|
1313
|
+
BreadcrumbItemLink.displayName = "BreadcrumbItemLink";
|
|
1314
|
+
|
|
1058
1315
|
var __defProp$2 = Object.defineProperty;
|
|
1059
1316
|
var __defProps$2 = Object.defineProperties;
|
|
1060
1317
|
var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
|
|
@@ -1108,7 +1365,7 @@ function Tag(props) {
|
|
|
1108
1365
|
const { hoverProps, isHovered } = interactions.useHover({ isDisabled });
|
|
1109
1366
|
const hasAction = otherProps.hasAction;
|
|
1110
1367
|
return /* @__PURE__ */ React__default["default"].createElement(focus.FocusRing, {
|
|
1111
|
-
focusRingClass: styles__default$
|
|
1368
|
+
focusRingClass: styles__default$7["default"]["is-focus"]
|
|
1112
1369
|
}, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$2(__spreadProps$2(__spreadValues$2({
|
|
1113
1370
|
ref
|
|
1114
1371
|
}, utils$1.mergeProps({
|
|
@@ -1120,28 +1377,28 @@ function Tag(props) {
|
|
|
1120
1377
|
}
|
|
1121
1378
|
}
|
|
1122
1379
|
}, rowProps, hoverProps)), {
|
|
1123
|
-
className: clsx__default["default"](styles__default$
|
|
1124
|
-
[styles__default$
|
|
1125
|
-
[styles__default$
|
|
1126
|
-
[styles__default$
|
|
1127
|
-
[styles__default$
|
|
1380
|
+
className: clsx__default["default"](styles__default$7["default"]["sapphire-tag"], styles__default$7["default"]["js-focus"], styles__default$7["default"]["js-hover"], {
|
|
1381
|
+
[styles__default$7["default"]["sapphire-tag--actionable"]]: hasAction,
|
|
1382
|
+
[styles__default$7["default"]["is-active"]]: hasAction && isPressed,
|
|
1383
|
+
[styles__default$7["default"]["is-hover"]]: hasAction && isHovered,
|
|
1384
|
+
[styles__default$7["default"]["is-disabled"]]: isDisabled
|
|
1128
1385
|
})
|
|
1129
1386
|
}), hasError ? { "aria-invalid": true } : {}), /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$2(__spreadValues$2({}, gridCellProps), {
|
|
1130
|
-
className: styles__default$
|
|
1387
|
+
className: styles__default$7["default"]["sapphire-tag__content"]
|
|
1131
1388
|
}), hasError && !isDisabled && /* @__PURE__ */ React__default["default"].createElement(IconError, null), item.rendered, !isDisabled && props.allowsRemoving && /* @__PURE__ */ React__default["default"].createElement(RemoveButton, __spreadValues$2({}, removeButtonProps)))));
|
|
1132
1389
|
}
|
|
1133
1390
|
function RemoveButton(removeButtonProps) {
|
|
1134
1391
|
const buttonRef = React.useRef(null);
|
|
1135
1392
|
const { buttonProps } = button.useButton(removeButtonProps, buttonRef);
|
|
1136
1393
|
return /* @__PURE__ */ React__default["default"].createElement("button", __spreadProps$2(__spreadValues$2({}, buttonProps), {
|
|
1137
|
-
className: clsx__default["default"](styles__default$
|
|
1394
|
+
className: clsx__default["default"](styles__default$7["default"]["sapphire-tag__button"], styles__default$7["default"]["js-focus"])
|
|
1138
1395
|
}), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, {
|
|
1139
1396
|
size: "sm"
|
|
1140
1397
|
}, /* @__PURE__ */ React__default["default"].createElement(react.Close, null)));
|
|
1141
1398
|
}
|
|
1142
1399
|
const IconError = () => {
|
|
1143
1400
|
return /* @__PURE__ */ React__default["default"].createElement("span", {
|
|
1144
|
-
className: clsx__default["default"](styles__default$
|
|
1401
|
+
className: clsx__default["default"](styles__default$7["default"]["sapphire-tag__error-icon"])
|
|
1145
1402
|
}, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, {
|
|
1146
1403
|
size: "sm"
|
|
1147
1404
|
}, /* @__PURE__ */ React__default["default"].createElement(react.Error, null)));
|
|
@@ -1220,7 +1477,7 @@ function TagGroup(props) {
|
|
|
1220
1477
|
contextualHelp
|
|
1221
1478
|
}), labelText)), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Control, null, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$1(__spreadValues$1({}, gridProps), {
|
|
1222
1479
|
ref,
|
|
1223
|
-
className: styles__default$
|
|
1480
|
+
className: styles__default$7["default"]["sapphire-tag-group"]
|
|
1224
1481
|
}), Array.from(state.collection).map((item) => /* @__PURE__ */ React__default["default"].createElement(Tag, {
|
|
1225
1482
|
key: item.key,
|
|
1226
1483
|
item,
|
|
@@ -1364,6 +1621,9 @@ Object.defineProperty(exports, 'useLocale', {
|
|
|
1364
1621
|
exports.Accordion = _Accordion;
|
|
1365
1622
|
exports.AccordionContext = AccordionContext;
|
|
1366
1623
|
exports.Alert = Alert;
|
|
1624
|
+
exports.BreadcrumbItem = BreadcrumbItem;
|
|
1625
|
+
exports.BreadcrumbItemLink = BreadcrumbItemLink;
|
|
1626
|
+
exports.Breadcrumbs = Breadcrumbs;
|
|
1367
1627
|
exports.FileDropzone = FileDropzone;
|
|
1368
1628
|
exports.FileTrigger = FileTrigger;
|
|
1369
1629
|
exports.FilterDropdown = FilterDropdown;
|
|
@@ -1372,6 +1632,7 @@ exports.LabeledValue = LabeledValue;
|
|
|
1372
1632
|
exports.NumberField = NumberField;
|
|
1373
1633
|
exports.ProgressIndicator = ProgressIndicator;
|
|
1374
1634
|
exports.SearchableSelectFilter = SearchableSelectFilter;
|
|
1635
|
+
exports.Slider = _Slider;
|
|
1375
1636
|
exports.TagGroup = TagGroup;
|
|
1376
1637
|
exports.TagItem = TagItem;
|
|
1377
1638
|
//# sourceMappingURL=index.js.map
|