routelit-client 0.6.2 → 0.6.3
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-DfYA4nR4.js → checkbox-C682Zu1V.js} +1 -1
- package/dist/{checkbox-DQP5SF4S.js → checkbox-CtucuMG_.js} +2 -2
- package/dist/{checkbox-DQP5SF4S.js.map → checkbox-CtucuMG_.js.map} +1 -1
- package/dist/{checkbox-group-DD5TTIKJ.js → checkbox-group-DI836Kdd.js} +1 -1
- package/dist/{checkbox-group-BJ76gjyW.js → checkbox-group-DgydM6ve.js} +2 -2
- package/dist/{checkbox-group-BJ76gjyW.js.map → checkbox-group-DgydM6ve.js.map} +1 -1
- package/dist/{client-CDjdID3K.js → client-BFLZ72pI.js} +8 -2
- package/dist/{client-AM5HZpMR.js → client-CqQcprM-.js} +16 -10
- package/dist/client-CqQcprM-.js.map +1 -0
- package/dist/{dialog-r444aabR.js → dialog-DKHv2hdc.js} +1 -1
- package/dist/{dialog-7h-j63na.js → dialog-hrgc6NdE.js} +2 -2
- package/dist/{dialog-7h-j63na.js.map → dialog-hrgc6NdE.js.map} +1 -1
- package/dist/{input-DMVBA1-K.js → input-DdsouxoR.js} +2 -2
- package/dist/{input-DMVBA1-K.js.map → input-DdsouxoR.js.map} +1 -1
- package/dist/{input-CBpmo27o.js → input-TjdQmNtT.js} +1 -1
- package/dist/{input-file-CtBoXR4w.js → input-file-DsBCuXj5.js} +2 -2
- package/dist/{input-file-CtBoXR4w.js.map → input-file-DsBCuXj5.js.map} +1 -1
- package/dist/{input-file-BWUNfUQB.js → input-file-Dzbp38Uw.js} +1 -1
- package/dist/{radio-5F8kiRCi.js → radio-3UYy3Vp_.js} +1 -1
- package/dist/{radio-CK1oMoCG.js → radio-D_ulQ9fd.js} +2 -2
- package/dist/{radio-CK1oMoCG.js.map → radio-D_ulQ9fd.js.map} +1 -1
- package/dist/routelit-client.es.dev.js +1 -1
- package/dist/routelit-client.es.js +1 -1
- package/dist/routelit-client.umd.dev.js +7 -1
- package/dist/routelit-client.umd.dev.js.map +1 -1
- package/dist/routelit-client.umd.js +1 -1
- package/dist/{select-CS97mUS9.js → select-BHi_UaOU.js} +1 -1
- package/dist/{select-BtT8Ow12.js → select-COJ1K0Iy.js} +2 -2
- package/dist/{select-BtT8Ow12.js.map → select-COJ1K0Iy.js.map} +1 -1
- package/dist/{textarea-B5n-jnL3.js → textarea-ByeLfB1T.js} +1 -1
- package/dist/{textarea-BDAVjXu-.js → textarea-DpYGFssV.js} +2 -2
- package/dist/{textarea-BDAVjXu-.js.map → textarea-DpYGFssV.js.map} +1 -1
- package/package.json +1 -1
- package/dist/client-AM5HZpMR.js.map +0 -1
|
@@ -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-CqQcprM-.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-CtucuMG_.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-
|
|
1
|
+
{"version":3,"file":"checkbox-CtucuMG_.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 as n, jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import { memo as f, useCallback as p } from "react";
|
|
3
|
-
import { b } from "./client-
|
|
3
|
+
import { b } from "./client-BFLZ72pI.js";
|
|
4
4
|
function v(t) {
|
|
5
5
|
const { id: c, value: o, onChange: r } = t, e = t.option;
|
|
6
6
|
return /* @__PURE__ */ n("div", { className: "rl-form-flex-control", children: [
|
|
@@ -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-CqQcprM-.js";
|
|
4
4
|
function CheckboxGroupOption(props) {
|
|
5
5
|
const { id, value, onChange } = props;
|
|
6
6
|
const option = props.option;
|
|
@@ -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-DgydM6ve.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-group-
|
|
1
|
+
{"version":3,"file":"checkbox-group-DgydM6ve.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;"}
|
|
@@ -1254,7 +1254,13 @@ function Sr({ id: l, address: t }) {
|
|
|
1254
1254
|
() => new Iu({ fragmentId: l, parentManager: e, address: t }),
|
|
1255
1255
|
[t, l, e]
|
|
1256
1256
|
);
|
|
1257
|
-
return console.log("Fragment creating manager with fragmentId:", l), /* @__PURE__ */ rl(
|
|
1257
|
+
return console.log("Fragment creating manager with fragmentId:", l), /* @__PURE__ */ rl(
|
|
1258
|
+
Cc.Provider,
|
|
1259
|
+
{
|
|
1260
|
+
value: { manager: u, componentStore: a, parentManager: e },
|
|
1261
|
+
children: /* @__PURE__ */ rl(gr, { manager: u, componentStore: a })
|
|
1262
|
+
}
|
|
1263
|
+
);
|
|
1258
1264
|
}
|
|
1259
1265
|
const Gc = (l) => l.currentTarget.value;
|
|
1260
1266
|
function Ph(l, t, a = Gc) {
|
|
@@ -11053,7 +11059,7 @@ function Xy(l, t) {
|
|
|
11053
11059
|
}
|
|
11054
11060
|
let aa, C;
|
|
11055
11061
|
window.RoutelitClient ? (aa = window.RoutelitClient.manager, C = window.RoutelitClient.componentStore) : (aa = jh(), C = new xh());
|
|
11056
|
-
const Qy = Nl.lazy(() => import("./dialog-
|
|
11062
|
+
const Qy = Nl.lazy(() => import("./dialog-DKHv2hdc.js")), Zy = Nl.lazy(() => import("./container-CnbUdtoZ.js")), Ly = Nl.lazy(() => import("./expander-AfKXnTTm.js")), Vy = Nl.lazy(() => import("./flex-Dy4dT4OM.js")), jy = Nl.lazy(() => import("./input-TjdQmNtT.js")), xy = Nl.lazy(() => import("./radio-3UYy3Vp_.js")), Ky = Nl.lazy(() => import("./select-BHi_UaOU.js")), wy = Nl.lazy(() => import("./textarea-ByeLfB1T.js")), Jy = Nl.lazy(() => import("./checkbox-C682Zu1V.js")), Wy = Nl.lazy(() => import("./checkbox-group-DI836Kdd.js")), ky = Nl.lazy(() => import("./markdown-BUv_NzPr.js")), Fy = Nl.lazy(() => import("./input-file-Dzbp38Uw.js"));
|
|
11057
11063
|
C.register(
|
|
11058
11064
|
"root",
|
|
11059
11065
|
Aa("div", { className: "rl-container" })
|
|
@@ -1771,7 +1771,13 @@ function Fragment({ id, address }) {
|
|
|
1771
1771
|
[address, id, parentManager]
|
|
1772
1772
|
);
|
|
1773
1773
|
console.log("Fragment creating manager with fragmentId:", id);
|
|
1774
|
-
return /* @__PURE__ */ jsx(
|
|
1774
|
+
return /* @__PURE__ */ jsx(
|
|
1775
|
+
RouteLitContext.Provider,
|
|
1776
|
+
{
|
|
1777
|
+
value: { manager: manager2, componentStore: componentStore2, parentManager },
|
|
1778
|
+
children: /* @__PURE__ */ jsx(ReactRenderer, { manager: manager2, componentStore: componentStore2 })
|
|
1779
|
+
}
|
|
1780
|
+
);
|
|
1775
1781
|
}
|
|
1776
1782
|
const EVENT_VALUE_GETTER = (e) => e.currentTarget.value;
|
|
1777
1783
|
function useInputChangeEvent(id, value, valueGetter = EVENT_VALUE_GETTER) {
|
|
@@ -19942,18 +19948,18 @@ if (window.RoutelitClient) {
|
|
|
19942
19948
|
manager = initManager();
|
|
19943
19949
|
componentStore = new ComponentStore();
|
|
19944
19950
|
}
|
|
19945
|
-
const Dialog = React.lazy(() => import("./dialog-
|
|
19951
|
+
const Dialog = React.lazy(() => import("./dialog-hrgc6NdE.js"));
|
|
19946
19952
|
const Container = React.lazy(() => import("./container-Ds-tbnBg.js"));
|
|
19947
19953
|
const Expander = React.lazy(() => import("./expander-DXsTGgwa.js"));
|
|
19948
19954
|
const Flex = React.lazy(() => import("./flex-DazUjcnc.js"));
|
|
19949
|
-
const Input = React.lazy(() => import("./input-
|
|
19950
|
-
const Radio = React.lazy(() => import("./radio-
|
|
19951
|
-
const Select = React.lazy(() => import("./select-
|
|
19952
|
-
const Textarea = React.lazy(() => import("./textarea-
|
|
19953
|
-
const Checkbox = React.lazy(() => import("./checkbox-
|
|
19954
|
-
const CheckboxGroup = React.lazy(() => import("./checkbox-group-
|
|
19955
|
+
const Input = React.lazy(() => import("./input-DdsouxoR.js"));
|
|
19956
|
+
const Radio = React.lazy(() => import("./radio-D_ulQ9fd.js"));
|
|
19957
|
+
const Select = React.lazy(() => import("./select-COJ1K0Iy.js"));
|
|
19958
|
+
const Textarea = React.lazy(() => import("./textarea-DpYGFssV.js"));
|
|
19959
|
+
const Checkbox = React.lazy(() => import("./checkbox-CtucuMG_.js"));
|
|
19960
|
+
const CheckboxGroup = React.lazy(() => import("./checkbox-group-DgydM6ve.js"));
|
|
19955
19961
|
const Markdown = React.lazy(() => import("./markdown-DhpGCd5Q.js"));
|
|
19956
|
-
const InputFile = React.lazy(() => import("./input-file-
|
|
19962
|
+
const InputFile = React.lazy(() => import("./input-file-DsBCuXj5.js"));
|
|
19957
19963
|
componentStore.register(
|
|
19958
19964
|
"root",
|
|
19959
19965
|
withSimpleComponent("div", { className: "rl-container" })
|
|
@@ -20040,4 +20046,4 @@ export {
|
|
|
20040
20046
|
useDispatcherWith as u,
|
|
20041
20047
|
withEventDispatcher as w
|
|
20042
20048
|
};
|
|
20043
|
-
//# sourceMappingURL=client-
|
|
20049
|
+
//# sourceMappingURL=client-CqQcprM-.js.map
|