@hortiview/shared-components 0.0.6332 → 0.0.6359

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 (37) hide show
  1. package/dist/assets/BlockView.css +1 -1
  2. package/dist/assets/FormSelect.css +1 -1
  3. package/dist/components/AlertBanner/AlertBanner.test.js +1 -1
  4. package/dist/components/BaseView/BaseView.test.js +1 -1
  5. package/dist/components/BasicHeading/BasicHeading.test.js +1 -1
  6. package/dist/components/BlockView/BlockView.js +47 -47
  7. package/dist/components/BlockView/BlockView.test.js +2 -2
  8. package/dist/components/ContextMenu/ContextMenu.test.js +1 -1
  9. package/dist/components/DeleteModal/DeleteModal.test.js +1 -1
  10. package/dist/components/Disclaimer/Disclaimer.test.js +1 -1
  11. package/dist/components/EmptyView/EmptyView.test.js +1 -1
  12. package/dist/components/FormComponents/FormCheckBox/FormCheckBox.test.js +1 -1
  13. package/dist/components/FormComponents/FormDatePicker/FormDatePicker.test.js +1 -1
  14. package/dist/components/FormComponents/FormRadio/FormRadio.test.js +1 -1
  15. package/dist/components/FormComponents/FormSelect/FormSelect.d.ts +1 -1
  16. package/dist/components/FormComponents/FormSelect/FormSelect.js +1482 -85
  17. package/dist/components/FormComponents/FormSelect/FormSelect.test.js +3049 -40
  18. package/dist/components/FormComponents/FormSelect/SelectTooltipText.d.ts +18 -0
  19. package/dist/components/FormComponents/FormSelect/SelectTooltipText.js +9 -0
  20. package/dist/components/FormComponents/FormSlider/FormSlider.test.js +1 -1
  21. package/dist/components/FormComponents/FormText/FormText.test.js +1 -1
  22. package/dist/components/GenericTable/GenericTable.test.js +1 -1
  23. package/dist/components/HashTabView/HashTabView.test.js +1 -1
  24. package/dist/components/HeaderFilter/HeaderFilter.test.js +1 -1
  25. package/dist/components/Iconify/Iconify.js +2 -2
  26. package/dist/components/Iconify/Iconify.test.js +1 -1
  27. package/dist/components/InfoGroup/InfoGroup.test.js +1 -1
  28. package/dist/components/ListArea/ListArea.test.js +1 -1
  29. package/dist/components/LoadingSpinner/Big/BigLoadingSpinner.test.js +1 -1
  30. package/dist/components/LoadingSpinner/Default/LoadingSpinner.test.js +1 -1
  31. package/dist/components/Scrollbar/scrollbar.test.js +1 -1
  32. package/dist/components/SearchBar/SearchBar.test.js +1 -1
  33. package/dist/components/VerticalDivider/VerticalDivider.test.js +1 -1
  34. package/dist/{react.esm-D9-uytwS.js → react.esm-BBemCHUU.js} +1 -0
  35. package/dist/types/internal/ChangeValueType.d.ts +3 -0
  36. package/dist/types/internal/ChangeValueType.js +1 -0
  37. package/package.json +3 -3
