@form-engine-ts/react 2.9.2 → 2.9.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/index.cjs CHANGED
@@ -984,24 +984,39 @@ function DefaultCheckbox({
984
984
  id,
985
985
  className,
986
986
  disabled,
987
+ readOnly,
987
988
  "aria-label": ariaLabel,
989
+ "aria-describedby": ariaDescribedBy,
990
+ "aria-labelledby": ariaLabelledBy,
991
+ name,
992
+ required,
993
+ error,
994
+ helperText,
988
995
  checked,
989
996
  onChange,
990
997
  label
991
998
  }) {
992
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className, children: [
993
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
994
- "input",
995
- {
996
- id,
997
- type: "checkbox",
998
- disabled,
999
- "aria-label": ariaLabel,
1000
- checked,
1001
- onChange: (event) => onChange(event.currentTarget.checked)
1002
- }
1003
- ),
1004
- label
999
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
1000
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className, children: [
1001
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
1002
+ "input",
1003
+ {
1004
+ id,
1005
+ name,
1006
+ type: "checkbox",
1007
+ disabled: disabled || readOnly,
1008
+ required,
1009
+ "aria-label": ariaLabel,
1010
+ "aria-describedby": ariaDescribedBy,
1011
+ "aria-labelledby": ariaLabelledBy,
1012
+ "aria-invalid": error === true ? true : void 0,
1013
+ checked,
1014
+ onChange: (event) => onChange(event.currentTarget.checked)
1015
+ }
1016
+ ),
1017
+ label
1018
+ ] }),
1019
+ helperText === void 0 || helperText.length === 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("small", { id: ariaDescribedBy, children: helperText })
1005
1020
  ] });
1006
1021
  }
1007
1022
  function DefaultSection({
package/dist/index.d.cts CHANGED
@@ -187,6 +187,10 @@ interface BuilderSelectProps extends InputComponentProps {
187
187
  readonly options: readonly BuilderSelectOption[];
188
188
  }
189
189
  interface BuilderCheckboxProps extends ComponentBaseProps {
190
+ readonly name?: string;
191
+ readonly required?: boolean;
192
+ readonly error?: boolean;
193
+ readonly helperText?: string;
190
194
  readonly checked: boolean;
191
195
  readonly onChange: (checked: boolean) => void;
192
196
  readonly label: string;
package/dist/index.d.ts CHANGED
@@ -187,6 +187,10 @@ interface BuilderSelectProps extends InputComponentProps {
187
187
  readonly options: readonly BuilderSelectOption[];
188
188
  }
189
189
  interface BuilderCheckboxProps extends ComponentBaseProps {
190
+ readonly name?: string;
191
+ readonly required?: boolean;
192
+ readonly error?: boolean;
193
+ readonly helperText?: string;
190
194
  readonly checked: boolean;
191
195
  readonly onChange: (checked: boolean) => void;
192
196
  readonly label: string;
package/dist/index.js CHANGED
@@ -954,24 +954,39 @@ function DefaultCheckbox({
954
954
  id,
955
955
  className,
956
956
  disabled,
957
+ readOnly,
957
958
  "aria-label": ariaLabel,
959
+ "aria-describedby": ariaDescribedBy,
960
+ "aria-labelledby": ariaLabelledBy,
961
+ name,
962
+ required,
963
+ error,
964
+ helperText,
958
965
  checked,
959
966
  onChange,
960
967
  label
961
968
  }) {
962
- return /* @__PURE__ */ jsxs("label", { className, children: [
963
- /* @__PURE__ */ jsx(
964
- "input",
965
- {
966
- id,
967
- type: "checkbox",
968
- disabled,
969
- "aria-label": ariaLabel,
970
- checked,
971
- onChange: (event) => onChange(event.currentTarget.checked)
972
- }
973
- ),
974
- label
969
+ return /* @__PURE__ */ jsxs(Fragment, { children: [
970
+ /* @__PURE__ */ jsxs("label", { className, children: [
971
+ /* @__PURE__ */ jsx(
972
+ "input",
973
+ {
974
+ id,
975
+ name,
976
+ type: "checkbox",
977
+ disabled: disabled || readOnly,
978
+ required,
979
+ "aria-label": ariaLabel,
980
+ "aria-describedby": ariaDescribedBy,
981
+ "aria-labelledby": ariaLabelledBy,
982
+ "aria-invalid": error === true ? true : void 0,
983
+ checked,
984
+ onChange: (event) => onChange(event.currentTarget.checked)
985
+ }
986
+ ),
987
+ label
988
+ ] }),
989
+ helperText === void 0 || helperText.length === 0 ? null : /* @__PURE__ */ jsx("small", { id: ariaDescribedBy, children: helperText })
975
990
  ] });
976
991
  }
977
992
  function DefaultSection({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@form-engine-ts/react",
3
- "version": "2.9.2",
3
+ "version": "2.9.3",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -42,8 +42,8 @@
42
42
  "typescript"
43
43
  ],
44
44
  "dependencies": {
45
- "@form-engine-ts/privacy": "2.9.2",
46
- "@form-engine-ts/core": "2.9.2"
45
+ "@form-engine-ts/core": "2.9.3",
46
+ "@form-engine-ts/privacy": "2.9.3"
47
47
  },
48
48
  "peerDependencies": {
49
49
  "react": ">=18.2 <20",