@hortiview/default-components 1.5.0 → 1.5.2

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.
Files changed (43) hide show
  1. package/dist/components/DefaultAllowedComponent/DefaultAllowedComponent.js +8 -48
  2. package/dist/components/DefaultFormNumber/DefaultFormNumber.js +12 -1514
  3. package/dist/components/DefaultFormSelect/DefaultFormSelect.js +9 -178
  4. package/dist/components/DefaultLoadingSpinner/DefaultLoadingSpinner.js +6 -6
  5. package/dist/components/GenericTable/GenericTable.js +12 -18746
  6. package/dist/components/HealthChecks/DataBaseHealthCheck.js +2 -2
  7. package/dist/components/HealthChecks/DefaultHealthCheck.js +4 -4
  8. package/dist/components/HealthChecks/IotServiceHealthCheck.js +5 -5
  9. package/dist/components/HealthChecks/PlatformHealthCheck.js +4 -4
  10. package/dist/components/ImpatienceLoadingSpinner/ImpatienceLoadingSpinner.js +9 -9
  11. package/dist/components/InternationalizationWrapper/InternationalizationWrapper.js +4 -4
  12. package/dist/components/OfflineView/OfflineView.js +9 -9
  13. package/dist/i18n.js +1696 -5
  14. package/dist/{i18nInstance-D_96ADqd.js → i18nInstance-CYqpK5II.js} +2 -2
  15. package/dist/useTranslation-DGtUf8nl.js +101 -0
  16. package/package.json +3 -3
  17. package/dist/Iconify-D3gVmKx3.js +0 -84
  18. package/dist/InfoCard-Ba-VFnki.js +0 -58
  19. package/dist/LoadingSpinner-CmwCv7BO.js +0 -503
  20. package/dist/OfflineView-CIwV08EQ-BClnJRzV.js +0 -46
  21. package/dist/assets/DefaultAllowedComponent.css +0 -1
  22. package/dist/assets/DefaultFormNumber.css +0 -1
  23. package/dist/assets/DefaultFormSelect.css +0 -1
  24. package/dist/assets/GenericTable.css +0 -1
  25. package/dist/assets/Iconify.css +0 -1
  26. package/dist/assets/InfoCard.css +0 -1
  27. package/dist/assets/LoadingSpinner.css +0 -1
  28. package/dist/assets/OfflineView-CIwV08EQ.css +0 -1
  29. package/dist/component-Bz_dtX1r-DqCAj-DR.js +0 -304
  30. package/dist/component-DEJuY56h-CYiwt7Ga.js +0 -571
  31. package/dist/correct-is-regexp-logic-Y0ToWEjF-pByZFQLo.js +0 -494
  32. package/dist/i18n-CCQpJsQK.js +0 -1707
  33. package/dist/index.es--C-VLspF-B3Cy1zrT.js +0 -845
  34. package/dist/index.es-B74L_Dje-mYAvKwSb.js +0 -2005
  35. package/dist/index.es-B8p8KCdj--cmqwwUJ.js +0 -360
  36. package/dist/index.es-BPv5dCFQ-BmH1Hq7_.js +0 -1044
  37. package/dist/index.es-BanVdXEd-BYOBCuJj.js +0 -79
  38. package/dist/index.es-SjZ_-d7U-HvaOH_Z0.js +0 -860
  39. package/dist/index.es-nwjKmW7--CUlbl1RR.js +0 -14375
  40. package/dist/isTypedArray-DziahYkI-Cw9ssvDH.js +0 -210
  41. package/dist/slicedToArray-ByMQIs5x-BsvSjTDl.js +0 -432
  42. package/dist/useHelperText-Cqx6ggnc.js +0 -392
  43. package/dist/useTranslation-BQQybhSd.js +0 -5042
