ywana-core8 0.1.45 → 0.1.47

package/dist/index.modern.js

@@ -481,65 +481,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.useState(value),
+    checked = _React$useState[0],
+    setChecked = _React$useState[1];
+  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.createElement(Text, null, label);
-  var placeholderTxt = /*#__PURE__*/React.createElement(Text, null, placeholder);
-  if (readOnly === true) {
-    return value === true ? /*#__PURE__*/React.createElement("div", {
-      className: "checkbox",
-      key: id + "1"
-    }, /*#__PURE__*/React.createElement(Icon, {
-      id: id,
-      icon: "check",
-      size: "small"
-    }), /*#__PURE__*/React.createElement("span", {
-      className: "checkmark"
-    }), /*#__PURE__*/React.createElement("label", {
-      htmlFor: id
-    }, labelTxt)) : /*#__PURE__*/React.createElement("div", {
-      className: "checkbox",
-      key: id + "0"
-    }, /*#__PURE__*/React.createElement("span", {
-      className: "checkmark"
-    }), /*#__PURE__*/React.createElement("label", {
-      htmlFor: id
-    }, labelTxt));
-  }
-  return value === true ? /*#__PURE__*/React.createElement("div", {
-    className: "checkbox",
+  var labelTxt = label && /*#__PURE__*/React.createElement(Text, null, label);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "checkbox " + (readOnly ? "readonly" : ""),
     key: id + "1"
   }, /*#__PURE__*/React.createElement("input", {
     id: id,
+    key: id + "_" + checked,
     type: "checkbox",
-    placeholder: placeholderTxt,
-    checked: true,
-    value: value,
-    onChange: change,
-    readOnly: true
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "checkmark"
-  }), /*#__PURE__*/React.createElement("label", {
-    htmlFor: id
-  }, labelTxt)) : /*#__PURE__*/React.createElement("div", {
-    className: "checkbox",
-    key: id + "0"
-  }, /*#__PURE__*/React.createElement("input", {
-    id: id,
-    type: "checkbox",
-    placeholder: placeholderTxt,
-    value: value,
+    checked: checked,
     onChange: change,
-    readOnly: true
+    disabled: readOnly
   }), /*#__PURE__*/React.createElement("span", {
     className: "checkmark"
   }), /*#__PURE__*/React.createElement("label", {
@@ -5663,10 +5632,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.createElement(Text, {
     format: TEXTFORMATS.STRING
@@ -5674,7 +5649,11 @@ var TreeItem = function TreeItem(_ref3) {
   return /*#__PURE__*/React.createElement("div", {
     className: "tree-item final " + style,
     onClick: select
-  }, /*#__PURE__*/React.createElement(Icon, {
+  }, onCheck ? /*#__PURE__*/React.createElement("input", {
+    type: "checkbox",
+    checked: checked,
+    onChange: check
+  }) : null, /*#__PURE__*/React.createElement(Icon, {
     icon: icon,
     size: "small",
     small: true