@hortiview/default-components 1.2.0 → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +12 -0
- package/dist/{HealthCheckFailed-BfzG8Esl.js → HealthCheckFailed-BA_vyKwG.js} +6 -6
- package/dist/Iconify-B42tJF6q.js +979 -0
- package/dist/{LoadingSpinner-BCdWKiWZ.js → LoadingSpinner-5JYKhDod.js} +12 -12
- package/dist/OfflineView-BW19N4Cu-CpgiY6nC.js +45 -0
- package/dist/assets/GenericTable.css +1 -1
- package/dist/assets/OfflineView-BW19N4Cu.css +1 -0
- package/dist/{component-DsB0poTj-CmUZ4Kqw.js → component-DsB0poTj-uxpi4oSj.js} +1 -1
- package/dist/components/DefaultFormNumber/DefaultFormNumber.js +5 -6
- package/dist/components/DefaultLoadingSpinner/DefaultLoadingSpinner.js +7 -8
- package/dist/components/GenericTable/GenericTable.js +5083 -5054
- package/dist/components/HealthChecks/DataBaseHealthCheck.js +4 -5
- package/dist/components/HealthChecks/DefaultHealthCheck.js +4 -5
- package/dist/components/HealthChecks/IotServiceHealthCheck.js +4 -5
- package/dist/components/HealthChecks/PlatformHealthCheck.js +5 -6
- package/dist/components/ImpatienceLoadingSpinner/ImpatienceLoadingSpinner.js +7 -8
- package/dist/components/InternationalizationWrapper/InternationalizationWrapper.js +1 -1
- package/dist/components/OfflineView/OfflineView.d.ts +4 -0
- package/dist/components/OfflineView/OfflineView.js +18 -0
- package/dist/{i18n-BhmFdUcK.js → i18n-CCQpJsQK.js} +8 -8
- package/dist/i18n.js +2 -3
- package/dist/{i18nInstance-l1IFPZ5d.js → i18nInstance-D_96ADqd.js} +1 -1
- package/dist/{index.es-25EARqhH-By1Ap282.js → index.es-25EARqhH-CciUgLci.js} +2 -2
- package/dist/{index.es-6TJ1S8Jr-BFJPMGBn.js → index.es-6TJ1S8Jr-C4X_iaSC.js} +493 -831
- package/dist/index.es-CiqbARoC-D-muiSwa.js +344 -0
- package/dist/index.es-D-CKRzIB-DPq2PQz-.js +63 -0
- package/dist/locales/en-US.js +6 -4
- package/dist/locales/en-US.json.d.ts +4 -0
- package/dist/locales/es-MX.js +6 -4
- package/dist/locales/es-MX.json.d.ts +4 -0
- package/dist/locales/tr-TR.js +6 -4
- package/dist/locales/tr-TR.json.d.ts +4 -0
- package/dist/main.d.ts +1 -0
- package/dist/main.js +12 -10
- package/dist/{useTranslation-B6E1rHIA.js → useTranslation-v0qSkb40.js} +280 -280
- package/package.json +3 -3
- package/dist/Iconify-DQUxnnUE.js +0 -81
- package/dist/assets/i18nInstance.css +0 -1
- package/dist/index.es-D-CKRzIB-C6Z-ohcV.js +0 -959
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { jsx as c, jsxs as
|
|
2
|
-
import { U as M, N as j, _ as W, h as P, p as I, a as U, f as F, R as l, b as H } from "./useTranslation-
|
|
1
|
+
import { jsx as c, jsxs as T } from "react/jsx-runtime";
|
|
2
|
+
import { U as M, N as j, _ as W, h as P, p as I, a as U, f as F, R as l, b as H } from "./useTranslation-v0qSkb40.js";
|
|
3
3
|
import t, { useState as V, useEffect as k, useMemo as K, forwardRef as q, useRef as O, useImperativeHandle as Y, useCallback as Z } from "react";
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
4
|
+
import { a as G, f as B, n as J } from "./Iconify-B42tJF6q.js";
|
|
5
|
+
import { n as Q } from "./index.es-D-CKRzIB-DPq2PQz-.js";
|
|
6
6
|
import './assets/LoadingSpinner.css';const X = "_loadingBigOverlay_7dxo1_1", ee = "_bigLoadSpinnerCard_7dxo1_12", re = "_bigLoadSpinnerCardText_7dxo1_27", te = "_logo_7dxo1_33", x = {
|
|
7
7
|
loadingBigOverlay: X,
|
|
8
8
|
bigLoadSpinnerCard: ee,
|
|
9
9
|
bigLoadSpinnerCardText: re,
|
|
10
10
|
logo: te
|
|
11
|
-
}, se = ({ text: a }) => /* @__PURE__ */
|
|
12
|
-
/* @__PURE__ */ c(
|
|
11
|
+
}, se = ({ text: a }) => /* @__PURE__ */ T("div", { className: x.bigLoadSpinnerCard, role: "progressbar", "data-testid": "loading-spinner", children: [
|
|
12
|
+
/* @__PURE__ */ c(G, { icon: "hortiview", className: x.logo, "data-testid": "logo-icon" }),
|
|
13
13
|
/* @__PURE__ */ c(B, { tag: "p", bold: !0, level: 1, className: x.bigLoadSpinnerCardText, children: a })
|
|
14
|
-
] }), ae = (a) => /* @__PURE__ */ c("div", { className: x.loadingBigOverlay, children: /* @__PURE__ */ c(se, { ...a }) });
|
|
14
|
+
] }), ae = (a) => /* @__PURE__ */ c("div", { "data-testid": "big-loading-spinner", className: x.loadingBigOverlay, children: /* @__PURE__ */ c(se, { ...a }) });
|
|
15
15
|
var p = {
|
|
16
16
|
INDETERMINATE_CLASS: "mdc-circular-progress--indeterminate",
|
|
17
17
|
CLOSED_CLASS: "mdc-circular-progress--closed"
|
|
@@ -44,7 +44,7 @@ var p = {
|
|
|
44
44
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
45
45
|
* THE SOFTWARE.
|
|
46
46
|
*/
|
|
47
|
-
var
|
|
47
|
+
var R = (
|
|
48
48
|
/** @class */
|
|
49
49
|
function(a) {
|
|
50
50
|
P(e, a);
|
|
@@ -138,7 +138,7 @@ var ie = (
|
|
|
138
138
|
return a !== null && a.apply(this, arguments) || this;
|
|
139
139
|
}
|
|
140
140
|
return e.prototype.initialize = function() {
|
|
141
|
-
this.determinateCircle_ = this.root.querySelector(
|
|
141
|
+
this.determinateCircle_ = this.root.querySelector(R.strings.DETERMINATE_CIRCLE_SELECTOR);
|
|
142
142
|
}, e.attachTo = function(r) {
|
|
143
143
|
return new e(r);
|
|
144
144
|
}, Object.defineProperty(e.prototype, "determinate", {
|
|
@@ -200,7 +200,7 @@ var ie = (
|
|
|
200
200
|
return r.determinateCircle_.setAttribute(s, i);
|
|
201
201
|
}
|
|
202
202
|
};
|
|
203
|
-
return new
|
|
203
|
+
return new R(u);
|
|
204
204
|
}, e;
|
|
205
205
|
}(F)
|
|
206
206
|
);
|
|
@@ -482,12 +482,12 @@ const ce = "_loadingSpinnerContainer_1f3ss_1", le = {
|
|
|
482
482
|
indicatorSize: a ?? "md"
|
|
483
483
|
}
|
|
484
484
|
) : /* @__PURE__ */ c(
|
|
485
|
-
|
|
485
|
+
Q,
|
|
486
486
|
{
|
|
487
487
|
variant: "standard",
|
|
488
488
|
style: { textAlign: "center" },
|
|
489
489
|
className: e ? le.loadingSpinnerContainer : "",
|
|
490
|
-
children: /* @__PURE__ */
|
|
490
|
+
children: /* @__PURE__ */ T(
|
|
491
491
|
J,
|
|
492
492
|
{
|
|
493
493
|
direction: u === "right" ? "horizontal" : "vertical",
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { jsxs as r, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { n as c, a as h, h as m, C as v, f as p } from "./Iconify-B42tJF6q.js";
|
|
3
|
+
import { O as w } from "./index.es-CiqbARoC-D-muiSwa.js";
|
|
4
|
+
import './assets/OfflineView-BW19N4Cu.css';const y = "_gap_18we6_1", W = "_container_18we6_5", x = "_bgWhite_18we6_11", G = "_bgGrey_18we6_16", N = "_subtitle_18we6_21", i = {
|
|
5
|
+
gap: y,
|
|
6
|
+
container: W,
|
|
7
|
+
bgWhite: x,
|
|
8
|
+
bgGrey: G,
|
|
9
|
+
subtitle: N
|
|
10
|
+
}, k = ({
|
|
11
|
+
title: t = "You’re currently offline",
|
|
12
|
+
subtitle: l = "This feature is unavailable until you reconnect",
|
|
13
|
+
icon: o = "cloud_off",
|
|
14
|
+
size: s = "large",
|
|
15
|
+
variant: d = "basic",
|
|
16
|
+
"data-testid": u = "offline-view-container",
|
|
17
|
+
buttonLabel: a,
|
|
18
|
+
fullWidth: b = !1,
|
|
19
|
+
className: f,
|
|
20
|
+
onClick: _
|
|
21
|
+
}) => {
|
|
22
|
+
const n = s === "large", g = d === "filled";
|
|
23
|
+
return /* @__PURE__ */ r(
|
|
24
|
+
c,
|
|
25
|
+
{
|
|
26
|
+
className: `${f} ${i.container} ${g ? i.bgGrey : i.bgWhite}`,
|
|
27
|
+
gap: "standard",
|
|
28
|
+
direction: "vertical",
|
|
29
|
+
"data-testid": u,
|
|
30
|
+
secondaryAlign: "center",
|
|
31
|
+
fullWidth: b,
|
|
32
|
+
children: [
|
|
33
|
+
/* @__PURE__ */ r(c, { direction: "vertical", secondaryAlign: "center", className: i.gap, children: [
|
|
34
|
+
/* @__PURE__ */ e(h, { icon: o, iconSize: n ? "xlarge" : "medium" }),
|
|
35
|
+
n ? /* @__PURE__ */ e(m, { level: 6, children: t }) : /* @__PURE__ */ e(v, { level: 1, bold: !0, children: t })
|
|
36
|
+
] }),
|
|
37
|
+
l && /* @__PURE__ */ e(p, { className: i.subtitle, level: 2, children: l }),
|
|
38
|
+
a && /* @__PURE__ */ e(w, { "data-testid": "offline-view-action-button", label: a, onClick: _ })
|
|
39
|
+
]
|
|
40
|
+
}
|
|
41
|
+
);
|
|
42
|
+
};
|
|
43
|
+
export {
|
|
44
|
+
k as z
|
|
45
|
+
};
|
|
@@ -1 +1 @@
|
|
|
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}.
|
|
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_1xwk3_1{width:15.875rem}._icon_1xwk3_5{color:var(--lmnt-theme-on-secondary-inactive)}._listItem_1xwk3_9 [class*=mdc-list-item__start]{color:var(--lmnt-theme-on-secondary-inactive);align-self:center!important;margin:0 1rem!important}._listItem_1xwk3_9 [class*=mdc-list-item__end]{color:var(--lmnt-theme-on-secondary-inactive)}._offlineViewMargin_1xwk3_19{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_1tmb3_1 [class*=lmnt-table__top-bar__title]{display:none}._filterBar_1tmb3_5{padding:1rem;width:inherit!important}._start_1tmb3_10{padding-top:0;padding-bottom:0}._emptyTable_1tmb3_15{height:16rem}[class*=mnt-pagination][class*=mdc-data-table__pagination]{border-top:1px solid var(--lmnt-theme-on-secondary-stroke)}._elevation_1tmb3_23{border-radius:.4rem;width:100%}._table_1tmb3_28,._table_1tmb3_28 [class*=mdc-data-table__table-container]{border-radius:.4rem}._noBorder_1tmb3_36{border:none}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._gap_18we6_1{gap:.125rem!important}._container_18we6_5{border-radius:.5rem;padding:2.5rem 2rem;width:auto}._bgWhite_18we6_11{background:var(--lmnt-theme-surface);color:var(--lmnt-theme-on-surface-active)}._bgGrey_18we6_16{background:var(--lmnt-theme-surface-variant);color:var(--lmnt-theme-on-surface-active)}._subtitle_18we6_21{color:var(--on-colors-on-surface-inactive-medium, #000000BA);font-weight:500}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import { jsx as at } from "react/jsx-runtime";
|
|
2
|
-
import "../../i18nInstance-l1IFPZ5d.js";
|
|
3
2
|
import { useFormContext as mt, Controller as Rt } from "react-hook-form";
|
|
4
3
|
import X, { useRef as Y, useState as bt, useEffect as vt, useLayoutEffect as kt, useMemo as tt } from "react";
|
|
5
|
-
import {
|
|
6
|
-
import { Z as _t, x as Kt } from "../../index.es-25EARqhH-
|
|
7
|
-
import { t as $t } from "../../i18n-
|
|
4
|
+
import { t as Wt, u as Lt } from "../../useTranslation-v0qSkb40.js";
|
|
5
|
+
import { Z as _t, x as Kt } from "../../index.es-25EARqhH-CciUgLci.js";
|
|
6
|
+
import { t as $t } from "../../i18n-CCQpJsQK.js";
|
|
8
7
|
import { InternationalizationWrapper as Ut } from "../InternationalizationWrapper/InternationalizationWrapper.js";
|
|
9
8
|
import '../../assets/DefaultFormNumber.css';var qt = _t();
|
|
10
9
|
const Vt = /* @__PURE__ */ Wt(qt);
|
|
@@ -666,7 +665,7 @@ const Se = ({
|
|
|
666
665
|
)
|
|
667
666
|
}
|
|
668
667
|
);
|
|
669
|
-
},
|
|
668
|
+
}, Ie = ({
|
|
670
669
|
...t
|
|
671
670
|
}) => {
|
|
672
671
|
const { t: e, i18n: r } = Lt();
|
|
@@ -680,5 +679,5 @@ const Se = ({
|
|
|
680
679
|
) });
|
|
681
680
|
};
|
|
682
681
|
export {
|
|
683
|
-
|
|
682
|
+
Ie as DefaultFormNumber
|
|
684
683
|
};
|
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import "../../
|
|
3
|
-
import { p as t } from "../../LoadingSpinner-BCdWKiWZ.js";
|
|
1
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { p as t } from "../../LoadingSpinner-5JYKhDod.js";
|
|
4
3
|
import { InternationalizationWrapper as o } from "../InternationalizationWrapper/InternationalizationWrapper.js";
|
|
5
|
-
import { u as
|
|
6
|
-
const
|
|
7
|
-
const { t:
|
|
8
|
-
return /* @__PURE__ */
|
|
4
|
+
import { u as a } from "../../useTranslation-v0qSkb40.js";
|
|
5
|
+
const l = ({ ...n }) => {
|
|
6
|
+
const { t: r } = a();
|
|
7
|
+
return /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(t, { ...n, text: r("loadingSpinner.baseMessage"), impatienceMessage: null }) });
|
|
9
8
|
};
|
|
10
9
|
export {
|
|
11
|
-
|
|
10
|
+
l as DefaultLoadingSpinner
|
|
12
11
|
};
|