@@ -1 +1 @@
1
- ._grid_g18cu_1{display:flex;padding-bottom:0;flex-direction:column;justify-content:center;align-items:center;gap:1rem;align-self:stretch}._black_g18cu_11{color:#000}._blockLayout_g18cu_15{padding:.5rem;gap:.5rem;display:flex;flex-direction:column;border-radius:.5rem;background:var(--secondary-color-ramp-200, #b9e5ff);width:15rem;height:15rem}._blockRow_g18cu_27{display:flex;flex-direction:row;gap:.5rem;height:100%;align-self:stretch}._block_g18cu_15{flex:auto;border-radius:.25rem;background:var(--secondary-color-ramp-600, #3599d1);align-items:center;display:flex;justify-content:center;position:relative}._block_g18cu_15._active_g18cu_46{border:2px solid var(--lmnt-theme-primary, #673ab7);background:var(--primary-color-ramp-100, #c7b7e4);margin:-2px}._block_g18cu_15._error_g18cu_52{border:2px solid var(--danger-danger, #cf2d22);background:var(--danger-color-ramp-050, #ffeaed);margin:-2px}._block_g18cu_15._empty_g18cu_58{margin:-2px;border:2px solid var(--lmnt-theme-on-surface-disabled);background:var(--lmnt-theme-surface-variant);color:var(--lmnt-theme-on-surface-disabled)}._blockText_g18cu_65{display:flex;justify-content:center;position:absolute;width:1vw;height:1vh;align-items:center}
1
+ ._grid_lihp2_1{display:flex;padding-bottom:0;flex-direction:column;justify-content:center;align-items:center;gap:1rem;align-self:stretch}._black_lihp2_11{color:#000}._blockLayout_lihp2_15{padding:.5rem;gap:.5rem;display:flex;flex-direction:column;border-radius:.5rem;background:var(--lmnt-theme-secondary-200);width:15rem;height:15rem}._blockRow_lihp2_27{display:flex;flex-direction:row;gap:.5rem;height:100%;align-self:stretch}._block_lihp2_15{flex:auto;border-radius:.25rem;background:var(--lmnt-theme-secondary-600);align-items:center;display:flex;justify-content:center;position:relative}._block_lihp2_15._active_lihp2_46{border:2px solid var(--lmnt-theme-primary);background:var(--lmnt-theme-primary-100);margin:-2px}._block_lihp2_15._error_lihp2_52{border:2px solid var(--lmnt-theme-danger);background:var(--lmnt-theme-danger-50);margin:-2px}._block_lihp2_15._empty_lihp2_58{background:var(--lmnt-theme-secondary-200)}._blockText_lihp2_62{display:flex;justify-content:center;position:absolute;width:1vw;height:1vh;align-items:center}
@@ -1 +1 @@
1
- ._invalid_1vo1h_1+*[class*=mdc-select-helper-text]{color:var(--lmnt-theme-danger)!important}._formSelect_1vo1h_5+*[class*=mdc-select-helper-text]{margin-bottom:-19.33px!important}._formSelectContainer_1vo1h_9 *[class*=mdc-select-helper-text]{color:var(--lmnt-helper-text-color)}._formSelectContainer_1vo1h_9 *[class*=lmnt__multi-value__label]{overflow:visible}._formSelect_1vo1h_5 *[class*=lmnt-select-menu]{z-index:2001}._formSelectContainer_1vo1h_9{display:flex;flex-wrap:wrap;width:100%}
1
+ ._invalid_9uqqc_1+*[class*=mdc-select-helper-text]{color:var(--lmnt-theme-danger)!important}._formSelectContainer_9uqqc_6{display:flex;flex-wrap:wrap;width:100%}._formSelectContainer_9uqqc_6 *[class*=mdc-select-helper-text]{color:var(--lmnt-helper-text-color)}._formSelectContainer_9uqqc_6 *[class*=lmnt__multi-value__label]{overflow:visible}._formSelect_9uqqc_6+*[class*=mdc-select-helper-text]{margin-bottom:-19.33px!important}._formSelect_9uqqc_6 *[class*=lmnt-select-menu]{z-index:2001}._multiText_9uqqc_32 *[class*=lmnt-select-value-container]{white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis;display:block!important;padding:1.125rem 0!important}._tooltip_9uqqc_41{z-index:42}
@@ -1,5 +1,5 @@
1
1
  import { jsx as e, Fragment as m } from "react/jsx-runtime";
2
- import { r as t, s } from "../../react.esm-D9-uytwS.js";
2
+ import { r as t, s } from "../../react.esm-BBemCHUU.js";
3
3
  import { u as i } from "../../useBreakpoint-DROHPVxO.js";
4
4
  import { AlertBanner as n } from "./AlertBanner.js";
5
5
  import { d as c, b as u, t as r, g as l, v as a } from "../../vi.JYQecGiw-BbUbJcT8.js";
@@ -1,7 +1,7 @@
1
1
  import { jsx as a, Fragment as s } from "react/jsx-runtime";
2
2
  import { u as l } from "../../useBreakpoint-DROHPVxO.js";
3
3
  import { BaseView as r } from "./BaseView.js";
4
- import { r as i, s as e, f as p } from "../../react.esm-D9-uytwS.js";
4
+ import { r as i, s as e, f as p } from "../../react.esm-BBemCHUU.js";
5
5
  import { d as u, b as m, t as n, g as t, v as c } from "../../vi.JYQecGiw-BbUbJcT8.js";
6
6
  u("BaseView Test", () => {
7
7
  m(() => {
@@ -1,7 +1,7 @@
1
1
  import { jsx as o, Fragment as c } from "react/jsx-runtime";
2
2
  import { Button as g } from "@element/react-components";
3
3
  import { BasicHeading as a } from "./BasicHeading.js";
4
- import { r as i, s as n } from "../../react.esm-D9-uytwS.js";
4
+ import { r as i, s as n } from "../../react.esm-BBemCHUU.js";
5
5
  import { d as h, t as s, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
6
6
  h("BasicHeading-Test", () => {
7
7
  s("render small container without content", () => {
@@ -1,73 +1,73 @@
1
1
  import "../../assets/BlockView.css";
2
- import { jsxs as g, jsx as l } from "react/jsx-runtime";
3
- import { TypoSubtitle as x, TypoDisplay as T } from "@element/react-components";
4
- import { useState as L, useEffect as R, useMemo as B } from "react";
5
- import { getBlockNumberByDto as C } from "../../services/BlockService.js";
6
- const A = "_grid_g18cu_1", D = "_black_g18cu_11", E = "_blockLayout_g18cu_15", S = "_blockRow_g18cu_27", V = "_block_g18cu_15", M = "_active_g18cu_46", j = "_error_g18cu_52", q = "_empty_g18cu_58", F = "_blockText_g18cu_65", o = {
2
+ import { jsxs as h, jsx as c } from "react/jsx-runtime";
3
+ import { TypoSubtitle as T, TypoDisplay as B } from "@element/react-components";
4
+ import { useState as L, useEffect as R, useMemo as C } from "react";
5
+ import { getBlockNumberByDto as E } from "../../services/BlockService.js";
6
+ const A = "_grid_lihp2_1", D = "_black_lihp2_11", S = "_blockLayout_lihp2_15", V = "_blockRow_lihp2_27", M = "_block_lihp2_15", j = "_active_lihp2_46", q = "_error_lihp2_52", F = "_empty_lihp2_58", G = "_blockText_lihp2_62", o = {
7
7
  grid: A,
8
8
  black: D,
9
- blockLayout: E,
10
- blockRow: S,
11
- block: V,
12
- active: M,
13
- error: j,
14
- empty: q,
15
- blockText: F
16
- }, O = ({
9
+ blockLayout: S,
10
+ blockRow: V,
11
+ block: M,
12
+ active: j,
13
+ error: q,
14
+ empty: F,
15
+ blockText: G
16
+ }, P = ({
17
17
  rows: s,
18
- columns: t,
19
- hideText: u = !1,
20
- errorBlocks: p = [],
21
- showNumbers: y = !0,
22
- clickable: h = !0,
23
- size: m = 15,
24
- onClick: b = null,
18
+ columns: e,
19
+ hideText: m = !1,
20
+ errorBlocks: y = [],
21
+ showNumbers: v = !0,
22
+ clickable: f = !0,
23
+ size: b = 15,
24
+ onClick: _ = null,
25
25
  currentBlock: i,
26
- blocks: _,
27
- blockViewTitle: v,
28
- blockLabel: f
26
+ blocks: k,
27
+ blockViewTitle: N,
28
+ blockLabel: g
29
29
  }) => {
30
- const [k, d] = L(0);
30
+ const [p, d] = L(0);
31
31
  R(() => {
32
32
  if (!i)
33
33
  return;
34
- const c = C(i, t);
35
- d(c);
36
- }, [i, t]);
37
- const N = B(() => s * t, [s, t]), $ = (c) => {
38
- b && b(c, i ?? void 0);
39
- }, w = ({ row: c, column: r }) => _.length === 0 ? !0 : _.some((n) => n.position?.row === c && n.position?.column === r);
40
- return /* @__PURE__ */ g("div", { className: o.grid, children: [
41
- !u && /* @__PURE__ */ l(x, { level: 1, bold: !0, className: o.black, children: v }),
42
- /* @__PURE__ */ l("div", { className: o.blockLayout, style: { width: `${m}rem`, height: `${m}rem` }, children: Array.from({ length: s }).map((c, r) => /* @__PURE__ */ l("div", { className: o.blockRow, children: Array.from({ length: t }).map((n, a) => {
43
- const e = t * r + a + 1;
44
- return /* @__PURE__ */ l(
34
+ const l = E(i, e);
35
+ d(l);
36
+ }, [i, e]);
37
+ const $ = C(() => s * e, [s, e]), w = (l) => {
38
+ _ && _(l, i ?? void 0);
39
+ }, x = ({ row: l, column: r }) => k.length === 0 ? !0 : k.some((n) => n.position?.row === l && n.position?.column === r);
40
+ return /* @__PURE__ */ h("div", { className: o.grid, children: [
41
+ !m && /* @__PURE__ */ c(T, { level: 1, bold: !0, className: o.black, children: N }),
42
+ /* @__PURE__ */ c("div", { className: o.blockLayout, style: { width: `${b}rem`, height: `${b}rem` }, children: Array.from({ length: s }).map((l, r) => /* @__PURE__ */ c("div", { className: o.blockRow, children: Array.from({ length: e }).map((n, a) => {
43
+ const t = e * r + a + 1, u = x({ row: r + 1, column: a + 1 });
44
+ return /* @__PURE__ */ c(
45
45
  "div",
46
46
  {
47
47
  "data-testid": "blockViewBlock",
48
- className: `${o.block} ${k === e ? o.active : ""} ${w({ row: r + 1, column: a + 1 }) ? "" : o.empty} ${p.includes(e) ? o.error : ""}`,
49
- id: `block${e}`,
50
- onClick: h ? () => {
51
- d(e), $({ row: r + 1, column: a + 1 });
48
+ className: `${o.block} ${p === t ? o.active : ""} ${u ? "" : o.empty} ${y.includes(t) ? o.error : ""}`,
49
+ id: `block${t}`,
50
+ onClick: f ? () => {
51
+ d(t), w({ row: r + 1, column: a + 1 });
52
52
  } : void 0,
53
- children: y && /* @__PURE__ */ l(
53
+ children: v && u && /* @__PURE__ */ c(
54
54
  "div",
55
55
  {
56
- className: `${o.blockText} ${k === e ? o.black : ""}`,
57
- children: e
56
+ className: `${o.blockText} ${p === t ? o.black : ""}`,
57
+ children: t
58
58
  }
59
59
  )
60
60
  },
61
- e
61
+ t
62
62
  );
63
63
  }) }, r)) }),
64
- !u && /* @__PURE__ */ g(T, { themeColor: "primary", level: 6, children: [
65
- N,
64
+ !m && /* @__PURE__ */ h(B, { themeColor: "primary", level: 6, children: [
65
+ $,
66
66
  " ",
67
- f
67
+ g
68
68
  ] })
69
69
  ] });
70
70
  };
71
71
  export {
72
- O as BlockView
72
+ P as BlockView
73
73
  };
@@ -1,5 +1,5 @@
1
1
  import { jsx as l } from "react/jsx-runtime";
2
- import { r as s, s as o, f as n } from "../../react.esm-D9-uytwS.js";
2
+ import { r as s, s as o, f as n } from "../../react.esm-BBemCHUU.js";
3
3
  import { BlockView as r } from "./BlockView.js";
4
4
  import { d as B, v as a, t as i, g as t } from "../../vi.JYQecGiw-BbUbJcT8.js";
5
5
  B("BlockView Test", () => {
@@ -42,6 +42,6 @@ B("BlockView Test", () => {
42
42
  blockLabel: "Block"
43
43
  }
44
44
  )
45
- ), n.click(o.getByText("6")), t(c).toHaveBeenCalled();
45
+ ), n.click(o.getByText("2")), t(c).toHaveBeenCalled();
46
46
  });
47
47
  });
@@ -1,5 +1,5 @@
1
1
  import { jsx as m } from "react/jsx-runtime";
2
- import { r as d, s as n, f as o, w as a } from "../../react.esm-D9-uytwS.js";
2
+ import { r as d, s as n, f as o, w as a } from "../../react.esm-BBemCHUU.js";
3
3
  import { ContextMenu as u } from "./ContextMenu.js";
4
4
  import { v as r, d as g, t as B, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
5
5
  const T = r.fn(), l = r.fn(), i = r.fn(), p = [
@@ -1,5 +1,5 @@
1
1
  import { jsx as n } from "react/jsx-runtime";
2
- import { r as c, s as e } from "../../react.esm-D9-uytwS.js";
2
+ import { r as c, s as e } from "../../react.esm-BBemCHUU.js";
3
3
  import { DeleteModal as b } from "./DeleteModal.js";
4
4
  import { d as B, t as a, v as o, g as t } from "../../vi.JYQecGiw-BbUbJcT8.js";
5
5
  B("DeleteModal Test", () => {
@@ -1,5 +1,5 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
- import { r, s as t } from "../../react.esm-D9-uytwS.js";
2
+ import { r, s as t } from "../../react.esm-BBemCHUU.js";
3
3
  import { Disclaimer as s } from "./Disclaimer.js";
4
4
  import { d as i, t as m, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
5
5
  i("Disclaimer test", () => {
@@ -1,5 +1,5 @@
1
1
  import { jsx as n } from "react/jsx-runtime";
2
- import { r as s, s as o, w as r, f as l } from "../../react.esm-D9-uytwS.js";
2
+ import { r as s, s as o, w as r, f as l } from "../../react.esm-BBemCHUU.js";
3
3
  import { EmptyView as c } from "./EmptyView.js";
4
4
  import { d as h, t as T, g as e, v as d } from "../../vi.JYQecGiw-BbUbJcT8.js";
5
5
  h("EmptyView", () => {
@@ -1,5 +1,5 @@
1
1
  import { jsx as s } from "react/jsx-runtime";
2
- import { r as n, s as t, f as m } from "../../../react.esm-D9-uytwS.js";
2
+ import { r as n, s as t, f as m } from "../../../react.esm-BBemCHUU.js";
3
3
  import { FormCheckBox as c } from "./FormCheckBox.js";
4
4
  import { v as e, d as h, t as l, g as r } from "../../../vi.JYQecGiw-BbUbJcT8.js";
5
5
  const a = e.fn();
@@ -1,5 +1,5 @@
1
1
  import { jsx as n } from "react/jsx-runtime";
2
- import { r as s, s as o, f as m } from "../../../react.esm-D9-uytwS.js";
2
+ import { r as s, s as o, f as m } from "../../../react.esm-BBemCHUU.js";
3
3
  import { FormDatePicker as c } from "./FormDatePicker.js";
4
4
  import { v as e, d as f, t as l, g as r } from "../../../vi.JYQecGiw-BbUbJcT8.js";
5
5
  const i = e.fn();
@@ -1,5 +1,5 @@
1
1
  import { jsx as n } from "react/jsx-runtime";
2
- import { r as s, s as t, f as m } from "../../../react.esm-D9-uytwS.js";
2
+ import { r as s, s as t, f as m } from "../../../react.esm-BBemCHUU.js";
3
3
  import { FormRadio as l } from "./FormRadio.js";
4
4
  import { v as e, d as c, t as i, g as o } from "../../../vi.JYQecGiw-BbUbJcT8.js";
5
5
  const a = e.fn();
@@ -5,7 +5,7 @@ import { FieldPath, FieldValues, Path, RegisterOptions } from 'react-hook-form';
5
5
  * a generic FormSelector property type. the generic T represents the interface, which is used in the form, like {@link CreateOrganizationDto}
6
6
  */
7
7
  type FormSelectProps<T extends FieldValues> = Omit<SelectProps, 'className' | 'clearable' | 'disabled' | 'helperText' | 'helperTextPersistent' | 'hidden' | 'hoisted' | 'label' | 'menuMaxHeight' | 'multi' | 'multiSelect' | 'noOptionsMessage' | 'onChange' | 'options' | 'searchable' | 'textKey' | 'valid' | 'value' | 'valueKey' | 'variant'> & {
8
- /** the current character count */
8
+ /** the name of the property in the form */
9
9
  propertyName: Path<T>;
10
10
  /** the label of the select */
11
11
  label: string;