@datability/8ui 0.1.68 → 0.1.69

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.
@@ -7,13 +7,25 @@ import './index.scss';
7
7
  import InputBase from '../InputBase';
8
8
  var InputRadio = function (_a) {
9
9
  var name = _a.name, label = _a.label, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.require, require = _c === void 0 ? false : _c, _d = _a.fullWidth, fullWidth = _d === void 0 ? false : _d, _e = _a.isVertical, isVertical = _e === void 0 ? false : _e, options = _a.options;
10
- var _f = useFormikContext(), values = _f.values, touched = _f.touched, errors = _f.errors, handleChange = _f.handleChange;
10
+ var _f = useFormikContext(), values = _f.values, touched = _f.touched, errors = _f.errors, setFieldValue = _f.setFieldValue;
11
11
  var isInvalid = getIn(touched, name) && Boolean(getIn(errors, name));
12
+ var currentValue = getIn(values, name);
12
13
  return (React.createElement(InputBase, { name: name, label: label, require: require, fullWidth: fullWidth, isInvalid: isInvalid },
13
- React.createElement("div", { className: "DBui-wrapInputRadioList", "data-vertical": isVertical }, options.map(function (data, index) { return (React.createElement("div", { key: index, className: "DBui-wrapInputRadio" },
14
- React.createElement("input", { className: "DBui-inputRadio", type: "radio", disabled: disabled, value: data.value, onChange: handleChange, name: name, checked: getIn(values, name) === data.value }),
15
- React.createElement("p", { className: "DBui-labelRadio", "data-invalid": isInvalid },
16
- React.createElement("small", null, data.label)))); }))));
14
+ React.createElement("div", { className: "DBui-wrapInputRadioList", "data-vertical": isVertical }, options.map(function (data, index) {
15
+ var isChecked = currentValue === data.value;
16
+ return (React.createElement("div", { key: index, className: "DBui-wrapInputRadio" },
17
+ React.createElement("input", { className: "DBui-inputRadio", type: "radio", disabled: disabled, value: data.value, onClick: function () {
18
+ if (isChecked) {
19
+ // คลิกซ้ำอันเดิม → uncheck
20
+ setFieldValue(name, '');
21
+ }
22
+ else {
23
+ setFieldValue(name, data.value);
24
+ }
25
+ }, name: name, checked: isChecked }),
26
+ React.createElement("p", { className: "DBui-labelRadio", "data-invalid": isInvalid },
27
+ React.createElement("small", null, data.label))));
28
+ }))));
17
29
  };
18
30
  export default InputRadio;
19
31
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/InputRadio/index.tsx"],"names":[],"mappings":"AAAA,MAAM;AACN,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAEhD,SAAS;AAET,qBAAqB;AACrB,OAAO,cAAc,CAAA;AACrB,OAAO,SAAS,MAAM,cAAc,CAAA;AAGpC,IAAM,UAAU,GAA8B,UAAC,EAQ9C;QAPC,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,OAAO,aAAA;IAED,IAAA,KAA4C,gBAAgB,EAAE,EAA5D,MAAM,YAAA,EAAE,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,YAAY,kBAAuB,CAAA;IACpE,IAAM,SAAS,GAAG,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAA;IAEtE,OAAO,CACL,oBAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS;QAC/F,6BAAK,SAAS,EAAC,yBAAyB,mBAAgB,UAAU,IAC/D,OAAO,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CAC5B,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,qBAAqB;YAC9C,+BACE,SAAS,EAAC,iBAAiB,EAC3B,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,GAC3C;YACF,2BAAG,SAAS,EAAC,iBAAiB,kBAAe,SAAS;gBACpD,mCAAQ,IAAI,CAAC,KAAK,CAAS,CACzB,CACA,CACP,EAf6B,CAe7B,CAAC,CACE,CACI,CACb,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/InputRadio/index.tsx"],"names":[],"mappings":"AAAA,MAAM;AACN,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAEhD,SAAS;AAET,qBAAqB;AACrB,OAAO,cAAc,CAAA;AACrB,OAAO,SAAS,MAAM,cAAc,CAAA;AAGpC,IAAM,UAAU,GAA8B,UAAC,EAQ9C;QAPC,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,OAAO,aAAA;IAED,IAAA,KAA6C,gBAAgB,EAAE,EAA7D,MAAM,YAAA,EAAE,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,aAAa,mBAAuB,CAAA;IACrE,IAAM,SAAS,GAAG,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAA;IAEtE,IAAM,YAAY,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;IAExC,OAAO,CACL,oBAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS;QAC/F,6BAAK,SAAS,EAAC,yBAAyB,mBAAgB,UAAU,IAC/D,OAAO,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK;YACvB,IAAM,SAAS,GAAG,YAAY,KAAK,IAAI,CAAC,KAAK,CAAA;YAC7C,OAAO,CACL,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,qBAAqB;gBAC9C,+BACE,SAAS,EAAC,iBAAiB,EAC3B,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE;wBACP,IAAI,SAAS,EAAE;4BACb,2BAA2B;4BAC3B,aAAa,CAAC,IAAI,EAAE,EAAE,CAAC,CAAA;yBACxB;6BAAM;4BACL,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAA;yBAChC;oBACH,CAAC,EACD,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,SAAS,GAClB;gBACF,2BAAG,SAAS,EAAC,iBAAiB,kBAAe,SAAS;oBACpD,mCAAQ,IAAI,CAAC,KAAK,CAAS,CACzB,CACA,CACP,CAAA;QACH,CAAC,CAAC,CACE,CACI,CACb,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@datability/8ui",
3
- "version": "0.1.68",
3
+ "version": "0.1.69",
4
4
  "description": "",
5
5
  "main": "dist/components/index.js",
6
6
  "types": "dist/components/index.d.ts",