routelit-client 0.5.4 → 0.5.5
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/{checkbox-BBrF5uBm.js → checkbox-CnAPv6gA.js} +2 -2
- package/dist/{checkbox-BBrF5uBm.js.map → checkbox-CnAPv6gA.js.map} +1 -1
- package/dist/{checkbox-C4IYk2ky.js → checkbox-CyfrA5F0.js} +1 -1
- package/dist/{checkbox-group-DrpoPDc1.js → checkbox-group-BQ6tzqkw.js} +3 -3
- package/dist/{checkbox-group-DrpoPDc1.js.map → checkbox-group-BQ6tzqkw.js.map} +1 -1
- package/dist/{checkbox-group-DSLjKCm5.js → checkbox-group-D0aFyB3Q.js} +17 -17
- package/dist/{client-CVCqXKt7.js → client-C5PMlGuK.js} +1 -1
- package/dist/{client-BmYopK6I.js → client-CvsQduoC.js} +8 -8
- package/dist/{client-BmYopK6I.js.map → client-CvsQduoC.js.map} +1 -1
- package/dist/{dialog-Bm32_3dl.js → dialog-CK9jpK1E.js} +1 -1
- package/dist/{dialog-BiMlAuNR.js → dialog-DVTV0lme.js} +2 -2
- package/dist/{dialog-BiMlAuNR.js.map → dialog-DVTV0lme.js.map} +1 -1
- package/dist/{input-BAfvhFFa.js → input-BTZUvD18.js} +2 -2
- package/dist/{input-BAfvhFFa.js.map → input-BTZUvD18.js.map} +1 -1
- package/dist/{input-C7zwl4Ir.js → input-COdzm7PE.js} +1 -1
- package/dist/{radio-Dun2pYu5.js → radio-4S_eOWJM.js} +3 -3
- package/dist/{radio-Dun2pYu5.js.map → radio-4S_eOWJM.js.map} +1 -1
- package/dist/{radio-C3XPK4u3.js → radio-BBJIiIW3.js} +21 -21
- package/dist/routelit-client.es.dev.js +1 -1
- package/dist/routelit-client.es.js +1 -1
- package/dist/routelit-client.umd.dev.js +3 -3
- package/dist/routelit-client.umd.dev.js.map +1 -1
- package/dist/routelit-client.umd.js +1 -1
- package/dist/select-A7Ok1BQf.js +42 -0
- package/dist/{select-CT25n1Lx.js → select-Fqb9aXHT.js} +3 -3
- package/dist/{select-CT25n1Lx.js.map → select-Fqb9aXHT.js.map} +1 -1
- package/dist/{textarea-DCsk48sa.js → textarea-CKH_7CLe.js} +2 -2
- package/dist/{textarea-DCsk48sa.js.map → textarea-CKH_7CLe.js.map} +1 -1
- package/dist/{textarea-mogObQTI.js → textarea-D8u9p8Dd.js} +1 -1
- package/package.json +1 -1
- package/dist/select-B-eGFqpU.js +0 -42
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
2
|
import { memo, useCallback } from "react";
|
|
3
|
-
import { b as useFormDispatcherWithAttr } from "./client-
|
|
3
|
+
import { b as useFormDispatcherWithAttr } from "./client-CvsQduoC.js";
|
|
4
4
|
const Checkbox = memo(function Checkbox2({
|
|
5
5
|
label,
|
|
6
6
|
id,
|
|
@@ -38,4 +38,4 @@ Checkbox.displayName = "Checkbox";
|
|
|
38
38
|
export {
|
|
39
39
|
Checkbox as default
|
|
40
40
|
};
|
|
41
|
-
//# sourceMappingURL=checkbox-
|
|
41
|
+
//# sourceMappingURL=checkbox-CnAPv6gA.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-
|
|
1
|
+
{"version":3,"file":"checkbox-CnAPv6gA.js","sources":["../src/components/checkbox.tsx"],"sourcesContent":["import { memo, useCallback } from \"react\";\nimport { useFormDispatcherWithAttr } from \"../core/context\";\n\nconst Checkbox = memo(function Checkbox({\n label,\n id,\n required,\n defaultChecked,\n ...props\n}: {\n label: string;\n caption?: string;\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, \"onChange\">) {\n const dispatchChange = useFormDispatcherWithAttr(id!, \"change\", \"checked\");\n const onChange = useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n dispatchChange(e.target.checked);\n },\n [dispatchChange]\n );\n return (\n <div className=\"rl-form-flex-control\">\n <input\n {...props}\n type=\"checkbox\"\n id={id}\n defaultChecked={defaultChecked}\n onChange={onChange}\n required={required}\n />\n <label htmlFor={id}>\n {label} {required && <span className=\"rl-required\">*</span>}\n </label>\n </div>\n );\n});\n\nCheckbox.displayName = \"Checkbox\";\n\nexport default Checkbox;\n"],"names":["Checkbox"],"mappings":";;;AAGM,MAAA,WAAW,KAAK,SAASA,UAAS;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAGmE;AACjE,QAAM,iBAAiB,0BAA0B,IAAK,UAAU,SAAS;AACzE,QAAM,WAAW;AAAA,IACf,CAAC,MAA2C;AAC3B,qBAAA,EAAE,OAAO,OAAO;AAAA,IACjC;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AAEE,SAAA,qBAAC,OAAI,EAAA,WAAU,wBACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,MAAK;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,IACA,qBAAC,SAAM,EAAA,SAAS,IACb,UAAA;AAAA,MAAA;AAAA,MAAM;AAAA,MAAE,YAAY,oBAAC,QAAK,EAAA,WAAU,eAAc,UAAC,IAAA,CAAA;AAAA,IAAA,EACtD,CAAA;AAAA,EAAA,GACF;AAEJ,CAAC;AAED,SAAS,cAAc;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
2
|
import { memo, useCallback } from "react";
|
|
3
|
-
import { b as useFormDispatcherWithAttr } from "./client-
|
|
3
|
+
import { b as useFormDispatcherWithAttr } from "./client-CvsQduoC.js";
|
|
4
4
|
function CheckboxGroupOption(props) {
|
|
5
5
|
const { id, value, onChange } = props;
|
|
6
6
|
const option = props.option;
|
|
@@ -44,7 +44,7 @@ const CheckboxGroup = memo(function CheckboxGroup2({
|
|
|
44
44
|
" ",
|
|
45
45
|
required && /* @__PURE__ */ jsx("span", { className: "rl-required", children: "*" })
|
|
46
46
|
] }),
|
|
47
|
-
/* @__PURE__ */ jsx("div", { className: `rl-form-control-group rl-flex-${flexDirection}`, children: options.map((option) => /* @__PURE__ */ jsx(
|
|
47
|
+
/* @__PURE__ */ jsx("div", { className: `rl-form-control-group rl-flex-${flexDirection}`, children: options == null ? void 0 : options.map((option) => /* @__PURE__ */ jsx(
|
|
48
48
|
CheckboxGroupOption,
|
|
49
49
|
{
|
|
50
50
|
id,
|
|
@@ -60,4 +60,4 @@ CheckboxGroup.displayName = "CheckboxGroup";
|
|
|
60
60
|
export {
|
|
61
61
|
CheckboxGroup as default
|
|
62
62
|
};
|
|
63
|
-
//# sourceMappingURL=checkbox-group-
|
|
63
|
+
//# sourceMappingURL=checkbox-group-BQ6tzqkw.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-group-
|
|
1
|
+
{"version":3,"file":"checkbox-group-BQ6tzqkw.js","sources":["../src/components/checkbox-group.tsx"],"sourcesContent":["import { memo, useCallback } from \"react\";\nimport { useFormDispatcherWithAttr } from \"../core/context\";\n\ntype CheckboxGroupProps = {\n id: string;\n label: string;\n value: string[];\n required?: boolean;\n flexDirection?: \"row\" | \"col\";\n options: Array<{ label: string; value: string; caption?: string; disabled?: boolean }>;\n};\n\nfunction CheckboxGroupOption(props: {\n option: CheckboxGroupProps[\"options\"][number];\n id: string;\n value: string[];\n onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n}) {\n const { id, value, onChange } = props;\n\n const option: CheckboxGroupProps[\"options\"][number] =\n props.option;\n\n return (\n <div key={option.value} className=\"rl-form-flex-control\">\n <input\n disabled={option.disabled}\n type=\"checkbox\"\n value={option.value}\n id={`${id}-${option.value}`}\n checked={value.includes(option.value)}\n onChange={onChange}\n />\n <div className=\"rl-form-inline-label\">\n <label htmlFor={`${id}-${option.value}`}>{option.label}</label>\n {option.caption && (\n <small className=\"rl-form-control-caption\">{option.caption}</small>\n )}\n </div>\n </div>\n );\n}\n\nconst CheckboxGroup = memo(function CheckboxGroup({\n id,\n label,\n value,\n required,\n options,\n flexDirection = \"col\",\n}: CheckboxGroupProps) {\n const dispatchChange = useFormDispatcherWithAttr(id, \"change\", \"value\");\n const onChange = useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n const newValue = e.target.checked\n ? [...value, e.target.value]\n : value.filter((v) => v !== e.target.value);\n dispatchChange(newValue);\n },\n [dispatchChange, value]\n );\n return (\n <div className=\"rl-form-group\">\n {label && (\n <label>\n {label} {required && <span className=\"rl-required\">*</span>}\n </label>\n )}\n <div className={`rl-form-control-group rl-flex-${flexDirection}`}>\n {options?.map((option) => (\n <CheckboxGroupOption\n key={typeof option === \"string\" ? option : option.value}\n id={id}\n value={value}\n onChange={onChange}\n option={option}\n />\n ))}\n </div>\n </div>\n );\n});\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\nexport default CheckboxGroup;\n"],"names":["CheckboxGroup"],"mappings":";;;AAYA,SAAS,oBAAoB,OAK1B;AACD,QAAM,EAAE,IAAI,OAAO,SAAa,IAAA;AAEhC,QAAM,SACJ,MAAM;AAGN,SAAA,qBAAC,OAAuB,EAAA,WAAU,wBAChC,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAU,OAAO;AAAA,QACjB,MAAK;AAAA,QACL,OAAO,OAAO;AAAA,QACd,IAAI,GAAG,EAAE,IAAI,OAAO,KAAK;AAAA,QACzB,SAAS,MAAM,SAAS,OAAO,KAAK;AAAA,QACpC;AAAA,MAAA;AAAA,IACF;AAAA,IACA,qBAAC,OAAI,EAAA,WAAU,wBACb,UAAA;AAAA,MAAC,oBAAA,SAAA,EAAM,SAAS,GAAG,EAAE,IAAI,OAAO,KAAK,IAAK,UAAA,OAAO,MAAM,CAAA;AAAA,MACtD,OAAO,WACN,oBAAC,WAAM,WAAU,2BAA2B,iBAAO,QAAQ,CAAA;AAAA,IAAA,EAE/D,CAAA;AAAA,EAAA,EAAA,GAdQ,OAAO,KAejB;AAEJ;AAEM,MAAA,gBAAgB,KAAK,SAASA,eAAc;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAClB,GAAuB;AACrB,QAAM,iBAAiB,0BAA0B,IAAI,UAAU,OAAO;AACtE,QAAM,WAAW;AAAA,IACf,CAAC,MAA2C;AAC1C,YAAM,WAAW,EAAE,OAAO,UACtB,CAAC,GAAG,OAAO,EAAE,OAAO,KAAK,IACzB,MAAM,OAAO,CAAC,MAAM,MAAM,EAAE,OAAO,KAAK;AAC5C,qBAAe,QAAQ;AAAA,IACzB;AAAA,IACA,CAAC,gBAAgB,KAAK;AAAA,EACxB;AAEE,SAAA,qBAAC,OAAI,EAAA,WAAU,iBACZ,UAAA;AAAA,IAAA,8BACE,SACE,EAAA,UAAA;AAAA,MAAA;AAAA,MAAM;AAAA,MAAE,YAAY,oBAAC,QAAK,EAAA,WAAU,eAAc,UAAC,IAAA,CAAA;AAAA,IAAA,GACtD;AAAA,IAEF,oBAAC,SAAI,WAAW,iCAAiC,aAAa,IAC3D,UAAA,mCAAS,IAAI,CAAC,WACb;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAJK,OAAO,WAAW,WAAW,SAAS,OAAO;AAAA,IAAA,GAOxD,CAAA;AAAA,EAAA,GACF;AAEJ,CAAC;AAED,cAAc,cAAc;"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsxs as n, jsx as a } from "react/jsx-runtime";
|
|
2
|
-
import { memo as
|
|
3
|
-
import { b } from "./client-
|
|
2
|
+
import { memo as f, useCallback as p } from "react";
|
|
3
|
+
import { b } from "./client-C5PMlGuK.js";
|
|
4
4
|
function v(t) {
|
|
5
|
-
const { id:
|
|
5
|
+
const { id: c, value: o, onChange: r } = t, e = t.option;
|
|
6
6
|
return /* @__PURE__ */ n("div", { className: "rl-form-flex-control", children: [
|
|
7
7
|
/* @__PURE__ */ a(
|
|
8
8
|
"input",
|
|
@@ -10,42 +10,42 @@ function v(t) {
|
|
|
10
10
|
disabled: e.disabled,
|
|
11
11
|
type: "checkbox",
|
|
12
12
|
value: e.value,
|
|
13
|
-
id: `${
|
|
14
|
-
checked:
|
|
13
|
+
id: `${c}-${e.value}`,
|
|
14
|
+
checked: o.includes(e.value),
|
|
15
15
|
onChange: r
|
|
16
16
|
}
|
|
17
17
|
),
|
|
18
18
|
/* @__PURE__ */ n("div", { className: "rl-form-inline-label", children: [
|
|
19
|
-
/* @__PURE__ */ a("label", { htmlFor: `${
|
|
19
|
+
/* @__PURE__ */ a("label", { htmlFor: `${c}-${e.value}`, children: e.label }),
|
|
20
20
|
e.caption && /* @__PURE__ */ a("small", { className: "rl-form-control-caption", children: e.caption })
|
|
21
21
|
] })
|
|
22
22
|
] }, e.value);
|
|
23
23
|
}
|
|
24
|
-
const g =
|
|
25
|
-
id:
|
|
26
|
-
label:
|
|
24
|
+
const g = f(function({
|
|
25
|
+
id: c,
|
|
26
|
+
label: o,
|
|
27
27
|
value: r,
|
|
28
28
|
required: e,
|
|
29
|
-
options:
|
|
29
|
+
options: i,
|
|
30
30
|
flexDirection: u = "col"
|
|
31
31
|
}) {
|
|
32
|
-
const
|
|
32
|
+
const s = b(c, "change", "value"), d = p(
|
|
33
33
|
(l) => {
|
|
34
34
|
const m = l.target.checked ? [...r, l.target.value] : r.filter((h) => h !== l.target.value);
|
|
35
|
-
|
|
35
|
+
s(m);
|
|
36
36
|
},
|
|
37
|
-
[
|
|
37
|
+
[s, r]
|
|
38
38
|
);
|
|
39
39
|
return /* @__PURE__ */ n("div", { className: "rl-form-group", children: [
|
|
40
|
-
|
|
41
|
-
|
|
40
|
+
o && /* @__PURE__ */ n("label", { children: [
|
|
41
|
+
o,
|
|
42
42
|
" ",
|
|
43
43
|
e && /* @__PURE__ */ a("span", { className: "rl-required", children: "*" })
|
|
44
44
|
] }),
|
|
45
|
-
/* @__PURE__ */ a("div", { className: `rl-form-control-group rl-flex-${u}`, children:
|
|
45
|
+
/* @__PURE__ */ a("div", { className: `rl-form-control-group rl-flex-${u}`, children: i == null ? void 0 : i.map((l) => /* @__PURE__ */ a(
|
|
46
46
|
v,
|
|
47
47
|
{
|
|
48
|
-
id:
|
|
48
|
+
id: c,
|
|
49
49
|
value: r,
|
|
50
50
|
onChange: d,
|
|
51
51
|
option: l
|
|
@@ -11015,7 +11015,7 @@ function Yy(l, t) {
|
|
|
11015
11015
|
}
|
|
11016
11016
|
let aa, G;
|
|
11017
11017
|
window.RoutelitClient ? (aa = window.RoutelitClient.manager, G = window.RoutelitClient.componentStore) : (aa = Zh(), G = new Lh());
|
|
11018
|
-
const Gy = Kl.lazy(() => import("./dialog-
|
|
11018
|
+
const Gy = Kl.lazy(() => import("./dialog-CK9jpK1E.js")), Xy = Kl.lazy(() => import("./container-CnbUdtoZ.js")), Cy = Kl.lazy(() => import("./expander-AfKXnTTm.js")), Qy = Kl.lazy(() => import("./flex-Dy4dT4OM.js")), Zy = Kl.lazy(() => import("./input-COdzm7PE.js")), Ly = Kl.lazy(() => import("./radio-BBJIiIW3.js")), Vy = Kl.lazy(() => import("./select-A7Ok1BQf.js")), jy = Kl.lazy(() => import("./textarea-D8u9p8Dd.js")), xy = Kl.lazy(() => import("./checkbox-CyfrA5F0.js")), Ky = Kl.lazy(() => import("./checkbox-group-D0aFyB3Q.js")), wy = Kl.lazy(() => import("./markdown-BUv_NzPr.js"));
|
|
11019
11019
|
G.register(
|
|
11020
11020
|
"root",
|
|
11021
11021
|
Aa("div", { className: "rl-container" })
|
|
@@ -19893,16 +19893,16 @@ if (window.RoutelitClient) {
|
|
|
19893
19893
|
manager = initManager();
|
|
19894
19894
|
componentStore = new ComponentStore();
|
|
19895
19895
|
}
|
|
19896
|
-
const Dialog = React.lazy(() => import("./dialog-
|
|
19896
|
+
const Dialog = React.lazy(() => import("./dialog-DVTV0lme.js"));
|
|
19897
19897
|
const Container = React.lazy(() => import("./container-Ds-tbnBg.js"));
|
|
19898
19898
|
const Expander = React.lazy(() => import("./expander-DXsTGgwa.js"));
|
|
19899
19899
|
const Flex = React.lazy(() => import("./flex-DazUjcnc.js"));
|
|
19900
|
-
const Input = React.lazy(() => import("./input-
|
|
19901
|
-
const Radio = React.lazy(() => import("./radio-
|
|
19902
|
-
const Select = React.lazy(() => import("./select-
|
|
19903
|
-
const Textarea = React.lazy(() => import("./textarea-
|
|
19904
|
-
const Checkbox = React.lazy(() => import("./checkbox-
|
|
19905
|
-
const CheckboxGroup = React.lazy(() => import("./checkbox-group-
|
|
19900
|
+
const Input = React.lazy(() => import("./input-BTZUvD18.js"));
|
|
19901
|
+
const Radio = React.lazy(() => import("./radio-4S_eOWJM.js"));
|
|
19902
|
+
const Select = React.lazy(() => import("./select-Fqb9aXHT.js"));
|
|
19903
|
+
const Textarea = React.lazy(() => import("./textarea-CKH_7CLe.js"));
|
|
19904
|
+
const Checkbox = React.lazy(() => import("./checkbox-CnAPv6gA.js"));
|
|
19905
|
+
const CheckboxGroup = React.lazy(() => import("./checkbox-group-BQ6tzqkw.js"));
|
|
19906
19906
|
const Markdown = React.lazy(() => import("./markdown-DhpGCd5Q.js"));
|
|
19907
19907
|
componentStore.register(
|
|
19908
19908
|
"root",
|
|
@@ -19988,4 +19988,4 @@ export {
|
|
|
19988
19988
|
useDispatcherWith as u,
|
|
19989
19989
|
withEventDispatcher as w
|
|
19990
19990
|
};
|
|
19991
|
-
//# sourceMappingURL=client-
|
|
19991
|
+
//# sourceMappingURL=client-CvsQduoC.js.map
|