@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.
Files changed (39) hide show
  1. package/README.md +12 -0
  2. package/dist/{HealthCheckFailed-BfzG8Esl.js → HealthCheckFailed-BA_vyKwG.js} +6 -6
  3. package/dist/Iconify-B42tJF6q.js +979 -0
  4. package/dist/{LoadingSpinner-BCdWKiWZ.js → LoadingSpinner-5JYKhDod.js} +12 -12
  5. package/dist/OfflineView-BW19N4Cu-CpgiY6nC.js +45 -0
  6. package/dist/assets/GenericTable.css +1 -1
  7. package/dist/assets/OfflineView-BW19N4Cu.css +1 -0
  8. package/dist/{component-DsB0poTj-CmUZ4Kqw.js → component-DsB0poTj-uxpi4oSj.js} +1 -1
  9. package/dist/components/DefaultFormNumber/DefaultFormNumber.js +5 -6
  10. package/dist/components/DefaultLoadingSpinner/DefaultLoadingSpinner.js +7 -8
  11. package/dist/components/GenericTable/GenericTable.js +5083 -5054
  12. package/dist/components/HealthChecks/DataBaseHealthCheck.js +4 -5
  13. package/dist/components/HealthChecks/DefaultHealthCheck.js +4 -5
  14. package/dist/components/HealthChecks/IotServiceHealthCheck.js +4 -5
  15. package/dist/components/HealthChecks/PlatformHealthCheck.js +5 -6
  16. package/dist/components/ImpatienceLoadingSpinner/ImpatienceLoadingSpinner.js +7 -8
  17. package/dist/components/InternationalizationWrapper/InternationalizationWrapper.js +1 -1
  18. package/dist/components/OfflineView/OfflineView.d.ts +4 -0
  19. package/dist/components/OfflineView/OfflineView.js +18 -0
  20. package/dist/{i18n-BhmFdUcK.js → i18n-CCQpJsQK.js} +8 -8
  21. package/dist/i18n.js +2 -3
  22. package/dist/{i18nInstance-l1IFPZ5d.js → i18nInstance-D_96ADqd.js} +1 -1
  23. package/dist/{index.es-25EARqhH-By1Ap282.js → index.es-25EARqhH-CciUgLci.js} +2 -2
  24. package/dist/{index.es-6TJ1S8Jr-BFJPMGBn.js → index.es-6TJ1S8Jr-C4X_iaSC.js} +493 -831
  25. package/dist/index.es-CiqbARoC-D-muiSwa.js +344 -0
  26. package/dist/index.es-D-CKRzIB-DPq2PQz-.js +63 -0
  27. package/dist/locales/en-US.js +6 -4
  28. package/dist/locales/en-US.json.d.ts +4 -0
  29. package/dist/locales/es-MX.js +6 -4
  30. package/dist/locales/es-MX.json.d.ts +4 -0
  31. package/dist/locales/tr-TR.js +6 -4
  32. package/dist/locales/tr-TR.json.d.ts +4 -0
  33. package/dist/main.d.ts +1 -0
  34. package/dist/main.js +12 -10
  35. package/dist/{useTranslation-B6E1rHIA.js → useTranslation-v0qSkb40.js} +280 -280
  36. package/package.json +3 -3
  37. package/dist/Iconify-DQUxnnUE.js +0 -81
  38. package/dist/assets/i18nInstance.css +0 -1
  39. package/dist/index.es-D-CKRzIB-C6Z-ohcV.js +0 -959
@@ -1,17 +1,17 @@
1
- import { jsx as c, jsxs as R } 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-B6E1rHIA.js";
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 { f as B, n as G, a as J } from "./index.es-D-CKRzIB-C6Z-ohcV.js";
5
- import { l as Q } from "./Iconify-DQUxnnUE.js";
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__ */ R("div", { className: x.bigLoadSpinnerCard, role: "progressbar", "data-testid": "loading-spinner", children: [
12
- /* @__PURE__ */ c(Q, { icon: "hortiview", className: x.logo, "data-testid": "logo-icon" }),
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 T = (
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(T.strings.DETERMINATE_CIRCLE_SELECTOR);
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 T(u);
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
- G,
485
+ Q,
486
486
  {
487
487
  variant: "standard",
488
488
  style: { textAlign: "center" },
489
489
  className: e ? le.loadingSpinnerContainer : "",
490
- children: /* @__PURE__ */ R(
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}._menu_ol91v_1{width:15.875rem}._icon_ol91v_5{color:var(--lmnt-theme-on-secondary-inactive)}._listItem_ol91v_9 [class*=mdc-list-item__start]{color:var(--lmnt-theme-on-secondary-inactive);align-self:center!important;margin:0 1rem!important}._listItem_ol91v_9 [class*=mdc-list-item__end]{color:var(--lmnt-theme-on-secondary-inactive)}._topBar_1msoo_1 [class*=lmnt-table__top-bar__title]{display:none}._filterBar_1msoo_5{padding:1rem;width:inherit!important}._emptyTable_1msoo_9{height:16rem}[class*=mnt-pagination][class*=mdc-data-table__pagination]{border-top:1px solid var(--lmnt-theme-on-secondary-stroke)}._elevation_1msoo_17{border-radius:.4rem;width:100%}._table_1msoo_22,._table_1msoo_22 [class*=mdc-data-table__table-container]{border-radius:.4rem}._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%)}
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,4 +1,4 @@
1
- import { h as T, f as E, p as v, a as S } from "./useTranslation-B6E1rHIA.js";
1
+ import { h as T, f as E, p as v, a as S } from "./useTranslation-v0qSkb40.js";
2
2
  /**
3
3
  * @license
4
4
  * Copyright 2018 Google Inc.
@@ -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 { c as Wt, u as Lt } from "../../useTranslation-B6E1rHIA.js";
6
- import { Z as _t, x as Kt } from "../../index.es-25EARqhH-By1Ap282.js";
7
- import { t as $t } from "../../i18n-BhmFdUcK.js";
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
- }, Ee = ({
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
- Ee as DefaultFormNumber
682
+ Ie as DefaultFormNumber
684
683
  };
@@ -1,12 +1,11 @@
1
- import { jsx as r } from "react/jsx-runtime";
2
- import "../../i18nInstance-l1IFPZ5d.js";
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 i } from "../../useTranslation-B6E1rHIA.js";
6
- const f = ({ ...e }) => {
7
- const { t: n } = i();
8
- return /* @__PURE__ */ r(o, { children: /* @__PURE__ */ r(t, { ...e, text: n("loadingSpinner.baseMessage"), impatienceMessage: null }) });
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
- f as DefaultLoadingSpinner
10
+ l as DefaultLoadingSpinner
12
11
  };