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

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;

package/lib/skeleton/SkeletonContainer.js

@@ -4,20 +4,26 @@ 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 SkeletonContainer = function SkeletonContainer(_ref) {
   var children = _ref.children,
-    row = _ref.row,
-    customClass = _ref.customClass,
-    style = _ref.style;
+      row = _ref.row,
+      customClass = _ref.customClass,
+      style = _ref.style;
+
   var getClass = function getClass() {
     return "skeletoncontainer-component ".concat(customClass, "\n    ").concat(row && '-row');
   };
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: getClass(),
     style: style
   }, children);
 };
+
 var _default = SkeletonContainer;
 exports.default = _default;

package/lib/skeleton/index.js

@@ -10,44 +10,56 @@ Object.defineProperty(exports, "SkeletonContainer", {
   }
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _gridlayout = _interopRequireDefault(require("../gridlayout"));
+
 var _SkeletonContainer = _interopRequireDefault(require("./SkeletonContainer"));
+
 require("../assets/styles/skeleton.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 Skeleton = function Skeleton(props) {
   var _props$customClass = props.customClass,
-    customClass = _props$customClass === void 0 ? '' : _props$customClass,
-    style = props.style,
-    width = props.width,
-    height = props.height,
-    round = props.round,
-    _props$color = props.color,
-    color = _props$color === void 0 ? 'default' : _props$color,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'medium' : _props$size,
-    gridLayout = props.gridLayout;
+      customClass = _props$customClass === void 0 ? '' : _props$customClass,
+      style = props.style,
+      width = props.width,
+      height = props.height,
+      round = props.round,
+      _props$color = props.color,
+      color = _props$color === void 0 ? 'default' : _props$color,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'medium' : _props$size,
+      gridLayout = props.gridLayout;
   var customStyles = {
     width: width,
     height: height
   };
+
   var getClass = function getClass() {
     return "skeleton-component ".concat(customClass, "\n    ").concat(color && "-".concat(color), "\n    ").concat(round && '-round', "\n    ").concat(round && size && "-".concat(size));
   };
+
   var renderContent = function renderContent() {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: getClass(),
       style: _extends({}, customStyles, style)
     });
   };
+
   if (gridLayout !== undefined) {
     return /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
       customClass: "-withskeleton",
       cols: gridLayout
     }, renderContent());
   }
+
   return renderContent();
 };
+
 var _default = Skeleton;
 exports.default = _default;

package/lib/spinner/SpinnerLoading.js

@@ -4,13 +4,16 @@ 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 SpinnerLoading = function SpinnerLoading(_ref) {
   var _ref$color = _ref.color,
-    color = _ref$color === void 0 ? '#3B3B3B' : _ref$color,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? '50px' : _ref$size;
+      color = _ref$color === void 0 ? '#3B3B3B' : _ref$color,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? '50px' : _ref$size;
   return /*#__PURE__*/_react.default.createElement("svg", {
     "data-testid": "spinner",
     className: "lds-spinner spinnerloading",
@@ -216,5 +219,6 @@ var SpinnerLoading = function SpinnerLoading(_ref) {
     repeatCount: "indefinite"
   }))));
 };
+
 var _default = SpinnerLoading;
 exports.default = _default;

package/lib/spinner/index.js

@@ -1,41 +1,57 @@
 "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"));
+
 var _SpinnerLoading = _interopRequireDefault(require("./SpinnerLoading"));
+
 require("../assets/styles/spinner.scss");
+
 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 _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; }
+
 var Spinner = function Spinner(props) {
   var _props$align = props.align,
-    align = _props$align === void 0 ? 'center' : _props$align,
-    customClass = props.customClass,
-    style = props.style,
-    text = props.text,
-    _props$visible = props.visible,
-    visible = _props$visible === void 0 ? true : _props$visible,
-    _props$delayTime = props.delayTime,
-    delayTime = _props$delayTime === void 0 ? 1000 : _props$delayTime,
-    heightAuto = props.heightAuto,
-    _props$color = props.color,
-    color = _props$color === void 0 ? '#3B3B3B' : _props$color,
-    _props$size = props.size,
-    size = _props$size === void 0 ? '50px' : _props$size;
+      align = _props$align === void 0 ? 'center' : _props$align,
+      customClass = props.customClass,
+      style = props.style,
+      text = props.text,
+      _props$visible = props.visible,
+      visible = _props$visible === void 0 ? true : _props$visible,
+      _props$delayTime = props.delayTime,
+      delayTime = _props$delayTime === void 0 ? 1000 : _props$delayTime,
+      heightAuto = props.heightAuto,
+      _props$color = props.color,
+      color = _props$color === void 0 ? '#3B3B3B' : _props$color,
+      _props$size = props.size,
+      size = _props$size === void 0 ? '50px' : _props$size;
+
   var _useState = (0, _react.useState)(!!delayTime),
-    _useState2 = _slicedToArray(_useState, 2),
-    delay = _useState2[0],
-    setDelay = _useState2[1];
+      _useState2 = _slicedToArray(_useState, 2),
+      delay = _useState2[0],
+      setDelay = _useState2[1];
+
   var delayTimeout = (0, _react.useRef)(null);
   (0, _react.useEffect)(function () {
     if (delayTime) {
@@ -43,19 +59,23 @@ var Spinner = function Spinner(props) {
         setDelay(false);
       }, delayTime);
     }
+
     return function () {
       if (delayTimeout.current) {
         clearTimeout(delayTimeout.current);
       }
     };
   }, []);
+
   var getCssClass = function getCssClass() {
     var css = "spinner-component -".concat(align, " ").concat(customClass, " ");
     if (heightAuto) css = "".concat(css, " -heightauto");
     return css;
   };
+
   if (delay) return null;
   if (!visible) return null;
+
   if (align !== 'none') {
     return /*#__PURE__*/_react.default.createElement("div", {
       style: style,
@@ -65,10 +85,12 @@ var Spinner = function Spinner(props) {
       size: size
     }), align === 'left' && text, align === 'center' && text);
   }
+
   return /*#__PURE__*/_react.default.createElement(_SpinnerLoading.default, {
     color: color,
     size: size
   });
 };
+
 var _default = Spinner;
 exports.default = _default;