routelit-client 0.5.1 → 0.5.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-CKNPr2jN.js → checkbox-9lrNZctG.js} +2 -2
- package/dist/{checkbox-CKNPr2jN.js.map → checkbox-9lrNZctG.js.map} +1 -1
- package/dist/{checkbox-C9Ws97xX.js → checkbox-DQPZffx5.js} +1 -1
- package/dist/{checkbox-group-Ywe8_P2A.js → checkbox-group--P655Yzh.js} +2 -2
- package/dist/{checkbox-group-Ywe8_P2A.js.map → checkbox-group--P655Yzh.js.map} +1 -1
- package/dist/{checkbox-group-Cvud00pk.js → checkbox-group-DZmiz6tM.js} +1 -1
- package/dist/{client-Bh7FEmva.js → client-D0Y6VDpm.js} +8 -8
- package/dist/{client-Bh7FEmva.js.map → client-D0Y6VDpm.js.map} +1 -1
- package/dist/{client-B4n7P58F.js → client-DShqkHLG.js} +1 -1
- package/dist/{dialog-D0pAn1_J.js → dialog-BZJaeSg4.js} +1 -1
- package/dist/{dialog-BrnIpwYM.js → dialog-pMuiGCiC.js} +2 -2
- package/dist/{dialog-BrnIpwYM.js.map → dialog-pMuiGCiC.js.map} +1 -1
- package/dist/{input-BSvPqsSN.js → input-Dn8QeWuK.js} +1 -1
- package/dist/{input-DD1dikrG.js → input-bU2tFE7u.js} +2 -2
- package/dist/{input-DD1dikrG.js.map → input-bU2tFE7u.js.map} +1 -1
- package/dist/{radio-DRQIYXt4.js → radio-BHr9du__.js} +2 -2
- package/dist/{radio-DRQIYXt4.js.map → radio-BHr9du__.js.map} +1 -1
- package/dist/{radio-CIizhLGj.js → radio-DgrewWHx.js} +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 +3 -0
- package/dist/routelit-client.umd.dev.js.map +1 -1
- package/dist/routelit-client.umd.js +18 -17
- package/dist/routelit.svg +7 -4
- package/dist/{select-DLDh_220.js → select-DKI11VJU.js} +2 -2
- package/dist/{select-DLDh_220.js.map → select-DKI11VJU.js.map} +1 -1
- package/dist/{select-CGjXqRHx.js → select-Tp2rjInj.js} +1 -1
- package/dist/{textarea-B4duAqRq.js → textarea-BTtEuLyx.js} +1 -1
- package/dist/{textarea-CK4lD6P3.js → textarea-DF-KYigU.js} +2 -2
- package/dist/{textarea-CK4lD6P3.js.map → textarea-DF-KYigU.js.map} +1 -1
- package/package.json +21 -19
- /package/dist/{style.css → client.css} +0 -0
|
@@ -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-D0Y6VDpm.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-9lrNZctG.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-
|
|
1
|
+
{"version":3,"file":"checkbox-9lrNZctG.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-D0Y6VDpm.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--P655Yzh.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-group
|
|
1
|
+
{"version":3,"file":"checkbox-group--P655Yzh.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,QAAQ,IAAI,CAAC,WACZ;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAJK,OAAO,WAAW,WAAW,SAAS,OAAO;AAAA,IAAA,CAMrD,EACH,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 p, useCallback as f } from "react";
|
|
3
|
-
import { b } from "./client-
|
|
3
|
+
import { b } from "./client-DShqkHLG.js";
|
|
4
4
|
function v(t) {
|
|
5
5
|
const { id: o, value: c, onChange: r } = t, e = t.option;
|
|
6
6
|
return /* @__PURE__ */ n("div", { className: "rl-form-flex-control", children: [
|
|
@@ -19871,16 +19871,16 @@ if (window.RoutelitClient) {
|
|
|
19871
19871
|
manager = initManager();
|
|
19872
19872
|
componentStore = new ComponentStore();
|
|
19873
19873
|
}
|
|
19874
|
-
const Dialog = React.lazy(() => import("./dialog-
|
|
19874
|
+
const Dialog = React.lazy(() => import("./dialog-pMuiGCiC.js"));
|
|
19875
19875
|
const Container = React.lazy(() => import("./container-Ds-tbnBg.js"));
|
|
19876
19876
|
const Expander = React.lazy(() => import("./expander-DXsTGgwa.js"));
|
|
19877
19877
|
const Flex = React.lazy(() => import("./flex-DazUjcnc.js"));
|
|
19878
|
-
const Input = React.lazy(() => import("./input-
|
|
19879
|
-
const Radio = React.lazy(() => import("./radio-
|
|
19880
|
-
const Select = React.lazy(() => import("./select-
|
|
19881
|
-
const Textarea = React.lazy(() => import("./textarea-
|
|
19882
|
-
const Checkbox = React.lazy(() => import("./checkbox-
|
|
19883
|
-
const CheckboxGroup = React.lazy(() => import("./checkbox-group
|
|
19878
|
+
const Input = React.lazy(() => import("./input-bU2tFE7u.js"));
|
|
19879
|
+
const Radio = React.lazy(() => import("./radio-BHr9du__.js"));
|
|
19880
|
+
const Select = React.lazy(() => import("./select-DKI11VJU.js"));
|
|
19881
|
+
const Textarea = React.lazy(() => import("./textarea-DF-KYigU.js"));
|
|
19882
|
+
const Checkbox = React.lazy(() => import("./checkbox-9lrNZctG.js"));
|
|
19883
|
+
const CheckboxGroup = React.lazy(() => import("./checkbox-group--P655Yzh.js"));
|
|
19884
19884
|
const Markdown = React.lazy(() => import("./markdown-DhpGCd5Q.js"));
|
|
19885
19885
|
componentStore.register("root", withSimpleComponent("div", { className: "rl-container" }));
|
|
19886
19886
|
componentStore.register("fragment", Fragment);
|
|
@@ -19970,4 +19970,4 @@ export {
|
|
|
19970
19970
|
useDispatcherWith as u,
|
|
19971
19971
|
withEventDispatcher as w
|
|
19972
19972
|
};
|
|
19973
|
-
//# sourceMappingURL=client-
|
|
19973
|
+
//# sourceMappingURL=client-D0Y6VDpm.js.map
|