linear-react-components-ui 1.0.10-beta.1 → 1.0.10-beta.11

package/lib/permissionValidations.js

@@ -4,19 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.actionsOnPermissionDenied = exports.OPTIONS_ON_DENIED = void 0;
+
 var getModuleFeaturesFromStorage = function getModuleFeaturesFromStorage(module) {
   if (!module) return [];
   var permissionsStorage = JSON.parse(sessionStorage.getItem('permissionsStorage') || '{}');
   return permissionsStorage && permissionsStorage[module] ? permissionsStorage[module] : [];
 };
+
 var checkOperationPermitted = function checkOperationPermitted(featureOperations, operationCode) {
   return featureOperations.some(function (o) {
     return o.codigo === operationCode;
   });
 };
+
 var scanFeatures = function scanFeatures(moduleFeatures, featureCode, operationCode) {
   for (var _index = 0; _index < moduleFeatures.length; _index += 1) {
     var moduleFeature = moduleFeatures[_index];
+
     if (moduleFeature.codigo === featureCode && moduleFeature.permissoes.length > 0) {
       return checkOperationPermitted(moduleFeature.permissoes, operationCode);
     } else if (moduleFeature.itens.length > 0) {
@@ -25,33 +29,41 @@ var scanFeatures = function scanFeatures(moduleFeatures, featureCode, operationC
       if (_index === moduleFeatures.length - 1) return false;
     }
   }
+
   return false;
 };
+
 var checkPermissionFromStorage = function checkPermissionFromStorage(permissionAttr) {
   if (!permissionAttr) return true;
   var permissionsAttr = !Array.isArray(permissionAttr) ? [permissionAttr] : permissionAttr;
+
   for (var i = 0; i < permissionsAttr.length; i += 1) {
     var _permissionsAttr$i = permissionsAttr[i],
-      module = _permissionsAttr$i.module,
-      feature = _permissionsAttr$i.feature,
-      operation = _permissionsAttr$i.operation;
+        module = _permissionsAttr$i.module,
+        feature = _permissionsAttr$i.feature,
+        operation = _permissionsAttr$i.operation;
     var permission = scanFeatures(getModuleFeaturesFromStorage(module), feature, operation);
     if (permission) return true;
   }
+
   return false;
 };
+
 var actionsOnPermissionDenied = function actionsOnPermissionDenied(options, permissionAttr) {
   var hasPermission = checkPermissionFromStorage(permissionAttr);
   var permissionsAttr = permissionAttr && !Array.isArray(permissionAttr) ? [permissionAttr] : permissionAttr;
+
   if (permissionsAttr && permissionsAttr[0].onDenied && !options.includes(permissionsAttr[0].onDenied)) {
     throw new Error('in property onDenied from permissionAttr it`s not a valid option. Look for valid options in the component documentation.');
   }
+
   var result = {};
   options.forEach(function (option) {
     result[option] = hasPermission ? false : option === (permissionsAttr === null || permissionsAttr === void 0 ? void 0 : permissionsAttr[0].onDenied);
   });
   return result;
 };
+
 exports.actionsOnPermissionDenied = actionsOnPermissionDenied;
 var OPTIONS_ON_DENIED = {
   disabled: 'disabled',

package/lib/popover/PopoverText.d.ts

@@ -2,6 +2,8 @@ import { PopoverTextProps } from './types.js';
 import 'react';
 import '../@types/Position.js';
 import '../@types/SizePixels.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const PopoverText: ({ children }: PopoverTextProps) => JSX.Element;
 

package/lib/popover/PopoverText.js

@@ -4,13 +4,17 @@ 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 PopoverText = function PopoverText(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/_react.default.createElement("p", {
     className: "text"
   }, children);
 };
+
 var _default = PopoverText;
 exports.default = _default;

package/lib/popover/PopoverTitle.d.ts

@@ -2,6 +2,8 @@ import { PopoverTitleProps } from './types.js';
 import 'react';
 import '../@types/Position.js';
 import '../@types/SizePixels.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const PopoverTitle: ({ children }: PopoverTitleProps) => JSX.Element;
 

package/lib/popover/PopoverTitle.js

@@ -4,13 +4,17 @@ 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 PopoverTitle = function PopoverTitle(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/_react.default.createElement("h1", {
     className: "title"
   }, children);
 };
+
 var _default = PopoverTitle;
 exports.default = _default;

package/lib/popover/index.d.ts

@@ -4,6 +4,8 @@ import { IPopoverProps } from './types.js';
 import 'react';
 import '../@types/Position.js';
 import '../@types/SizePixels.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const _default: {
     (props: IPopoverProps): JSX.Element;

package/lib/popover/index.js

@@ -16,28 +16,36 @@ 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,
+      iconName = _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;
   return /*#__PURE__*/_react.default.createElement(_buttons.default, {
     round: true,
     dropdown: true,
@@ -66,5 +74,7 @@ var Popover = function Popover(_ref) {
     "data-testid": "popover-container"
   }, children));
 };
+
 var _default = (0, _withDropdown.default)(Popover);
+
 exports.default = _default;

package/lib/popover/types.d.ts

@@ -1,6 +1,8 @@
 import { ReactNode } from 'react';
 import { Position } from '../@types/Position.js';
 import { SizePixels } from '../@types/SizePixels.js';
+import { IconNames } from '../@types/Icon.js';
+import '../icons/helper.js';
 
 interface PopoverTitleProps {
     children?: ReactNode;
@@ -9,7 +11,7 @@ interface PopoverTextProps {
     children?: ReactNode;
 }
 interface IPopoverProps {
-    iconName?: string;
+    iconName?: IconNames;
     iconColor?: string;
     customClass?: string;
     children?: ReactNode;

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/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;