routelit-client 0.6.1 → 0.6.2
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-DQUb3TDS.js → checkbox-DQP5SF4S.js} +2 -2
- package/dist/{checkbox-DQUb3TDS.js.map → checkbox-DQP5SF4S.js.map} +1 -1
- package/dist/{checkbox-mweWNCrB.js → checkbox-DfYA4nR4.js} +1 -1
- package/dist/{checkbox-group-BlYoDpMl.js → checkbox-group-BJ76gjyW.js} +2 -2
- package/dist/{checkbox-group-BlYoDpMl.js.map → checkbox-group-BJ76gjyW.js.map} +1 -1
- package/dist/{checkbox-group-Dlrbo0D3.js → checkbox-group-DD5TTIKJ.js} +1 -1
- package/dist/{client-BgBd7UtG.js → client-AM5HZpMR.js} +14 -9
- package/dist/client-AM5HZpMR.js.map +1 -0
- package/dist/{client-CNfnjXsV.js → client-CDjdID3K.js} +8 -3
- package/dist/{dialog-BoC0EU3r.js → dialog-7h-j63na.js} +2 -2
- package/dist/{dialog-BoC0EU3r.js.map → dialog-7h-j63na.js.map} +1 -1
- package/dist/{dialog-0-O_zA02.js → dialog-r444aabR.js} +1 -1
- package/dist/{input-BQry8Vlk.js → input-CBpmo27o.js} +1 -1
- package/dist/{input-lAU4w5dY.js → input-DMVBA1-K.js} +2 -2
- package/dist/{input-lAU4w5dY.js.map → input-DMVBA1-K.js.map} +1 -1
- package/dist/{input-file-DAFYfBXA.js → input-file-BWUNfUQB.js} +1 -1
- package/dist/{input-file-n3WCPjHD.js → input-file-CtBoXR4w.js} +2 -2
- package/dist/{input-file-n3WCPjHD.js.map → input-file-CtBoXR4w.js.map} +1 -1
- package/dist/{radio-BBmuYM8O.js → radio-5F8kiRCi.js} +1 -1
- package/dist/{radio-Caa2LmzI.js → radio-CK1oMoCG.js} +2 -2
- package/dist/{radio-Caa2LmzI.js.map → radio-CK1oMoCG.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 +5 -0
- package/dist/routelit-client.umd.dev.js.map +1 -1
- package/dist/routelit-client.umd.js +1 -1
- package/dist/{select-CI0VZxaa.js → select-BtT8Ow12.js} +2 -2
- package/dist/{select-CI0VZxaa.js.map → select-BtT8Ow12.js.map} +1 -1
- package/dist/{select-CQZR4SSo.js → select-CS97mUS9.js} +1 -1
- package/dist/{textarea-CPUFfqAZ.js → textarea-B5n-jnL3.js} +1 -1
- package/dist/{textarea-Cch0qldX.js → textarea-BDAVjXu-.js} +2 -2
- package/dist/{textarea-Cch0qldX.js.map → textarea-BDAVjXu-.js.map} +1 -1
- package/package.json +1 -1
- package/dist/client-BgBd7UtG.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-AM5HZpMR.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-DQP5SF4S.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-
|
|
1
|
+
{"version":3,"file":"checkbox-DQP5SF4S.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-AM5HZpMR.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-BJ76gjyW.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-group-
|
|
1
|
+
{"version":3,"file":"checkbox-group-BJ76gjyW.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,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-CDjdID3K.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: [
|
|
@@ -1762,10 +1762,15 @@ function ReactRenderer({ manager: manager2, componentStore: componentStore2 }) {
|
|
|
1762
1762
|
}
|
|
1763
1763
|
function Fragment({ id, address }) {
|
|
1764
1764
|
const { componentStore: componentStore2, manager: parentManager } = useRouteLitContext();
|
|
1765
|
+
console.log("Fragment useRouteLitContext result:", {
|
|
1766
|
+
componentStore: componentStore2,
|
|
1767
|
+
parentManager
|
|
1768
|
+
});
|
|
1765
1769
|
const manager2 = useMemo(
|
|
1766
1770
|
() => new RouteLitManager({ fragmentId: id, parentManager, address }),
|
|
1767
1771
|
[address, id, parentManager]
|
|
1768
1772
|
);
|
|
1773
|
+
console.log("Fragment creating manager with fragmentId:", id);
|
|
1769
1774
|
return /* @__PURE__ */ jsx(RouteLitContext.Provider, { value: { manager: manager2, componentStore: componentStore2 }, children: /* @__PURE__ */ jsx(ReactRenderer, { manager: manager2, componentStore: componentStore2 }) });
|
|
1770
1775
|
}
|
|
1771
1776
|
const EVENT_VALUE_GETTER = (e) => e.currentTarget.value;
|
|
@@ -19937,18 +19942,18 @@ if (window.RoutelitClient) {
|
|
|
19937
19942
|
manager = initManager();
|
|
19938
19943
|
componentStore = new ComponentStore();
|
|
19939
19944
|
}
|
|
19940
|
-
const Dialog = React.lazy(() => import("./dialog-
|
|
19945
|
+
const Dialog = React.lazy(() => import("./dialog-7h-j63na.js"));
|
|
19941
19946
|
const Container = React.lazy(() => import("./container-Ds-tbnBg.js"));
|
|
19942
19947
|
const Expander = React.lazy(() => import("./expander-DXsTGgwa.js"));
|
|
19943
19948
|
const Flex = React.lazy(() => import("./flex-DazUjcnc.js"));
|
|
19944
|
-
const Input = React.lazy(() => import("./input-
|
|
19945
|
-
const Radio = React.lazy(() => import("./radio-
|
|
19946
|
-
const Select = React.lazy(() => import("./select-
|
|
19947
|
-
const Textarea = React.lazy(() => import("./textarea-
|
|
19948
|
-
const Checkbox = React.lazy(() => import("./checkbox-
|
|
19949
|
-
const CheckboxGroup = React.lazy(() => import("./checkbox-group-
|
|
19949
|
+
const Input = React.lazy(() => import("./input-DMVBA1-K.js"));
|
|
19950
|
+
const Radio = React.lazy(() => import("./radio-CK1oMoCG.js"));
|
|
19951
|
+
const Select = React.lazy(() => import("./select-BtT8Ow12.js"));
|
|
19952
|
+
const Textarea = React.lazy(() => import("./textarea-BDAVjXu-.js"));
|
|
19953
|
+
const Checkbox = React.lazy(() => import("./checkbox-DQP5SF4S.js"));
|
|
19954
|
+
const CheckboxGroup = React.lazy(() => import("./checkbox-group-BJ76gjyW.js"));
|
|
19950
19955
|
const Markdown = React.lazy(() => import("./markdown-DhpGCd5Q.js"));
|
|
19951
|
-
const InputFile = React.lazy(() => import("./input-file-
|
|
19956
|
+
const InputFile = React.lazy(() => import("./input-file-CtBoXR4w.js"));
|
|
19952
19957
|
componentStore.register(
|
|
19953
19958
|
"root",
|
|
19954
19959
|
withSimpleComponent("div", { className: "rl-container" })
|
|
@@ -20035,4 +20040,4 @@ export {
|
|
|
20035
20040
|
useDispatcherWith as u,
|
|
20036
20041
|
withEventDispatcher as w
|
|
20037
20042
|
};
|
|
20038
|
-
//# sourceMappingURL=client-
|
|
20043
|
+
//# sourceMappingURL=client-AM5HZpMR.js.map
|