@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.
- package/dist/assets/BlockView.css +1 -1
- package/dist/assets/FormSelect.css +1 -1
- package/dist/components/AlertBanner/AlertBanner.test.js +1 -1
- package/dist/components/BaseView/BaseView.test.js +1 -1
- package/dist/components/BasicHeading/BasicHeading.test.js +1 -1
- package/dist/components/BlockView/BlockView.js +47 -47
- package/dist/components/BlockView/BlockView.test.js +2 -2
- package/dist/components/ContextMenu/ContextMenu.test.js +1 -1
- package/dist/components/DeleteModal/DeleteModal.test.js +1 -1
- package/dist/components/Disclaimer/Disclaimer.test.js +1 -1
- package/dist/components/EmptyView/EmptyView.test.js +1 -1
- package/dist/components/FormComponents/FormCheckBox/FormCheckBox.test.js +1 -1
- package/dist/components/FormComponents/FormDatePicker/FormDatePicker.test.js +1 -1
- package/dist/components/FormComponents/FormRadio/FormRadio.test.js +1 -1
- package/dist/components/FormComponents/FormSelect/FormSelect.d.ts +1 -1
- package/dist/components/FormComponents/FormSelect/FormSelect.js +1482 -85
- package/dist/components/FormComponents/FormSelect/FormSelect.test.js +3049 -40
- package/dist/components/FormComponents/FormSelect/SelectTooltipText.d.ts +18 -0
- package/dist/components/FormComponents/FormSelect/SelectTooltipText.js +9 -0
- package/dist/components/FormComponents/FormSlider/FormSlider.test.js +1 -1
- package/dist/components/FormComponents/FormText/FormText.test.js +1 -1
- package/dist/components/GenericTable/GenericTable.test.js +1 -1
- package/dist/components/HashTabView/HashTabView.test.js +1 -1
- package/dist/components/HeaderFilter/HeaderFilter.test.js +1 -1
- package/dist/components/Iconify/Iconify.js +2 -2
- package/dist/components/Iconify/Iconify.test.js +1 -1
- package/dist/components/InfoGroup/InfoGroup.test.js +1 -1
- package/dist/components/ListArea/ListArea.test.js +1 -1
- package/dist/components/LoadingSpinner/Big/BigLoadingSpinner.test.js +1 -1
- package/dist/components/LoadingSpinner/Default/LoadingSpinner.test.js +1 -1
- package/dist/components/Scrollbar/scrollbar.test.js +1 -1
- package/dist/components/SearchBar/SearchBar.test.js +1 -1
- package/dist/components/VerticalDivider/VerticalDivider.test.js +1 -1
- package/dist/{react.esm-D9-uytwS.js → react.esm-BBemCHUU.js} +1 -0
- package/dist/types/internal/ChangeValueType.d.ts +3 -0
- package/dist/types/internal/ChangeValueType.js +1 -0
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
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
|
-
.
|
|
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-
|
|
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-
|
|
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-
|
|
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
|
|
3
|
-
import { TypoSubtitle as
|
|
4
|
-
import { useState as L, useEffect as R, useMemo as
|
|
5
|
-
import { getBlockNumberByDto as
|
|
6
|
-
const A = "
|
|
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:
|
|
10
|
-
blockRow:
|
|
11
|
-
block:
|
|
12
|
-
active:
|
|
13
|
-
error:
|
|
14
|
-
empty:
|
|
15
|
-
blockText:
|
|
16
|
-
},
|
|
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:
|
|
19
|
-
hideText:
|
|
20
|
-
errorBlocks:
|
|
21
|
-
showNumbers:
|
|
22
|
-
clickable:
|
|
23
|
-
size:
|
|
24
|
-
onClick:
|
|
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:
|
|
28
|
-
blockLabel:
|
|
26
|
+
blocks: k,
|
|
27
|
+
blockViewTitle: N,
|
|
28
|
+
blockLabel: g
|
|
29
29
|
}) => {
|
|
30
|
-
const [
|
|
30
|
+
const [p, d] = L(0);
|
|
31
31
|
R(() => {
|
|
32
32
|
if (!i)
|
|
33
33
|
return;
|
|
34
|
-
const
|
|
35
|
-
d(
|
|
36
|
-
}, [i,
|
|
37
|
-
const
|
|
38
|
-
|
|
39
|
-
},
|
|
40
|
-
return /* @__PURE__ */
|
|
41
|
-
!
|
|
42
|
-
/* @__PURE__ */
|
|
43
|
-
const
|
|
44
|
-
return /* @__PURE__ */
|
|
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} ${
|
|
49
|
-
id: `block${
|
|
50
|
-
onClick:
|
|
51
|
-
d(
|
|
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:
|
|
53
|
+
children: v && u && /* @__PURE__ */ c(
|
|
54
54
|
"div",
|
|
55
55
|
{
|
|
56
|
-
className: `${o.blockText} ${
|
|
57
|
-
children:
|
|
56
|
+
className: `${o.blockText} ${p === t ? o.black : ""}`,
|
|
57
|
+
children: t
|
|
58
58
|
}
|
|
59
59
|
)
|
|
60
60
|
},
|
|
61
|
-
|
|
61
|
+
t
|
|
62
62
|
);
|
|
63
63
|
}) }, r)) }),
|
|
64
|
-
!
|
|
65
|
-
|
|
64
|
+
!m && /* @__PURE__ */ h(B, { themeColor: "primary", level: 6, children: [
|
|
65
|
+
$,
|
|
66
66
|
" ",
|
|
67
|
-
|
|
67
|
+
g
|
|
68
68
|
] })
|
|
69
69
|
] });
|
|
70
70
|
};
|
|
71
71
|
export {
|
|
72
|
-
|
|
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-
|
|
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("
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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
|
|
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;
|