@pedidopago/ui 1.6.2 → 1.6.3

package/dist/components/CheckboxInput/index.d.ts

@@ -1,5 +1,5 @@
 import { InputHTMLAttributes } from 'react';
-import { ICheckboxInputProps } from './types';
-declare const CheckboxInput: import("react").ForwardRefExoticComponent<ICheckboxInputProps & InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
+import { ICheckboxForwardProps, ICheckboxInputProps } from './types';
+declare const CheckboxInput: import("react").ForwardRefExoticComponent<ICheckboxInputProps & InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<ICheckboxForwardProps>>;
 export default CheckboxInput;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/CheckboxInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CheckboxInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,EAMpB,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAG9C,QAAA,MAAM,aAAa,0JAsFlB,CAAC;AAIF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CheckboxInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,EAKpB,MAAM,OAAO,CAAC;AAOf,OAAO,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAErE,QAAA,MAAM,aAAa,+JA2ElB,CAAC;AAIF,eAAe,aAAa,CAAC"}

package/dist/components/CheckboxInput/index.js

@@ -9,10 +9,10 @@ var _react = require("react");
 
 var _MultipleCheckbox = _interopRequireDefault(require("./components/MultipleCheckbox"));
 
-var _styles = require("./styles");
-
 var _Icon = _interopRequireDefault(require("../Icon"));
 
+var _styles = require("./styles");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 var _excluded = ["label", "id", "isDisabled", "isInderteminate", "defaultIsChecked", "isMultiple", "color", "checkboxChildren", "onChangeValue"];
@@ -42,8 +42,6 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 var CheckboxInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var _inputRef$current;
-
   var label = _ref.label,
       id = _ref.id,
       _ref$isDisabled = _ref.isDisabled,
@@ -60,38 +58,28 @@ var CheckboxInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var _useState = (0, _react.useState)(defaultIsChecked || false),
       _useState2 = _slicedToArray(_useState, 2),
       checked = _useState2[0],
-      setChecked = _useState2[1];
+      _setChecked = _useState2[1];
 
   var inputRef = (0, _react.useRef)(null);
   (0, _react.useImperativeHandle)(ref, function () {
-    return inputRef.current;
-  });
+    return {
+      setChecked: function setChecked(value) {
+        return _setChecked(value);
+      },
+      toggle: function toggle() {
+        return _setChecked(!checked);
+      }
+    };
+  }, [checked]);
 
   function handleChange(e) {
     if (e !== null && e !== void 0 && e.currentTarget) {
+      _setChecked(e.currentTarget.checked);
+
       onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(e.currentTarget.checked);
-      setChecked(e.currentTarget.checked);
-      return;
     }
-
-    onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(!checked);
-    setChecked(!checked);
   }
 
-  (0, _react.useEffect)(function () {
-    if (inputRef.current) {
-      setChecked(inputRef.current.checked);
-    }
-  }, [inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.checked]);
-  (0, _react.useEffect)(function () {
-    if (inputRef.current) {
-      inputRef.current.checked = defaultIsChecked || false;
-      return;
-    }
-
-    setChecked(defaultIsChecked || false);
-  }, [defaultIsChecked]);
-
   if (isMultiple && checkboxChildren) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MultipleCheckbox.default, {
       ref: inputRef,
@@ -111,6 +99,7 @@ var CheckboxInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
         type: "checkbox",
         id: id,
         color: color,
+        defaultChecked: defaultIsChecked,
         checked: checked,
         onChange: handleChange,
         disabled: isDisabled

package/dist/components/CheckboxInput/types.d.ts

@@ -3,6 +3,10 @@ export declare type CheckboxChildren = {
     value: string;
     id: string;
 };
+export interface ICheckboxForwardProps {
+    setChecked: (value: boolean) => void;
+    toggle: () => void;
+}
 export interface ICheckboxInputProps {
     label?: string;
     id?: string;

package/dist/components/CheckboxInput/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/CheckboxInput/types.ts"],"names":[],"mappings":"AAAA,oBAAY,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AACF,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACtC,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,gBAAgB,EAAE,KAAK,IAAI,CAAC;CACjE;AAED,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,YAAY,CAAC;IACrF,gBAAgB,EAAE,gBAAgB,EAAE,CAAC;CACtC;AAED,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB;IAC7D,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,oBAAoB;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/CheckboxInput/types.ts"],"names":[],"mappings":"AAAA,oBAAY,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,MAAM,WAAW,qBAAqB;IACpC,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACtC,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,gBAAgB,EAAE,KAAK,IAAI,CAAC;CACjE;AAED,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,mBAAmB,EAAE,YAAY,CAAC;IAC/C,gBAAgB,EAAE,gBAAgB,EAAE,CAAC;CACtC;AAED,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB;IAC7D,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,oBAAoB;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pedidopago/ui",
-  "version": "1.6.2",
+  "version": "1.6.3",
   "description": "Quick build beatiful Pedido Pago apps",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",