linear-react-components-ui 0.4.77-beta.26 → 0.4.77-beta.28

package/lib/popover/popover.spec.js

@@ -1,14 +1,23 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 var _react = _interopRequireDefault(require("react"));
-require("@testing-library/jest-dom/extend-expect");
+
 var _react2 = require("@testing-library/react");
+
+require("@testing-library/jest-dom/extend-expect");
+
 var _ = _interopRequireWildcard(require("."));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 var mockPopover = function mockPopover(props) {
   return /*#__PURE__*/_react.default.createElement(_.default, _extends({
     customClass: "mockPopover",
@@ -17,86 +26,105 @@ var mockPopover = function mockPopover(props) {
     iconSize: 24
   }, props), /*#__PURE__*/_react.default.createElement(_.PopoverTitle, null, "Site Linear"), /*#__PURE__*/_react.default.createElement(_.PopoverText, null, "Acesse linearsistemas.com.br/sgweb"));
 };
+
 describe('Popover', function () {
   it('should render correctly', function () {
-    var _render = (0, _react2.render)(mockPopover({})),
-      container = _render.container;
+    var _render = (0, _react2.render)(mockPopover()),
+        container = _render.container;
+
     expect(container.firstChild).toBeTruthy();
   });
   it('should show dropdown on click', function () {
-    var _render2 = (0, _react2.render)(mockPopover({})),
-      container = _render2.container,
-      getByTestId = _render2.getByTestId;
+    var _render2 = (0, _react2.render)(mockPopover()),
+        container = _render2.container,
+        getByTestId = _render2.getByTestId;
+
     _react2.fireEvent.click(container.firstChild);
+
     var getPopover = getByTestId('popover-container');
     expect(getPopover).toBeInTheDocument();
     expect(getPopover).toContainElement(getPopover.querySelector('.title'));
     expect(getPopover).toContainElement(getPopover.querySelector('.text'));
   });
   it('should change dropdown align to left', function () {
-    var _render3 = (0, _react2.render)(mockPopover({})),
-      container = _render3.container,
-      getByTestId = _render3.getByTestId;
+    var _render3 = (0, _react2.render)(mockPopover()),
+        container = _render3.container,
+        getByTestId = _render3.getByTestId;
+
     _react2.fireEvent.click(container.firstChild);
+
     expect(getByTestId('dropdown-component')).toHaveStyle('left: 0;');
   });
   it('should change dropdown align to right', function () {
     var _render4 = (0, _react2.render)(mockPopover({
-        align: 'right'
-      })),
-      container = _render4.container,
-      getByTestId = _render4.getByTestId;
+      align: 'right'
+    })),
+        container = _render4.container,
+        getByTestId = _render4.getByTestId;
+
     _react2.fireEvent.click(container.firstChild);
+
     expect(getByTestId('dropdown-component')).toHaveStyle('right: 1020px;');
   });
   it('should apply custom class', function () {
-    var _render5 = (0, _react2.render)(mockPopover({})),
-      container = _render5.container,
-      getByTestId = _render5.getByTestId;
+    var _render5 = (0, _react2.render)(mockPopover()),
+        container = _render5.container,
+        getByTestId = _render5.getByTestId;
+
     _react2.fireEvent.click(container.firstChild);
+
     expect(getByTestId('popover-container')).toHaveClass('mockPopover');
   });
   it('should render icon by iconName', function () {
-    var _render6 = (0, _react2.render)(mockPopover({})),
-      container = _render6.container,
-      getByTestId = _render6.getByTestId;
+    var _render6 = (0, _react2.render)(mockPopover()),
+        container = _render6.container,
+        getByTestId = _render6.getByTestId;
+
     expect(container.firstChild).toContainElement(getByTestId('icon'));
   });
   it('should change icon color', function () {
-    var _render7 = (0, _react2.render)(mockPopover({})),
-      getByTestId = _render7.getByTestId;
+    var _render7 = (0, _react2.render)(mockPopover()),
+        getByTestId = _render7.getByTestId;
+
     expect(getByTestId('icon')).toHaveAttribute('fill', 'red');
   });
   it('should change icon size', function () {
-    var _render8 = (0, _react2.render)(mockPopover({})),
-      getByTestId = _render8.getByTestId;
+    var _render8 = (0, _react2.render)(mockPopover()),
+        getByTestId = _render8.getByTestId;
+
     expect(getByTestId('icon')).toHaveAttribute('width', '24px');
     expect(getByTestId('icon')).toHaveAttribute('height', '24px');
   });
   it('should apply dark theme', function () {
-    var _render9 = (0, _react2.render)(mockPopover({})),
-      container = _render9.container,
-      getByTestId = _render9.getByTestId;
+    var _render9 = (0, _react2.render)(mockPopover()),
+        container = _render9.container,
+        getByTestId = _render9.getByTestId;
+
     _react2.fireEvent.click(container.firstChild);
+
     expect(getByTestId('popover-container')).toHaveClass('-dark');
   });
   it('should apply light theme', function () {
     var _render10 = (0, _react2.render)(mockPopover({
-        theme: 'light'
-      })),
-      container = _render10.container,
-      getByTestId = _render10.getByTestId;
+      theme: 'light'
+    })),
+        container = _render10.container,
+        getByTestId = _render10.getByTestId;
+
     _react2.fireEvent.click(container.firstChild);
