linear-react-components-ui 1.0.2 → 1.0.3-beta.1

package/lib/popover/index.js

@@ -16,28 +16,42 @@ Object.defineProperty(exports, "PopoverTitle", {
   }
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _buttons = _interopRequireDefault(require("../buttons"));
+
 var _icons = _interopRequireDefault(require("../icons"));
+
 var _PopoverText = _interopRequireDefault(require("./PopoverText"));
+
 var _PopoverTitle = _interopRequireDefault(require("./PopoverTitle"));
+
 var _withDropdown = _interopRequireDefault(require("../dropdown/withDropdown"));
+
 require("../assets/styles/popover.scss");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 var Popover = function Popover(_ref) {
   var children = _ref.children,
-    _ref$align = _ref.align,
-    align = _ref$align === void 0 ? 'left' : _ref$align,
-    _ref$theme = _ref.theme,
-    theme = _ref$theme === void 0 ? 'dark' : _ref$theme,
-    _ref$iconName = _ref.iconName,
-    iconName = _ref$iconName === void 0 ? '' : _ref$iconName,
-    _ref$iconSize = _ref.iconSize,
-    iconSize = _ref$iconSize === void 0 ? 16 : _ref$iconSize,
-    _ref$iconColor = _ref.iconColor,
-    iconColor = _ref$iconColor === void 0 ? '' : _ref$iconColor,
-    _ref$customClass = _ref.customClass,
-    customClass = _ref$customClass === void 0 ? '' : _ref$customClass;
+      _ref$align = _ref.align,
+      align = _ref$align === void 0 ? 'left' : _ref$align,
+      _ref$theme = _ref.theme,
+      theme = _ref$theme === void 0 ? 'dark' : _ref$theme,
+      _ref$iconName = _ref.iconName,
+      iconName = _ref$iconName === void 0 ? '' : _ref$iconName,
+      _ref$iconSize = _ref.iconSize,
+      iconSize = _ref$iconSize === void 0 ? 16 : _ref$iconSize,
+      _ref$iconColor = _ref.iconColor,
+      iconColor = _ref$iconColor === void 0 ? '' : _ref$iconColor,
+      _ref$customClass = _ref.customClass,
+      customClass = _ref$customClass === void 0 ? '' : _ref$customClass,
+      _ref$style = _ref.style,
+      style = _ref$style === void 0 ? {
+    height: '100%',
+    width: '100%'
+  } : _ref$style;
   return /*#__PURE__*/_react.default.createElement(_buttons.default, {
     round: true,
     dropdown: true,
@@ -48,10 +62,7 @@ var Popover = function Popover(_ref) {
     dropdownAlign: align,
     showIconDropdown: false,
     customClass: "popover-component",
-    style: {
-      height: '100%',
-      width: '100%'
-    },
+    style: style,
     icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
       customClass: "buttonicon",
       name: iconName || 'information',
@@ -66,5 +77,7 @@ var Popover = function Popover(_ref) {
     "data-testid": "popover-container"
   }, children));
 };
+
 var _default = (0, _withDropdown.default)(Popover);
+
 exports.default = _default;

package/lib/popover/popover.spec.js

@@ -0,0 +1,146 @@
+"use strict";
+
+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"));
+
+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 || 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",
+    iconName: "user",
+    iconColor: "red",
+    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;
+
+    expect(container.firstChild).toBeTruthy();
+  });
+  it('should show dropdown on click', function () {
+    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;
+
+    _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;
+
+    _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;
+
+    _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;
+
+    expect(container.firstChild).toContainElement(getByTestId('icon'));
+  });
+  it('should change icon color', function () {
+    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;
+
+    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;
+
+    _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;
+
+    _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;
+
+      _react2.fireEvent.click(container.firstChild);
+
+      var getPopover = getByTestId('popover-container');
+      expect(getPopover.querySelector('.text')).toHaveTextContent('Acesse linearsistemas.com.br/sgweb');
+    });
+  });
+  describe('PopoverTitle', function () {
+    it('should render children', function () {
+      var _render12 = (0, _react2.render)(mockPopover({
+        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/popover/types.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactNode, CSSProperties } from 'react';
 import { Position } from '../@types/Position.js';
 import { SizePixels } from '../@types/SizePixels.js';
 
@@ -16,6 +16,7 @@ interface IPopoverProps {
     theme?: 'light' | 'dark';
     align?: Extract<Position, 'left' | 'right'>;
     iconSize?: Extract<SizePixels, 10 | 16 | 24 | 32 | 40 | 64>;
+    style?: CSSProperties;
 }
 
 export { IPopoverProps, PopoverTextProps, PopoverTitleProps };

package/lib/progress/Bar.js

@@ -4,19 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 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;
+      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;
   return Math.round(percentage * ROUND_PRECISION) / ROUND_PRECISION;
 };
+
 var getClass = function getClass(props) {
   var style = 'bar';
   if (props.customClass) style += "".concat(props.customClass);
@@ -26,25 +31,30 @@ var getClass = function getClass(props) {
   if (props.indeterminate) style += ' -indeterminate';
   return style;
 };
+
 var getLabel = function getLabel(progress) {
   var value = progress.label;
+
   if (!progress.label) {
     value = "".concat(getPercentage(progress), "%");
   }
+
   return /*#__PURE__*/_react.default.createElement("span", {
     className: "progressbar-label "
   }, value);
 };
+
 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;
+      _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) {
     return {
       width: progressWidth,
@@ -53,20 +63,22 @@ var getStyle = function getStyle(props) {
       animationDelay: "".concat(indeterminateDelay, "s")
     };
   }
+
   return {
     width: "".concat(getPercentage(props), "%"),
     height: 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;
+      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),
@@ -76,5 +88,6 @@ var ProgressBar = function ProgressBar(props) {
     "aria-valuemax": max
   }, showLabel && !props.indeterminate && getLabel(props));
 };
+
 var _default = ProgressBar;
 exports.default = _default;

package/lib/progress/index.js

@@ -10,26 +10,35 @@ Object.defineProperty(exports, "Bar", {
   }
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 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); }
+
 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,
+      _props$width = props.width,
+      width = _props$width === void 0 ? '100%' : _props$width,
+      _props$height = props.height,
+      height = _props$height === void 0 ? '24px' : _props$height;
+
   var getStyle = _extends({}, style, {
     width: width,
     height: height
   });
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "container-progress",
     style: getStyle
   }, children || /*#__PURE__*/_react.default.createElement(_Bar.default, props));
 };
