@vinyasa/feedback 1.0.21
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/README.md +134 -0
- package/dist/cjs/alert.cjs +286 -0
- package/dist/cjs/alert.css +51 -0
- package/dist/cjs/banner.cjs +270 -0
- package/dist/cjs/banner.css +37 -0
- package/dist/cjs/circular-progress.cjs +286 -0
- package/dist/cjs/circular-progress.css +30 -0
- package/dist/cjs/empty-state.cjs +165 -0
- package/dist/cjs/empty-state.css +7 -0
- package/dist/cjs/error-boundary.cjs +234 -0
- package/dist/cjs/error-boundary.css +7 -0
- package/dist/cjs/index.cjs +1763 -0
- package/dist/cjs/index.css +448 -0
- package/dist/cjs/inline-message.cjs +366 -0
- package/dist/cjs/inline-message.css +29 -0
- package/dist/cjs/loading-overlay.cjs +451 -0
- package/dist/cjs/loading-overlay.css +61 -0
- package/dist/cjs/progress-bar.cjs +163 -0
- package/dist/cjs/progress-bar.css +15 -0
- package/dist/cjs/skeleton.cjs +282 -0
- package/dist/cjs/skeleton.css +42 -0
- package/dist/cjs/spinner.cjs +329 -0
- package/dist/cjs/spinner.css +34 -0
- package/dist/cjs/toaster.cjs +377 -0
- package/dist/cjs/toaster.css +176 -0
- package/dist/esm/147.css +176 -0
- package/dist/esm/147.js +164 -0
- package/dist/esm/158.css +21 -0
- package/dist/esm/158.js +31 -0
- package/dist/esm/266.css +30 -0
- package/dist/esm/266.js +75 -0
- package/dist/esm/277.js +8 -0
- package/dist/esm/288.css +7 -0
- package/dist/esm/288.js +38 -0
- package/dist/esm/474.js +76 -0
- package/dist/esm/495.css +39 -0
- package/dist/esm/495.js +61 -0
- package/dist/esm/516.css +29 -0
- package/dist/esm/516.js +66 -0
- package/dist/esm/703.css +34 -0
- package/dist/esm/703.js +56 -0
- package/dist/esm/872.css +15 -0
- package/dist/esm/872.js +29 -0
- package/dist/esm/880.js +47 -0
- package/dist/esm/903.css +51 -0
- package/dist/esm/903.js +61 -0
- package/dist/esm/953.js +87 -0
- package/dist/esm/989.css +37 -0
- package/dist/esm/989.js +46 -0
- package/dist/esm/alert.d.ts +2 -0
- package/dist/esm/alert.js +1 -0
- package/dist/esm/banner.d.ts +2 -0
- package/dist/esm/banner.js +1 -0
- package/dist/esm/circular-progress.d.ts +2 -0
- package/dist/esm/circular-progress.js +1 -0
- package/dist/esm/components/alert/Alert.css.d.ts +24 -0
- package/dist/esm/components/alert/Alert.d.ts +14 -0
- package/dist/esm/components/alert/index.d.ts +1 -0
- package/dist/esm/components/banner/Banner.css.d.ts +21 -0
- package/dist/esm/components/banner/Banner.d.ts +12 -0
- package/dist/esm/components/banner/index.d.ts +1 -0
- package/dist/esm/components/circular-progress/CircularProgress.css.d.ts +4 -0
- package/dist/esm/components/circular-progress/CircularProgress.d.ts +17 -0
- package/dist/esm/components/circular-progress/index.d.ts +1 -0
- package/dist/esm/components/empty-state/EmptyState.css.d.ts +1 -0
- package/dist/esm/components/empty-state/EmptyState.d.ts +15 -0
- package/dist/esm/components/empty-state/index.d.ts +1 -0
- package/dist/esm/components/error-boundary/ErrorBoundary.d.ts +32 -0
- package/dist/esm/components/error-boundary/index.d.ts +1 -0
- package/dist/esm/components/inline-message/InlineMessage.css.d.ts +17 -0
- package/dist/esm/components/inline-message/InlineMessage.d.ts +10 -0
- package/dist/esm/components/inline-message/index.d.ts +1 -0
- package/dist/esm/components/loading-overlay/LoadingOverlay.css.d.ts +3 -0
- package/dist/esm/components/loading-overlay/LoadingOverlay.d.ts +11 -0
- package/dist/esm/components/loading-overlay/index.d.ts +1 -0
- package/dist/esm/components/progress-bar/ProgressBar.css.d.ts +2 -0
- package/dist/esm/components/progress-bar/ProgressBar.d.ts +12 -0
- package/dist/esm/components/progress-bar/index.d.ts +1 -0
- package/dist/esm/components/skeleton/Skeleton.css.d.ts +15 -0
- package/dist/esm/components/skeleton/Skeleton.d.ts +35 -0
- package/dist/esm/components/skeleton/index.d.ts +1 -0
- package/dist/esm/components/spinner/Spinner.css.d.ts +16 -0
- package/dist/esm/components/spinner/Spinner.d.ts +10 -0
- package/dist/esm/components/spinner/index.d.ts +1 -0
- package/dist/esm/components/toaster/ToastItemView.d.ts +7 -0
- package/dist/esm/components/toaster/Toaster.css.d.ts +59 -0
- package/dist/esm/components/toaster/Toaster.d.ts +10 -0
- package/dist/esm/components/toaster/index.d.ts +2 -0
- package/dist/esm/components/toaster/toastStore.d.ts +25 -0
- package/dist/esm/empty-state.d.ts +2 -0
- package/dist/esm/empty-state.js +1 -0
- package/dist/esm/error-boundary.d.ts +2 -0
- package/dist/esm/error-boundary.js +1 -0
- package/dist/esm/index.d.ts +12 -0
- package/dist/esm/index.js +11 -0
- package/dist/esm/inline-message.d.ts +2 -0
- package/dist/esm/inline-message.js +1 -0
- package/dist/esm/loading-overlay.d.ts +2 -0
- package/dist/esm/loading-overlay.js +1 -0
- package/dist/esm/polymorphic.d.ts +5 -0
- package/dist/esm/progress-bar.d.ts +2 -0
- package/dist/esm/progress-bar.js +1 -0
- package/dist/esm/skeleton.d.ts +2 -0
- package/dist/esm/skeleton.js +1 -0
- package/dist/esm/spacing.d.ts +19 -0
- package/dist/esm/spinner.d.ts +2 -0
- package/dist/esm/spinner.js +1 -0
- package/dist/esm/status.d.ts +4 -0
- package/dist/esm/toaster.d.ts +2 -0
- package/dist/esm/toaster.js +1 -0
- package/package.json +147 -0
|
@@ -0,0 +1,1763 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __webpack_require__ = {};
|
|
3
|
+
(()=>{
|
|
4
|
+
__webpack_require__.n = (module)=>{
|
|
5
|
+
var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
|
|
6
|
+
__webpack_require__.d(getter, {
|
|
7
|
+
a: getter
|
|
8
|
+
});
|
|
9
|
+
return getter;
|
|
10
|
+
};
|
|
11
|
+
})();
|
|
12
|
+
(()=>{
|
|
13
|
+
__webpack_require__.d = (exports1, getters, values)=>{
|
|
14
|
+
var define = (defs, kind)=>{
|
|
15
|
+
for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
16
|
+
enumerable: true,
|
|
17
|
+
[kind]: defs[key]
|
|
18
|
+
});
|
|
19
|
+
};
|
|
20
|
+
define(getters, "get");
|
|
21
|
+
define(values, "value");
|
|
22
|
+
};
|
|
23
|
+
})();
|
|
24
|
+
(()=>{
|
|
25
|
+
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
26
|
+
})();
|
|
27
|
+
(()=>{
|
|
28
|
+
__webpack_require__.r = (exports1)=>{
|
|
29
|
+
if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
30
|
+
value: 'Module'
|
|
31
|
+
});
|
|
32
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
33
|
+
value: true
|
|
34
|
+
});
|
|
35
|
+
};
|
|
36
|
+
})();
|
|
37
|
+
var __webpack_exports__ = {};
|
|
38
|
+
__webpack_require__.r(__webpack_exports__);
|
|
39
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
40
|
+
Alert: ()=>alert_Alert,
|
|
41
|
+
Banner: ()=>banner_Banner,
|
|
42
|
+
CircularProgress: ()=>circular_progress_CircularProgress,
|
|
43
|
+
EmptyState: ()=>empty_state_EmptyState,
|
|
44
|
+
ErrorBoundary: ()=>error_boundary_ErrorBoundary,
|
|
45
|
+
InlineMessage: ()=>inline_message_InlineMessage,
|
|
46
|
+
LoadingOverlay: ()=>loading_overlay_LoadingOverlay,
|
|
47
|
+
ProgressBar: ()=>progress_bar_ProgressBar,
|
|
48
|
+
Skeleton: ()=>skeleton_Skeleton,
|
|
49
|
+
Spinner: ()=>spinner_Spinner,
|
|
50
|
+
Toaster: ()=>toaster_Toaster,
|
|
51
|
+
toast: ()=>toast
|
|
52
|
+
});
|
|
53
|
+
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
54
|
+
const box_namespaceObject = require("@vinyasa/layout/box");
|
|
55
|
+
var box_default = /*#__PURE__*/ __webpack_require__.n(box_namespaceObject);
|
|
56
|
+
const external_react_namespaceObject = require("react");
|
|
57
|
+
const icons_namespaceObject = require("@vinyasa/icons");
|
|
58
|
+
const statusIcons = {
|
|
59
|
+
info: icons_namespaceObject.InfoIcon,
|
|
60
|
+
success: icons_namespaceObject.CheckCircleIcon,
|
|
61
|
+
warning: icons_namespaceObject.AlertTriangleIcon,
|
|
62
|
+
error: icons_namespaceObject.XIcon
|
|
63
|
+
};
|
|
64
|
+
function toPrimitive(t, r) {
|
|
65
|
+
if ("object" != typeof t || !t) return t;
|
|
66
|
+
var e = t[Symbol.toPrimitive];
|
|
67
|
+
if (void 0 !== e) {
|
|
68
|
+
var i = e.call(t, r || "default");
|
|
69
|
+
if ("object" != typeof i) return i;
|
|
70
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
71
|
+
}
|
|
72
|
+
return ("string" === r ? String : Number)(t);
|
|
73
|
+
}
|
|
74
|
+
function toPropertyKey(t) {
|
|
75
|
+
var i = toPrimitive(t, "string");
|
|
76
|
+
return "symbol" == typeof i ? i : String(i);
|
|
77
|
+
}
|
|
78
|
+
function _defineProperty(obj, key, value) {
|
|
79
|
+
key = toPropertyKey(key);
|
|
80
|
+
if (key in obj) Object.defineProperty(obj, key, {
|
|
81
|
+
value: value,
|
|
82
|
+
enumerable: true,
|
|
83
|
+
configurable: true,
|
|
84
|
+
writable: true
|
|
85
|
+
});
|
|
86
|
+
else obj[key] = value;
|
|
87
|
+
return obj;
|
|
88
|
+
}
|
|
89
|
+
function createRuntimeFn_62c9670f_esm_ownKeys(e, r) {
|
|
90
|
+
var t = Object.keys(e);
|
|
91
|
+
if (Object.getOwnPropertySymbols) {
|
|
92
|
+
var o = Object.getOwnPropertySymbols(e);
|
|
93
|
+
r && (o = o.filter(function(r) {
|
|
94
|
+
return Object.getOwnPropertyDescriptor(e, r).enumerable;
|
|
95
|
+
})), t.push.apply(t, o);
|
|
96
|
+
}
|
|
97
|
+
return t;
|
|
98
|
+
}
|
|
99
|
+
function _objectSpread2(e) {
|
|
100
|
+
for(var r = 1; r < arguments.length; r++){
|
|
101
|
+
var t = null != arguments[r] ? arguments[r] : {};
|
|
102
|
+
r % 2 ? createRuntimeFn_62c9670f_esm_ownKeys(Object(t), !0).forEach(function(r) {
|
|
103
|
+
_defineProperty(e, r, t[r]);
|
|
104
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : createRuntimeFn_62c9670f_esm_ownKeys(Object(t)).forEach(function(r) {
|
|
105
|
+
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
|
|
106
|
+
});
|
|
107
|
+
}
|
|
108
|
+
return e;
|
|
109
|
+
}
|
|
110
|
+
function mapValues(input, fn) {
|
|
111
|
+
var result = {};
|
|
112
|
+
for(var _key in input)result[_key] = fn(input[_key], _key);
|
|
113
|
+
return result;
|
|
114
|
+
}
|
|
115
|
+
var shouldApplyCompound = (compoundCheck, selections, defaultVariants)=>{
|
|
116
|
+
for (var key of Object.keys(compoundCheck)){
|
|
117
|
+
var _selections$key;
|
|
118
|
+
if (compoundCheck[key] !== (null != (_selections$key = selections[key]) ? _selections$key : defaultVariants[key])) return false;
|
|
119
|
+
}
|
|
120
|
+
return true;
|
|
121
|
+
};
|
|
122
|
+
var createRuntimeFn = (config)=>{
|
|
123
|
+
var runtimeFn = (options)=>{
|
|
124
|
+
var className = config.defaultClassName;
|
|
125
|
+
var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
|
|
126
|
+
for(var variantName in selections){
|
|
127
|
+
var _selections$variantNa;
|
|
128
|
+
var variantSelection = null != (_selections$variantNa = selections[variantName]) ? _selections$variantNa : config.defaultVariants[variantName];
|
|
129
|
+
if (null != variantSelection) {
|
|
130
|
+
var selection = variantSelection;
|
|
131
|
+
if ('boolean' == typeof selection) selection = true === selection ? 'true' : 'false';
|
|
132
|
+
var selectionClassName = config.variantClassNames[variantName][selection];
|
|
133
|
+
if (selectionClassName) className += ' ' + selectionClassName;
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
for (var [compoundCheck, compoundClassName] of config.compoundVariants)if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) className += ' ' + compoundClassName;
|
|
137
|
+
return className;
|
|
138
|
+
};
|
|
139
|
+
runtimeFn.variants = ()=>Object.keys(config.variantClassNames);
|
|
140
|
+
runtimeFn.classNames = {
|
|
141
|
+
get base () {
|
|
142
|
+
return config.defaultClassName.split(' ')[0];
|
|
143
|
+
},
|
|
144
|
+
get variants () {
|
|
145
|
+
return mapValues(config.variantClassNames, (classNames)=>mapValues(classNames, (className)=>className.split(' ')[0]));
|
|
146
|
+
}
|
|
147
|
+
};
|
|
148
|
+
return runtimeFn;
|
|
149
|
+
};
|
|
150
|
+
var Alert_css_alert = createRuntimeFn({
|
|
151
|
+
defaultClassName: '_1313gq0',
|
|
152
|
+
variantClassNames: {
|
|
153
|
+
status: {
|
|
154
|
+
info: '_1313gq1',
|
|
155
|
+
success: '_1313gq2',
|
|
156
|
+
warning: '_1313gq3',
|
|
157
|
+
error: '_1313gq4'
|
|
158
|
+
}
|
|
159
|
+
},
|
|
160
|
+
defaultVariants: {
|
|
161
|
+
status: 'info'
|
|
162
|
+
},
|
|
163
|
+
compoundVariants: []
|
|
164
|
+
});
|
|
165
|
+
var body = '_1313gq6';
|
|
166
|
+
var Alert_css_description = '_1313gq8';
|
|
167
|
+
var Alert_css_icon = '_1313gq5';
|
|
168
|
+
var Alert_css_title = '_1313gq7';
|
|
169
|
+
function _define_property(obj, key, value) {
|
|
170
|
+
if (key in obj) Object.defineProperty(obj, key, {
|
|
171
|
+
value: value,
|
|
172
|
+
enumerable: true,
|
|
173
|
+
configurable: true,
|
|
174
|
+
writable: true
|
|
175
|
+
});
|
|
176
|
+
else obj[key] = value;
|
|
177
|
+
return obj;
|
|
178
|
+
}
|
|
179
|
+
function _object_spread(target) {
|
|
180
|
+
for(var i = 1; i < arguments.length; i++){
|
|
181
|
+
var source = null != arguments[i] ? arguments[i] : {};
|
|
182
|
+
var ownKeys = Object.keys(source);
|
|
183
|
+
if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
184
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
185
|
+
}));
|
|
186
|
+
ownKeys.forEach(function(key) {
|
|
187
|
+
_define_property(target, key, source[key]);
|
|
188
|
+
});
|
|
189
|
+
}
|
|
190
|
+
return target;
|
|
191
|
+
}
|
|
192
|
+
function Alert_ownKeys(object, enumerableOnly) {
|
|
193
|
+
var keys = Object.keys(object);
|
|
194
|
+
if (Object.getOwnPropertySymbols) {
|
|
195
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
196
|
+
if (enumerableOnly) symbols = symbols.filter(function(sym) {
|
|
197
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
198
|
+
});
|
|
199
|
+
keys.push.apply(keys, symbols);
|
|
200
|
+
}
|
|
201
|
+
return keys;
|
|
202
|
+
}
|
|
203
|
+
function _object_spread_props(target, source) {
|
|
204
|
+
source = null != source ? source : {};
|
|
205
|
+
if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
206
|
+
else Alert_ownKeys(Object(source)).forEach(function(key) {
|
|
207
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
208
|
+
});
|
|
209
|
+
return target;
|
|
210
|
+
}
|
|
211
|
+
function _object_without_properties(source, excluded) {
|
|
212
|
+
if (null == source) return {};
|
|
213
|
+
var target = {}, sourceKeys, key, i;
|
|
214
|
+
if ("u" > typeof Reflect && Reflect.ownKeys) {
|
|
215
|
+
sourceKeys = Reflect.ownKeys(Object(source));
|
|
216
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
217
|
+
key = sourceKeys[i];
|
|
218
|
+
if (!(excluded.indexOf(key) >= 0)) {
|
|
219
|
+
if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
|
|
220
|
+
}
|
|
221
|
+
}
|
|
222
|
+
return target;
|
|
223
|
+
}
|
|
224
|
+
target = _object_without_properties_loose(source, excluded);
|
|
225
|
+
if (Object.getOwnPropertySymbols) {
|
|
226
|
+
sourceKeys = Object.getOwnPropertySymbols(source);
|
|
227
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
228
|
+
key = sourceKeys[i];
|
|
229
|
+
if (!(excluded.indexOf(key) >= 0)) {
|
|
230
|
+
if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
|
|
231
|
+
}
|
|
232
|
+
}
|
|
233
|
+
}
|
|
234
|
+
return target;
|
|
235
|
+
}
|
|
236
|
+
function _object_without_properties_loose(source, excluded) {
|
|
237
|
+
if (null == source) return {};
|
|
238
|
+
var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
|
|
239
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
240
|
+
key = sourceKeys[i];
|
|
241
|
+
if (!(excluded.indexOf(key) >= 0)) {
|
|
242
|
+
if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
|
|
243
|
+
}
|
|
244
|
+
}
|
|
245
|
+
return target;
|
|
246
|
+
}
|
|
247
|
+
const Alert = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _1)=>{
|
|
248
|
+
let _ref = [
|
|
249
|
+
_0,
|
|
250
|
+
_1
|
|
251
|
+
], [_ref1, ..._rest] = _ref, { status = 'info', title, description, className } = _ref1, rest = _object_without_properties(_ref1, [
|
|
252
|
+
"status",
|
|
253
|
+
"title",
|
|
254
|
+
"description",
|
|
255
|
+
"className"
|
|
256
|
+
]), [ref] = _rest;
|
|
257
|
+
const Icon = statusIcons[status];
|
|
258
|
+
const classes = className ? `${Alert_css_alert({
|
|
259
|
+
status
|
|
260
|
+
})} ${className}` : Alert_css_alert({
|
|
261
|
+
status
|
|
262
|
+
});
|
|
263
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(box_default(), _object_spread_props(_object_spread({
|
|
264
|
+
ref: ref,
|
|
265
|
+
role: "alert",
|
|
266
|
+
className: classes
|
|
267
|
+
}, rest), {
|
|
268
|
+
children: [
|
|
269
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Icon, {
|
|
270
|
+
className: Alert_css_icon,
|
|
271
|
+
"aria-hidden": "true"
|
|
272
|
+
}),
|
|
273
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
|
|
274
|
+
className: body,
|
|
275
|
+
children: [
|
|
276
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
|
|
277
|
+
className: Alert_css_title,
|
|
278
|
+
children: title
|
|
279
|
+
}),
|
|
280
|
+
description ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
|
|
281
|
+
className: Alert_css_description,
|
|
282
|
+
children: description
|
|
283
|
+
}) : null
|
|
284
|
+
]
|
|
285
|
+
})
|
|
286
|
+
]
|
|
287
|
+
}));
|
|
288
|
+
});
|
|
289
|
+
Alert.displayName = 'Alert';
|
|
290
|
+
const alert_Alert = Alert;
|
|
291
|
+
var banner = createRuntimeFn({
|
|
292
|
+
defaultClassName: 'a1nlu90',
|
|
293
|
+
variantClassNames: {
|
|
294
|
+
status: {
|
|
295
|
+
info: 'a1nlu91',
|
|
296
|
+
success: 'a1nlu92',
|
|
297
|
+
warning: 'a1nlu93',
|
|
298
|
+
error: 'a1nlu94'
|
|
299
|
+
}
|
|
300
|
+
},
|
|
301
|
+
defaultVariants: {
|
|
302
|
+
status: 'info'
|
|
303
|
+
},
|
|
304
|
+
compoundVariants: []
|
|
305
|
+
});
|
|
306
|
+
var Banner_css_icon = 'a1nlu95';
|
|
307
|
+
function Banner_define_property(obj, key, value) {
|
|
308
|
+
if (key in obj) Object.defineProperty(obj, key, {
|
|
309
|
+
value: value,
|
|
310
|
+
enumerable: true,
|
|
311
|
+
configurable: true,
|
|
312
|
+
writable: true
|
|
313
|
+
});
|
|
314
|
+
else obj[key] = value;
|
|
315
|
+
return obj;
|
|
316
|
+
}
|
|
317
|
+
function Banner_object_spread(target) {
|
|
318
|
+
for(var i = 1; i < arguments.length; i++){
|
|
319
|
+
var source = null != arguments[i] ? arguments[i] : {};
|
|
320
|
+
var ownKeys = Object.keys(source);
|
|
321
|
+
if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
322
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
323
|
+
}));
|
|
324
|
+
ownKeys.forEach(function(key) {
|
|
325
|
+
Banner_define_property(target, key, source[key]);
|
|
326
|
+
});
|
|
327
|
+
}
|
|
328
|
+
return target;
|
|
329
|
+
}
|
|
330
|
+
function Banner_ownKeys(object, enumerableOnly) {
|
|
331
|
+
var keys = Object.keys(object);
|
|
332
|
+
if (Object.getOwnPropertySymbols) {
|
|
333
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
334
|
+
if (enumerableOnly) symbols = symbols.filter(function(sym) {
|
|
335
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
336
|
+
});
|
|
337
|
+
keys.push.apply(keys, symbols);
|
|
338
|
+
}
|
|
339
|
+
return keys;
|
|
340
|
+
}
|
|
341
|
+
function Banner_object_spread_props(target, source) {
|
|
342
|
+
source = null != source ? source : {};
|
|
343
|
+
if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
344
|
+
else Banner_ownKeys(Object(source)).forEach(function(key) {
|
|
345
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
346
|
+
});
|
|
347
|
+
return target;
|
|
348
|
+
}
|
|
349
|
+
function Banner_object_without_properties(source, excluded) {
|
|
350
|
+
if (null == source) return {};
|
|
351
|
+
var target = {}, sourceKeys, key, i;
|
|
352
|
+
if ("u" > typeof Reflect && Reflect.ownKeys) {
|
|
353
|
+
sourceKeys = Reflect.ownKeys(Object(source));
|
|
354
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
355
|
+
key = sourceKeys[i];
|
|
356
|
+
if (!(excluded.indexOf(key) >= 0)) {
|
|
357
|
+
if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
|
|
358
|
+
}
|
|
359
|
+
}
|
|
360
|
+
return target;
|
|
361
|
+
}
|
|
362
|
+
target = Banner_object_without_properties_loose(source, excluded);
|
|
363
|
+
if (Object.getOwnPropertySymbols) {
|
|
364
|
+
sourceKeys = Object.getOwnPropertySymbols(source);
|
|
365
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
366
|
+
key = sourceKeys[i];
|
|
367
|
+
if (!(excluded.indexOf(key) >= 0)) {
|
|
368
|
+
if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
|
|
369
|
+
}
|
|
370
|
+
}
|
|
371
|
+
}
|
|
372
|
+
return target;
|
|
373
|
+
}
|
|
374
|
+
function Banner_object_without_properties_loose(source, excluded) {
|
|
375
|
+
if (null == source) return {};
|
|
376
|
+
var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
|
|
377
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
378
|
+
key = sourceKeys[i];
|
|
379
|
+
if (!(excluded.indexOf(key) >= 0)) {
|
|
380
|
+
if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
|
|
381
|
+
}
|
|
382
|
+
}
|
|
383
|
+
return target;
|
|
384
|
+
}
|
|
385
|
+
const Banner = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _1)=>{
|
|
386
|
+
let _ref = [
|
|
387
|
+
_0,
|
|
388
|
+
_1
|
|
389
|
+
], [_ref1, ..._rest] = _ref, { status = 'info', className, children } = _ref1, rest = Banner_object_without_properties(_ref1, [
|
|
390
|
+
"status",
|
|
391
|
+
"className",
|
|
392
|
+
"children"
|
|
393
|
+
]), [ref] = _rest;
|
|
394
|
+
const Icon = statusIcons[status];
|
|
395
|
+
const classes = className ? `${banner({
|
|
396
|
+
status
|
|
397
|
+
})} ${className}` : banner({
|
|
398
|
+
status
|
|
399
|
+
});
|
|
400
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(box_default(), Banner_object_spread_props(Banner_object_spread({
|
|
401
|
+
ref: ref,
|
|
402
|
+
role: "alert",
|
|
403
|
+
className: classes
|
|
404
|
+
}, rest), {
|
|
405
|
+
children: [
|
|
406
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Icon, {
|
|
407
|
+
className: Banner_css_icon,
|
|
408
|
+
"aria-hidden": "true"
|
|
409
|
+
}),
|
|
410
|
+
children
|
|
411
|
+
]
|
|
412
|
+
}));
|
|
413
|
+
});
|
|
414
|
+
Banner.displayName = 'Banner';
|
|
415
|
+
const banner_Banner = Banner;
|
|
416
|
+
const tokens_namespaceObject = require("@vinyasa/tokens");
|
|
417
|
+
const space = {
|
|
418
|
+
1: tokens_namespaceObject.themeContract.space1,
|
|
419
|
+
2: tokens_namespaceObject.themeContract.space2,
|
|
420
|
+
3: tokens_namespaceObject.themeContract.space3,
|
|
421
|
+
4: tokens_namespaceObject.themeContract.space4,
|
|
422
|
+
5: tokens_namespaceObject.themeContract.space5,
|
|
423
|
+
6: tokens_namespaceObject.themeContract.space6
|
|
424
|
+
};
|
|
425
|
+
const spacingPropertyMap = [
|
|
426
|
+
[
|
|
427
|
+
'm',
|
|
428
|
+
'margin'
|
|
429
|
+
],
|
|
430
|
+
[
|
|
431
|
+
'mx',
|
|
432
|
+
'marginInline'
|
|
433
|
+
],
|
|
434
|
+
[
|
|
435
|
+
'my',
|
|
436
|
+
'marginBlock'
|
|
437
|
+
],
|
|
438
|
+
[
|
|
439
|
+
'mt',
|
|
440
|
+
'marginTop'
|
|
441
|
+
],
|
|
442
|
+
[
|
|
443
|
+
'mr',
|
|
444
|
+
'marginRight'
|
|
445
|
+
],
|
|
446
|
+
[
|
|
447
|
+
'mb',
|
|
448
|
+
'marginBottom'
|
|
449
|
+
],
|
|
450
|
+
[
|
|
451
|
+
'ml',
|
|
452
|
+
'marginLeft'
|
|
453
|
+
],
|
|
454
|
+
[
|
|
455
|
+
'p',
|
|
456
|
+
'padding'
|
|
457
|
+
],
|
|
458
|
+
[
|
|
459
|
+
'px',
|
|
460
|
+
'paddingInline'
|
|
461
|
+
],
|
|
462
|
+
[
|
|
463
|
+
'py',
|
|
464
|
+
'paddingBlock'
|
|
465
|
+
],
|
|
466
|
+
[
|
|
467
|
+
'pt',
|
|
468
|
+
'paddingTop'
|
|
469
|
+
],
|
|
470
|
+
[
|
|
471
|
+
'pr',
|
|
472
|
+
'paddingRight'
|
|
473
|
+
],
|
|
474
|
+
[
|
|
475
|
+
'pb',
|
|
476
|
+
'paddingBottom'
|
|
477
|
+
],
|
|
478
|
+
[
|
|
479
|
+
'pl',
|
|
480
|
+
'paddingLeft'
|
|
481
|
+
]
|
|
482
|
+
];
|
|
483
|
+
const resolveSpacingStyle = (props)=>{
|
|
484
|
+
const style = {};
|
|
485
|
+
for (const [propKey, cssProperty] of spacingPropertyMap){
|
|
486
|
+
const value = props[propKey];
|
|
487
|
+
if (void 0 !== value) style[cssProperty] = space[value];
|
|
488
|
+
}
|
|
489
|
+
return style;
|
|
490
|
+
};
|
|
491
|
+
var fill = '_1af39sp4';
|
|
492
|
+
var indeterminate = '_1af39sp2';
|
|
493
|
+
var svg = '_1af39sp1';
|
|
494
|
+
var track = '_1af39sp3';
|
|
495
|
+
function CircularProgress_define_property(obj, key, value) {
|
|
496
|
+
if (key in obj) Object.defineProperty(obj, key, {
|
|
497
|
+
value: value,
|
|
498
|
+
enumerable: true,
|
|
499
|
+
configurable: true,
|
|
500
|
+
writable: true
|
|
501
|
+
});
|
|
502
|
+
else obj[key] = value;
|
|
503
|
+
return obj;
|
|
504
|
+
}
|
|
505
|
+
function CircularProgress_object_spread(target) {
|
|
506
|
+
for(var i = 1; i < arguments.length; i++){
|
|
507
|
+
var source = null != arguments[i] ? arguments[i] : {};
|
|
508
|
+
var ownKeys = Object.keys(source);
|
|
509
|
+
if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
510
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
511
|
+
}));
|
|
512
|
+
ownKeys.forEach(function(key) {
|
|
513
|
+
CircularProgress_define_property(target, key, source[key]);
|
|
514
|
+
});
|
|
515
|
+
}
|
|
516
|
+
return target;
|
|
517
|
+
}
|
|
518
|
+
function CircularProgress_ownKeys(object, enumerableOnly) {
|
|
519
|
+
var keys = Object.keys(object);
|
|
520
|
+
if (Object.getOwnPropertySymbols) {
|
|
521
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
522
|
+
if (enumerableOnly) symbols = symbols.filter(function(sym) {
|
|
523
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
524
|
+
});
|
|
525
|
+
keys.push.apply(keys, symbols);
|
|
526
|
+
}
|
|
527
|
+
return keys;
|
|
528
|
+
}
|
|
529
|
+
function CircularProgress_object_spread_props(target, source) {
|
|
530
|
+
source = null != source ? source : {};
|
|
531
|
+
if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
532
|
+
else CircularProgress_ownKeys(Object(source)).forEach(function(key) {
|
|
533
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
534
|
+
});
|
|
535
|
+
return target;
|
|
536
|
+
}
|
|
537
|
+
function CircularProgress_object_without_properties(source, excluded) {
|
|
538
|
+
if (null == source) return {};
|
|
539
|
+
var target = {}, sourceKeys, key, i;
|
|
540
|
+
if ("u" > typeof Reflect && Reflect.ownKeys) {
|
|
541
|
+
sourceKeys = Reflect.ownKeys(Object(source));
|
|
542
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
543
|
+
key = sourceKeys[i];
|
|
544
|
+
if (!(excluded.indexOf(key) >= 0)) {
|
|
545
|
+
if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
|
|
546
|
+
}
|
|
547
|
+
}
|
|
548
|
+
return target;
|
|
549
|
+
}
|
|
550
|
+
target = CircularProgress_object_without_properties_loose(source, excluded);
|
|
551
|
+
if (Object.getOwnPropertySymbols) {
|
|
552
|
+
sourceKeys = Object.getOwnPropertySymbols(source);
|
|
553
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
554
|
+
key = sourceKeys[i];
|
|
555
|
+
if (!(excluded.indexOf(key) >= 0)) {
|
|
556
|
+
if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
|
|
557
|
+
}
|
|
558
|
+
}
|
|
559
|
+
}
|
|
560
|
+
return target;
|
|
561
|
+
}
|
|
562
|
+
function CircularProgress_object_without_properties_loose(source, excluded) {
|
|
563
|
+
if (null == source) return {};
|
|
564
|
+
var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
|
|
565
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
566
|
+
key = sourceKeys[i];
|
|
567
|
+
if (!(excluded.indexOf(key) >= 0)) {
|
|
568
|
+
if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
|
|
569
|
+
}
|
|
570
|
+
}
|
|
571
|
+
return target;
|
|
572
|
+
}
|
|
573
|
+
const CircularProgress = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _1)=>{
|
|
574
|
+
let _ref = [
|
|
575
|
+
_0,
|
|
576
|
+
_1
|
|
577
|
+
], [_ref1, ..._rest] = _ref, { value, max = 100, size = 32, strokeWidth = 4, m, mt, mr, mb, ml, mx, my, p, pt, pr, pb, pl, px, py, className, style } = _ref1, rest = CircularProgress_object_without_properties(_ref1, [
|
|
578
|
+
"value",
|
|
579
|
+
"max",
|
|
580
|
+
"size",
|
|
581
|
+
"strokeWidth",
|
|
582
|
+
"m",
|
|
583
|
+
"mt",
|
|
584
|
+
"mr",
|
|
585
|
+
"mb",
|
|
586
|
+
"ml",
|
|
587
|
+
"mx",
|
|
588
|
+
"my",
|
|
589
|
+
"p",
|
|
590
|
+
"pt",
|
|
591
|
+
"pr",
|
|
592
|
+
"pb",
|
|
593
|
+
"pl",
|
|
594
|
+
"px",
|
|
595
|
+
"py",
|
|
596
|
+
"className",
|
|
597
|
+
"style"
|
|
598
|
+
]), [ref] = _rest;
|
|
599
|
+
const radius = (size - strokeWidth) / 2;
|
|
600
|
+
const circumference = 2 * Math.PI * radius;
|
|
601
|
+
const isIndeterminate = void 0 === value;
|
|
602
|
+
const percent = isIndeterminate ? 25 : Math.min(100, Math.max(0, value / max * 100));
|
|
603
|
+
const dashOffset = circumference - percent / 100 * circumference;
|
|
604
|
+
const computedStyle = CircularProgress_object_spread({}, resolveSpacingStyle({
|
|
605
|
+
m,
|
|
606
|
+
mt,
|
|
607
|
+
mr,
|
|
608
|
+
mb,
|
|
609
|
+
ml,
|
|
610
|
+
mx,
|
|
611
|
+
my,
|
|
612
|
+
p,
|
|
613
|
+
pt,
|
|
614
|
+
pr,
|
|
615
|
+
pb,
|
|
616
|
+
pl,
|
|
617
|
+
px,
|
|
618
|
+
py
|
|
619
|
+
}), style);
|
|
620
|
+
const classes = [
|
|
621
|
+
svg,
|
|
622
|
+
isIndeterminate ? indeterminate : null,
|
|
623
|
+
className
|
|
624
|
+
].filter(Boolean).join(' ');
|
|
625
|
+
const center = size / 2;
|
|
626
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("svg", CircularProgress_object_spread_props(CircularProgress_object_spread({
|
|
627
|
+
ref: ref,
|
|
628
|
+
role: "progressbar",
|
|
629
|
+
"aria-valuenow": isIndeterminate ? void 0 : value,
|
|
630
|
+
"aria-valuemin": 0,
|
|
631
|
+
"aria-valuemax": max,
|
|
632
|
+
width: size,
|
|
633
|
+
height: size,
|
|
634
|
+
viewBox: `0 0 ${String(size)} ${String(size)}`,
|
|
635
|
+
className: classes,
|
|
636
|
+
style: computedStyle
|
|
637
|
+
}, rest), {
|
|
638
|
+
children: [
|
|
639
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("circle", {
|
|
640
|
+
className: track,
|
|
641
|
+
cx: center,
|
|
642
|
+
cy: center,
|
|
643
|
+
r: radius,
|
|
644
|
+
strokeWidth: strokeWidth
|
|
645
|
+
}),
|
|
646
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("circle", {
|
|
647
|
+
className: fill,
|
|
648
|
+
cx: center,
|
|
649
|
+
cy: center,
|
|
650
|
+
r: radius,
|
|
651
|
+
strokeWidth: strokeWidth,
|
|
652
|
+
strokeDasharray: circumference,
|
|
653
|
+
strokeDashoffset: dashOffset,
|
|
654
|
+
transform: `rotate(-90 ${String(center)} ${String(center)})`
|
|
655
|
+
})
|
|
656
|
+
]
|
|
657
|
+
}));
|
|
658
|
+
});
|
|
659
|
+
CircularProgress.displayName = 'CircularProgress';
|
|
660
|
+
const circular_progress_CircularProgress = CircularProgress;
|
|
661
|
+
const layout_namespaceObject = require("@vinyasa/layout");
|
|
662
|
+
const typography_namespaceObject = require("@vinyasa/typography");
|
|
663
|
+
var iconWrapper = 'dmnndp0';
|
|
664
|
+
function EmptyState_define_property(obj, key, value) {
|
|
665
|
+
if (key in obj) Object.defineProperty(obj, key, {
|
|
666
|
+
value: value,
|
|
667
|
+
enumerable: true,
|
|
668
|
+
configurable: true,
|
|
669
|
+
writable: true
|
|
670
|
+
});
|
|
671
|
+
else obj[key] = value;
|
|
672
|
+
return obj;
|
|
673
|
+
}
|
|
674
|
+
function EmptyState_object_spread(target) {
|
|
675
|
+
for(var i = 1; i < arguments.length; i++){
|
|
676
|
+
var source = null != arguments[i] ? arguments[i] : {};
|
|
677
|
+
var ownKeys = Object.keys(source);
|
|
678
|
+
if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
679
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
680
|
+
}));
|
|
681
|
+
ownKeys.forEach(function(key) {
|
|
682
|
+
EmptyState_define_property(target, key, source[key]);
|
|
683
|
+
});
|
|
684
|
+
}
|
|
685
|
+
return target;
|
|
686
|
+
}
|
|
687
|
+
function EmptyState_ownKeys(object, enumerableOnly) {
|
|
688
|
+
var keys = Object.keys(object);
|
|
689
|
+
if (Object.getOwnPropertySymbols) {
|
|
690
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
691
|
+
if (enumerableOnly) symbols = symbols.filter(function(sym) {
|
|
692
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
693
|
+
});
|
|
694
|
+
keys.push.apply(keys, symbols);
|
|
695
|
+
}
|
|
696
|
+
return keys;
|
|
697
|
+
}
|
|
698
|
+
function EmptyState_object_spread_props(target, source) {
|
|
699
|
+
source = null != source ? source : {};
|
|
700
|
+
if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
701
|
+
else EmptyState_ownKeys(Object(source)).forEach(function(key) {
|
|
702
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
703
|
+
});
|
|
704
|
+
return target;
|
|
705
|
+
}
|
|
706
|
+
function EmptyState_object_without_properties(source, excluded) {
|
|
707
|
+
if (null == source) return {};
|
|
708
|
+
var target = {}, sourceKeys, key, i;
|
|
709
|
+
if ("u" > typeof Reflect && Reflect.ownKeys) {
|
|
710
|
+
sourceKeys = Reflect.ownKeys(Object(source));
|
|
711
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
712
|
+
key = sourceKeys[i];
|
|
713
|
+
if (!(excluded.indexOf(key) >= 0)) {
|
|
714
|
+
if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
|
|
715
|
+
}
|
|
716
|
+
}
|
|
717
|
+
return target;
|
|
718
|
+
}
|
|
719
|
+
target = EmptyState_object_without_properties_loose(source, excluded);
|
|
720
|
+
if (Object.getOwnPropertySymbols) {
|
|
721
|
+
sourceKeys = Object.getOwnPropertySymbols(source);
|
|
722
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
723
|
+
key = sourceKeys[i];
|
|
724
|
+
if (!(excluded.indexOf(key) >= 0)) {
|
|
725
|
+
if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
|
|
726
|
+
}
|
|
727
|
+
}
|
|
728
|
+
}
|
|
729
|
+
return target;
|
|
730
|
+
}
|
|
731
|
+
function EmptyState_object_without_properties_loose(source, excluded) {
|
|
732
|
+
if (null == source) return {};
|
|
733
|
+
var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
|
|
734
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
735
|
+
key = sourceKeys[i];
|
|
736
|
+
if (!(excluded.indexOf(key) >= 0)) {
|
|
737
|
+
if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
|
|
738
|
+
}
|
|
739
|
+
}
|
|
740
|
+
return target;
|
|
741
|
+
}
|
|
742
|
+
const EmptyState = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _1)=>{
|
|
743
|
+
let _ref = [
|
|
744
|
+
_0,
|
|
745
|
+
_1
|
|
746
|
+
], [_ref1, ..._rest] = _ref, { icon, title, description, action, p = 6 } = _ref1, rest = EmptyState_object_without_properties(_ref1, [
|
|
747
|
+
"icon",
|
|
748
|
+
"title",
|
|
749
|
+
"description",
|
|
750
|
+
"action",
|
|
751
|
+
"p"
|
|
752
|
+
]), [ref] = _rest;
|
|
753
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_namespaceObject.Center, EmptyState_object_spread_props(EmptyState_object_spread({
|
|
754
|
+
ref: ref,
|
|
755
|
+
p: p
|
|
756
|
+
}, rest), {
|
|
757
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_namespaceObject.Stack, {
|
|
758
|
+
gap: 2,
|
|
759
|
+
align: "center",
|
|
760
|
+
style: {
|
|
761
|
+
textAlign: 'center',
|
|
762
|
+
maxWidth: '24rem'
|
|
763
|
+
},
|
|
764
|
+
children: [
|
|
765
|
+
icon ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
|
|
766
|
+
className: iconWrapper,
|
|
767
|
+
children: icon
|
|
768
|
+
}) : null,
|
|
769
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(typography_namespaceObject.Heading, {
|
|
770
|
+
as: "h3",
|
|
771
|
+
size: "lg",
|
|
772
|
+
children: title
|
|
773
|
+
}),
|
|
774
|
+
description ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(typography_namespaceObject.Paragraph, {
|
|
775
|
+
color: "muted",
|
|
776
|
+
children: description
|
|
777
|
+
}) : null,
|
|
778
|
+
action
|
|
779
|
+
]
|
|
780
|
+
})
|
|
781
|
+
}));
|
|
782
|
+
});
|
|
783
|
+
EmptyState.displayName = 'EmptyState';
|
|
784
|
+
const empty_state_EmptyState = EmptyState;
|
|
785
|
+
const button_namespaceObject = require("@vinyasa/button");
|
|
786
|
+
var button_default = /*#__PURE__*/ __webpack_require__.n(button_namespaceObject);
|
|
787
|
+
function ErrorBoundary_define_property(obj, key, value) {
|
|
788
|
+
if (key in obj) Object.defineProperty(obj, key, {
|
|
789
|
+
value: value,
|
|
790
|
+
enumerable: true,
|
|
791
|
+
configurable: true,
|
|
792
|
+
writable: true
|
|
793
|
+
});
|
|
794
|
+
else obj[key] = value;
|
|
795
|
+
return obj;
|
|
796
|
+
}
|
|
797
|
+
class ErrorBoundary extends external_react_namespaceObject.Component {
|
|
798
|
+
static getDerivedStateFromError(error) {
|
|
799
|
+
return {
|
|
800
|
+
error
|
|
801
|
+
};
|
|
802
|
+
}
|
|
803
|
+
componentDidCatch(error, errorInfo) {
|
|
804
|
+
var _this_props_onError, _this_props;
|
|
805
|
+
null == (_this_props_onError = (_this_props = this.props).onError) || _this_props_onError.call(_this_props, error, errorInfo);
|
|
806
|
+
}
|
|
807
|
+
componentDidUpdate(prevProps) {
|
|
808
|
+
const { error } = this.state;
|
|
809
|
+
const { resetKeys } = this.props;
|
|
810
|
+
if (error && resetKeys && prevProps.resetKeys && resetKeys.some((key, index)=>{
|
|
811
|
+
var _prevProps_resetKeys;
|
|
812
|
+
return key !== (null == (_prevProps_resetKeys = prevProps.resetKeys) ? void 0 : _prevProps_resetKeys[index]);
|
|
813
|
+
})) this.reset();
|
|
814
|
+
}
|
|
815
|
+
render() {
|
|
816
|
+
const { error } = this.state;
|
|
817
|
+
if (!error) return this.props.children;
|
|
818
|
+
const { fallback } = this.props;
|
|
819
|
+
if ('function' == typeof fallback) return fallback({
|
|
820
|
+
error,
|
|
821
|
+
resetErrorBoundary: this.reset
|
|
822
|
+
});
|
|
823
|
+
return null != fallback ? fallback : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(empty_state_EmptyState, {
|
|
824
|
+
title: "Something went wrong",
|
|
825
|
+
description: error.message,
|
|
826
|
+
action: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_default(), {
|
|
827
|
+
onClick: this.reset,
|
|
828
|
+
children: "Try again"
|
|
829
|
+
})
|
|
830
|
+
});
|
|
831
|
+
}
|
|
832
|
+
constructor(...args){
|
|
833
|
+
super(...args), ErrorBoundary_define_property(this, "state", {
|
|
834
|
+
error: null
|
|
835
|
+
}), ErrorBoundary_define_property(this, "reset", ()=>{
|
|
836
|
+
var _this_props_onReset, _this_props;
|
|
837
|
+
null == (_this_props_onReset = (_this_props = this.props).onReset) || _this_props_onReset.call(_this_props);
|
|
838
|
+
this.setState({
|
|
839
|
+
error: null
|
|
840
|
+
});
|
|
841
|
+
});
|
|
842
|
+
}
|
|
843
|
+
}
|
|
844
|
+
const error_boundary_ErrorBoundary = ErrorBoundary;
|
|
845
|
+
var InlineMessage_css_icon = '_14g63aj5';
|
|
846
|
+
var inlineMessage = createRuntimeFn({
|
|
847
|
+
defaultClassName: '_14g63aj0',
|
|
848
|
+
variantClassNames: {
|
|
849
|
+
status: {
|
|
850
|
+
info: '_14g63aj1',
|
|
851
|
+
success: '_14g63aj2',
|
|
852
|
+
warning: '_14g63aj3',
|
|
853
|
+
error: '_14g63aj4'
|
|
854
|
+
}
|
|
855
|
+
},
|
|
856
|
+
defaultVariants: {
|
|
857
|
+
status: 'info'
|
|
858
|
+
},
|
|
859
|
+
compoundVariants: []
|
|
860
|
+
});
|
|
861
|
+
function InlineMessage_define_property(obj, key, value) {
|
|
862
|
+
if (key in obj) Object.defineProperty(obj, key, {
|
|
863
|
+
value: value,
|
|
864
|
+
enumerable: true,
|
|
865
|
+
configurable: true,
|
|
866
|
+
writable: true
|
|
867
|
+
});
|
|
868
|
+
else obj[key] = value;
|
|
869
|
+
return obj;
|
|
870
|
+
}
|
|
871
|
+
function InlineMessage_object_spread(target) {
|
|
872
|
+
for(var i = 1; i < arguments.length; i++){
|
|
873
|
+
var source = null != arguments[i] ? arguments[i] : {};
|
|
874
|
+
var ownKeys = Object.keys(source);
|
|
875
|
+
if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
876
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
877
|
+
}));
|
|
878
|
+
ownKeys.forEach(function(key) {
|
|
879
|
+
InlineMessage_define_property(target, key, source[key]);
|
|
880
|
+
});
|
|
881
|
+
}
|
|
882
|
+
return target;
|
|
883
|
+
}
|
|
884
|
+
function InlineMessage_ownKeys(object, enumerableOnly) {
|
|
885
|
+
var keys = Object.keys(object);
|
|
886
|
+
if (Object.getOwnPropertySymbols) {
|
|
887
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
888
|
+
if (enumerableOnly) symbols = symbols.filter(function(sym) {
|
|
889
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
890
|
+
});
|
|
891
|
+
keys.push.apply(keys, symbols);
|
|
892
|
+
}
|
|
893
|
+
return keys;
|
|
894
|
+
}
|
|
895
|
+
function InlineMessage_object_spread_props(target, source) {
|
|
896
|
+
source = null != source ? source : {};
|
|
897
|
+
if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
898
|
+
else InlineMessage_ownKeys(Object(source)).forEach(function(key) {
|
|
899
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
900
|
+
});
|
|
901
|
+
return target;
|
|
902
|
+
}
|
|
903
|
+
function InlineMessage_object_without_properties(source, excluded) {
|
|
904
|
+
if (null == source) return {};
|
|
905
|
+
var target = {}, sourceKeys, key, i;
|
|
906
|
+
if ("u" > typeof Reflect && Reflect.ownKeys) {
|
|
907
|
+
sourceKeys = Reflect.ownKeys(Object(source));
|
|
908
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
909
|
+
key = sourceKeys[i];
|
|
910
|
+
if (!(excluded.indexOf(key) >= 0)) {
|
|
911
|
+
if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
|
|
912
|
+
}
|
|
913
|
+
}
|
|
914
|
+
return target;
|
|
915
|
+
}
|
|
916
|
+
target = InlineMessage_object_without_properties_loose(source, excluded);
|
|
917
|
+
if (Object.getOwnPropertySymbols) {
|
|
918
|
+
sourceKeys = Object.getOwnPropertySymbols(source);
|
|
919
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
920
|
+
key = sourceKeys[i];
|
|
921
|
+
if (!(excluded.indexOf(key) >= 0)) {
|
|
922
|
+
if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
|
|
923
|
+
}
|
|
924
|
+
}
|
|
925
|
+
}
|
|
926
|
+
return target;
|
|
927
|
+
}
|
|
928
|
+
function InlineMessage_object_without_properties_loose(source, excluded) {
|
|
929
|
+
if (null == source) return {};
|
|
930
|
+
var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
|
|
931
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
932
|
+
key = sourceKeys[i];
|
|
933
|
+
if (!(excluded.indexOf(key) >= 0)) {
|
|
934
|
+
if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
|
|
935
|
+
}
|
|
936
|
+
}
|
|
937
|
+
return target;
|
|
938
|
+
}
|
|
939
|
+
const InlineMessage = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _1)=>{
|
|
940
|
+
let _ref = [
|
|
941
|
+
_0,
|
|
942
|
+
_1
|
|
943
|
+
], [_ref1, ..._rest] = _ref, { status = 'info', m, mt, mr, mb, ml, mx, my, p, pt, pr, pb, pl, px, py, className, style, children } = _ref1, rest = InlineMessage_object_without_properties(_ref1, [
|
|
944
|
+
"status",
|
|
945
|
+
"m",
|
|
946
|
+
"mt",
|
|
947
|
+
"mr",
|
|
948
|
+
"mb",
|
|
949
|
+
"ml",
|
|
950
|
+
"mx",
|
|
951
|
+
"my",
|
|
952
|
+
"p",
|
|
953
|
+
"pt",
|
|
954
|
+
"pr",
|
|
955
|
+
"pb",
|
|
956
|
+
"pl",
|
|
957
|
+
"px",
|
|
958
|
+
"py",
|
|
959
|
+
"className",
|
|
960
|
+
"style",
|
|
961
|
+
"children"
|
|
962
|
+
]), [ref] = _rest;
|
|
963
|
+
const Icon = statusIcons[status];
|
|
964
|
+
const classes = className ? `${inlineMessage({
|
|
965
|
+
status
|
|
966
|
+
})} ${className}` : inlineMessage({
|
|
967
|
+
status
|
|
968
|
+
});
|
|
969
|
+
const computedStyle = InlineMessage_object_spread({}, resolveSpacingStyle({
|
|
970
|
+
m,
|
|
971
|
+
mt,
|
|
972
|
+
mr,
|
|
973
|
+
mb,
|
|
974
|
+
ml,
|
|
975
|
+
mx,
|
|
976
|
+
my,
|
|
977
|
+
p,
|
|
978
|
+
pt,
|
|
979
|
+
pr,
|
|
980
|
+
pb,
|
|
981
|
+
pl,
|
|
982
|
+
px,
|
|
983
|
+
py
|
|
984
|
+
}), style);
|
|
985
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", InlineMessage_object_spread_props(InlineMessage_object_spread({
|
|
986
|
+
ref: ref,
|
|
987
|
+
role: "alert",
|
|
988
|
+
className: classes,
|
|
989
|
+
style: computedStyle
|
|
990
|
+
}, rest), {
|
|
991
|
+
children: [
|
|
992
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Icon, {
|
|
993
|
+
className: InlineMessage_css_icon,
|
|
994
|
+
"aria-hidden": "true"
|
|
995
|
+
}),
|
|
996
|
+
children
|
|
997
|
+
]
|
|
998
|
+
}));
|
|
999
|
+
});
|
|
1000
|
+
InlineMessage.displayName = 'InlineMessage';
|
|
1001
|
+
const inline_message_InlineMessage = InlineMessage;
|
|
1002
|
+
var spinner = createRuntimeFn({
|
|
1003
|
+
defaultClassName: '_8naz5u1',
|
|
1004
|
+
variantClassNames: {
|
|
1005
|
+
size: {
|
|
1006
|
+
sm: '_8naz5u3',
|
|
1007
|
+
md: '_8naz5u4',
|
|
1008
|
+
lg: '_8naz5u5'
|
|
1009
|
+
}
|
|
1010
|
+
},
|
|
1011
|
+
defaultVariants: {
|
|
1012
|
+
size: 'md'
|
|
1013
|
+
},
|
|
1014
|
+
compoundVariants: []
|
|
1015
|
+
});
|
|
1016
|
+
function Spinner_define_property(obj, key, value) {
|
|
1017
|
+
if (key in obj) Object.defineProperty(obj, key, {
|
|
1018
|
+
value: value,
|
|
1019
|
+
enumerable: true,
|
|
1020
|
+
configurable: true,
|
|
1021
|
+
writable: true
|
|
1022
|
+
});
|
|
1023
|
+
else obj[key] = value;
|
|
1024
|
+
return obj;
|
|
1025
|
+
}
|
|
1026
|
+
function Spinner_object_spread(target) {
|
|
1027
|
+
for(var i = 1; i < arguments.length; i++){
|
|
1028
|
+
var source = null != arguments[i] ? arguments[i] : {};
|
|
1029
|
+
var ownKeys = Object.keys(source);
|
|
1030
|
+
if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
1031
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
1032
|
+
}));
|
|
1033
|
+
ownKeys.forEach(function(key) {
|
|
1034
|
+
Spinner_define_property(target, key, source[key]);
|
|
1035
|
+
});
|
|
1036
|
+
}
|
|
1037
|
+
return target;
|
|
1038
|
+
}
|
|
1039
|
+
function Spinner_object_without_properties(source, excluded) {
|
|
1040
|
+
if (null == source) return {};
|
|
1041
|
+
var target = {}, sourceKeys, key, i;
|
|
1042
|
+
if ("u" > typeof Reflect && Reflect.ownKeys) {
|
|
1043
|
+
sourceKeys = Reflect.ownKeys(Object(source));
|
|
1044
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
1045
|
+
key = sourceKeys[i];
|
|
1046
|
+
if (!(excluded.indexOf(key) >= 0)) {
|
|
1047
|
+
if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
|
|
1048
|
+
}
|
|
1049
|
+
}
|
|
1050
|
+
return target;
|
|
1051
|
+
}
|
|
1052
|
+
target = Spinner_object_without_properties_loose(source, excluded);
|
|
1053
|
+
if (Object.getOwnPropertySymbols) {
|
|
1054
|
+
sourceKeys = Object.getOwnPropertySymbols(source);
|
|
1055
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
1056
|
+
key = sourceKeys[i];
|
|
1057
|
+
if (!(excluded.indexOf(key) >= 0)) {
|
|
1058
|
+
if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
|
|
1059
|
+
}
|
|
1060
|
+
}
|
|
1061
|
+
}
|
|
1062
|
+
return target;
|
|
1063
|
+
}
|
|
1064
|
+
function Spinner_object_without_properties_loose(source, excluded) {
|
|
1065
|
+
if (null == source) return {};
|
|
1066
|
+
var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
|
|
1067
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
1068
|
+
key = sourceKeys[i];
|
|
1069
|
+
if (!(excluded.indexOf(key) >= 0)) {
|
|
1070
|
+
if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
|
|
1071
|
+
}
|
|
1072
|
+
}
|
|
1073
|
+
return target;
|
|
1074
|
+
}
|
|
1075
|
+
const Spinner = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _1)=>{
|
|
1076
|
+
let _ref = [
|
|
1077
|
+
_0,
|
|
1078
|
+
_1
|
|
1079
|
+
], [_ref1, ..._rest] = _ref, { size, m, mt, mr, mb, ml, mx, my, p, pt, pr, pb, pl, px, py, className, style } = _ref1, rest = Spinner_object_without_properties(_ref1, [
|
|
1080
|
+
"size",
|
|
1081
|
+
"m",
|
|
1082
|
+
"mt",
|
|
1083
|
+
"mr",
|
|
1084
|
+
"mb",
|
|
1085
|
+
"ml",
|
|
1086
|
+
"mx",
|
|
1087
|
+
"my",
|
|
1088
|
+
"p",
|
|
1089
|
+
"pt",
|
|
1090
|
+
"pr",
|
|
1091
|
+
"pb",
|
|
1092
|
+
"pl",
|
|
1093
|
+
"px",
|
|
1094
|
+
"py",
|
|
1095
|
+
"className",
|
|
1096
|
+
"style"
|
|
1097
|
+
]), [ref] = _rest;
|
|
1098
|
+
const classes = className ? `${spinner({
|
|
1099
|
+
size
|
|
1100
|
+
})} ${className}` : spinner({
|
|
1101
|
+
size
|
|
1102
|
+
});
|
|
1103
|
+
const computedStyle = Spinner_object_spread({}, resolveSpacingStyle({
|
|
1104
|
+
m,
|
|
1105
|
+
mt,
|
|
1106
|
+
mr,
|
|
1107
|
+
mb,
|
|
1108
|
+
ml,
|
|
1109
|
+
mx,
|
|
1110
|
+
my,
|
|
1111
|
+
p,
|
|
1112
|
+
pt,
|
|
1113
|
+
pr,
|
|
1114
|
+
pb,
|
|
1115
|
+
pl,
|
|
1116
|
+
px,
|
|
1117
|
+
py
|
|
1118
|
+
}), style);
|
|
1119
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", Spinner_object_spread({
|
|
1120
|
+
ref: ref,
|
|
1121
|
+
role: "status",
|
|
1122
|
+
"aria-label": "Loading",
|
|
1123
|
+
className: classes,
|
|
1124
|
+
style: computedStyle
|
|
1125
|
+
}, rest));
|
|
1126
|
+
});
|
|
1127
|
+
Spinner.displayName = 'Spinner';
|
|
1128
|
+
const spinner_Spinner = Spinner;
|
|
1129
|
+
var backdrop = '_1vw410a2';
|
|
1130
|
+
var overlay = '_1vw410a1';
|
|
1131
|
+
var wrapper = '_1vw410a0';
|
|
1132
|
+
function LoadingOverlay_define_property(obj, key, value) {
|
|
1133
|
+
if (key in obj) Object.defineProperty(obj, key, {
|
|
1134
|
+
value: value,
|
|
1135
|
+
enumerable: true,
|
|
1136
|
+
configurable: true,
|
|
1137
|
+
writable: true
|
|
1138
|
+
});
|
|
1139
|
+
else obj[key] = value;
|
|
1140
|
+
return obj;
|
|
1141
|
+
}
|
|
1142
|
+
function LoadingOverlay_object_spread(target) {
|
|
1143
|
+
for(var i = 1; i < arguments.length; i++){
|
|
1144
|
+
var source = null != arguments[i] ? arguments[i] : {};
|
|
1145
|
+
var ownKeys = Object.keys(source);
|
|
1146
|
+
if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
1147
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
1148
|
+
}));
|
|
1149
|
+
ownKeys.forEach(function(key) {
|
|
1150
|
+
LoadingOverlay_define_property(target, key, source[key]);
|
|
1151
|
+
});
|
|
1152
|
+
}
|
|
1153
|
+
return target;
|
|
1154
|
+
}
|
|
1155
|
+
function LoadingOverlay_ownKeys(object, enumerableOnly) {
|
|
1156
|
+
var keys = Object.keys(object);
|
|
1157
|
+
if (Object.getOwnPropertySymbols) {
|
|
1158
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
1159
|
+
if (enumerableOnly) symbols = symbols.filter(function(sym) {
|
|
1160
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
1161
|
+
});
|
|
1162
|
+
keys.push.apply(keys, symbols);
|
|
1163
|
+
}
|
|
1164
|
+
return keys;
|
|
1165
|
+
}
|
|
1166
|
+
function LoadingOverlay_object_spread_props(target, source) {
|
|
1167
|
+
source = null != source ? source : {};
|
|
1168
|
+
if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
1169
|
+
else LoadingOverlay_ownKeys(Object(source)).forEach(function(key) {
|
|
1170
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
1171
|
+
});
|
|
1172
|
+
return target;
|
|
1173
|
+
}
|
|
1174
|
+
function LoadingOverlay_object_without_properties(source, excluded) {
|
|
1175
|
+
if (null == source) return {};
|
|
1176
|
+
var target = {}, sourceKeys, key, i;
|
|
1177
|
+
if ("u" > typeof Reflect && Reflect.ownKeys) {
|
|
1178
|
+
sourceKeys = Reflect.ownKeys(Object(source));
|
|
1179
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
1180
|
+
key = sourceKeys[i];
|
|
1181
|
+
if (!(excluded.indexOf(key) >= 0)) {
|
|
1182
|
+
if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
|
|
1183
|
+
}
|
|
1184
|
+
}
|
|
1185
|
+
return target;
|
|
1186
|
+
}
|
|
1187
|
+
target = LoadingOverlay_object_without_properties_loose(source, excluded);
|
|
1188
|
+
if (Object.getOwnPropertySymbols) {
|
|
1189
|
+
sourceKeys = Object.getOwnPropertySymbols(source);
|
|
1190
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
1191
|
+
key = sourceKeys[i];
|
|
1192
|
+
if (!(excluded.indexOf(key) >= 0)) {
|
|
1193
|
+
if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
|
|
1194
|
+
}
|
|
1195
|
+
}
|
|
1196
|
+
}
|
|
1197
|
+
return target;
|
|
1198
|
+
}
|
|
1199
|
+
function LoadingOverlay_object_without_properties_loose(source, excluded) {
|
|
1200
|
+
if (null == source) return {};
|
|
1201
|
+
var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
|
|
1202
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
1203
|
+
key = sourceKeys[i];
|
|
1204
|
+
if (!(excluded.indexOf(key) >= 0)) {
|
|
1205
|
+
if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
|
|
1206
|
+
}
|
|
1207
|
+
}
|
|
1208
|
+
return target;
|
|
1209
|
+
}
|
|
1210
|
+
const LoadingOverlay = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _1)=>{
|
|
1211
|
+
let _ref = [
|
|
1212
|
+
_0,
|
|
1213
|
+
_1
|
|
1214
|
+
], [_ref1, ..._rest] = _ref, { visible, className, children } = _ref1, rest = LoadingOverlay_object_without_properties(_ref1, [
|
|
1215
|
+
"visible",
|
|
1216
|
+
"className",
|
|
1217
|
+
"children"
|
|
1218
|
+
]), [ref] = _rest;
|
|
1219
|
+
const classes = className ? `${wrapper} ${className}` : wrapper;
|
|
1220
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(box_default(), LoadingOverlay_object_spread_props(LoadingOverlay_object_spread({
|
|
1221
|
+
ref: ref,
|
|
1222
|
+
className: classes
|
|
1223
|
+
}, rest), {
|
|
1224
|
+
children: [
|
|
1225
|
+
children,
|
|
1226
|
+
visible ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
|
|
1227
|
+
className: overlay,
|
|
1228
|
+
children: [
|
|
1229
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
1230
|
+
className: backdrop
|
|
1231
|
+
}),
|
|
1232
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(spinner_Spinner, {})
|
|
1233
|
+
]
|
|
1234
|
+
}) : null
|
|
1235
|
+
]
|
|
1236
|
+
}));
|
|
1237
|
+
});
|
|
1238
|
+
LoadingOverlay.displayName = 'LoadingOverlay';
|
|
1239
|
+
const loading_overlay_LoadingOverlay = LoadingOverlay;
|
|
1240
|
+
var ProgressBar_css_fill = '_1ie0lek1';
|
|
1241
|
+
var ProgressBar_css_track = '_1ie0lek0';
|
|
1242
|
+
function ProgressBar_define_property(obj, key, value) {
|
|
1243
|
+
if (key in obj) Object.defineProperty(obj, key, {
|
|
1244
|
+
value: value,
|
|
1245
|
+
enumerable: true,
|
|
1246
|
+
configurable: true,
|
|
1247
|
+
writable: true
|
|
1248
|
+
});
|
|
1249
|
+
else obj[key] = value;
|
|
1250
|
+
return obj;
|
|
1251
|
+
}
|
|
1252
|
+
function ProgressBar_object_spread(target) {
|
|
1253
|
+
for(var i = 1; i < arguments.length; i++){
|
|
1254
|
+
var source = null != arguments[i] ? arguments[i] : {};
|
|
1255
|
+
var ownKeys = Object.keys(source);
|
|
1256
|
+
if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
1257
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
1258
|
+
}));
|
|
1259
|
+
ownKeys.forEach(function(key) {
|
|
1260
|
+
ProgressBar_define_property(target, key, source[key]);
|
|
1261
|
+
});
|
|
1262
|
+
}
|
|
1263
|
+
return target;
|
|
1264
|
+
}
|
|
1265
|
+
function ProgressBar_ownKeys(object, enumerableOnly) {
|
|
1266
|
+
var keys = Object.keys(object);
|
|
1267
|
+
if (Object.getOwnPropertySymbols) {
|
|
1268
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
1269
|
+
if (enumerableOnly) symbols = symbols.filter(function(sym) {
|
|
1270
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
1271
|
+
});
|
|
1272
|
+
keys.push.apply(keys, symbols);
|
|
1273
|
+
}
|
|
1274
|
+
return keys;
|
|
1275
|
+
}
|
|
1276
|
+
function ProgressBar_object_spread_props(target, source) {
|
|
1277
|
+
source = null != source ? source : {};
|
|
1278
|
+
if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
1279
|
+
else ProgressBar_ownKeys(Object(source)).forEach(function(key) {
|
|
1280
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
1281
|
+
});
|
|
1282
|
+
return target;
|
|
1283
|
+
}
|
|
1284
|
+
function ProgressBar_object_without_properties(source, excluded) {
|
|
1285
|
+
if (null == source) return {};
|
|
1286
|
+
var target = {}, sourceKeys, key, i;
|
|
1287
|
+
if ("u" > typeof Reflect && Reflect.ownKeys) {
|
|
1288
|
+
sourceKeys = Reflect.ownKeys(Object(source));
|
|
1289
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
1290
|
+
key = sourceKeys[i];
|
|
1291
|
+
if (!(excluded.indexOf(key) >= 0)) {
|
|
1292
|
+
if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
|
|
1293
|
+
}
|
|
1294
|
+
}
|
|
1295
|
+
return target;
|
|
1296
|
+
}
|
|
1297
|
+
target = ProgressBar_object_without_properties_loose(source, excluded);
|
|
1298
|
+
if (Object.getOwnPropertySymbols) {
|
|
1299
|
+
sourceKeys = Object.getOwnPropertySymbols(source);
|
|
1300
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
1301
|
+
key = sourceKeys[i];
|
|
1302
|
+
if (!(excluded.indexOf(key) >= 0)) {
|
|
1303
|
+
if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
|
|
1304
|
+
}
|
|
1305
|
+
}
|
|
1306
|
+
}
|
|
1307
|
+
return target;
|
|
1308
|
+
}
|
|
1309
|
+
function ProgressBar_object_without_properties_loose(source, excluded) {
|
|
1310
|
+
if (null == source) return {};
|
|
1311
|
+
var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
|
|
1312
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
1313
|
+
key = sourceKeys[i];
|
|
1314
|
+
if (!(excluded.indexOf(key) >= 0)) {
|
|
1315
|
+
if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
|
|
1316
|
+
}
|
|
1317
|
+
}
|
|
1318
|
+
return target;
|
|
1319
|
+
}
|
|
1320
|
+
const ProgressBar = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _1)=>{
|
|
1321
|
+
let _ref = [
|
|
1322
|
+
_0,
|
|
1323
|
+
_1
|
|
1324
|
+
], [_ref1, ..._rest] = _ref, { value, max = 100, className, style } = _ref1, rest = ProgressBar_object_without_properties(_ref1, [
|
|
1325
|
+
"value",
|
|
1326
|
+
"max",
|
|
1327
|
+
"className",
|
|
1328
|
+
"style"
|
|
1329
|
+
]), [ref] = _rest;
|
|
1330
|
+
const classes = className ? `${ProgressBar_css_track} ${className}` : ProgressBar_css_track;
|
|
1331
|
+
const percent = Math.min(100, Math.max(0, value / max * 100));
|
|
1332
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(box_default(), ProgressBar_object_spread_props(ProgressBar_object_spread({
|
|
1333
|
+
ref: ref,
|
|
1334
|
+
role: "progressbar",
|
|
1335
|
+
"aria-valuenow": value,
|
|
1336
|
+
"aria-valuemin": 0,
|
|
1337
|
+
"aria-valuemax": max,
|
|
1338
|
+
className: classes,
|
|
1339
|
+
style: style
|
|
1340
|
+
}, rest), {
|
|
1341
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
1342
|
+
className: ProgressBar_css_fill,
|
|
1343
|
+
style: {
|
|
1344
|
+
width: `${String(percent)}%`
|
|
1345
|
+
}
|
|
1346
|
+
})
|
|
1347
|
+
}));
|
|
1348
|
+
});
|
|
1349
|
+
ProgressBar.displayName = 'ProgressBar';
|
|
1350
|
+
const progress_bar_ProgressBar = ProgressBar;
|
|
1351
|
+
var hiddenContent = 'i625lp6';
|
|
1352
|
+
var Skeleton_css_overlay = 'i625lp5';
|
|
1353
|
+
var skeleton = createRuntimeFn({
|
|
1354
|
+
defaultClassName: 'i625lp1',
|
|
1355
|
+
variantClassNames: {
|
|
1356
|
+
circle: {
|
|
1357
|
+
true: 'i625lp2'
|
|
1358
|
+
},
|
|
1359
|
+
animate: {
|
|
1360
|
+
true: 'i625lp3'
|
|
1361
|
+
}
|
|
1362
|
+
},
|
|
1363
|
+
defaultVariants: {
|
|
1364
|
+
animate: true
|
|
1365
|
+
},
|
|
1366
|
+
compoundVariants: []
|
|
1367
|
+
});
|
|
1368
|
+
var Skeleton_css_wrapper = 'i625lp4';
|
|
1369
|
+
function Skeleton_define_property(obj, key, value) {
|
|
1370
|
+
if (key in obj) Object.defineProperty(obj, key, {
|
|
1371
|
+
value: value,
|
|
1372
|
+
enumerable: true,
|
|
1373
|
+
configurable: true,
|
|
1374
|
+
writable: true
|
|
1375
|
+
});
|
|
1376
|
+
else obj[key] = value;
|
|
1377
|
+
return obj;
|
|
1378
|
+
}
|
|
1379
|
+
function Skeleton_object_spread(target) {
|
|
1380
|
+
for(var i = 1; i < arguments.length; i++){
|
|
1381
|
+
var source = null != arguments[i] ? arguments[i] : {};
|
|
1382
|
+
var ownKeys = Object.keys(source);
|
|
1383
|
+
if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
1384
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
1385
|
+
}));
|
|
1386
|
+
ownKeys.forEach(function(key) {
|
|
1387
|
+
Skeleton_define_property(target, key, source[key]);
|
|
1388
|
+
});
|
|
1389
|
+
}
|
|
1390
|
+
return target;
|
|
1391
|
+
}
|
|
1392
|
+
function Skeleton_ownKeys(object, enumerableOnly) {
|
|
1393
|
+
var keys = Object.keys(object);
|
|
1394
|
+
if (Object.getOwnPropertySymbols) {
|
|
1395
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
1396
|
+
if (enumerableOnly) symbols = symbols.filter(function(sym) {
|
|
1397
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
1398
|
+
});
|
|
1399
|
+
keys.push.apply(keys, symbols);
|
|
1400
|
+
}
|
|
1401
|
+
return keys;
|
|
1402
|
+
}
|
|
1403
|
+
function Skeleton_object_spread_props(target, source) {
|
|
1404
|
+
source = null != source ? source : {};
|
|
1405
|
+
if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
1406
|
+
else Skeleton_ownKeys(Object(source)).forEach(function(key) {
|
|
1407
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
1408
|
+
});
|
|
1409
|
+
return target;
|
|
1410
|
+
}
|
|
1411
|
+
function Skeleton_object_without_properties(source, excluded) {
|
|
1412
|
+
if (null == source) return {};
|
|
1413
|
+
var target = {}, sourceKeys, key, i;
|
|
1414
|
+
if ("u" > typeof Reflect && Reflect.ownKeys) {
|
|
1415
|
+
sourceKeys = Reflect.ownKeys(Object(source));
|
|
1416
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
1417
|
+
key = sourceKeys[i];
|
|
1418
|
+
if (!(excluded.indexOf(key) >= 0)) {
|
|
1419
|
+
if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
|
|
1420
|
+
}
|
|
1421
|
+
}
|
|
1422
|
+
return target;
|
|
1423
|
+
}
|
|
1424
|
+
target = Skeleton_object_without_properties_loose(source, excluded);
|
|
1425
|
+
if (Object.getOwnPropertySymbols) {
|
|
1426
|
+
sourceKeys = Object.getOwnPropertySymbols(source);
|
|
1427
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
1428
|
+
key = sourceKeys[i];
|
|
1429
|
+
if (!(excluded.indexOf(key) >= 0)) {
|
|
1430
|
+
if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
|
|
1431
|
+
}
|
|
1432
|
+
}
|
|
1433
|
+
}
|
|
1434
|
+
return target;
|
|
1435
|
+
}
|
|
1436
|
+
function Skeleton_object_without_properties_loose(source, excluded) {
|
|
1437
|
+
if (null == source) return {};
|
|
1438
|
+
var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
|
|
1439
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
1440
|
+
key = sourceKeys[i];
|
|
1441
|
+
if (!(excluded.indexOf(key) >= 0)) {
|
|
1442
|
+
if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
|
|
1443
|
+
}
|
|
1444
|
+
}
|
|
1445
|
+
return target;
|
|
1446
|
+
}
|
|
1447
|
+
const Skeleton = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _1)=>{
|
|
1448
|
+
let _ref = [
|
|
1449
|
+
_0,
|
|
1450
|
+
_1
|
|
1451
|
+
], [_ref1, ..._rest] = _ref, { circle, animate, width, height, children, visible = true, className, style } = _ref1, rest = Skeleton_object_without_properties(_ref1, [
|
|
1452
|
+
"circle",
|
|
1453
|
+
"animate",
|
|
1454
|
+
"width",
|
|
1455
|
+
"height",
|
|
1456
|
+
"children",
|
|
1457
|
+
"visible",
|
|
1458
|
+
"className",
|
|
1459
|
+
"style"
|
|
1460
|
+
]), [ref] = _rest;
|
|
1461
|
+
const skeletonClasses = skeleton({
|
|
1462
|
+
circle,
|
|
1463
|
+
animate
|
|
1464
|
+
});
|
|
1465
|
+
if (void 0 !== children) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(box_default(), Skeleton_object_spread_props(Skeleton_object_spread({
|
|
1466
|
+
ref: ref,
|
|
1467
|
+
className: `${Skeleton_css_wrapper} ${null != className ? className : ''}`.trim(),
|
|
1468
|
+
style: style
|
|
1469
|
+
}, rest), {
|
|
1470
|
+
children: [
|
|
1471
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
1472
|
+
className: visible ? hiddenContent : void 0,
|
|
1473
|
+
"aria-hidden": visible,
|
|
1474
|
+
children: children
|
|
1475
|
+
}),
|
|
1476
|
+
visible ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
1477
|
+
className: `${skeletonClasses} ${Skeleton_css_overlay}`,
|
|
1478
|
+
"aria-hidden": "true"
|
|
1479
|
+
}) : null
|
|
1480
|
+
]
|
|
1481
|
+
}));
|
|
1482
|
+
const classes = className ? `${skeletonClasses} ${className}` : skeletonClasses;
|
|
1483
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(box_default(), Skeleton_object_spread({
|
|
1484
|
+
ref: ref,
|
|
1485
|
+
"aria-hidden": "true",
|
|
1486
|
+
className: classes,
|
|
1487
|
+
style: Skeleton_object_spread({
|
|
1488
|
+
width,
|
|
1489
|
+
height
|
|
1490
|
+
}, style)
|
|
1491
|
+
}, rest));
|
|
1492
|
+
});
|
|
1493
|
+
Skeleton.displayName = 'Skeleton';
|
|
1494
|
+
const skeleton_Skeleton = Skeleton;
|
|
1495
|
+
var Toaster_css_body = '_1xil9gel';
|
|
1496
|
+
var closeButton = '_1xil9geo';
|
|
1497
|
+
var Toaster_css_description = '_1xil9gen';
|
|
1498
|
+
var enterFromBottom = '_1xil9geh';
|
|
1499
|
+
var enterFromTop = '_1xil9geg';
|
|
1500
|
+
var exitToBottom = '_1xil9gej';
|
|
1501
|
+
var exitToTop = '_1xil9gei';
|
|
1502
|
+
var Toaster_css_icon = '_1xil9gek';
|
|
1503
|
+
var stack = createRuntimeFn({
|
|
1504
|
+
defaultClassName: '_1xil9ge0',
|
|
1505
|
+
variantClassNames: {
|
|
1506
|
+
position: {
|
|
1507
|
+
'top-left': '_1xil9ge1',
|
|
1508
|
+
'top-center': '_1xil9ge2',
|
|
1509
|
+
'top-right': '_1xil9ge3',
|
|
1510
|
+
'bottom-left': '_1xil9ge4',
|
|
1511
|
+
'bottom-center': '_1xil9ge5',
|
|
1512
|
+
'bottom-right': '_1xil9ge6'
|
|
1513
|
+
}
|
|
1514
|
+
},
|
|
1515
|
+
defaultVariants: {
|
|
1516
|
+
position: 'bottom-right'
|
|
1517
|
+
},
|
|
1518
|
+
compoundVariants: []
|
|
1519
|
+
});
|
|
1520
|
+
var Toaster_css_title = '_1xil9gem';
|
|
1521
|
+
var toastCard = createRuntimeFn({
|
|
1522
|
+
defaultClassName: '_1xil9ge7',
|
|
1523
|
+
variantClassNames: {
|
|
1524
|
+
status: {
|
|
1525
|
+
info: '_1xil9ge8',
|
|
1526
|
+
success: '_1xil9ge9',
|
|
1527
|
+
warning: '_1xil9gea',
|
|
1528
|
+
error: '_1xil9geb'
|
|
1529
|
+
}
|
|
1530
|
+
},
|
|
1531
|
+
defaultVariants: {
|
|
1532
|
+
status: 'info'
|
|
1533
|
+
},
|
|
1534
|
+
compoundVariants: []
|
|
1535
|
+
});
|
|
1536
|
+
function toastStore_define_property(obj, key, value) {
|
|
1537
|
+
if (key in obj) Object.defineProperty(obj, key, {
|
|
1538
|
+
value: value,
|
|
1539
|
+
enumerable: true,
|
|
1540
|
+
configurable: true,
|
|
1541
|
+
writable: true
|
|
1542
|
+
});
|
|
1543
|
+
else obj[key] = value;
|
|
1544
|
+
return obj;
|
|
1545
|
+
}
|
|
1546
|
+
function toastStore_object_spread(target) {
|
|
1547
|
+
for(var i = 1; i < arguments.length; i++){
|
|
1548
|
+
var source = null != arguments[i] ? arguments[i] : {};
|
|
1549
|
+
var ownKeys = Object.keys(source);
|
|
1550
|
+
if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
1551
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
1552
|
+
}));
|
|
1553
|
+
ownKeys.forEach(function(key) {
|
|
1554
|
+
toastStore_define_property(target, key, source[key]);
|
|
1555
|
+
});
|
|
1556
|
+
}
|
|
1557
|
+
return target;
|
|
1558
|
+
}
|
|
1559
|
+
function toastStore_ownKeys(object, enumerableOnly) {
|
|
1560
|
+
var keys = Object.keys(object);
|
|
1561
|
+
if (Object.getOwnPropertySymbols) {
|
|
1562
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
1563
|
+
if (enumerableOnly) symbols = symbols.filter(function(sym) {
|
|
1564
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
1565
|
+
});
|
|
1566
|
+
keys.push.apply(keys, symbols);
|
|
1567
|
+
}
|
|
1568
|
+
return keys;
|
|
1569
|
+
}
|
|
1570
|
+
function toastStore_object_spread_props(target, source) {
|
|
1571
|
+
source = null != source ? source : {};
|
|
1572
|
+
if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
1573
|
+
else toastStore_ownKeys(Object(source)).forEach(function(key) {
|
|
1574
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
1575
|
+
});
|
|
1576
|
+
return target;
|
|
1577
|
+
}
|
|
1578
|
+
const TOAST_EXIT_DURATION_MS = 150;
|
|
1579
|
+
let toasts = [];
|
|
1580
|
+
const listeners = new Set();
|
|
1581
|
+
let nextId = 0;
|
|
1582
|
+
const notify = ()=>{
|
|
1583
|
+
for (const listener of listeners)listener();
|
|
1584
|
+
};
|
|
1585
|
+
const subscribe = (listener)=>{
|
|
1586
|
+
listeners.add(listener);
|
|
1587
|
+
return ()=>{
|
|
1588
|
+
listeners.delete(listener);
|
|
1589
|
+
};
|
|
1590
|
+
};
|
|
1591
|
+
const getSnapshot = ()=>toasts;
|
|
1592
|
+
const show = (options)=>{
|
|
1593
|
+
var _options_status, _options_duration;
|
|
1594
|
+
const id = String(nextId);
|
|
1595
|
+
nextId += 1;
|
|
1596
|
+
const item = {
|
|
1597
|
+
id,
|
|
1598
|
+
status: null != (_options_status = options.status) ? _options_status : 'info',
|
|
1599
|
+
title: options.title,
|
|
1600
|
+
description: options.description,
|
|
1601
|
+
duration: null != (_options_duration = options.duration) ? _options_duration : 4000,
|
|
1602
|
+
exiting: false
|
|
1603
|
+
};
|
|
1604
|
+
toasts = [
|
|
1605
|
+
...toasts,
|
|
1606
|
+
item
|
|
1607
|
+
];
|
|
1608
|
+
notify();
|
|
1609
|
+
return id;
|
|
1610
|
+
};
|
|
1611
|
+
const dismiss = (id)=>{
|
|
1612
|
+
const target = toasts.find((item)=>item.id === id);
|
|
1613
|
+
if (!target || target.exiting) return;
|
|
1614
|
+
toasts = toasts.map((item)=>item.id === id ? toastStore_object_spread_props(toastStore_object_spread({}, item), {
|
|
1615
|
+
exiting: true
|
|
1616
|
+
}) : item);
|
|
1617
|
+
notify();
|
|
1618
|
+
setTimeout(()=>{
|
|
1619
|
+
toasts = toasts.filter((item)=>item.id !== id);
|
|
1620
|
+
notify();
|
|
1621
|
+
}, TOAST_EXIT_DURATION_MS);
|
|
1622
|
+
};
|
|
1623
|
+
const toast = {
|
|
1624
|
+
show,
|
|
1625
|
+
dismiss
|
|
1626
|
+
};
|
|
1627
|
+
const ToastItemView = ({ id, status, title: itemTitle, description: itemDescription, duration, exiting, edge })=>{
|
|
1628
|
+
(0, external_react_namespaceObject.useEffect)(()=>{
|
|
1629
|
+
if (duration <= 0) return;
|
|
1630
|
+
const timer = setTimeout(()=>{
|
|
1631
|
+
dismiss(id);
|
|
1632
|
+
}, duration);
|
|
1633
|
+
return ()=>{
|
|
1634
|
+
clearTimeout(timer);
|
|
1635
|
+
};
|
|
1636
|
+
}, [
|
|
1637
|
+
id,
|
|
1638
|
+
duration
|
|
1639
|
+
]);
|
|
1640
|
+
const Icon = statusIcons[status];
|
|
1641
|
+
const animationClass = exiting ? 'top' === edge ? exitToTop : exitToBottom : 'top' === edge ? enterFromTop : enterFromBottom;
|
|
1642
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
|
|
1643
|
+
className: `${toastCard({
|
|
1644
|
+
status
|
|
1645
|
+
})} ${animationClass}`,
|
|
1646
|
+
role: "status",
|
|
1647
|
+
children: [
|
|
1648
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Icon, {
|
|
1649
|
+
className: Toaster_css_icon,
|
|
1650
|
+
"aria-hidden": "true"
|
|
1651
|
+
}),
|
|
1652
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
|
|
1653
|
+
className: Toaster_css_body,
|
|
1654
|
+
children: [
|
|
1655
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
|
|
1656
|
+
className: Toaster_css_title,
|
|
1657
|
+
children: itemTitle
|
|
1658
|
+
}),
|
|
1659
|
+
itemDescription ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
|
|
1660
|
+
className: Toaster_css_description,
|
|
1661
|
+
children: itemDescription
|
|
1662
|
+
}) : null
|
|
1663
|
+
]
|
|
1664
|
+
}),
|
|
1665
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
|
|
1666
|
+
type: "button",
|
|
1667
|
+
className: closeButton,
|
|
1668
|
+
onClick: ()=>{
|
|
1669
|
+
dismiss(id);
|
|
1670
|
+
},
|
|
1671
|
+
"aria-label": "Dismiss",
|
|
1672
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.XIcon, {})
|
|
1673
|
+
})
|
|
1674
|
+
]
|
|
1675
|
+
});
|
|
1676
|
+
};
|
|
1677
|
+
const toaster_ToastItemView = ToastItemView;
|
|
1678
|
+
function Toaster_define_property(obj, key, value) {
|
|
1679
|
+
if (key in obj) Object.defineProperty(obj, key, {
|
|
1680
|
+
value: value,
|
|
1681
|
+
enumerable: true,
|
|
1682
|
+
configurable: true,
|
|
1683
|
+
writable: true
|
|
1684
|
+
});
|
|
1685
|
+
else obj[key] = value;
|
|
1686
|
+
return obj;
|
|
1687
|
+
}
|
|
1688
|
+
function Toaster_object_spread(target) {
|
|
1689
|
+
for(var i = 1; i < arguments.length; i++){
|
|
1690
|
+
var source = null != arguments[i] ? arguments[i] : {};
|
|
1691
|
+
var ownKeys = Object.keys(source);
|
|
1692
|
+
if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
1693
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
1694
|
+
}));
|
|
1695
|
+
ownKeys.forEach(function(key) {
|
|
1696
|
+
Toaster_define_property(target, key, source[key]);
|
|
1697
|
+
});
|
|
1698
|
+
}
|
|
1699
|
+
return target;
|
|
1700
|
+
}
|
|
1701
|
+
function Toaster_ownKeys(object, enumerableOnly) {
|
|
1702
|
+
var keys = Object.keys(object);
|
|
1703
|
+
if (Object.getOwnPropertySymbols) {
|
|
1704
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
1705
|
+
if (enumerableOnly) symbols = symbols.filter(function(sym) {
|
|
1706
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
1707
|
+
});
|
|
1708
|
+
keys.push.apply(keys, symbols);
|
|
1709
|
+
}
|
|
1710
|
+
return keys;
|
|
1711
|
+
}
|
|
1712
|
+
function Toaster_object_spread_props(target, source) {
|
|
1713
|
+
source = null != source ? source : {};
|
|
1714
|
+
if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
1715
|
+
else Toaster_ownKeys(Object(source)).forEach(function(key) {
|
|
1716
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
1717
|
+
});
|
|
1718
|
+
return target;
|
|
1719
|
+
}
|
|
1720
|
+
const emptySnapshot = [];
|
|
1721
|
+
const Toaster = ({ position = 'bottom-right' })=>{
|
|
1722
|
+
const items = (0, external_react_namespaceObject.useSyncExternalStore)(subscribe, getSnapshot, ()=>emptySnapshot);
|
|
1723
|
+
const edge = position.startsWith('top') ? 'top' : 'bottom';
|
|
1724
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
1725
|
+
className: stack({
|
|
1726
|
+
position
|
|
1727
|
+
}),
|
|
1728
|
+
children: items.map((item)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(toaster_ToastItemView, Toaster_object_spread_props(Toaster_object_spread({}, item), {
|
|
1729
|
+
edge: edge
|
|
1730
|
+
}), item.id))
|
|
1731
|
+
});
|
|
1732
|
+
};
|
|
1733
|
+
Toaster.displayName = 'Toaster';
|
|
1734
|
+
const toaster_Toaster = Toaster;
|
|
1735
|
+
exports.Alert = __webpack_exports__.Alert;
|
|
1736
|
+
exports.Banner = __webpack_exports__.Banner;
|
|
1737
|
+
exports.CircularProgress = __webpack_exports__.CircularProgress;
|
|
1738
|
+
exports.EmptyState = __webpack_exports__.EmptyState;
|
|
1739
|
+
exports.ErrorBoundary = __webpack_exports__.ErrorBoundary;
|
|
1740
|
+
exports.InlineMessage = __webpack_exports__.InlineMessage;
|
|
1741
|
+
exports.LoadingOverlay = __webpack_exports__.LoadingOverlay;
|
|
1742
|
+
exports.ProgressBar = __webpack_exports__.ProgressBar;
|
|
1743
|
+
exports.Skeleton = __webpack_exports__.Skeleton;
|
|
1744
|
+
exports.Spinner = __webpack_exports__.Spinner;
|
|
1745
|
+
exports.Toaster = __webpack_exports__.Toaster;
|
|
1746
|
+
exports.toast = __webpack_exports__.toast;
|
|
1747
|
+
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
1748
|
+
"Alert",
|
|
1749
|
+
"Banner",
|
|
1750
|
+
"CircularProgress",
|
|
1751
|
+
"EmptyState",
|
|
1752
|
+
"ErrorBoundary",
|
|
1753
|
+
"InlineMessage",
|
|
1754
|
+
"LoadingOverlay",
|
|
1755
|
+
"ProgressBar",
|
|
1756
|
+
"Skeleton",
|
|
1757
|
+
"Spinner",
|
|
1758
|
+
"Toaster",
|
|
1759
|
+
"toast"
|
|
1760
|
+
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
1761
|
+
Object.defineProperty(exports, '__esModule', {
|
|
1762
|
+
value: true
|
|
1763
|
+
});
|