linear-react-components-ui 1.0.10-beta.12 → 1.0.10-beta.14

package/lib/permissionValidations.js

@@ -4,23 +4,19 @@ 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) {
@@ -29,41 +25,33 @@ 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,17 +4,13 @@ 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,17 +4,13 @@ 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,37 +16,27 @@ 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,
@@ -75,7 +65,5 @@ 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,24 +4,19 @@ 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);
@@ -31,30 +26,25 @@ 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,
@@ -63,22 +53,20 @@ 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),
@@ -88,6 +76,5 @@ 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,35 +10,26 @@ 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.d.ts

@@ -1,12 +1,13 @@
 import { IRadioProps } from './types.js';
 import 'react';
 import '../@types/PermissionAttr.js';
+import '../@types/Size.js';
 
 /**
  * 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.
  */
-declare const Radio: ({ id, label, value, checked, onChange, name, disabled, required, skeletonize, defaultChecked, permissionAttr }: IRadioProps) => JSX.Element | null;
+declare const Radio: ({ id, label, value, checked, onChange, name, disabled, required, skeletonize, defaultChecked, size, permissionAttr }: IRadioProps) => JSX.Element | null;
 
 export { Radio as default };

package/lib/radio/index.js

@@ -1,78 +1,61 @@
 "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 = 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 _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 _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,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
+    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 ? {
@@ -81,7 +64,6 @@ var Radio = function Radio(_ref) {
       checked: isChecked
     };
     customProps = _extends({}, checkProps);
-
     if (_onChange && !shouldDisable()) {
       customProps = _extends({}, customProps, {
         onChange: function onChange(e) {
@@ -92,10 +74,8 @@ 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' : '')
@@ -108,10 +88,9 @@ var Radio = function Radio(_ref) {
     required: required,
     disabled: shouldDisable()
   })), /*#__PURE__*/_react.default.createElement("label", {
-    className: "description",
+    className: "description ".concat(size && "-".concat(size)),
     htmlFor: id
   }, /*#__PURE__*/_react.default.createElement("span", null, label)));
 };
-
 var _default = Radio;
 exports.default = _default;

package/lib/radio/types.d.ts

@@ -1,5 +1,6 @@
 import { ChangeEvent } from 'react';
 import { PermissionAttr } from '../@types/PermissionAttr.js';
+import { Size } from '../@types/Size.js';
 
 interface IRadioProps {
     label?: string;
@@ -9,6 +10,7 @@ interface IRadioProps {
     name?: string;
     id?: string;
     required?: boolean;
+    size?: Extract<Size, 'small' | 'medium' | 'large'>;
     onChange?: (value: ChangeEvent<HTMLInputElement>) => void;
     checked?: boolean;
     permissionAttr?: PermissionAttr | PermissionAttr;

package/lib/skeleton/SkeletonContainer.js

@@ -4,26 +4,20 @@ 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,56 +10,44 @@ 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,16 +4,13 @@ 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",
@@ -219,6 +216,5 @@ var SpinnerLoading = function SpinnerLoading(_ref) {
     repeatCount: "indefinite"
   }))));
 };
-
 var _default = SpinnerLoading;
 exports.default = _default;