@xaypay/tui 0.0.21 → 0.0.22

package/dist/index.es.js

@@ -217,7 +217,7 @@ const Autocomplate = ({
   };
   const handleClick = e => {
     setInputValue(e.currentTarget.innerText);
-    setInputId();
+    setInputId(e.target.id);
     setActiveOption(0);
     setFilteredOptions([]);
     setShowOptions(false);
@@ -301,11 +301,15 @@ const Checkbox = ({
   onChange,
   label,
   keyNames,
+  onClick,
   ...props
 }) => {
   const classProps = classnames(styles$6.checkbox, className);
   const parseData = jsonData.length !== 0 ? JSON.parse(jsonData) : [];
   const [data, setData] = useState(parseData);
+  const handleClick = e => {
+    onClick(e);
+  };
   const handleChange = e => {
     if (e.target.checked) {
       data.forEach(item => {
@@ -334,7 +338,8 @@ const Checkbox = ({
       required: required,
       value: value ? value : element.value,
       name: name ? name : element.name,
-      onChange: handleChange
+      onChange: handleChange,
+      onClick: handleClick
     }, props)), /*#__PURE__*/React.createElement("span", {
       className: styles$6["checkmark"]
     }), element.label ? /*#__PURE__*/React.createElement("span", {
@@ -351,7 +356,7 @@ Checkbox.propTypes = {
   value: PropTypes.string,
   jsonData: PropTypes.string,
   label: PropTypes.string,
-  onChange: PropTypes.func,
+  onClick: PropTypes.func,
   keyNames: PropTypes.object
 };
 Checkbox.defaultProps = {

package/dist/index.js

@@ -228,7 +228,7 @@ const Autocomplate = ({
   };
   const handleClick = e => {
     setInputValue(e.currentTarget.innerText);
-    setInputId();
+    setInputId(e.target.id);
     setActiveOption(0);
     setFilteredOptions([]);
     setShowOptions(false);
@@ -312,11 +312,15 @@ const Checkbox = ({
   onChange,
   label,
   keyNames,
+  onClick,
   ...props
 }) => {
   const classProps = classnames__default["default"](styles$6.checkbox, className);
   const parseData = jsonData.length !== 0 ? JSON.parse(jsonData) : [];
   const [data, setData] = React.useState(parseData);
+  const handleClick = e => {
+    onClick(e);
+  };
   const handleChange = e => {
     if (e.target.checked) {
       data.forEach(item => {
@@ -345,7 +349,8 @@ const Checkbox = ({
       required: required,
       value: value ? value : element.value,
       name: name ? name : element.name,
-      onChange: handleChange
+      onChange: handleChange,
+      onClick: handleClick
     }, props)), /*#__PURE__*/React__default["default"].createElement("span", {
       className: styles$6["checkmark"]
     }), element.label ? /*#__PURE__*/React__default["default"].createElement("span", {
@@ -362,7 +367,7 @@ Checkbox.propTypes = {
   value: PropTypes__default["default"].string,
   jsonData: PropTypes__default["default"].string,
   label: PropTypes__default["default"].string,
-  onChange: PropTypes__default["default"].func,
+  onClick: PropTypes__default["default"].func,
   keyNames: PropTypes__default["default"].object
 };
 Checkbox.defaultProps = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xaypay/tui",
-  "version": "0.0.21",
+  "version": "0.0.22",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.es.js",

package/src/components/autocomplate/autocomplate.stories.js

@@ -15,7 +15,7 @@ Default.args = {
   label: 'label',
   keyNames: { name: 'value', id: 'bbb' },
   searchCount: 2,
-  onChange(aa){
+  onChange: (aa)=> {
     console.log(aa);
     // console.log(aa.id);
   }

package/src/components/autocomplate/index.js

@@ -41,7 +41,7 @@ export const Autocomplate = ({
   };
   const handleClick = (e) => {
     setInputValue(e.currentTarget.innerText);
-    setInputId()
+    setInputId(e.target.id)
     setActiveOption(0);
     setFilteredOptions([]);
     setShowOptions(false);

package/src/components/checkbox/index.js

@@ -13,12 +13,17 @@ export const Checkbox = ({
   onChange,
   label,
   keyNames,
+  onClick,
   ...props
 }) => {
   const classProps = classNames(styles.checkbox, className);
   const parseData = jsonData.length !== 0 ? JSON.parse(jsonData) : [];
   const [data, setData] = useState(parseData);
 
+  const handleClick = (e) => {
+    onClick(e)
+  }
+
   const handleChange = (e) => {
     if (e.target.checked) {
       data.forEach((item) => {
@@ -50,9 +55,10 @@ export const Checkbox = ({
               value={value ? value : element.value}
               name={name ? name : element.name}
               onChange={handleChange}
+              onClick={handleClick}
               {...props}
             />
-            <span className={styles["checkmark"]}/>
+            <span className={styles["checkmark"]} />
             {element.label ? (
               <span className={styles.labelRadio}>
                 {label ? label : element.label}
@@ -76,7 +82,7 @@ Checkbox.propTypes = {
   value: PropTypes.string,
   jsonData: PropTypes.string,
   label: PropTypes.string,
-  onChange: PropTypes.func,
+  onClick: PropTypes.func,
   keyNames: PropTypes.object,
 };