linear-react-components-ui 1.1.14-beta.0 → 1.1.14-beta.1

package/lib/inputs/types.d.ts

@@ -5,6 +5,7 @@ import { IBaseProps, CustomInputEvent } from './base/types.js';
 import { IDrawerProps } from '../drawer/types.js';
 import { TextAlign } from '../@types/Align.js';
 import '../@types/Period.js';
+import '../internals/types.js';
 import '../@types/Position.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
@@ -53,16 +54,13 @@ interface IMaskHOCProps {
     unmask?: boolean;
     name?: string;
     commit?: () => void;
-    onChange?: (event: CustomInputEvent, maskValue?: string, date?: string | {
-        initial: string;
-        final: string;
-    }) => void;
+    onChange?: (event: CustomInputEvent, maskValue?: string, date?: string) => void;
     onFocus?: (e: CustomInputEvent) => void;
     onComplete?: (e: CustomInputEvent, maskValue?: string, date?: string) => void;
     inputRef?: MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null> | ((ref: HTMLInputElement | HTMLTextAreaElement | null) => void);
     placeholderChar?: string;
     lazy?: boolean;
-    definitions?: object;
+    definitions?: any;
     groups?: object;
     pattern?: string;
     format?: () => void;
@@ -97,7 +95,7 @@ interface IMaskHOCProps {
     rounded?: boolean;
     errorMessages?: string[];
     skeletonize?: boolean;
-    mask?: string | NumberConstructor;
+    mask?: any;
     isDateField?: boolean;
     autoCompleteMask?: 'left' | 'right';
 }
@@ -134,8 +132,8 @@ interface IDropdownSelectProps {
     align?: 'left' | 'right';
 }
 interface IActionButtonsSelectProps {
-    handleClear: () => void;
-    handleOpenClose: () => void;
+    handlerClear: () => void;
+    handlerOpenClose: () => void;
     dropDownOpened: boolean;
     showClearButton?: boolean;
     disabled?: boolean;
@@ -150,5 +148,10 @@ interface IButtonsProps {
     transparent: boolean;
     disabled?: boolean;
 }
+interface ErrorProps {
+    customClass?: string;
+    style?: React.CSSProperties;
+    messages?: string | string[];
+}
 
-export { IActionButtonsSelectProps, IAdvancedFilterProps, IButtonsProps, IDropdownProps, IDropdownSelectProps, IInputHOCProps, IMaskHOCProps, ISearchProps };
+export { ErrorProps, IActionButtonsSelectProps, IAdvancedFilterProps, IButtonsProps, IDropdownProps, IDropdownSelectProps, IInputHOCProps, IMaskHOCProps, ISearchProps };

package/lib/internals/colorStyles.js

@@ -4,12 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var ColorStyles = {
+const ColorStyles = {
   PRIMARY: 'primary',
   SUCCESS: 'success',
   DANGER: 'danger',
   INFO: 'info',
   WARNING: 'warning'
 };
-var _default = ColorStyles;
-exports.default = _default;
+var _default = exports.default = ColorStyles;

package/lib/internals/constants.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.keyCodes = exports.PARA_ENGANAR_O_ESLINT_JA_QUE_TENHO_SO_UMA_CONSTANTE = void 0;
-var keyCodes = {
+const keyCodes = exports.keyCodes = {
   TAB: 9,
   ENTER: 13,
   ARROW_UP: 38,
@@ -12,6 +12,4 @@ var keyCodes = {
   BACKSPACE: 8,
   F: 70
 };
-exports.keyCodes = keyCodes;
-var PARA_ENGANAR_O_ESLINT_JA_QUE_TENHO_SO_UMA_CONSTANTE = 1;
-exports.PARA_ENGANAR_O_ESLINT_JA_QUE_TENHO_SO_UMA_CONSTANTE = PARA_ENGANAR_O_ESLINT_JA_QUE_TENHO_SO_UMA_CONSTANTE;
+const PARA_ENGANAR_O_ESLINT_JA_QUE_TENHO_SO_UMA_CONSTANTE = exports.PARA_ENGANAR_O_ESLINT_JA_QUE_TENHO_SO_UMA_CONSTANTE = 1;

package/lib/internals/types.d.ts

@@ -8,9 +8,12 @@ interface WithTooltipProps {
     tooltip?: string;
     tooltipPosition?: Exclude<Position, 'center'>;
     style?: CSSProperties;
-    handlerSetOnDenied?: (onDeniedValue: OnDenied) => void;
+    handlerSetOnDeniedText?: (onDeniedValue: OnDenied) => void;
     errorMessage?: string;
 }
+interface ITooltipContext {
+    handlerSetOnDeniedText: (text: string) => void;
+}
 interface GetDisplayNameParams {
     displayName?: string;
     name?: string;
@@ -19,4 +22,4 @@ interface HasToolTipParams {
     tooltip?: string;
 }
 
-export { GetDisplayNameParams, HasToolTipParams, WithTooltipProps };
+export { GetDisplayNameParams, HasToolTipParams, ITooltipContext, WithTooltipProps };

package/lib/internals/withTooltip.d.ts

@@ -1,11 +1,12 @@
 import React__default from 'react';
-import { WithTooltipProps } from './types.js';
+import { ITooltipContext, WithTooltipProps } from './types.js';
 import '../@types/PermissionAttr.js';
 import '../@types/Position.js';
 
+declare const TooltipContext: React__default.Context<ITooltipContext>;
 declare const withTooltip: <ComponentProps extends WithTooltipProps>(WrappedComponent: React__default.ComponentType<ComponentProps>) => {
     (props: ComponentProps): JSX.Element;
     displayName: string;
 };
 
-export { withTooltip as default };
+export { TooltipContext, withTooltip as default };

package/lib/internals/withTooltip.js

@@ -1,76 +1,62 @@
 "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;
+exports.default = exports.TooltipContext = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _tooltip = _interopRequireDefault(require("../tooltip"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var TOOLTIP_INITIAL_HEIGHT = 40;
-var hasTooltip = function hasTooltip(_ref) {
-  var tooltip = _ref.tooltip;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const TOOLTIP_INITIAL_HEIGHT = 40;
+const hasTooltip = _ref => {
+  let {
+    tooltip
+  } = _ref;
   return tooltip;
 };
-var getDisplayName = function getDisplayName(_ref2) {
-  var displayName = _ref2.displayName,
-    name = _ref2.name;
+const TooltipContext = exports.TooltipContext = /*#__PURE__*/_react.default.createContext({});
+const getDisplayName = _ref2 => {
+  let {
+    displayName,
+    name
+  } = _ref2;
   return displayName || name || 'Component';
 };
-var withTooltip = function withTooltip(WrappedComponent) {
-  var EnhancedComponent = function EnhancedComponent(props) {
-    var tooltip = props.tooltip,
-      _props$tooltipWidth = props.tooltipWidth,
-      tooltipWidth = _props$tooltipWidth === void 0 ? 'auto' : _props$tooltipWidth,
-      _props$space = props.space,
-      space = _props$space === void 0 ? 20 : _props$space,
-      _props$tooltipPositio = props.tooltipPosition,
-      tooltipPosition = _props$tooltipPositio === void 0 ? 'bottom' : _props$tooltipPositio,
-      errorMessage = props.errorMessage;
-    var _useState = (0, _react.useState)(tooltipPosition),
-      _useState2 = _slicedToArray(_useState, 2),
-      stateTooltipPosition = _useState2[0],
-      setStateTooltipPosition = _useState2[1];
-    var _useState3 = (0, _react.useState)(''),
-      _useState4 = _slicedToArray(_useState3, 2),
-      tooltipStyle = _useState4[0],
-      setTooltipStyle = _useState4[1];
-    var _useState5 = (0, _react.useState)(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      showTooltip = _useState6[0],
-      setShowTooltip = _useState6[1];
-    var _useState7 = (0, _react.useState)({
-        width: tooltipWidth,
-        height: TOOLTIP_INITIAL_HEIGHT
-      }),
-      _useState8 = _slicedToArray(_useState7, 2),
-      tooltipDimensions = _useState8[0],
-      setTooltipDimensions = _useState8[1];
-    var targetElement = (0, _react.useRef)(null);
-    var tooltipElement = (0, _react.useRef)(null);
-    var onMouseOver = function onMouseOver(e) {
+const withTooltip = WrappedComponent => {
+  const EnhancedComponent = props => {
+    const {
+      tooltip,
+      tooltipWidth = 'auto',
+      space = 20,
+      tooltipPosition = 'bottom',
+      errorMessage
+    } = props;
+    const [stateTooltipPosition, setStateTooltipPosition] = (0, _react.useState)(tooltipPosition);
+    const [onDeniedText, setOnDeniedText] = (0, _react.useState)('');
+    const [tooltipStyle, setTooltipStyle] = (0, _react.useState)('');
+    const [showTooltip, setShowTooltip] = (0, _react.useState)(false);
+    const [tooltipDimensions, setTooltipDimensions] = (0, _react.useState)({
+      width: tooltipWidth,
+      height: TOOLTIP_INITIAL_HEIGHT
+    });
+    const targetElement = (0, _react.useRef)(null);
+    const tooltipElement = (0, _react.useRef)(null);
+    const onMouseOver = e => {
       if (targetElement.current && targetElement.current.contains(e.target)) {
         setShowTooltip(true);
       } else setShowTooltip(false);
     };
-    var onMouseOut = function onMouseOut() {
+    const onMouseOut = () => {
       setShowTooltip(false);
     };
-    var onAnyScroll = function onAnyScroll() {
+    const onAnyScroll = () => {
       setShowTooltip(false);
     };
-    (0, _react.useEffect)(function () {
-      if (hasTooltip(props)) {
+    (0, _react.useEffect)(() => {
+      if (hasTooltip(props) || onDeniedText) {
         if (errorMessage) {
           setShowTooltip(true);
         } else {
@@ -82,8 +68,8 @@ var withTooltip = function withTooltip(WrappedComponent) {
           }
         }
       }
-      return function () {
-        if (hasTooltip(props)) {
+      return () => {
+        if (hasTooltip(props) || onDeniedText) {
           document.removeEventListener('mouseover', onMouseOver);
           document.removeEventListener('scroll', onAnyScroll, true);
           if (targetElement && targetElement.current) {
@@ -91,16 +77,18 @@ var withTooltip = function withTooltip(WrappedComponent) {
           }
         }
       };
-    }, [errorMessage]);
-    (0, _react.useEffect)(function () {
+    }, [errorMessage, tooltip, onDeniedText]);
+    (0, _react.useEffect)(() => {
       if (targetElement.current && tooltipElement.current) {
-        var width = tooltipDimensions.width,
-          height = tooltipDimensions.height;
-        var targetDimensions = targetElement.current.getBoundingClientRect();
-        var targetVerticalCenter = (targetDimensions.top + targetDimensions.bottom) / 2;
-        var tooltipClientWidth = tooltipElement.current.clientWidth;
-        var style = "width: ".concat(typeof width === 'string' ? width : "".concat(width, "px"));
-        var left = targetDimensions.left + targetDimensions.width / 2 - tooltipClientWidth / 2;
+        const {
+          width,
+          height
+        } = tooltipDimensions;
+        const targetDimensions = targetElement.current.getBoundingClientRect();
+        const targetVerticalCenter = (targetDimensions.top + targetDimensions.bottom) / 2;
+        const tooltipClientWidth = tooltipElement.current.clientWidth;
+        let style = "width: ".concat(typeof width === 'string' ? width : "".concat(width, "px"));
+        let left = targetDimensions.left + targetDimensions.width / 2 - tooltipClientWidth / 2;
         left = Math.min(left, document.body.clientWidth - tooltipClientWidth - space);
         style += "; left: ".concat(Math.max(space, left), "px");
         switch (stateTooltipPosition) {
@@ -120,7 +108,11 @@ var withTooltip = function withTooltip(WrappedComponent) {
             break;
           case 'left':
             if (targetDimensions.left < tooltipClientWidth) {
-              setStateTooltipPosition('right');
+              if (window.innerWidth - targetDimensions.right < tooltipClientWidth) {
+                setStateTooltipPosition('bottom');
+              } else {
+                setStateTooltipPosition('right');
+              }
             } else {
               style += "; top: ".concat(targetVerticalCenter + window.scrollY - height / 2, "px");
               style += "; left: ".concat(targetDimensions.left - tooltipClientWidth - 6, "px");
@@ -139,14 +131,14 @@ var withTooltip = function withTooltip(WrappedComponent) {
         }
         setTooltipStyle(style);
       }
-    }, [tooltipDimensions, tooltipElement.current, targetElement.current, stateTooltipPosition]);
-    (0, _react.useEffect)(function () {
+    }, [tooltipDimensions, stateTooltipPosition]);
+    (0, _react.useEffect)(() => {
       setStateTooltipPosition(tooltipPosition);
     }, [window.scrollY, window.scrollX, window.innerWidth]);
-    var getTooltip = function getTooltip() {
-      if (tooltip) {
+    const getTooltip = () => {
+      if (tooltip || onDeniedText) {
         return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
-          text: tooltip,
+          text: onDeniedText || tooltip,
           textError: errorMessage,
           tooltipRef: tooltipElement,
           style: tooltipStyle,
@@ -157,16 +149,24 @@ var withTooltip = function withTooltip(WrappedComponent) {
       }
       return null;
     };
-    var getTarget = function getTarget(targetEl) {
+    const getTarget = targetEl => {
       if (!targetElement.current) targetElement.current = targetEl;
     };
-    if (!hasTooltip(props)) return /*#__PURE__*/_react.default.createElement(WrappedComponent, props);
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(WrappedComponent, _extends({}, props, {
+    const contextValues = {
+      handlerSetOnDeniedText: setOnDeniedText
+    };
+    if (!hasTooltip(props) && !onDeniedText) {
+      return /*#__PURE__*/_react.default.createElement(TooltipContext.Provider, {
+        value: contextValues
+      }, /*#__PURE__*/_react.default.createElement(WrappedComponent, props));
+    }
+    return /*#__PURE__*/_react.default.createElement(TooltipContext.Provider, {
+      value: contextValues
+    }, /*#__PURE__*/_react.default.createElement(WrappedComponent, _extends({}, props, {
       targetRef: getTarget
     })), showTooltip && getTooltip());
   };
   EnhancedComponent.displayName = "withTooltip(".concat(getDisplayName(WrappedComponent), ")");
   return EnhancedComponent;
 };
-var _default = withTooltip;
-exports.default = _default;
+var _default = exports.default = withTooltip;

package/lib/labelMessages/index.js

@@ -1,6 +1,5 @@
 "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
 });
@@ -8,44 +7,26 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _icons = _interopRequireDefault(require("../icons"));
 require("../assets/styles/labelMessages.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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var LabelMessages = function LabelMessages(_ref) {
-  var _ref$style = _ref.style,
-    style = _ref$style === void 0 ? {} : _ref$style,
-    _ref$icon = _ref.icon,
-    icon = _ref$icon === void 0 ? null : _ref$icon,
-    _ref$flat = _ref.flat,
-    flat = _ref$flat === void 0 ? false : _ref$flat,
-    iconName = _ref.iconName,
-    handlerClosed = _ref.handlerClosed,
-    _ref$square = _ref.square,
-    square = _ref$square === void 0 ? true : _ref$square,
-    _ref$visible = _ref.visible,
-    visible = _ref$visible === void 0 ? true : _ref$visible,
-    _ref$children = _ref.children,
-    children = _ref$children === void 0 ? null : _ref$children,
-    _ref$customClass = _ref.customClass,
-    customClass = _ref$customClass === void 0 ? '' : _ref$customClass,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'default' : _ref$type,
-    _ref$showCloseButton = _ref.showCloseButton,
-    showCloseButton = _ref$showCloseButton === void 0 ? false : _ref$showCloseButton;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    closed = _useState2[0],
-    setClosed = _useState2[1];
-  var getClass = function getClass() {
-    return "labelmessages-component -".concat(type, " ").concat(customClass, "\n    ").concat(square && '-square', " ").concat(flat && '-flat');
-  };
-  var getIcon = function getIcon() {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const LabelMessages = _ref => {
+  let {
+    style = {},
+    icon = null,
+    flat = false,
+    iconName,
+    handlerClosed,
+    square = true,
+    visible = true,
+    children = null,
+    customClass = '',
+    type = 'default',
+    showCloseButton = false
+  } = _ref;
+  const [closed, setClosed] = (0, _react.useState)(false);
+  const getClass = () => "labelmessages-component -".concat(type, " ").concat(customClass, "\n    ").concat(square && '-square', " ").concat(flat && '-flat');
+  const getIcon = () => {
     if (icon) {
       return icon;
     } else if (iconName) {
@@ -69,11 +50,10 @@ var LabelMessages = function LabelMessages(_ref) {
   }, " ", getIcon(), " "), showCloseButton && /*#__PURE__*/_react.default.createElement("span", {
     role: "presentation",
     className: "labelmessagesitem -close",
-    onClick: function onClick() {
+    onClick: () => {
       if (handlerClosed) handlerClosed();
       setClosed(true);
     }
   }, "x")));
 };
-var _default = LabelMessages;
-exports.default = _default;
+var _default = exports.default = LabelMessages;

package/lib/labels/DangerLabel.js

@@ -6,17 +6,18 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _DefaultLabel = _interopRequireDefault(require("./DefaultLabel"));
-var _excluded = ["className"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var DangerLabel = function DangerLabel(_ref) {
-  var className = _ref.className,
+const _excluded = ["className"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+const DangerLabel = _ref => {
+  let {
+      className
+    } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_DefaultLabel.default, _extends({
     className: "-danger"
   }, rest));
 };
-var _default = DangerLabel;
-exports.default = _default;
+var _default = exports.default = DangerLabel;

package/lib/labels/DefaultLabel.js

@@ -1,6 +1,5 @@
 "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
 });
@@ -9,40 +8,30 @@ var _react = _interopRequireWildcard(require("react"));
 var _icons = _interopRequireDefault(require("../icons"));
 var _withTooltip = _interopRequireDefault(require("../internals/withTooltip"));
 var _permissionValidations = require("../permissionValidations");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var DefaultLabel = function DefaultLabel(_ref) {
-  var style = _ref.style,
-    targetRef = _ref.targetRef,
-    iconName = _ref.iconName,
-    icon = _ref.icon,
-    children = _ref.children,
-    _ref$visible = _ref.visible,
-    visible = _ref$visible === void 0 ? true : _ref$visible,
-    customClass = _ref.customClass,
-    className = _ref.className,
-    disabled = _ref.disabled,
-    size = _ref.size,
-    _ref$iconAlign = _ref.iconAlign,
-    iconAlign = _ref$iconAlign === void 0 ? 'left' : _ref$iconAlign,
-    bordered = _ref.bordered,
-    permissionAttr = _ref.permissionAttr,
-    skeletonize = _ref.skeletonize;
-  var options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible];
-  var _useState = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr)),
-    _useState2 = _slicedToArray(_useState, 1),
-    onDenied = _useState2[0];
-  var getClass = function getClass() {
-    return "label-component ".concat(className, " ").concat(customClass, " ").concat(bordered ? '-bordered' : '', " ").concat(disabled ? '-disabled' : '', "\n    ").concat(skeletonize ? '-skeletonized' : '', "\n    ").concat(size ? "-".concat(size) : '', "\n    ").concat(iconAlign ? "icon-".concat(iconAlign) : '');
-  };
-  var getIcon = function getIcon() {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const DefaultLabel = _ref => {
+  let {
+    style,
+    targetRef,
+    iconName,
+    icon,
+    children,
+    visible = true,
+    customClass,
+    className,
+    disabled,
+    size,
+    iconAlign = 'left',
+    bordered,
+    permissionAttr,
+    skeletonize
+  } = _ref;
+  const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible];
+  const [onDenied] = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr));
+  const getClass = () => "label-component ".concat(className, " ").concat(customClass, " ").concat(bordered ? '-bordered' : '', " ").concat(disabled ? '-disabled' : '', "\n    ").concat(skeletonize ? '-skeletonized' : '', "\n    ").concat(size ? "-".concat(size) : '', "\n    ").concat(iconAlign ? "icon-".concat(iconAlign) : '');
+  const getIcon = () => {
     if (icon) {
       return icon;
     } else if (iconName) {
@@ -57,10 +46,7 @@ var DefaultLabel = function DefaultLabel(_ref) {
   return /*#__PURE__*/_react.default.createElement("div", {
     style: style,
     className: getClass(),
-    ref: function ref(r) {
-      return targetRef && targetRef(r);
-    }
+    ref: r => targetRef && targetRef(r)
   }, getIcon(), children);
 };
-var _default = (0, _withTooltip.default)(DefaultLabel);
-exports.default = _default;
+var _default = exports.default = (0, _withTooltip.default)(DefaultLabel);

package/lib/labels/InfoLabel.js

@@ -6,17 +6,18 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _DefaultLabel = _interopRequireDefault(require("./DefaultLabel"));
-var _excluded = ["className"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var InfoLabel = function InfoLabel(_ref) {
-  var className = _ref.className,
+const _excluded = ["className"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+const InfoLabel = _ref => {
+  let {
+      className
+    } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_DefaultLabel.default, _extends({
     className: "-info"
   }, rest));
 };
-var _default = InfoLabel;
-exports.default = _default;
+var _default = exports.default = InfoLabel;