routelit-client 0.4.1 → 0.4.2

package/dist/checkbox-Dbbt0aUf.js

@@ -0,0 +1,41 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { memo, useCallback } from "react";
+import { b as useFormDispatcherWithAttr } from "./client-typrmY-O.js";
+const Checkbox = memo(function Checkbox2({
+  label,
+  id,
+  required,
+  defaultChecked,
+  ...props
+}) {
+  const dispatchChange = useFormDispatcherWithAttr(id, "change", "checked");
+  const onChange = useCallback(
+    (e) => {
+      dispatchChange(e.target.checked);
+    },
+    [dispatchChange]
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "rl-form-flex-control", children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ...props,
+        type: "checkbox",
+        id,
+        defaultChecked,
+        onChange,
+        required
+      }
+    ),
+    /* @__PURE__ */ jsxs("label", { htmlFor: id, children: [
+      label,
+      " ",
+      required && /* @__PURE__ */ jsx("span", { className: "rl-required", children: "*" })
+    ] })
+  ] });
+});
+Checkbox.displayName = "Checkbox";
+export {
+  Checkbox as default
+};
+//# sourceMappingURL=checkbox-Dbbt0aUf.js.map

package/dist/checkbox-Dbbt0aUf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-Dbbt0aUf.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;"}

package/dist/checkbox-group-B5bHbsyN.js

@@ -0,0 +1,63 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { memo, useCallback } from "react";
+import { b as useFormDispatcherWithAttr } from "./client-typrmY-O.js";
+function CheckboxGroupOption(props) {
+  const { id, value, onChange } = props;
+  const option = typeof props.option === "string" ? { label: props.option, value: props.option } : props.option;
+  return /* @__PURE__ */ jsxs("div", { className: "rl-form-flex-control", children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        disabled: option.disabled,
+        type: "checkbox",
+        value: option.value,
+        id: `${id}-${option.value}`,
+        checked: value.includes(option.value),
+        onChange
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "rl-form-inline-label", children: [
+      /* @__PURE__ */ jsx("label", { htmlFor: `${id}-${option.value}`, children: option.label }),
+      option.caption && /* @__PURE__ */ jsx("small", { className: "rl-form-control-caption", children: option.caption })
+    ] })
+  ] }, option.value);
+}
+const CheckboxGroup = memo(function CheckboxGroup2({
+  id,
+  label,
+  value,
+  required,
+  options,
+  flexDirection = "col"
+}) {
+  const dispatchChange = useFormDispatcherWithAttr(id, "change", "value");
+  const onChange = useCallback(
+    (e) => {
+      const newValue = e.target.checked ? [...value, e.target.value] : value.filter((v) => v !== e.target.value);
+      dispatchChange(newValue);
+    },
+    [dispatchChange, value]
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "rl-form-group", children: [
+    label && /* @__PURE__ */ jsxs("label", { children: [
+      label,
+      " ",
+      required && /* @__PURE__ */ jsx("span", { className: "rl-required", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: `rl-form-control-group rl-flex-${flexDirection}`, children: options.map((option) => /* @__PURE__ */ jsx(
+      CheckboxGroupOption,
+      {
+        id,
+        value,
+        onChange,
+        option
+      },
+      typeof option === "string" ? option : option.value
+    )) })
+  ] });
+});
+CheckboxGroup.displayName = "CheckboxGroup";
+export {
+  CheckboxGroup as default
+};
+//# sourceMappingURL=checkbox-group-B5bHbsyN.js.map

package/dist/checkbox-group-B5bHbsyN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group-B5bHbsyN.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<\n    | {\n        label: string;\n        value: string;\n        caption?: string;\n        disabled?: boolean;\n      }\n    | string\n  >;\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    typeof props.option === \"string\"\n      ? { label: props.option, value: props.option }\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":";;;AAoBA,SAAS,oBAAoB,OAK1B;AACD,QAAM,EAAE,IAAI,OAAO,SAAa,IAAA;AAEhC,QAAM,SACJ,OAAO,MAAM,WAAW,WACpB,EAAE,OAAO,MAAM,QAAQ,OAAO,MAAM,WACpC,MAAM;AAGV,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;"}

package/dist/checkbox-group-GXSq-s9r.js

@@ -0,0 +1,60 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { memo as p, useCallback as f } from "react";
+import { b } from "./client-DaSvON9F.js";
+function v(a) {
+  const { id: c, value: n, onChange: o } = a, e = typeof a.option == "string" ? { label: a.option, value: a.option } : a.option;
+  return /* @__PURE__ */ t("div", { className: "rl-form-flex-control", children: [
+    /* @__PURE__ */ r(
+      "input",
+      {
+        disabled: e.disabled,
+        type: "checkbox",
+        value: e.value,
+        id: `${c}-${e.value}`,
+        checked: n.includes(e.value),
+        onChange: o
+      }
+    ),
+    /* @__PURE__ */ t("div", { className: "rl-form-inline-label", children: [
+      /* @__PURE__ */ r("label", { htmlFor: `${c}-${e.value}`, children: e.label }),
+      e.caption && /* @__PURE__ */ r("small", { className: "rl-form-control-caption", children: e.caption })
+    ] })
+  ] }, e.value);
+}
+const g = p(function({
+  id: c,
+  label: n,
+  value: o,
+  required: e,
+  options: s,
+  flexDirection: u = "col"
+}) {
+  const i = b(c, "change", "value"), d = f(
+    (l) => {
+      const m = l.target.checked ? [...o, l.target.value] : o.filter((h) => h !== l.target.value);
+      i(m);
+    },
+    [i, o]
+  );
+  return /* @__PURE__ */ t("div", { className: "rl-form-group", children: [
+    n && /* @__PURE__ */ t("label", { children: [
+      n,
+      " ",
+      e && /* @__PURE__ */ r("span", { className: "rl-required", children: "*" })
+    ] }),
+    /* @__PURE__ */ r("div", { className: `rl-form-control-group rl-flex-${u}`, children: s.map((l) => /* @__PURE__ */ r(
+      v,
+      {
+        id: c,
+        value: o,
+        onChange: d,
+        option: l
+      },
+      typeof l == "string" ? l : l.value
+    )) })
+  ] });
+});
+g.displayName = "CheckboxGroup";
+export {
+  g as default
+};

package/dist/checkbox-yue557sD.js

@@ -0,0 +1,39 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { memo as m, useCallback as i } from "react";
+import { b as p } from "./client-DaSvON9F.js";
+const x = m(function({
+  label: a,
+  id: e,
+  required: c,
+  defaultChecked: s,
+  ...h
+}) {
+  const o = p(e, "change", "checked"), l = i(
+    (n) => {
+      o(n.target.checked);
+    },
+    [o]
+  );
+  return /* @__PURE__ */ r("div", { className: "rl-form-flex-control", children: [
+    /* @__PURE__ */ t(
+      "input",
+      {
+        ...h,
+        type: "checkbox",
+        id: e,
+        defaultChecked: s,
+        onChange: l,
+        required: c
+      }
+    ),
+    /* @__PURE__ */ r("label", { htmlFor: e, children: [
+      a,
+      " ",
+      c && /* @__PURE__ */ t("span", { className: "rl-required", children: "*" })
+    ] })
+  ] });
+});
+x.displayName = "Checkbox";
+export {
+  x as default
+};