ywana-core8 0.1.45 → 0.1.47

package/dist/index.cjs

@@ -490,65 +490,34 @@ var ActionButton = function ActionButton(props) {
 var CheckBox = function CheckBox(props) {
   var id = props.id,
     label = props.label,
-    placeholder = props.placeholder,
-    value = props.value,
+    _props$value = props.value,
+    value = _props$value === void 0 ? false : _props$value,
     _props$readOnly = props.readOnly,
     readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
     onChange = props.onChange;
+  var _React$useState = React__default["default"].useState(value),
+    checked = _React$useState[0],
+    setChecked = _React$useState[1];
+  React.useEffect(function () {
+    setChecked(value);
+  }, [value]);
   function change(event) {
     event.stopPropagation();
-    event.preventDefault();
-    var value = event.target.checked;
-    if (onChange) onChange(id, value);
+    var nextValue = event.target.checked;
+    setChecked(nextValue);
+    if (onChange) onChange(id, nextValue);
   }
-  var labelTxt = /*#__PURE__*/React__default["default"].createElement(Text, null, label);
-  var placeholderTxt = /*#__PURE__*/React__default["default"].createElement(Text, null, placeholder);
-  if (readOnly === true) {
-    return value === true ? /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "checkbox",
-      key: id + "1"
-    }, /*#__PURE__*/React__default["default"].createElement(Icon, {
-      id: id,
-      icon: "check",
-      size: "small"
-    }), /*#__PURE__*/React__default["default"].createElement("span", {
-      className: "checkmark"
-    }), /*#__PURE__*/React__default["default"].createElement("label", {
-      htmlFor: id
-    }, labelTxt)) : /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "checkbox",
-      key: id + "0"
-    }, /*#__PURE__*/React__default["default"].createElement("span", {
-      className: "checkmark"
-    }), /*#__PURE__*/React__default["default"].createElement("label", {
-      htmlFor: id
-    }, labelTxt));
-  }
-  return value === true ? /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "checkbox",
+  var labelTxt = label && /*#__PURE__*/React__default["default"].createElement(Text, null, label);
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "checkbox " + (readOnly ? "readonly" : ""),
     key: id + "1"
   }, /*#__PURE__*/React__default["default"].createElement("input", {
     id: id,
+    key: id + "_" + checked,
     type: "checkbox",
-    placeholder: placeholderTxt,
-    checked: true,
-    value: value,
-    onChange: change,
-    readOnly: true
-  }), /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "checkmark"
-  }), /*#__PURE__*/React__default["default"].createElement("label", {
-    htmlFor: id
-  }, labelTxt)) : /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "checkbox",
-    key: id + "0"
-  }, /*#__PURE__*/React__default["default"].createElement("input", {
-    id: id,
-    type: "checkbox",
-    placeholder: placeholderTxt,
-    value: value,
+    checked: checked,
     onChange: change,
-    readOnly: true
+    disabled: readOnly
   }), /*#__PURE__*/React__default["default"].createElement("span", {
     className: "checkmark"
   }), /*#__PURE__*/React__default["default"].createElement("label", {
@@ -5672,10 +5641,16 @@ var TreeItem = function TreeItem(_ref3) {
     actions = _ref3.actions,
     onSelect = _ref3.onSelect,
     _ref3$selected = _ref3.selected,
-    selected = _ref3$selected === void 0 ? false : _ref3$selected;
+    selected = _ref3$selected === void 0 ? false : _ref3$selected,
+    onCheck = _ref3.onCheck,
+    _ref3$checked = _ref3.checked,
+    checked = _ref3$checked === void 0 ? false : _ref3$checked;
   function select() {
     if (onSelect) onSelect(id);
   }
+  function check(event) {
+    if (onCheck) onCheck(id, event.target.checked);
+  }
   var style = selected ? "selected" : "";
   var labelTxt = label ? /*#__PURE__*/React__default["default"].createElement(Text, {
     format: TEXTFORMATS.STRING
@@ -5683,7 +5658,11 @@ var TreeItem = function TreeItem(_ref3) {
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "tree-item final " + style,
     onClick: select
-  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
+  }, onCheck ? /*#__PURE__*/React__default["default"].createElement("input", {
+    type: "checkbox",
+    checked: checked,
+    onChange: check
+  }) : null, /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: icon,
     size: "small",
     small: true