@hortiview/default-components 1.4.4 → 1.5.1

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 (51) hide show
  1. package/README.md +51 -0
  2. package/dist/components/DefaultAllowedComponent/DefaultAllowedComponent.d.ts +11 -0
  3. package/dist/components/DefaultAllowedComponent/DefaultAllowedComponent.js +11 -0
  4. package/dist/components/DefaultFormNumber/DefaultFormNumber.js +12 -1496
  5. package/dist/components/DefaultFormSelect/DefaultFormSelect.js +9 -178
  6. package/dist/components/DefaultLoadingSpinner/DefaultLoadingSpinner.js +6 -6
  7. package/dist/components/GenericTable/GenericTable.js +12 -18731
  8. package/dist/components/HealthChecks/DataBaseHealthCheck.js +2 -2
  9. package/dist/components/HealthChecks/DefaultHealthCheck.js +4 -4
  10. package/dist/components/HealthChecks/IotServiceHealthCheck.js +5 -5
  11. package/dist/components/HealthChecks/PlatformHealthCheck.js +4 -4
  12. package/dist/components/ImpatienceLoadingSpinner/ImpatienceLoadingSpinner.js +9 -9
  13. package/dist/components/InternationalizationWrapper/InternationalizationWrapper.js +4 -4
  14. package/dist/components/OfflineView/OfflineView.js +9 -9
  15. package/dist/i18n.js +1696 -5
  16. package/dist/{i18nInstance-D_96ADqd.js → i18nInstance-CYqpK5II.js} +2 -2
  17. package/dist/locales/en-US.js +16 -14
  18. package/dist/locales/en-US.json.d.ts +3 -0
  19. package/dist/locales/es-MX.js +16 -14
  20. package/dist/locales/es-MX.json.d.ts +3 -0
  21. package/dist/locales/tr-TR.js +17 -15
  22. package/dist/locales/tr-TR.json.d.ts +3 -0
  23. package/dist/main.d.ts +1 -0
  24. package/dist/main.js +24 -22
  25. package/dist/useTranslation-DGtUf8nl.js +101 -0
  26. package/package.json +3 -32
  27. package/dist/Iconify-aUog1Oez.js +0 -83
  28. package/dist/InfoCard-BxjAQiFE.js +0 -58
  29. package/dist/LoadingSpinner-DBMjIfY1.js +0 -502
  30. package/dist/OfflineView-NUM9WE0F-BI9rnget.js +0 -46
  31. package/dist/assets/DefaultFormNumber.css +0 -1
  32. package/dist/assets/DefaultFormSelect.css +0 -1
  33. package/dist/assets/GenericTable.css +0 -1
  34. package/dist/assets/Iconify.css +0 -1
  35. package/dist/assets/InfoCard.css +0 -1
  36. package/dist/assets/LoadingSpinner.css +0 -1
  37. package/dist/assets/OfflineView-NUM9WE0F.css +0 -1
  38. package/dist/component-DsB0poTj-DgsYK0_R.js +0 -570
  39. package/dist/correct-is-regexp-logic-BBlm4UpN-CvII841s.js +0 -493
  40. package/dist/i18n-CCQpJsQK.js +0 -1707
  41. package/dist/index.es-B0QNuIUR-Bte5aF5M.js +0 -360
  42. package/dist/index.es-CIsLNz4j-ZEEcPmTs.js +0 -79
  43. package/dist/index.es-CvHDFF6V-CjZvA03R.js +0 -2004
  44. package/dist/index.es-DiONypF4-eT98Y3u_.js +0 -844
  45. package/dist/index.es-DnEIFMjv-DuuORGfo.js +0 -1044
  46. package/dist/index.es-NEYPxnlS-C8xQv2De.js +0 -860
  47. package/dist/index.es-fV9oWpEf-BXuhoGtE.js +0 -14374
  48. package/dist/isTypedArray-Dw_IY7Zq-wj3MphCb.js +0 -210
  49. package/dist/slicedToArray-h0Nnkd_P-C4SkVJMK.js +0 -432
  50. package/dist/useHelperText-B7OMZXvE.js +0 -391
  51. package/dist/useTranslation-B_lNCuLm.js +0 -5343