@@ -1,503 +0,0 @@
1
- import { jsx as c, jsxs as q } from "react/jsx-runtime";
2
- import { r as Z, ah as ee, i as w, h as re, e as U, k as J, l as $, t as m, n as te } from "./useTranslation-BQQybhSd.js";
3
- import a, { useState as ae, useEffect as T, useMemo as ie, forwardRef as se, useRef as V, useImperativeHandle as oe, useCallback as ne } from "react";
4
- import { a as ce, f as le } from "./component-Bz_dtX1r-DqCAj-DR.js";
5
- import { D as X, O as de } from "./index.es-SjZ_-d7U-HvaOH_Z0.js";
6
- import { b as ue } from "./index.es-BanVdXEd-BYOBCuJj.js";
7
- import { n as me } from "./Iconify-D3gVmKx3.js";
8
- import './assets/LoadingSpinner.css';const pe = "_loadingBigOverlay_7dxo1_1", he = "_bigLoadSpinnerCard_7dxo1_12", ge = "_bigLoadSpinnerCardText_7dxo1_27", fe = "_logo_7dxo1_33", L = {
9
- loadingBigOverlay: pe,
10
- bigLoadSpinnerCard: he,
11
- bigLoadSpinnerCardText: ge,
12
- logo: fe
13
- }, _e = ({ text: t }) => /* @__PURE__ */ q("div", { className: L.bigLoadSpinnerCard, role: "progressbar", "data-testid": "loading-spinner", children: [
14
- /* @__PURE__ */ c(me, { icon: "hortiview", className: L.logo, "data-testid": "logo-icon" }),
15
- /* @__PURE__ */ c(X, { tag: "p", bold: !0, level: 1, className: L.bigLoadSpinnerCardText, children: t })
16
- ] }), ve = (t) => /* @__PURE__ */ c("div", { "data-testid": "big-loading-spinner", className: L.loadingBigOverlay, children: /* @__PURE__ */ c(_e, { ...t }) });
17
- var h = {
18
- INDETERMINATE_CLASS: "mdc-circular-progress--indeterminate",
19
- CLOSED_CLASS: "mdc-circular-progress--closed"
20
- }, p = {
21
- ARIA_HIDDEN: "aria-hidden",
22
- ARIA_VALUENOW: "aria-valuenow",
23
- DETERMINATE_CIRCLE_SELECTOR: ".mdc-circular-progress__determinate-circle",
24
- RADIUS: "r",
25
- STROKE_DASHOFFSET: "stroke-dashoffset"
26
- };
27
- /**
28
- * @license
29
- * Copyright 2020 Google Inc.
30
- *
31
- * Permission is hereby granted, free of charge, to any person obtaining a copy
32
- * of this software and associated documentation files (the "Software"), to deal
33
- * in the Software without restriction, including without limitation the rights
34
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
35
- * copies of the Software, and to permit persons to whom the Software is
36
- * furnished to do so, subject to the following conditions:
37
- *
38
- * The above copyright notice and this permission notice shall be included in
39
- * all copies or substantial portions of the Software.
40
- *
41
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
42
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
43
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
44
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
45
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
46
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
47
- * THE SOFTWARE.
48
- */
49
- var K = (
50
- /** @class */
51
- function(t) {
52
- J(e, t);
53
- function e(r) {
54
- return t.call(this, $($({}, e.defaultAdapter), r)) || this;
55
- }
56
- return Object.defineProperty(e, "cssClasses", {
57
- get: function() {
58
- return h;
59
- },
60
- enumerable: !1,
61
- configurable: !0
62
- }), Object.defineProperty(e, "strings", {
63
- get: function() {
64
- return p;
65
- },
66
- enumerable: !1,
67
- configurable: !0
68
- }), Object.defineProperty(e, "defaultAdapter", {
69
- get: function() {
70
- return {
71
- addClass: function() {
72
- },
73
- getDeterminateCircleAttribute: function() {
74
- return null;
75
- },
76
- hasClass: function() {
77
- return !1;
78
- },
79
- removeClass: function() {
80
- },
81
- removeAttribute: function() {
82
- },
83
- setAttribute: function() {
84
- },
85
- setDeterminateCircleAttribute: function() {
86
- }
87
- };
88
- },
89
- enumerable: !1,
90
- configurable: !0
91
- }), e.prototype.init = function() {
92
- this.closed = this.adapter.hasClass(h.CLOSED_CLASS), this.determinate = !this.adapter.hasClass(h.INDETERMINATE_CLASS), this.progress = 0, this.determinate && this.adapter.setAttribute(p.ARIA_VALUENOW, this.progress.toString()), this.radius = Number(this.adapter.getDeterminateCircleAttribute(p.RADIUS));
93
- }, e.prototype.setDeterminate = function(r) {
94
- this.determinate = r, this.determinate ? (this.adapter.removeClass(h.INDETERMINATE_CLASS), this.setProgress(this.progress)) : (this.adapter.addClass(h.INDETERMINATE_CLASS), this.adapter.removeAttribute(p.ARIA_VALUENOW));
95
- }, e.prototype.isDeterminate = function() {
96
- return this.determinate;
97
- }, e.prototype.setProgress = function(r) {
98
- if (this.progress = r, this.determinate) {
99
- var l = (1 - this.progress) * (2 * Math.PI * this.radius);
100
- this.adapter.setDeterminateCircleAttribute(p.STROKE_DASHOFFSET, "" + l), this.adapter.setAttribute(p.ARIA_VALUENOW, this.progress.toString());
101
- }
102
- }, e.prototype.getProgress = function() {
103
- return this.progress;
104
- }, e.prototype.open = function() {
105
- this.closed = !1, this.adapter.removeClass(h.CLOSED_CLASS), this.adapter.removeAttribute(p.ARIA_HIDDEN);
106
- }, e.prototype.close = function() {
107
- this.closed = !0, this.adapter.addClass(h.CLOSED_CLASS), this.adapter.setAttribute(p.ARIA_HIDDEN, "true");
108
- }, e.prototype.isClosed = function() {
109
- return this.closed;
110
- }, e;
111
- }(ce)
112
- );
113
- /**
114
- * @license
115
- * Copyright 2020 Google Inc.
116
- *
117
- * Permission is hereby granted, free of charge, to any person obtaining a copy
118
- * of this software and associated documentation files (the "Software"), to deal
119
- * in the Software without restriction, including without limitation the rights
120
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
121
- * copies of the Software, and to permit persons to whom the Software is
122
- * furnished to do so, subject to the following conditions:
123
- *
124
- * The above copyright notice and this permission notice shall be included in
125
- * all copies or substantial portions of the Software.
126
- *
127
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
128
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
129
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
130
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
131
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
132
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
133
- * THE SOFTWARE.
134
- */
135
- var Ce = (
136
- /** @class */
137
- function(t) {
138
- J(e, t);
139
- function e() {
140
- return t !== null && t.apply(this, arguments) || this;
141
- }
142
- return e.prototype.initialize = function() {
143
- this.determinateCircle_ = this.root.querySelector(K.strings.DETERMINATE_CIRCLE_SELECTOR);
144
- }, e.attachTo = function(r) {
145
- return new e(r);
146
- }, Object.defineProperty(e.prototype, "determinate", {
147
- /**
148
- * Sets whether the progress indicator is in determinate mode.
149
- * @param isDeterminate Whether the indicator should be determinate.
150
- */
151
- set: function(r) {
152
- this.foundation.setDeterminate(r);
153
- },
154
- enumerable: !1,
155
- configurable: !0
156
- }), Object.defineProperty(e.prototype, "progress", {
157
- /**
158
- * Sets the current progress value. In indeterminate mode, this has no
159
- * visual effect but will be reflected if the indicator is switched to
160
- * determinate mode.
161
- * @param value The current progress value, which must be between 0 and 1.
162
- */
163
- set: function(r) {
164
- this.foundation.setProgress(r);
165
- },
166
- enumerable: !1,
167
- configurable: !0
168
- }), Object.defineProperty(e.prototype, "isClosed", {
169
- /**
170
- * Whether the progress indicator is hidden.
171
- */
172
- get: function() {
173
- return this.foundation.isClosed();
174
- },
175
- enumerable: !1,
176
- configurable: !0
177
- }), e.prototype.open = function() {
178
- this.foundation.open();
179
- }, e.prototype.close = function() {
180
- this.foundation.close();
181
- }, e.prototype.getDefaultFoundation = function() {
182
- var r = this, l = {
183
- addClass: function(i) {
184
- return r.root.classList.add(i);
185
- },
186
- getDeterminateCircleAttribute: function(i) {
187
- return r.determinateCircle_.getAttribute(i);
188
- },
189
- hasClass: function(i) {
190
- return r.root.classList.contains(i);
191
- },
192
- removeClass: function(i) {
193
- return r.root.classList.remove(i);
194
- },
195
- removeAttribute: function(i) {
196
- return r.root.removeAttribute(i);
197
- },
198
- setAttribute: function(i, d) {
199
- return r.root.setAttribute(i, d);
200
- },
201
- setDeterminateCircleAttribute: function(i, d) {
202
- return r.determinateCircle_.setAttribute(i, d);
203
- }
204
- };
205
- return new K(l);
206
- }, e;
207
- }(le)
208
- ), ye = {
209
- /**
210
- * Accessibility label.
211
- *
212
- * Defaults to **'Progress Indicator'**.
213
- */
214
- ariaLabel: m.string,
215
- /**
216
- * The css class name to be passed through to the component markup.
217
- *
218
- * Defaults to **undefined**.
219
- */
220
- className: m.string,
221
- /**
222
- * The size of the progress indicator.
223
- *
224
- * Defaults to **'lg'**.
225
- */
226
- indicatorSize: m.oneOf(["sm", "md", "lg"]),
227
- /**
228
- * Sets the visibility of the progress indicator.
229
- *
230
- * Defaults to **true**.
231
- */
232
- open: m.bool,
233
- /**
234
- * The current progress of a determinate progress indicator. Must be between 0 and 1.
235
- *
236
- * Defaults to **0**.
237
- */
238
- progress: m.number,
239
- /**
240
- * @deprecated _Renamed, see indicatorSize instead._
241
- *
242
- * The size of the progress indicator.
243
- *
244
- * Defaults to **undefined**.
245
- */
246
- size: te(m.oneOf(["sm", "md", "lg"]), "CircularProgress", "Renamed, see indicatorSize instead."),
247
- /**
248
- * Color of the indicator stroke with 'primary' or 'secondary' theme color.
249
- *
250
- * Defaults to **'primary'**.
251
- */
252
- themeColor: m.oneOf(["primary", "secondary", "primary-variant", "secondary-variant", "two-color", "two-color-variant", "on-primary", "on-secondary", "on-success", "on-danger", "on-unknown-dark", "on-unknown-light"]),
253
- /**
254
- * An indeterminate CircularProgress indicator will continue spinning until closed. A determinate CircularProgress indicator will display the current progress.
255
- *
256
- * Defaults to **'indeterminate'**.
257
- */
258
- variant: m.oneOf(["determinate", "indeterminate"])
259
- }, Ae = {
260
- ariaLabel: "Progress Indicator",
261
- className: void 0,
262
- indicatorSize: "lg",
263
- open: !0,
264
- progress: 0,
265
- themeColor: "primary",
266
- variant: "indeterminate"
267
- }, be = ["ariaLabel", "className", "open", "progress", "size", "indicatorSize", "themeColor", "variant"], g = Ae, W = /* @__PURE__ */ se(function(t, e) {
268
- var r, l = t.ariaLabel, i = l === void 0 ? g.ariaLabel : l, d = t.className, _ = d === void 0 ? g.className : d, v = t.open, A = v === void 0 ? g.open : v, b = t.progress, u = b === void 0 ? g.progress : b;
269
- t.size;
270
- var D = t.indicatorSize, I = D === void 0 ? g.indicatorSize : D, R = t.themeColor, E = R === void 0 ? g.themeColor : R, P = t.variant, S = P === void 0 ? g.variant : P, G = Z(t, be), O = V(), k = V();
271
- oe(e, function() {
272
- return O.current;
273
- }, []), T(function() {
274
- return k.current = Ce.attachTo(O.current), function() {
275
- k.current.destroy();
276
- };
277
- }, []), T(function() {
278
- (S === "determinate" && u < 0 || u > 1) && ee("CircularProgress: `progress` must be between 0 and 1."), k.current.determinate = S === "determinate", k.current.progress = u;
279
- }, [u, S]);
280
- var Q = function() {
281
- switch (I) {
282
- case "xs":
283
- return {
284
- heightWidth: "16px",
285
- viewBox: "24",
286
- cxCy: "12",
287
- r: "8.75",
288
- strokeWidth: "2.5",
289
- strokeWidth80: "2",
290
- strokeDashArray: "54.978",
291
- strokeDashoffset: "54",
292
- halfStrokeDashoffset: "27.489"
293
- };
294
- case "sm":
295
- return {
296
- heightWidth: "24px",
297
- viewBox: "24",
298
- cxCy: "12",
299
- r: "8.75",
300
- strokeWidth: "2.5",
301
- strokeWidth80: "2",
302
- strokeDashArray: "54.978",
303
- strokeDashoffset: "54.978",
304
- halfStrokeDashoffset: "27.489"
305
- };
306
- case "md":
307
- return {
308
- heightWidth: "36px",
309
- viewBox: "32",
310
- cxCy: "16",
311
- r: "12.5",
312
- strokeWidth: "3",
313
- strokeWidth80: "2.4",
314
- strokeDashArray: "78.54",
315
- strokeDashoffset: "78.54",
316
- halfStrokeDashoffset: "39.27"
317
- };
318
- case "lg":
319
- return {
320
- heightWidth: "48px",
321
- viewBox: "48",
322
- cxCy: "24",
323
- r: "18",
324
- strokeWidth: "4",
325
- strokeWidth80: "3.2",
326
- strokeDashArray: "113.097",
327
- strokeDashoffset: "113.097",
328
- halfStrokeDashoffset: "56.549"
329
- };
330
- case "xl":
331
- return {
332
- heightWidth: "60px",
333
- viewBox: "48",
334
- cxCy: "24",
335
- r: "18",
336
- strokeWidth: "3",
337
- strokeWidth80: "2.8",
338
- strokeDashArray: "113.097",
339
- strokeDashoffset: "113.097",
340
- halfStrokeDashoffset: "56.549"
341
- };
342
- default:
343
- return {
344
- heightWidth: "48px",
345
- viewBox: "48",
346
- cxCy: "24",
347
- r: "18",
348
- strokeWidth: "4",
349
- strokeWidth80: "3.2",
350
- strokeDashArray: "113.097",
351
- strokeDashoffset: "113.097",
352
- halfStrokeDashoffset: "56.549"
353
- };
354
- }
355
- }, o = Q(), z = o.heightWidth, n = o.viewBox, s = o.cxCy, f = o.r, C = o.strokeWidth, B = o.strokeWidth80, y = o.strokeDashArray, Y = o.strokeDashoffset, x = o.halfStrokeDashoffset, N = ne(function() {
356
- var j, F, H;
357
- return /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("div", {
358
- className: "mdc-circular-progress__circle-clipper mdc-circular-progress__circle-left"
359
- }, /* @__PURE__ */ a.createElement("svg", {
360
- className: "mdc-circular-progress__indeterminate-circle-graphic",
361
- viewBox: w(j = "0 0 ".concat(n, " ")).call(j, n),
362
- xmlns: "http://www.w3.org/2000/svg"
363
- }, /* @__PURE__ */ a.createElement("circle", {
364
- cx: s,
365
- cy: s,
366
- r: f,
367
- strokeDasharray: y,
368
- strokeDashoffset: x,
369
- strokeWidth: C
370
- }))), /* @__PURE__ */ a.createElement("div", {
371
- className: "mdc-circular-progress__gap-patch"
372
- }, /* @__PURE__ */ a.createElement("svg", {
373
- className: "mdc-circular-progress__indeterminate-circle-graphic",
374
- viewBox: w(F = "0 0 ".concat(n, " ")).call(F, n),
375
- xmlns: "http://www.w3.org/2000/svg"
376
- }, /* @__PURE__ */ a.createElement("circle", {
377
- cx: s,
378
- cy: s,
379
- r: f,
380
- strokeDasharray: y,
381
- strokeDashoffset: x,
382
- strokeWidth: B
383
- }))), /* @__PURE__ */ a.createElement("div", {
384
- className: "mdc-circular-progress__circle-clipper mdc-circular-progress__circle-right"
385
- }, /* @__PURE__ */ a.createElement("svg", {
386
- className: "mdc-circular-progress__indeterminate-circle-graphic",
387
- viewBox: w(H = "0 0 ".concat(n, " ")).call(H, n),
388
- xmlns: "http://www.w3.org/2000/svg"
389
- }, /* @__PURE__ */ a.createElement("circle", {
390
- cx: s,
391
- cy: s,
392
- r: f,
393
- strokeDasharray: y,
394
- strokeDashoffset: x,
395
- strokeWidth: C
396
- }))));
397
- }, [s, x, f, y, C, B, n]), M = E === "two-color" || E === "two-color-variant";
398
- return /* @__PURE__ */ a.createElement("div", re({
399
- ref: O,
400
- className: U("lmnt", "mdc-circular-progress", S === "indeterminate" && "mdc-circular-progress--indeterminate", !A && "mdc-circular-progress--closed", E && "lmnt-circular-progress--".concat(E), _),
401
- style: {
402
- width: z,
403
- height: z
404
- },
405
- role: "progressbar",
406
- "aria-label": i,
407
- "aria-valuemin": "0",
408
- "aria-valuemax": "1",
409
- "aria-valuenow": u
410
- }, G), /* @__PURE__ */ a.createElement("div", {
411
- className: "mdc-circular-progress__determinate-container"
412
- }, /* @__PURE__ */ a.createElement("svg", {
413
- className: "mdc-circular-progress__determinate-circle-graphic",
414
- viewBox: w(r = "0 0 ".concat(n, " ")).call(r, n),
415
- xmlns: "http://www.w3.org/2000/svg"
416
- }, /* @__PURE__ */ a.createElement("circle", {
417
- className: "mdc-circular-progress__determinate-track",
418
- cx: s,
419
- cy: s,
420
- r: f,
421
- strokeWidth: C
422
- }), /* @__PURE__ */ a.createElement("circle", {
423
- className: "mdc-circular-progress__determinate-circle",
424
- cx: s,
425
- cy: s,
426
- r: f,
427
- strokeDasharray: y,
428
- strokeDashoffset: Y,
429
- strokeWidth: C
430
- }))), /* @__PURE__ */ a.createElement("div", {
431
- className: "mdc-circular-progress__indeterminate-container"
432
- }, /* @__PURE__ */ a.createElement("div", {
433
- className: U("mdc-circular-progress__spinner-layer", M && "mdc-circular-progress__color-1")
434
- }, N()), M && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("div", {
435
- className: "mdc-circular-progress__spinner-layer mdc-circular-progress__color-2"
436
- }, N()), /* @__PURE__ */ a.createElement("div", {
437
- className: "mdc-circular-progress__spinner-layer mdc-circular-progress__color-3"
438
- }, N()), /* @__PURE__ */ a.createElement("div", {
439
- className: "mdc-circular-progress__spinner-layer mdc-circular-progress__color-4"
440
- }, N()))));
441
- });
442
- W.displayName = "CircularProgress";
443
- W.propTypes = ye;
444
- const De = "_loadingSpinnerContainer_1f3ss_1", Ee = {
445
- loadingSpinnerContainer: De
446
- }, Ie = ({
447
- size: t,
448
- center: e = !1,
449
- text: r,
450
- textPosition: l = "bottom",
451
- color: i = "primary",
452
- spinnerOnly: d = !1,
453
- //Due to we don't have (and want) to use a translation logic in this component, we are using a hardcoded message
454
- impatienceMessage: _ = "This is taking longer than expected. Please be patient.",
455
- impatienceTimeout: v = 10
456
- }) => {
457
- const [A, b] = ae(0);
458
- T(() => {
459
- const D = setInterval(() => {
460
- b((I) => I + 1);
461
- }, 1e3);
462
- return () => clearInterval(D);
463
- }, []);
464
- const u = ie(() => _ && A > v ? _ : r, [_, v, r, A]);
465
- return t === "big" ? /* @__PURE__ */ c(ve, { text: u }) : d ? /* @__PURE__ */ c(
466
- W,
467
- {
468
- "data-testid": "loading-spinner",
469
- themeColor: i,
470
- indicatorSize: t ?? "md"
471
- }
472
- ) : /* @__PURE__ */ c(
473
- ue,
474
- {
475
- variant: "standard",
476
- style: { textAlign: "center" },
477
- className: e ? Ee.loadingSpinnerContainer : "",
478
- children: /* @__PURE__ */ q(
479
- de,
480
- {
481
- direction: l === "right" ? "horizontal" : "vertical",
482
- gap: "dense",
483
- primaryAlign: "center",
484
- secondaryAlign: "center",
485
- children: [
486
- /* @__PURE__ */ c(
487
- W,
488
- {
489
- "data-testid": "loading-spinner",
490
- themeColor: i,
491
- indicatorSize: t ?? "lg"
492
- }
493
- ),
494
- /* @__PURE__ */ c(X, { themeColor: `text-${i}-on-background`, tag: "div", "data-testid": "loading-text", children: u })
495
- ]
496
- }
497
- )
498
- }
499
- );
500
- };
501
- export {
502
- Ie as N
503
- };
@@ -1,46 +0,0 @@
1
- import { jsxs as r, jsx as e } from "react/jsx-runtime";
2
- import { O as o, N as m, I as h, D as v } from "./index.es-SjZ_-d7U-HvaOH_Z0.js";
3
- import { n as p } from "./Iconify-D3gVmKx3.js";
4
- import { d as x } from "./index.es-B8p8KCdj--cmqwwUJ.js";
5
- import './assets/OfflineView-CIwV08EQ.css';const A = "_gapAndTextAlign_10nts_1", y = "_container_10nts_6", W = "_bgWhite_10nts_12", N = "_bgGrey_10nts_17", T = "_subtitle_10nts_22", t = {
6
- gapAndTextAlign: A,
7
- container: y,
8
- bgWhite: W,
9
- bgGrey: N,
10
- subtitle: T
11
- }, w = ({
12
- title: i = "You’re currently offline",
13
- subtitle: n = "This feature is unavailable until you reconnect",
14
- icon: s = "cloud_off",
15
- size: c = "large",
16
- variant: d = "basic",
17
- "data-testid": u = "offline-view-container",
18
- buttonLabel: l,
19
- fullWidth: g = !1,
20
- className: b,
21
- onClick: f
22
- }) => {
23
- const a = c === "large", _ = d === "filled";
24
- return /* @__PURE__ */ r(
25
- o,
26
- {
27
- className: `${b} ${t.container} ${_ ? t.bgGrey : t.bgWhite}`,
28
- gap: "standard",
29
- direction: "vertical",
30
- "data-testid": u,
31
- secondaryAlign: "center",
32
- fullWidth: g,
33
- children: [
34
- /* @__PURE__ */ r(o, { direction: "vertical", secondaryAlign: "center", className: t.gapAndTextAlign, children: [
35
- /* @__PURE__ */ e(p, { icon: s, iconSize: a ? "xlarge" : "medium" }),
36
- a ? /* @__PURE__ */ e(m, { level: 6, children: i }) : /* @__PURE__ */ e(h, { level: 1, bold: !0, children: i })
37
- ] }),
38
- n && /* @__PURE__ */ e(v, { className: t.subtitle, level: 2, children: n }),
39
- l && /* @__PURE__ */ e(x, { "data-testid": "offline-view-action-button", label: l, onClick: f })
40
- ]
41
- }
42
- );
43
- };
44
- export {
45
- w as j
46
- };
@@ -1 +0,0 @@
1
- ._disclaimer_1k38t_1{color:var(--lmnt-theme-danger);font-style:normal;line-height:20px}._iconArea_1k38t_7{display:flex;justify-content:center}
@@ -1 +0,0 @@
1
- ._invalid_142hx_1+*[class*=mdc-text-field-helper-line] *[class*=mdc-text-field-helper-text]{color:var(--lmnt-theme-danger)!important}._borderRadius_142hx_5 div[class*=mdc-notched-outline__leading]{border-radius:.25rem 0 0 .25rem!important}._borderRadius_142hx_5 div[class*=mdc-notched-outline__trailing]{border-radius:0 .25rem .25rem 0!important}
@@ -1 +0,0 @@
1
- ._customPortal_1u11g_1>div[class*=lmnt__menu-portal]{transition:none}._customPortal_1u11g_1 div[class*=lmnt__menu-list--is-multi],._customSelect_1u11g_8 div[class*=lmnt__menu-list--is-multi]{max-height:none}._customSelect_1u11g_8 [class*=mdc-notched-outline__leading]{border-radius:.25rem 0 0 .25rem!important}._customSelect_1u11g_8 [class*=mdc-notched-outline__trailing]{border-radius:0 .25rem .25rem 0!important}._customSelect_1u11g_8 [class*=lmnt-select-menu]{border-radius:.25rem!important}._invalidHelperText_zh2wu_1+*[class*=mdc-select-helper-text]{color:var(--lmnt-theme-danger)!important}._invalidBorder_zh2wu_5 *[class*=mdc-notched-outline]{border-color:var(--lmnt-theme-danger)!important}._invalidPlaceholder_zh2wu_9 *[class*=lmnt-select-label]{color:var(--lmnt-theme-danger)!important}._invalidDropdownIcon_zh2wu_13 *[class*=mdc-select__dropdown-icon]{fill:var(--lmnt-theme-danger)!important}._formSelectContainer_zh2wu_18{display:flex;flex-wrap:wrap;width:100%}._formSelectContainer_zh2wu_18>*[class*=lmnt-select-container]{flex-direction:column}._formSelectContainer_zh2wu_18 *[class*=mdc-select-helper-text]{color:var(--lmnt-helper-text-color);align-self:flex-start}._formSelectContainer_zh2wu_18 *[class*=lmnt__multi-value__label]{overflow:visible}._formSelect_zh2wu_18 *[class*=lmnt-select-menu]{z-index:2001}._formSelect_zh2wu_18 div[class*=mdc-notched-outline__leading]{border-radius:.25rem 0 0 .25rem!important}._formSelect_zh2wu_18 div[class*=mdc-notched-outline__trailing]{border-radius:0 .25rem .25rem 0!important}._multiText_zh2wu_53 *[class*=lmnt-select-value-container]{white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis;display:block!important;padding:1.125rem 0!important}._tooltip_zh2wu_62{z-index:42}._disabled_zh2wu_67+*[class*=mdc-select-helper-text]{color:var(--lmnt-theme-on-surface-disabled)}[id*=select-container][class*=top] [class*=mdc-menu-surface--open]{bottom:0}[id*=select-container][class*=bottom] [class*=mdc-menu-surface--open]{top:0}
@@ -1 +0,0 @@
1
- ._truncate_wgwcv_1{display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:100%;word-break:break-all}._truncate_wgwcv_1 *:not([class*=lmnt-icon]){overflow:hidden;text-overflow:ellipsis;word-break:break-all}._menu_148i2_1{width:15.875rem;border-radius:.5rem!important}._icon_148i2_6{color:var(--lmnt-theme-on-secondary-inactive)}._listItem_148i2_10 [class*=mdc-list-item__start]{color:var(--lmnt-theme-on-secondary-inactive);align-self:center!important;margin:0 1rem!important}._listItem_148i2_10 [class*=mdc-list-item__end]{color:var(--lmnt-theme-on-secondary-inactive)}._offlineViewMargin_148i2_20{margin:.5rem}._cardTitle_1w5we_1{padding:.5rem!important}._cardBody_1w5we_5{padding:.25rem .5rem!important;overflow:hidden!important}._cardContent_1w5we_10{border-radius:.5rem}._row_1w5we_14{padding:.25rem 0}._font_1w5we_18{font-weight:400;align-self:end}._fontHeader_1w5we_23{text-align:right}._title_1w5we_27{display:inline-block;width:65vw;text-wrap:nowrap}._emptyContainer_1w5we_33{width:inherit;height:inherit}._empty_1w5we_33{position:relative;top:50%;left:50%;transform:translate(-50%,-25%)}._fullWidth_1w5we_45{width:100%}._topBar_wc5ga_1 [class*=lmnt-table__top-bar__title]{display:none}._filterBar_wc5ga_5{padding:1rem;width:inherit!important}._start_wc5ga_10{padding-top:0;padding-bottom:0}._emptyTable_wc5ga_15{height:16rem}[class*=mnt-pagination][class*=mdc-data-table__pagination]{border-top:1px solid var(--lmnt-theme-on-secondary-stroke)}._elevation_wc5ga_23{border-radius:.4rem;width:100%}._table_wc5ga_28,._table_wc5ga_28 [class*=mdc-data-table__table-container]{border-radius:.4rem}._table_wc5ga_28 *[id=actions]{width:44px;padding:0 2px;position:sticky;right:0;background-color:var(--lmnt-theme-background)}._table_wc5ga_28 tr:hover td[id=actions]{background-color:var(--table-bg-color-hover)}._noBorder_wc5ga_48{border:none}._fullWidth_wc5ga_52{width:100%}
@@ -1 +0,0 @@
1
- ._image_178sv_1>svg{width:inherit;height:inherit;color:inherit}
@@ -1 +0,0 @@
1
- ._database_x7426_1{color:var(--lmnt-theme-secondary);animation:_spin_x7426_1 4s linear infinite}@keyframes _spin_x7426_1{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}._done_x7426_16{color:var(--lmnt-theme-success)}._iot_x7426_20,._platform_x7426_21,._other_x7426_22{color:var(--lmnt-theme-danger)}._crossedOut_x7426_26{position:relative;display:inline-block}._crossedOut_x7426_26:after{content:"";position:absolute;width:3rem;height:.25rem;left:50%;top:50%;background:var(--lmnt-theme-danger-on-surface);box-shadow:0 0 0 .125rem var(--lmnt-theme-background);transform:translate(-50%,calc(-50% - .25rem)) rotate(45deg);transform-origin:center;z-index:2}._fullHeight_x7426_45{height:100%}._centerText_x7426_49{text-align:center}
@@ -1 +0,0 @@
1
- ._loadingBigOverlay_7dxo1_1{z-index:500;position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0000001a}._bigLoadSpinnerCard_7dxo1_12{background-color:var(--lmnt-theme-background);text-align:center;inline-size:auto;padding:2rem 2rem 1.5rem;border-radius:1rem;box-shadow:0 .5rem .625rem -.3125rem #0003,0 .375rem 1.875rem .3125rem #0000001f,0 1rem 1.5rem .125rem #00000024;z-index:500;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._bigLoadSpinnerCardText_7dxo1_27{padding:0;margin:1rem 0 0;text-align:center}._logo_7dxo1_33{width:4.75rem!important;height:4.75rem!important}@keyframes _rotate360deg_7dxo1_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._logo_7dxo1_33 path[id=Subtract_2]{transform-origin:center;animation:_rotate360deg_7dxo1_1 1s linear infinite}._loadingSpinnerContainer_1f3ss_1{z-index:500;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--lmnt-theme-on-surface-high)}
@@ -1 +0,0 @@
1
- ._gapAndTextAlign_10nts_1{gap:.125rem!important;text-align:center}._container_10nts_6{border-radius:.5rem;padding:2.5rem 2rem;width:auto}._bgWhite_10nts_12{background:var(--lmnt-theme-surface);color:var(--lmnt-theme-on-surface-active)}._bgGrey_10nts_17{background:var(--lmnt-theme-surface-variant);color:var(--lmnt-theme-on-surface-active)}._subtitle_10nts_22{color:var(--on-colors-on-surface-inactive-medium, #000000BA);font-weight:500;text-align:center}