+
 var _default = ProgressBar;
 exports.default = _default;

package/lib/progress/progress.spec.js

@@ -0,0 +1,94 @@
+"use strict";
+
+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 || 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__*/_react2.default.createElement(_progress.default, _extends({}, props, {
+    label: "test",
+    type: "success",
+    min: 0,
+    max: 100,
+    value: 50
+  }));
+};
+
+describe('Progress', function () {
+  describe('Default', function () {
+    it('should render without errors', function () {
+      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, _react.render)(ProgressTest()),
+          container = _render2.container;
+
+      expect(container.querySelector('.bar')).toHaveTextContent('test');
+    });
+    it('should container have value', function () {
+      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, _react.render)(ProgressTest()),
+          getByRole = _render4.getByRole;
+
+      expect(getByRole('progressbar')).toHaveAttribute('aria-valuemin', '0');
+    });
+    it('should progress have value max', function () {
+      var _render5 = (0, _react.render)(ProgressTest()),
+          getByRole = _render5.getByRole;
+
+      expect(getByRole('progressbar')).toHaveAttribute('aria-valuemax', '100');
+    });
+    it('should showLabel', function () {
+      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, _react.render)(ProgressTest()),
+          getByRole = _render7.getByRole;
+
+      expect(getByRole('progressbar')).toHaveClass('-success');
+    });
+    it('should effect', function () {
+      var _render8 = (0, _react.render)(ProgressTest({
+        effect: true
+      })),
+          getByRole = _render8.getByRole;
+
+      expect(getByRole('progressbar')).toHaveClass('-effect');
+    });
+    it('should animated', function () {
+      var _render9 = (0, _react.render)(ProgressTest({
+        animated: true
+      })),
+          getByRole = _render9.getByRole;
+
+      expect(getByRole('progressbar')).toHaveClass('-animated');
+    });
+    it('should indeterminate', function () {
+      var _render10 = (0, _react.render)(ProgressTest({
+        indeterminate: true
+      })),
+          getByRole = _render10.getByRole;
+
+      expect(getByRole('progressbar')).toHaveClass('-indeterminate');
+    });
+  });
+});

package/lib/radio/index.js

@@ -1,59 +1,78 @@
 "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); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 require("../assets/styles/radio.scss");
+
 var _permissionValidations = require("../permissionValidations");
+
 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+
+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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 /**
  * IMPORTANTE: Caso seja necessário alterar o nome do componente, deverá ser refatorado
  * 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;
+      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 _useState = (0, _react.useState)(checked),
-    _useState2 = _slicedToArray(_useState, 2),
-    isChecked = _useState2[0],
-    setIsChecked = _useState2[1];
+      _useState2 = _slicedToArray(_useState, 2),
+      isChecked = _useState2[0],
+      setIsChecked = _useState2[1];
+
   var options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible];
+
   var _useState3 = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr)),
-    _useState4 = _slicedToArray(_useState3, 1),
-    onDenied = _useState4[0];
+      _useState4 = _slicedToArray(_useState3, 1),
+      onDenied = _useState4[0];
+
   (0, _react.useEffect)(function () {
     if (checked !== isChecked) setIsChecked(checked);
   }, [checked]);
+
   var shouldDisable = function shouldDisable() {
     return disabled || !!onDenied.disabled || skeletonize;
   };
+
   var getCustomProps = function getCustomProps() {
     var customProps = {};
     var checkProps = defaultChecked && !checked ? {
@@ -62,6 +81,7 @@ var Radio = function Radio(_ref) {
       checked: isChecked
     };
     customProps = _extends({}, checkProps);
+
     if (_onChange && !shouldDisable()) {
       customProps = _extends({}, customProps, {
         onChange: function onChange(e) {
@@ -72,8 +92,10 @@ var Radio = function Radio(_ref) {
         tabIndex: '0'
       });
     }
+
     return customProps;
   };
+
   if (onDenied.unvisible) return null;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "radio-button ".concat(disabled ? 'disabled' : '', " ").concat(skeletonize ? '-skeletonized' : '')
@@ -90,5 +112,6 @@ var Radio = function Radio(_ref) {
     htmlFor: id
   }, /*#__PURE__*/_react.default.createElement("span", null, label)));
 };
+
 var _default = Radio;
 exports.default = _default;