@@ -1,502 +0,0 @@
1
- import { jsx as c, jsxs as K } from "react/jsx-runtime";
2
- import { r as Z, at as ee, i as w, h as re, e as U, k as J, l as $, o as te, m as ae, t as m, q as ie } from "./useTranslation-B_lNCuLm.js";
3
- import a, { useState as se, useEffect as T, useMemo as oe, forwardRef as ne, useRef as V, useImperativeHandle as ce, useCallback as le } from "react";
4
- import { D as X, O as de } from "./index.es-NEYPxnlS-C8xQv2De.js";
5
- import { b as ue } from "./index.es-CIsLNz4j-ZEEcPmTs.js";
6
- import { n as me } from "./Iconify-aUog1Oez.js";
7
- import './assets/LoadingSpinner.css';const pe = "_loadingBigOverlay_7dxo1_1", he = "_bigLoadSpinnerCard_7dxo1_12", ge = "_bigLoadSpinnerCardText_7dxo1_27", fe = "_logo_7dxo1_33", L = {
8
- loadingBigOverlay: pe,
9
- bigLoadSpinnerCard: he,
10
- bigLoadSpinnerCardText: ge,
11
- logo: fe
12
- }, _e = ({ text: t }) => /* @__PURE__ */ K("div", { className: L.bigLoadSpinnerCard, role: "progressbar", "data-testid": "loading-spinner", children: [
13
- /* @__PURE__ */ c(me, { icon: "hortiview", className: L.logo, "data-testid": "logo-icon" }),
14
- /* @__PURE__ */ c(X, { tag: "p", bold: !0, level: 1, className: L.bigLoadSpinnerCardText, children: t })
15
- ] }), ve = (t) => /* @__PURE__ */ c("div", { "data-testid": "big-loading-spinner", className: L.loadingBigOverlay, children: /* @__PURE__ */ c(_e, { ...t }) });
16
- var h = {
17
- INDETERMINATE_CLASS: "mdc-circular-progress--indeterminate",
18
- CLOSED_CLASS: "mdc-circular-progress--closed"
19
- }, p = {
20
- ARIA_HIDDEN: "aria-hidden",
21
- ARIA_VALUENOW: "aria-valuenow",
22
- DETERMINATE_CIRCLE_SELECTOR: ".mdc-circular-progress__determinate-circle",
23
- RADIUS: "r",
24
- STROKE_DASHOFFSET: "stroke-dashoffset"
25
- };
26
- /**
27
- * @license
28
- * Copyright 2020 Google Inc.
29
- *
30
- * Permission is hereby granted, free of charge, to any person obtaining a copy
31
- * of this software and associated documentation files (the "Software"), to deal
32
- * in the Software without restriction, including without limitation the rights
33
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
34
- * copies of the Software, and to permit persons to whom the Software is
35
- * furnished to do so, subject to the following conditions:
36
- *
37
- * The above copyright notice and this permission notice shall be included in
38
- * all copies or substantial portions of the Software.
39
- *
40
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
41
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
42
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
43
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
44
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
45
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
46
- * THE SOFTWARE.
47
- */
48
- var q = (
49
- /** @class */
50
- function(t) {
51
- J(e, t);
52
- function e(r) {
53
- return t.call(this, $($({}, e.defaultAdapter), r)) || this;
54
- }
55
- return Object.defineProperty(e, "cssClasses", {
56
- get: function() {
57
- return h;
58
- },
59
- enumerable: !1,
60
- configurable: !0
61
- }), Object.defineProperty(e, "strings", {
62
- get: function() {
63
- return p;
64
- },
65
- enumerable: !1,
66
- configurable: !0
67
- }), Object.defineProperty(e, "defaultAdapter", {
68
- get: function() {
69
- return {
70
- addClass: function() {
71
- },
72
- getDeterminateCircleAttribute: function() {
73
- return null;
74
- },
75
- hasClass: function() {
76
- return !1;
77
- },
78
- removeClass: function() {
79
- },
80
- removeAttribute: function() {
81
- },
82
- setAttribute: function() {
83
- },
84
- setDeterminateCircleAttribute: function() {
85
- }
86
- };
87
- },
88
- enumerable: !1,
89
- configurable: !0
90
- }), e.prototype.init = function() {
91
- 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));
92
- }, e.prototype.setDeterminate = function(r) {
93
- 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));
94
- }, e.prototype.isDeterminate = function() {
95
- return this.determinate;
96
- }, e.prototype.setProgress = function(r) {
97
- if (this.progress = r, this.determinate) {
98
- var l = (1 - this.progress) * (2 * Math.PI * this.radius);
99
- this.adapter.setDeterminateCircleAttribute(p.STROKE_DASHOFFSET, "" + l), this.adapter.setAttribute(p.ARIA_VALUENOW, this.progress.toString());
100
- }
101
- }, e.prototype.getProgress = function() {
102
- return this.progress;
103
- }, e.prototype.open = function() {
104
- this.closed = !1, this.adapter.removeClass(h.CLOSED_CLASS), this.adapter.removeAttribute(p.ARIA_HIDDEN);
105
- }, e.prototype.close = function() {
106
- this.closed = !0, this.adapter.addClass(h.CLOSED_CLASS), this.adapter.setAttribute(p.ARIA_HIDDEN, "true");
107
- }, e.prototype.isClosed = function() {
108
- return this.closed;
109
- }, e;
110
- }(te)
111
- );
112
- /**
113
- * @license
114
- * Copyright 2020 Google Inc.
115
- *
116
- * Permission is hereby granted, free of charge, to any person obtaining a copy
117
- * of this software and associated documentation files (the "Software"), to deal
118
- * in the Software without restriction, including without limitation the rights
119
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
120
- * copies of the Software, and to permit persons to whom the Software is
121
- * furnished to do so, subject to the following conditions:
122
- *
123
- * The above copyright notice and this permission notice shall be included in
124
- * all copies or substantial portions of the Software.
125
- *
126
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
127
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
128
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
129
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
130
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
131
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
132
- * THE SOFTWARE.
133
- */
134
- var Ce = (
135
- /** @class */
136
- function(t) {
137
- J(e, t);
138
- function e() {
139
- return t !== null && t.apply(this, arguments) || this;
140
- }
141
- return e.prototype.initialize = function() {
142
- this.determinateCircle_ = this.root.querySelector(q.strings.DETERMINATE_CIRCLE_SELECTOR);
143
- }, e.attachTo = function(r) {
144
- return new e(r);
145
- }, Object.defineProperty(e.prototype, "determinate", {
146
- /**
147
- * Sets whether the progress indicator is in determinate mode.
148
- * @param isDeterminate Whether the indicator should be determinate.
149
- */
150
- set: function(r) {
151
- this.foundation.setDeterminate(r);
152
- },
153
- enumerable: !1,
154
- configurable: !0
155
- }), Object.defineProperty(e.prototype, "progress", {
156
- /**
157
- * Sets the current progress value. In indeterminate mode, this has no
158
- * visual effect but will be reflected if the indicator is switched to
159
- * determinate mode.
160
- * @param value The current progress value, which must be between 0 and 1.
161
- */
162
- set: function(r) {
163
- this.foundation.setProgress(r);
164
- },
165
- enumerable: !1,
166
- configurable: !0
167
- }), Object.defineProperty(e.prototype, "isClosed", {
168
- /**
169
- * Whether the progress indicator is hidden.
170
- */
171
- get: function() {
172
- return this.foundation.isClosed();
173
- },
174
- enumerable: !1,
175
- configurable: !0
176
- }), e.prototype.open = function() {
177
- this.foundation.open();
178
- }, e.prototype.close = function() {
179
- this.foundation.close();
180
- }, e.prototype.getDefaultFoundation = function() {
181
- var r = this, l = {
182
- addClass: function(i) {
183
- return r.root.classList.add(i);
184
- },
185
- getDeterminateCircleAttribute: function(i) {
186
- return r.determinateCircle_.getAttribute(i);
187
- },
188
- hasClass: function(i) {
189
- return r.root.classList.contains(i);
190
- },
191
- removeClass: function(i) {
192
- return r.root.classList.remove(i);
193
- },
194
- removeAttribute: function(i) {
195
- return r.root.removeAttribute(i);
196
- },
197
- setAttribute: function(i, d) {
198
- return r.root.setAttribute(i, d);
199
- },
200
- setDeterminateCircleAttribute: function(i, d) {
201
- return r.determinateCircle_.setAttribute(i, d);
202
- }
203
- };
204
- return new q(l);
205
- }, e;
206
- }(ae)
207
- ), ye = {
208
- /**
209
- * Accessibility label.
210
- *
211
- * Defaults to **'Progress Indicator'**.
212
- */
213
- ariaLabel: m.string,
214
- /**
215
- * The css class name to be passed through to the component markup.
216
- *
217
- * Defaults to **undefined**.
218
- */
219
- className: m.string,
220
- /**
221
- * The size of the progress indicator.
222
- *
223
- * Defaults to **'lg'**.
224
- */
225
- indicatorSize: m.oneOf(["sm", "md", "lg"]),
226
- /**
227
- * Sets the visibility of the progress indicator.
228
- *
229
- * Defaults to **true**.
230
- */
231
- open: m.bool,
232
- /**
233
- * The current progress of a determinate progress indicator. Must be between 0 and 1.
234
- *
235
- * Defaults to **0**.
236
- */
237
- progress: m.number,
238
- /**
239
- * @deprecated _Renamed, see indicatorSize instead._
240
- *
241
- * The size of the progress indicator.
242
- *
243
- * Defaults to **undefined**.
244
- */
245
- size: ie(m.oneOf(["sm", "md", "lg"]), "CircularProgress", "Renamed, see indicatorSize instead."),
246
- /**
247
- * Color of the indicator stroke with 'primary' or 'secondary' theme color.
248
- *
249
- * Defaults to **'primary'**.
250
- */
251
- 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"]),
252
- /**
253
- * An indeterminate CircularProgress indicator will continue spinning until closed. A determinate CircularProgress indicator will display the current progress.
254
- *
255
- * Defaults to **'indeterminate'**.
256
- */
257
- variant: m.oneOf(["determinate", "indeterminate"])
258
- }, Ae = {
259
- ariaLabel: "Progress Indicator",
260
- className: void 0,
261
- indicatorSize: "lg",
262
- open: !0,
263
- progress: 0,
264
- themeColor: "primary",
265
- variant: "indeterminate"
266
- }, be = ["ariaLabel", "className", "open", "progress", "size", "indicatorSize", "themeColor", "variant"], g = Ae, W = /* @__PURE__ */ ne(function(t, e) {
267
- 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;
268
- t.size;
269
- 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();
270
- ce(e, function() {
271
- return O.current;
272
- }, []), T(function() {
273
- return k.current = Ce.attachTo(O.current), function() {
274
- k.current.destroy();
275
- };
276
- }, []), T(function() {
277
- (S === "determinate" && u < 0 || u > 1) && ee("CircularProgress: `progress` must be between 0 and 1."), k.current.determinate = S === "determinate", k.current.progress = u;
278
- }, [u, S]);
279
- var Q = function() {
280
- switch (I) {
281
- case "xs":
282
- return {
283
- heightWidth: "16px",
284
- viewBox: "24",
285
- cxCy: "12",
286
- r: "8.75",
287
- strokeWidth: "2.5",
288
- strokeWidth80: "2",
289
- strokeDashArray: "54.978",
290
- strokeDashoffset: "54",
291
- halfStrokeDashoffset: "27.489"
292
- };
293
- case "sm":
294
- return {
295
- heightWidth: "24px",
296
- viewBox: "24",
297
- cxCy: "12",
298
- r: "8.75",
299
- strokeWidth: "2.5",
300
- strokeWidth80: "2",
301
- strokeDashArray: "54.978",
302
- strokeDashoffset: "54.978",
303
- halfStrokeDashoffset: "27.489"
304
- };
305
- case "md":
306
- return {
307
- heightWidth: "36px",
308
- viewBox: "32",
309
- cxCy: "16",
310
- r: "12.5",
311
- strokeWidth: "3",
312
- strokeWidth80: "2.4",
313
- strokeDashArray: "78.54",
314
- strokeDashoffset: "78.54",
315
- halfStrokeDashoffset: "39.27"
316
- };
317
- case "lg":
318
- return {
319
- heightWidth: "48px",
320
- viewBox: "48",
321
- cxCy: "24",
322
- r: "18",
323
- strokeWidth: "4",
324
- strokeWidth80: "3.2",
325
- strokeDashArray: "113.097",
326
- strokeDashoffset: "113.097",
327
- halfStrokeDashoffset: "56.549"
328
- };
329
- case "xl":
330
- return {
331
- heightWidth: "60px",
332
- viewBox: "48",
333
- cxCy: "24",
334
- r: "18",
335
- strokeWidth: "3",
336
- strokeWidth80: "2.8",
337
- strokeDashArray: "113.097",
338
- strokeDashoffset: "113.097",
339
- halfStrokeDashoffset: "56.549"
340
- };
341
- default:
342
- return {
343
- heightWidth: "48px",
344
- viewBox: "48",
345
- cxCy: "24",
346
- r: "18",
347
- strokeWidth: "4",
348
- strokeWidth80: "3.2",
349
- strokeDashArray: "113.097",
350
- strokeDashoffset: "113.097",
351
- halfStrokeDashoffset: "56.549"
352
- };
353
- }
354
- }, 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 = le(function() {
355
- var j, F, H;
356
- return /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("div", {
357
- className: "mdc-circular-progress__circle-clipper mdc-circular-progress__circle-left"
358
- }, /* @__PURE__ */ a.createElement("svg", {
359
- className: "mdc-circular-progress__indeterminate-circle-graphic",
360
- viewBox: w(j = "0 0 ".concat(n, " ")).call(j, n),
361
- xmlns: "http://www.w3.org/2000/svg"
362
- }, /* @__PURE__ */ a.createElement("circle", {
363
- cx: s,
364
- cy: s,
365
- r: f,
366
- strokeDasharray: y,
367
- strokeDashoffset: x,
368
- strokeWidth: C
369
- }))), /* @__PURE__ */ a.createElement("div", {
370
- className: "mdc-circular-progress__gap-patch"
371
- }, /* @__PURE__ */ a.createElement("svg", {
372
- className: "mdc-circular-progress__indeterminate-circle-graphic",
373
- viewBox: w(F = "0 0 ".concat(n, " ")).call(F, n),
374
- xmlns: "http://www.w3.org/2000/svg"
375
- }, /* @__PURE__ */ a.createElement("circle", {
376
- cx: s,
377
- cy: s,
378
- r: f,
379
- strokeDasharray: y,
380
- strokeDashoffset: x,
381
- strokeWidth: B
382
- }))), /* @__PURE__ */ a.createElement("div", {
383
- className: "mdc-circular-progress__circle-clipper mdc-circular-progress__circle-right"
384
- }, /* @__PURE__ */ a.createElement("svg", {
385
- className: "mdc-circular-progress__indeterminate-circle-graphic",
386
- viewBox: w(H = "0 0 ".concat(n, " ")).call(H, n),
387
- xmlns: "http://www.w3.org/2000/svg"
388
- }, /* @__PURE__ */ a.createElement("circle", {
389
- cx: s,
390
- cy: s,
391
- r: f,
392
- strokeDasharray: y,
393
- strokeDashoffset: x,
394
- strokeWidth: C
395
- }))));
396
- }, [s, x, f, y, C, B, n]), M = E === "two-color" || E === "two-color-variant";
397
- return /* @__PURE__ */ a.createElement("div", re({
398
- ref: O,
399
- className: U("lmnt", "mdc-circular-progress", S === "indeterminate" && "mdc-circular-progress--indeterminate", !A && "mdc-circular-progress--closed", E && "lmnt-circular-progress--".concat(E), _),
400
- style: {
401
- width: z,
402
- height: z
403
- },
404
- role: "progressbar",
405
- "aria-label": i,
406
- "aria-valuemin": "0",
407
- "aria-valuemax": "1",
408
- "aria-valuenow": u
409
- }, G), /* @__PURE__ */ a.createElement("div", {
410
- className: "mdc-circular-progress__determinate-container"
411
- }, /* @__PURE__ */ a.createElement("svg", {
412
- className: "mdc-circular-progress__determinate-circle-graphic",
413
- viewBox: w(r = "0 0 ".concat(n, " ")).call(r, n),
414
- xmlns: "http://www.w3.org/2000/svg"
415
- }, /* @__PURE__ */ a.createElement("circle", {
416
- className: "mdc-circular-progress__determinate-track",
417
- cx: s,
418
- cy: s,
419
- r: f,
420
- strokeWidth: C
421
- }), /* @__PURE__ */ a.createElement("circle", {
422
- className: "mdc-circular-progress__determinate-circle",
423
- cx: s,
424
- cy: s,
425
- r: f,
426
- strokeDasharray: y,
427
- strokeDashoffset: Y,
428
- strokeWidth: C
429
- }))), /* @__PURE__ */ a.createElement("div", {
430
- className: "mdc-circular-progress__indeterminate-container"
431
- }, /* @__PURE__ */ a.createElement("div", {
432
- className: U("mdc-circular-progress__spinner-layer", M && "mdc-circular-progress__color-1")
433
- }, N()), M && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("div", {
434
- className: "mdc-circular-progress__spinner-layer mdc-circular-progress__color-2"
435
- }, N()), /* @__PURE__ */ a.createElement("div", {
436
- className: "mdc-circular-progress__spinner-layer mdc-circular-progress__color-3"
437
- }, N()), /* @__PURE__ */ a.createElement("div", {
438
- className: "mdc-circular-progress__spinner-layer mdc-circular-progress__color-4"
439
- }, N()))));
440
- });
441
- W.displayName = "CircularProgress";
442
- W.propTypes = ye;
443
- const De = "_loadingSpinnerContainer_1f3ss_1", Ee = {
444
- loadingSpinnerContainer: De
445
- }, We = ({
446
- size: t,
447
- center: e = !1,
448
- text: r,
449
- textPosition: l = "bottom",
450
- color: i = "primary",
451
- spinnerOnly: d = !1,
452
- //Due to we don't have (and want) to use a translation logic in this component, we are using a hardcoded message
453
- impatienceMessage: _ = "This is taking longer than expected. Please be patient.",
454
- impatienceTimeout: v = 10
455
- }) => {
456
- const [A, b] = se(0);
457
- T(() => {
458
- const D = setInterval(() => {
459
- b((I) => I + 1);
460
- }, 1e3);
461
- return () => clearInterval(D);
462
- }, []);
463
- const u = oe(() => _ && A > v ? _ : r, [_, v, r, A]);
464
- return t === "big" ? /* @__PURE__ */ c(ve, { text: u }) : d ? /* @__PURE__ */ c(
465
- W,
466
- {
467
- "data-testid": "loading-spinner",
468
- themeColor: i,
469
- indicatorSize: t ?? "md"
470
- }
471
- ) : /* @__PURE__ */ c(
472
- ue,
473
- {
474
- variant: "standard",
475
- style: { textAlign: "center" },
476
- className: e ? Ee.loadingSpinnerContainer : "",
477
- children: /* @__PURE__ */ K(
478
- de,
479
- {
480
- direction: l === "right" ? "horizontal" : "vertical",
481
- gap: "dense",
482
- primaryAlign: "center",
483
- secondaryAlign: "center",
484
- children: [
485
- /* @__PURE__ */ c(
486
- W,
487
- {
488
- "data-testid": "loading-spinner",
489
- themeColor: i,
490
- indicatorSize: t ?? "lg"
491
- }
492
- ),
493
- /* @__PURE__ */ c(X, { themeColor: `text-${i}-on-background`, tag: "div", "data-testid": "loading-text", children: u })
494
- ]
495
- }
496
- )
497
- }
498
- );
499
- };
500
- export {
501
- We as N
502
- };
@@ -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-NEYPxnlS-C8xQv2De.js";
3
- import { n as p } from "./Iconify-aUog1Oez.js";
4
- import { d as x } from "./index.es-B0QNuIUR-Bte5aF5M.js";
5
- import './assets/OfflineView-NUM9WE0F.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
- ._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_ny9m0_1{padding:.5rem!important}._cardBody_ny9m0_5{padding:.25rem .5rem!important;overflow:hidden!important}._cardContent_ny9m0_10{border-radius:.5rem}._row_ny9m0_14{padding:.25rem 0}._font_ny9m0_18{font-weight:400;align-self:end}._fontHeader_ny9m0_23{text-align:right}._title_ny9m0_27{display:inline-block;width:65vw;text-wrap:nowrap}._emptyContainer_ny9m0_33{width:inherit;height:inherit}._empty_ny9m0_33{position:relative;top:50%;left:50%;transform:translate(-50%,-25%)}._topBar_47g7x_1 [class*=lmnt-table__top-bar__title]{display:none}._filterBar_47g7x_5{padding:1rem;width:inherit!important}._start_47g7x_10{padding-top:0;padding-bottom:0}._emptyTable_47g7x_15{height:16rem}[class*=mnt-pagination][class*=mdc-data-table__pagination]{border-top:1px solid var(--lmnt-theme-on-secondary-stroke)}._elevation_47g7x_23{border-radius:.4rem;width:100%}._table_47g7x_28,._table_47g7x_28 [class*=mdc-data-table__table-container]{border-radius:.4rem}._table_47g7x_28 *[id=actions]{width:44px;padding:0 2px;position:sticky;right:0;background-color:var(--lmnt-theme-background)}._table_47g7x_28 tr:hover td[id=actions]{background-color:var(--table-bg-color-hover)}._noBorder_47g7x_48{border:none}
@@ -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}