@hortiview/shared-components 0.0.4730 → 0.0.4775
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 +199 -1
- package/dist/_baseToString-ByHt83eL.js +282 -0
- package/dist/_getTag-D4bRay2z.js +226 -0
- package/dist/assets/formDatePicker.css +1 -0
- package/dist/assets/formSelect.css +1 -0
- package/dist/assets/formText.css +1 -0
- package/dist/components/BaseView/BaseView.d.ts +1 -0
- package/dist/components/DeleteModal/DeleteModal.js +23 -18
- package/dist/components/DeleteModal/DeleteModal.test.js +3 -3
- package/dist/components/FormComponents/FormCheckBox/FormCheckBox.d.ts +30 -0
- package/dist/components/FormComponents/FormCheckBox/FormCheckBox.js +42 -0
- package/dist/components/FormComponents/FormCheckBox/FormCheckBox.test.d.ts +1 -0
- package/dist/components/FormComponents/FormCheckBox/FormCheckBox.test.js +50 -0
- package/dist/components/FormComponents/FormDatePicker/FormDatePicker.d.ts +36 -0
- package/dist/components/FormComponents/FormDatePicker/FormDatePicker.js +62 -0
- package/dist/components/FormComponents/FormDatePicker/FormDatePicker.test.d.ts +1 -0
- package/dist/components/FormComponents/FormDatePicker/FormDatePicker.test.js +69 -0
- package/dist/components/FormComponents/FormRadio/FormRadio.d.ts +21 -0
- package/dist/components/FormComponents/FormRadio/FormRadio.js +30 -0
- package/dist/components/FormComponents/FormRadio/FormRadio.test.d.ts +1 -0
- package/dist/components/FormComponents/FormRadio/FormRadio.test.js +73 -0
- package/dist/components/FormComponents/FormSelect/FormSelect.d.ts +61 -0
- package/dist/components/FormComponents/FormSelect/FormSelect.js +76 -0
- package/dist/components/FormComponents/FormSelect/FormSelect.test.d.ts +1 -0
- package/dist/components/FormComponents/FormSelect/FormSelect.test.js +65 -0
- package/dist/components/FormComponents/FormSlider/FormSlider.d.ts +27 -0
- package/dist/components/FormComponents/FormSlider/FormSlider.js +37 -0
- package/dist/components/FormComponents/FormSlider/FormSlider.test.d.ts +1 -0
- package/dist/components/FormComponents/FormSlider/FormSlider.test.js +49 -0
- package/dist/components/FormComponents/FormText/FormText.d.ts +69 -0
- package/dist/components/FormComponents/FormText/FormText.js +103 -0
- package/dist/components/FormComponents/FormText/FormText.test.d.ts +1 -0
- package/dist/components/FormComponents/FormText/FormText.test.js +84 -0
- package/dist/components/Iconify/Iconify.d.ts +1 -0
- package/dist/components/ListArea/ListArea.d.ts +1 -0
- package/dist/components/ListArea/ListArea.js +194 -227
- package/dist/formDatePicker.module-DllLVp7D.js +7 -0
- package/dist/formSelect.module-CdHEvmH_.js +9 -0
- package/dist/formText.module-3BZ0M2vV.js +10 -0
- package/dist/get-BYajYtEc.js +46 -0
- package/dist/main.d.ts +6 -0
- package/dist/main.js +40 -28
- package/dist/types/HashTab.d.ts +1 -0
- package/dist/types/ListElement.d.ts +1 -0
- package/dist/types/internal/ReactRouterTypes.d.ts +1 -0
- package/package.json +7 -2
- package/dist/_getTag-DyrzUAbj.js +0 -494
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import { r as o, s as a, f as i } from "../../../react.esm-BeDwcQWb.js";
|
|
3
|
+
import { FormText as s } from "./FormText.js";
|
|
4
|
+
import { v as r, d as m, t as l, g as t } from "../../../vi.JYQecGiw-BbUbJcT8.js";
|
|
5
|
+
const d = r.fn();
|
|
6
|
+
r.mock("react-hook-form", () => ({
|
|
7
|
+
...r.importActual("react-hook-form"),
|
|
8
|
+
Controller: ({ render: e }) => e({
|
|
9
|
+
field: {
|
|
10
|
+
ref: void 0,
|
|
11
|
+
onChange: d,
|
|
12
|
+
value: "test"
|
|
13
|
+
}
|
|
14
|
+
}),
|
|
15
|
+
useFormContext: () => ({
|
|
16
|
+
watch: r.fn(),
|
|
17
|
+
control: {
|
|
18
|
+
register: r.fn(),
|
|
19
|
+
unregister: r.fn(),
|
|
20
|
+
getFieldState: r.fn(),
|
|
21
|
+
_names: {
|
|
22
|
+
array: new Set("test"),
|
|
23
|
+
mount: new Set("test"),
|
|
24
|
+
unMount: new Set("test"),
|
|
25
|
+
watch: new Set("test"),
|
|
26
|
+
focus: "test",
|
|
27
|
+
watchAll: !1
|
|
28
|
+
},
|
|
29
|
+
_subjects: {
|
|
30
|
+
watch: r.fn(),
|
|
31
|
+
array: r.fn(),
|
|
32
|
+
state: r.fn()
|
|
33
|
+
},
|
|
34
|
+
_getWatch: r.fn(),
|
|
35
|
+
_formValues: ["test"],
|
|
36
|
+
_defaultValues: ["test"]
|
|
37
|
+
},
|
|
38
|
+
formState: { errors: {} },
|
|
39
|
+
getFieldState: () => ({ invalid: !1 })
|
|
40
|
+
})
|
|
41
|
+
}));
|
|
42
|
+
m("FormText Test", () => {
|
|
43
|
+
l("render FormText and return single line text field", () => {
|
|
44
|
+
o(/* @__PURE__ */ n(s, { maxLength: 100, label: "address.line2", propertyName: "addressLine2" }));
|
|
45
|
+
const e = a.getByRole("textbox");
|
|
46
|
+
t(e).toBeInTheDocument(), t(e).toBeInstanceOf(HTMLInputElement), t(e).toHaveAttribute("maxlength", "100"), t(a.getByText("address.line2")).toBeInTheDocument();
|
|
47
|
+
}), l("change value of single line text field", () => {
|
|
48
|
+
o(/* @__PURE__ */ n(s, { maxLength: 100, label: "address.line2", propertyName: "addressLine2" }));
|
|
49
|
+
const e = a.getByRole("textbox");
|
|
50
|
+
t(e).toHaveValue("test"), i.change(e, { target: { value: "test-change" } }), t(d).toHaveBeenCalled();
|
|
51
|
+
}), l("render FormText and return text area", () => {
|
|
52
|
+
o(
|
|
53
|
+
/* @__PURE__ */ n(
|
|
54
|
+
s,
|
|
55
|
+
{
|
|
56
|
+
maxLength: 200,
|
|
57
|
+
label: "address.line1",
|
|
58
|
+
propertyName: "addressLine1",
|
|
59
|
+
required: !0,
|
|
60
|
+
requiredText: "required",
|
|
61
|
+
textarea: !0
|
|
62
|
+
}
|
|
63
|
+
)
|
|
64
|
+
);
|
|
65
|
+
const e = a.getByRole("textbox");
|
|
66
|
+
t(e).toBeInTheDocument(), t(e).toBeInstanceOf(HTMLTextAreaElement), t(e).toHaveAttribute("maxlength", "200"), t(a.getByText("address.line1")).toBeInTheDocument(), t(a.getByText("required")).toBeInTheDocument();
|
|
67
|
+
}), l("change value of text area", () => {
|
|
68
|
+
o(
|
|
69
|
+
/* @__PURE__ */ n(
|
|
70
|
+
s,
|
|
71
|
+
{
|
|
72
|
+
maxLength: 200,
|
|
73
|
+
label: "address.line1",
|
|
74
|
+
propertyName: "addressLine1",
|
|
75
|
+
required: !0,
|
|
76
|
+
requiredText: "required",
|
|
77
|
+
textarea: !0
|
|
78
|
+
}
|
|
79
|
+
)
|
|
80
|
+
);
|
|
81
|
+
const e = a.getByRole("textbox");
|
|
82
|
+
i.change(e, { target: { value: "test-change" } }), t(d).toHaveBeenCalled();
|
|
83
|
+
});
|
|
84
|
+
});
|