+
     expect(getByTestId('popover-container')).toHaveClass('-light');
   });
   describe('PopoverText', function () {
     it('should render children', function () {
       var _render11 = (0, _react2.render)(mockPopover({
-          theme: 'light'
-        })),
-        container = _render11.container,
-        getByTestId = _render11.getByTestId;
+        theme: 'light'
+      })),
+          container = _render11.container,
+          getByTestId = _render11.getByTestId;
+
       _react2.fireEvent.click(container.firstChild);
+
       var getPopover = getByTestId('popover-container');
       expect(getPopover.querySelector('.text')).toHaveTextContent('Acesse linearsistemas.com.br/sgweb');
     });
@@ -104,11 +132,13 @@ describe('Popover', function () {
   describe('PopoverTitle', function () {
     it('should render children', function () {
       var _render12 = (0, _react2.render)(mockPopover({
-          theme: 'light'
-        })),
-        container = _render12.container,
-        getByTestId = _render12.getByTestId;
+        theme: 'light'
+      })),
+          container = _render12.container,
+          getByTestId = _render12.getByTestId;
+
       _react2.fireEvent.click(container.firstChild);
+
       var getPopover = getByTestId('popover-container');
       expect(getPopover.querySelector('.title')).toHaveTextContent('Site Linear');
     });

package/lib/progress/Bar.js

@@ -7,18 +7,14 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var ROUND_PRECISION = 1000;
 
-var getPercentage = function getPercentage(_ref) {
-  var _ref$max = _ref.max,
-      max = _ref$max === void 0 ? 100 : _ref$max,
-      _ref$min = _ref.min,
-      min = _ref$min === void 0 ? 0 : _ref$min,
-      _ref$value = _ref.value,
-      value = _ref$value === void 0 ? 0 : _ref$value;
-  var percentage = (value - min) / (max - min) * 100;
+var getPercentage = function getPercentage(props) {
+  var percentage = (props.value - props.min) / (props.max - props.min) * 100;
   return Math.round(percentage * ROUND_PRECISION) / ROUND_PRECISION;
 };
 
@@ -35,7 +31,7 @@ var getClass = function getClass(props) {
 var getLabel = function getLabel(progress) {
   var value = progress.label;
 
-  if (!progress.label) {
+  if (progress.label === '') {
     value = "".concat(getPercentage(progress), "%");
   }
 
@@ -45,49 +41,63 @@ var getLabel = function getLabel(progress) {
 };
 
 var getStyle = function getStyle(props) {
-  var indeterminate = props.indeterminate,
-      _props$indeterminateD = props.indeterminateDelay,
-      indeterminateDelay = _props$indeterminateD === void 0 ? 1 : _props$indeterminateD,
-      _props$indeterminateD2 = props.indeterminateDuration,
-      indeterminateDuration = _props$indeterminateD2 === void 0 ? 1.5 : _props$indeterminateD2,
-      _props$progressWidth = props.progressWidth,
-      progressWidth = _props$progressWidth === void 0 ? '100%' : _props$progressWidth,
-      _props$height = props.height,
-      height = _props$height === void 0 ? '100%' : _props$height;
-
-  if (indeterminate) {
+  if (props.indeterminate) {
     return {
-      width: progressWidth,
-      height: height,
-      animationDuration: "".concat(indeterminateDuration, "s"),
-      animationDelay: "".concat(indeterminateDelay, "s")
+      width: props.progressWidth,
+      height: props.height,
+      animationDuration: "".concat(props.indeterminateDuration, "s"),
+      animationDelay: "".concat(props.indeterminateDelay, "s")
     };
   }
 
   return {
     width: "".concat(getPercentage(props), "%"),
-    height: height
+    height: props.height
   };
 };
 
 var ProgressBar = function ProgressBar(props) {
-  var _props$value = props.value,
-      value = _props$value === void 0 ? 0 : _props$value,
-      _props$min = props.min,
-      min = _props$min === void 0 ? 0 : _props$min,
-      _props$max = props.max,
-      max = _props$max === void 0 ? 100 : _props$max,
-      _props$showLabel = props.showLabel,
-      showLabel = _props$showLabel === void 0 ? true : _props$showLabel;
   return /*#__PURE__*/_react.default.createElement("div", {
     role: "progressbar",
     className: getClass(props),
     style: getStyle(props),
-    "aria-valuenow": value,
-    "aria-valuemin": min,
-    "aria-valuemax": max
-  }, showLabel && !props.indeterminate && getLabel(props));
+    "aria-valuenow": props.value,
+    "aria-valuemin": props.min,
+    "aria-valuemax": props.max
+  }, props.showLabel && !props.indeterminate && getLabel(props));
 };
 
+ProgressBar.defaultProps = {
+  min: 0,
+  max: 100,
+  value: 0,
+  progressWidth: '100%',
+  height: '100%',
+  effect: false,
+  customClass: '',
+  type: '',
+  showLabel: true,
+  label: '',
+  animated: false,
+  indeterminate: false,
+  indeterminateDuration: 1.5,
+  indeterminateDelay: 1
+};
+ProgressBar.propTypes = {
+  label: _propTypes.default.string,
+  min: _propTypes.default.number,
+  value: _propTypes.default.number,
+  max: _propTypes.default.number,
+  progressWidth: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  height: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  showLabel: _propTypes.default.bool,
+  effect: _propTypes.default.bool,
+  type: _propTypes.default.string,
+  customClass: _propTypes.default.string,
+  animated: _propTypes.default.bool,
+  indeterminate: _propTypes.default.bool,
+  indeterminateDuration: _propTypes.default.number,
+  indeterminateDelay: _propTypes.default.number
+};
 var _default = ProgressBar;
 exports.default = _default;

package/lib/progress/index.js

@@ -13,25 +13,23 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _Bar = _interopRequireDefault(require("./Bar"));
 
 require("../assets/styles/progress.scss");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 var ProgressBar = function ProgressBar(props) {
   var style = props.style,
-      children = props.children,
-      _props$width = props.width,
-      width = _props$width === void 0 ? '100%' : _props$width,
-      _props$height = props.height,
-      height = _props$height === void 0 ? '24px' : _props$height;
+      children = props.children;
 
   var getStyle = _extends({}, style, {
-    width: width,
-    height: height
+    width: props.width,
+    height: props.height
   });
 
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -40,5 +38,17 @@ var ProgressBar = function ProgressBar(props) {
   }, children || /*#__PURE__*/_react.default.createElement(_Bar.default, props));
 };
 
+ProgressBar.propTypes = {
+  width: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  height: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  style: _propTypes.default.object,
+  children: _propTypes.default.any
+};
+ProgressBar.defaultProps = {
+  width: '100%',
+  height: '24px',
+  children: null,
+  style: {}
+};
 var _default = ProgressBar;
 exports.default = _default;

package/lib/progress/progress.spec.js

@@ -1,12 +1,17 @@
 "use strict";
 
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@testing-library/react");
+var _react = require("@testing-library/react");
+
+var _react2 = _interopRequireDefault(require("react"));
+
 var _progress = _interopRequireDefault(require("../progress"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 var ProgressTest = function ProgressTest(props) {
-  return /*#__PURE__*/_react.default.createElement(_progress.default, _extends({}, props, {
+  return /*#__PURE__*/_react2.default.createElement(_progress.default, _extends({}, props, {
     label: "test",
     type: "success",
     min: 0,
@@ -14,64 +19,75 @@ var ProgressTest = function ProgressTest(props) {
     value: 50
   }));
 };
+
 describe('Progress', function () {
   describe('Default', function () {
     it('should render without errors', function () {
-      var _render = (0, _react2.render)(ProgressTest()),
-        container = _render.container;
+      var _render = (0, _react.render)(ProgressTest()),
+          container = _render.container;
+
       expect(container.firstChild).toBeTruthy();
     });
     it('should label text match with prop label', function () {
-      var _render2 = (0, _react2.render)(ProgressTest()),
-        container = _render2.container;
+      var _render2 = (0, _react.render)(ProgressTest()),
+          container = _render2.container;
+
       expect(container.querySelector('.bar')).toHaveTextContent('test');
     });
     it('should container have value', function () {
-      var _render3 = (0, _react2.render)(ProgressTest()),
-        getByRole = _render3.getByRole;
+      var _render3 = (0, _react.render)(ProgressTest()),
+          getByRole = _render3.getByRole;
+
       expect(getByRole('progressbar')).toHaveAttribute('aria-valuenow', '50');
     });
     it('should progress have value min', function () {
-      var _render4 = (0, _react2.render)(ProgressTest()),
-        getByRole = _render4.getByRole;
+      var _render4 = (0, _react.render)(ProgressTest()),
+          getByRole = _render4.getByRole;
+
       expect(getByRole('progressbar')).toHaveAttribute('aria-valuemin', '0');
     });
     it('should progress have value max', function () {
-      var _render5 = (0, _react2.render)(ProgressTest()),
-        getByRole = _render5.getByRole;
+      var _render5 = (0, _react.render)(ProgressTest()),
+          getByRole = _render5.getByRole;
+
       expect(getByRole('progressbar')).toHaveAttribute('aria-valuemax', '100');
     });
     it('should showLabel', function () {
-      var _render6 = (0, _react2.render)(ProgressTest({
-          showLabel: false
-        })),
-        getByRole = _render6.getByRole;
+      var _render6 = (0, _react.render)(ProgressTest({
+        showLabel: false
+      })),
+          getByRole = _render6.getByRole;
+
       expect(getByRole('progressbar')).not.toHaveTextContent('test');
     });
     it('should progress have type', function () {
-      var _render7 = (0, _react2.render)(ProgressTest()),
-        getByRole = _render7.getByRole;
+      var _render7 = (0, _react.render)(ProgressTest()),
+          getByRole = _render7.getByRole;
+
       expect(getByRole('progressbar')).toHaveClass('-success');
     });
     it('should effect', function () {
-      var _render8 = (0, _react2.render)(ProgressTest({
-          effect: true
-        })),
-        getByRole = _render8.getByRole;
+      var _render8 = (0, _react.render)(ProgressTest({
+        effect: true
+      })),
+          getByRole = _render8.getByRole;
+
       expect(getByRole('progressbar')).toHaveClass('-effect');
     });
     it('should animated', function () {
-      var _render9 = (0, _react2.render)(ProgressTest({
-          animated: true
-        })),
-        getByRole = _render9.getByRole;
+      var _render9 = (0, _react.render)(ProgressTest({
+        animated: true
+      })),
+          getByRole = _render9.getByRole;
+
       expect(getByRole('progressbar')).toHaveClass('-animated');
     });
     it('should indeterminate', function () {
-      var _render10 = (0, _react2.render)(ProgressTest({
-          indeterminate: true
-        })),
-        getByRole = _render10.getByRole;
+      var _render10 = (0, _react.render)(ProgressTest({
+        indeterminate: true
+      })),
+          getByRole = _render10.getByRole;
+
       expect(getByRole('progressbar')).toHaveClass('-indeterminate');
     });
   });

package/lib/radio/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,15 +9,19 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 require("../assets/styles/radio.scss");
 
 var _permissionValidations = require("../permissionValidations");
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -27,7 +31,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
@@ -36,23 +40,18 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
  * o componente Field dentro do componente Form, pois o mesmo leva em consideração o tipo do
  * componente para gerar propriedades customizadas.
  */
-var Radio = function Radio(_ref) {
-  var id = _ref.id,
-      label = _ref.label,
-      value = _ref.value,
-      checked = _ref.checked,
-      _onChange = _ref.onChange,
-      _ref$name = _ref.name,
-      name = _ref$name === void 0 ? '' : _ref$name,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      _ref$required = _ref.required,
-      required = _ref$required === void 0 ? false : _ref$required,
-      _ref$skeletonize = _ref.skeletonize,
-      skeletonize = _ref$skeletonize === void 0 ? false : _ref$skeletonize,
-      _ref$defaultChecked = _ref.defaultChecked,
-      defaultChecked = _ref$defaultChecked === void 0 ? false : _ref$defaultChecked,
-      permissionAttr = _ref.permissionAttr;
+var Radio = function Radio(props) {
+  var disabled = props.disabled,
+      defaultChecked = props.defaultChecked,
+      name = props.name,
+      value = props.value,
+      label = props.label,
+      required = props.required,
+      _onChange = props.onChange,
+      id = props.id,
+      checked = props.checked,
+      permissionAttr = props.permissionAttr,
+      skeletonize = props.skeletonize;
 
   var _useState = (0, _react.useState)(checked),
       _useState2 = _slicedToArray(_useState, 2),
@@ -61,7 +60,7 @@ var Radio = function Radio(_ref) {
 
   var options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible];
 
-  var _useState3 = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr)),
+  var _useState3 = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(permissionAttr, options)),
       _useState4 = _slicedToArray(_useState3, 1),
       onDenied = _useState4[0];
 
@@ -70,7 +69,7 @@ var Radio = function Radio(_ref) {
   }, [checked]);
 
   var shouldDisable = function shouldDisable() {
-    return disabled || !!onDenied.disabled || skeletonize;
+    return disabled || onDenied.disabled || skeletonize;
   };
 
   var getCustomProps = function getCustomProps() {
@@ -113,5 +112,30 @@ var Radio = function Radio(_ref) {
   }, /*#__PURE__*/_react.default.createElement("span", null, label)));
 };
 
+Radio.propTypes = {
+  label: _propTypes.default.string,
+  disabled: _propTypes.default.bool,
+  defaultChecked: _propTypes.default.bool,
+  value: _propTypes.default.string,
+  name: _propTypes.default.string.isRequired,
+  id: _propTypes.default.string,
+  required: _propTypes.default.bool,
+  onChange: _propTypes.default.func,
+  checked: _propTypes.default.bool,
+  permissionAttr: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.arrayOf(_propTypes.default.object)]),
+  skeletonize: _propTypes.default.bool
+};
+Radio.defaultProps = {
+  label: null,
+  disabled: false,
+  defaultChecked: false,
+  required: false,
+  onChange: undefined,
+  value: undefined,
+  checked: undefined,
+  id: undefined,
+  permissionAttr: undefined,
+  skeletonize: false
+};
 var _default = Radio;
 exports.default = _default;