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

package/lib/calendar/base/Week.js

@@ -6,27 +6,23 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Day = _interopRequireDefault(require("./Day"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(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; }
-var Week = function Week(_ref) {
-  var weekStartDate = _ref.weekStartDate,
-    currentDate = _ref.currentDate;
-  var renderDays = function renderDays() {
-    var days = [];
-    var dayIndex = 0;
-    var dayDate = weekStartDate;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Week = _ref => {
+  let {
+    weekStartDate,
+    currentDate
+  } = _ref;
+  const renderDays = () => {
+    let days = [];
+    let dayIndex = 0;
+    let dayDate = weekStartDate;
     while (dayIndex < 7) {
-      var day = /*#__PURE__*/_react.default.createElement(_Day.default, {
+      const day = /*#__PURE__*/_react.default.createElement(_Day.default, {
         currentDate: currentDate,
         day: dayDate,
         key: dayDate.format('YYYYMMDD')
       });
-      days = [].concat(_toConsumableArray(days), [day]);
+      days = [...days, day];
       dayIndex += 1;
       dayDate = dayDate.clone().add(1, 'day');
     }
@@ -36,5 +32,4 @@ var Week = function Week(_ref) {
     className: "monthweek"
   }, renderDays());
 };
-var _default = Week;
-exports.default = _default;
+var _default = exports.default = Week;

package/lib/calendar/base/helpers.js

@@ -16,7 +16,7 @@ exports.getStartOfWeek = getStartOfWeek;
 exports.validDate = validDate;
 var _react = _interopRequireDefault(require("react"));
 var _moment = _interopRequireDefault(require("moment"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 _moment.default.locale('pt-br');
 function getStartOf(date, unit) {
   return date.startOf(unit);
@@ -55,12 +55,11 @@ function getPtBrLocale() {
       nextDay: '[Amanhã às] LT',
       nextWeek: 'dddd [às] LT',
       lastDay: '[Ontem às] LT',
-      lastWeek: function lastWeek() {
+      lastWeek() {
         return this.sameDay === '0' || this.sameDay === '6' ? '[Último] dddd [às] LT' :
         // Saturday + Sunday
         '[Última] dddd [às] LT'; // Monday - Friday
       },
-
       sameElse: 'L'
     },
     relativeTime: {
@@ -84,11 +83,13 @@ function getPtBrLocale() {
 
 /** Functions used insed index.jsx */
 function getCalendarCssClass(_ref) {
-  var unpadding = _ref.unpadding,
-    drawGridLines = _ref.drawGridLines,
-    customClass = _ref.customClass,
-    colorStyle = _ref.colorStyle;
-  var cssClass = "calendar-component ".concat(customClass);
+  let {
+    unpadding,
+    drawGridLines,
+    customClass,
+    colorStyle
+  } = _ref;
+  let cssClass = "calendar-component ".concat(customClass);
   cssClass += " -".concat(colorStyle);
   cssClass += unpadding ? ' -unpadding' : '';
   cssClass += drawGridLines ? ' -draw-grid-lines' : '';
@@ -103,15 +104,14 @@ function validDate(date) {
 
 /** Functions used inside Day Component */
 function getDayContainerCssClass(currentDate, day) {
-  var cssClass = 'monthday ';
+  let cssClass = 'monthday ';
   cssClass += dateIsEquals(currentDate, day) ? '-selectedday ' : '';
   return cssClass;
 }
 function getDayCssClass(currentDate, day) {
-  var cssClass = 'daybutton ';
+  let cssClass = 'daybutton ';
   cssClass += dateIsEquals((0, _moment.default)(), day) ? '-nowday ' : '';
   cssClass += dayOutOfCurrentMonth(currentDate, day) ? '-outmonth' : '';
   return cssClass;
 }
-var CalendarContext = /*#__PURE__*/_react.default.createContext({});
-exports.CalendarContext = CalendarContext;
+const CalendarContext = exports.CalendarContext = /*#__PURE__*/_react.default.createContext({});

package/lib/calendar/base/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
 });
@@ -11,62 +10,52 @@ var _Month = _interopRequireDefault(require("./Month"));
 var _buttons = _interopRequireDefault(require("../../buttons"));
 var _helpers = require("./helpers");
 require("../../assets/styles/calendar.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 Calendar = function Calendar(props) {
-  var _props$currentDate = props.currentDate,
-    currentDate = _props$currentDate === void 0 ? (0, _moment.default)() : _props$currentDate,
-    onDateChange = props.onDateChange,
-    _props$drawGridLines = props.drawGridLines,
-    drawGridLines = _props$drawGridLines === void 0 ? false : _props$drawGridLines,
-    colorStyle = props.colorStyle,
-    _props$unpadding = props.unpadding,
-    unpadding = _props$unpadding === void 0 ? false : _props$unpadding,
-    customClass = props.customClass;
-  var _useState = (0, _react.useState)((0, _helpers.validDate)(currentDate)),
-    _useState2 = _slicedToArray(_useState, 2),
-    dataAtual = _useState2[0],
-    setDataAtual = _useState2[1];
-  (0, _react.useEffect)(function () {
+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 Calendar = props => {
+  const {
+    currentDate = (0, _moment.default)(),
+    onDateChange,
+    drawGridLines = false,
+    colorStyle,
+    unpadding = false,
+    customClass
+  } = props;
+  const [dataAtual, setDataAtual] = (0, _react.useState)((0, _helpers.validDate)(currentDate));
+  (0, _react.useEffect)(() => {
     setDataAtual((0, _helpers.validDate)(currentDate));
   }, []);
-  var onDateChangeFunction = function onDateChangeFunction(date) {
+  const onDateChangeFunction = date => {
     if (onDateChange) onDateChange(date);
     setDataAtual(date);
   };
-  var previousMonth = function previousMonth() {
-    var currentDateClone = dataAtual.clone();
+  const previousMonth = () => {
+    const currentDateClone = dataAtual.clone();
     setDataAtual(currentDateClone.subtract(1, 'month'));
   };
-  var nextMonth = function nextMonth() {
-    var currentDateClone = dataAtual.clone();
+  const nextMonth = () => {
+    const currentDateClone = dataAtual.clone();
     setDataAtual(currentDateClone.add(1, 'month'));
   };
-  var contextValues = {
+  const contextValues = {
     handleDateChange: onDateChangeFunction
   };
   return /*#__PURE__*/_react.default.createElement(_helpers.CalendarContext.Provider, {
     value: contextValues
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers.getCalendarCssClass)({
-      unpadding: unpadding,
-      drawGridLines: drawGridLines,
-      customClass: customClass,
-      colorStyle: colorStyle
+      unpadding,
+      drawGridLines,
+      customClass,
+      colorStyle
     })
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "calendarheader"
   }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
     iconName: "arrow_left",
     boxShadow: false,
-    onClick: function onClick() {
+    onClick: () => {
       previousMonth();
     },
     customClass: "navbutton"
@@ -75,19 +64,16 @@ var Calendar = function Calendar(props) {
   }, dataAtual.format('MMMM YYYY')), /*#__PURE__*/_react.default.createElement(_buttons.default, {
     boxShadow: false,
     iconName: "arrow_right",
-    onClick: function onClick() {
+    onClick: () => {
       nextMonth();
     },
     customClass: "navbutton"
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: "daynames"
-  }, (0, _helpers.dayNames)().map(function (name) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: "day-".concat(name)
-    }, name);
-  })), /*#__PURE__*/_react.default.createElement(_Month.default, {
+  }, (0, _helpers.dayNames)().map(name => /*#__PURE__*/_react.default.createElement("div", {
+    key: "day-".concat(name)
+  }, name))), /*#__PURE__*/_react.default.createElement(_Month.default, {
     currentDate: dataAtual
   })));
 };
-var _default = Calendar;
-exports.default = _default;
+var _default = exports.default = Calendar;

package/lib/calendar/index.js

@@ -5,31 +5,31 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "DangerCalendar", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _DangerCalendar.default;
   }
 });
 Object.defineProperty(exports, "InfoCalendar", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _InfoCalendar.default;
   }
 });
 Object.defineProperty(exports, "PrimaryCalendar", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _PrimaryCalendar.default;
   }
 });
 Object.defineProperty(exports, "SuccessCalendar", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _SuccessCalendar.default;
   }
 });
 Object.defineProperty(exports, "WarningCalendar", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _WarningCalendar.default;
   }
 });
@@ -40,6 +40,5 @@ var _PrimaryCalendar = _interopRequireDefault(require("./PrimaryCalendar"));
 var _DangerCalendar = _interopRequireDefault(require("./DangerCalendar"));
 var _WarningCalendar = _interopRequireDefault(require("./WarningCalendar"));
 var _InfoCalendar = _interopRequireDefault(require("./InfoCalendar"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = _base.default;
-exports.default = _default;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = _base.default;

package/lib/checkbox/Label.js

@@ -6,16 +6,26 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _withTooltip = _interopRequireDefault(require("../internals/withTooltip"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var Label = function Label(_ref) {
-  var label = _ref.label,
-    targetSpanRef = _ref.targetSpanRef;
-  return /*#__PURE__*/_react.default.createElement("span", {
-    className: "description",
-    ref: function ref(r) {
+var _hint = _interopRequireDefault(require("../hint"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Label = _ref => {
+  let {
+    label,
+    targetSpanRef,
+    disabled,
+    hint
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "description"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    ref: r => {
       if (targetSpanRef) targetSpanRef(r);
     }
-  }, label);
+  }, label), /*#__PURE__*/_react.default.createElement(_hint.default, {
+    disabled: disabled,
+    visible: !!hint,
+    description: hint,
+    customClass: "hint"
+  }));
 };
-var _default = (0, _withTooltip.default)(Label);
-exports.default = _default;
+var _default = exports.default = (0, _withTooltip.default)(Label);

package/lib/checkbox/index.d.ts

@@ -1,5 +1,5 @@
+import React__default from 'react';
 import { ICheckBoxProps } from './types.js';
-import 'react';
 import '../@types/PermissionAttr.js';
 import '../@types/Position.js';
 
@@ -8,6 +8,6 @@ import '../@types/Position.js';
  * o componente Field dentro do componente Form, pois o mesmo leva em consideração o tipo do
  * componente para gerar propriedades customizadas.
  */
-declare const CheckBox: ({ name, required, value, label, onChange, autofocus, hint, id, gridLayout, checked, disabled, permissionAttr, tooltip, tooltipPosition, tooltipWidth, skeletonize, targetRef, }: ICheckBoxProps) => JSX.Element | null;
+declare const CheckBox: React__default.ForwardRefExoticComponent<ICheckBoxProps & React__default.RefAttributes<HTMLInputElement>>;
 
 export { CheckBox as default };

package/lib/checkbox/index.js

@@ -1,81 +1,68 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _gridlayout = _interopRequireDefault(require("../gridlayout"));
 var _Label = _interopRequireDefault(require("./Label"));
-require("../assets/styles/checkbox.scss");
+var _gridlayout = _interopRequireDefault(require("../gridlayout"));
 var _permissionValidations = require("../permissionValidations");
-var _hint = _interopRequireDefault(require("../hint"));
-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; }
+require("../assets/styles/checkbox.scss");
+var _errorMessage = require("../inputs/errorMessage");
+var _ = require("..");
+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); }
 /**
  * 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 CheckBox = function CheckBox(_ref) {
-  var name = _ref.name,
-    required = _ref.required,
-    value = _ref.value,
-    label = _ref.label,
-    onChange = _ref.onChange,
-    autofocus = _ref.autofocus,
-    hint = _ref.hint,
-    _ref$id = _ref.id,
-    id = _ref$id === void 0 ? '' : _ref$id,
-    gridLayout = _ref.gridLayout,
-    _ref$checked = _ref.checked,
-    checked = _ref$checked === void 0 ? false : _ref$checked,
-    disabled = _ref.disabled,
-    permissionAttr = _ref.permissionAttr,
-    tooltip = _ref.tooltip,
-    _ref$tooltipPosition = _ref.tooltipPosition,
-    tooltipPosition = _ref$tooltipPosition === void 0 ? 'top' : _ref$tooltipPosition,
-    _ref$tooltipWidth = _ref.tooltipWidth,
-    tooltipWidth = _ref$tooltipWidth === void 0 ? 'auto' : _ref$tooltipWidth,
-    skeletonize = _ref.skeletonize,
-    targetRef = _ref.targetRef;
-  var _useState = (0, _react.useState)(checked),
-    _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];
-  var inputRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
+const CheckBox = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    name,
+    required,
+    value,
+    label,
+    onChange,
+    autofocus,
+    hint,
+    id = undefined,
+    gridLayout,
+    checked = false,
+    disabled,
+    permissionAttr,
+    tooltip,
+    tooltipPosition = 'top',
+    tooltipWidth = 'auto',
+    skeletonize,
+    targetRef,
+    errorMessages
+  } = _ref;
+  const [isChecked, setIsChecked] = (0, _react.useState)(checked);
+  const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible];
+  const [onDenied] = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr));
+  const inputRef = (0, _react.useRef)(null);
+  (0, _react.useImperativeHandle)(ref, () => inputRef.current, [inputRef.current]);
+  (0, _react.useEffect)(() => {
     setIsChecked(checked);
   }, [checked]);
-  var shouldDisable = function shouldDisable() {
-    return disabled || onDenied.disabled;
-  };
-  var getProps = function getProps() {
+  const shouldDisable = () => disabled || onDenied.disabled;
+  const getProps = () => {
     if (!onChange || shouldDisable()) return null;
-    var target = {
+    const target = {
       checked: !isChecked,
-      id: id,
-      name: name,
+      id,
+      name,
       value: !isChecked
     };
     return {
-      onClick: function onClick() {
+      onClick: () => {
         onChange({
-          target: target
+          target
         });
       },
       onKeyDown: undefined,
@@ -83,50 +70,49 @@ var CheckBox = function CheckBox(_ref) {
       tabIndex: -1
     };
   };
-  var renderInput = function renderInput() {
-    return /*#__PURE__*/_react.default.createElement("div", _extends({}, getProps(), {
-      className: "checkbox-component ".concat(skeletonize ? '-skeletonized' : '')
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      "data-testid": "checkbox-container",
-      className: "inputcontent",
-      onClick: !shouldDisable() && !skeletonize ? function () {
-        return setIsChecked(!isChecked);
-      } : undefined,
-      tabIndex: -1,
-      role: "checkbox",
-      "aria-checked": "false",
-      onKeyPress: undefined
-    }, /*#__PURE__*/_react.default.createElement("input", {
-      ref: function ref(r) {
-        if (targetRef) targetRef(r);
-        inputRef.current = r;
-      },
-      className: "input",
-      type: "checkbox",
-      autoFocus: autofocus,
-      checked: isChecked,
-      disabled: shouldDisable(),
-      name: name,
-      required: required,
-      value: value,
-      id: id,
-      onChange: function onChange() {}
-    }), /*#__PURE__*/_react.default.createElement("span", null), label && /*#__PURE__*/_react.default.createElement(_Label.default, {
-      label: label,
-      tooltip: tooltip,
-      tooltipWidth: tooltipWidth,
-      tooltipPosition: tooltipPosition
-    })), /*#__PURE__*/_react.default.createElement(_hint.default, {
-      visible: !!hint,
-      description: hint,
-      customClass: "hint"
-    }));
-  };
+  const renderInput = () => /*#__PURE__*/_react.default.createElement("div", _extends({}, getProps(), {
+    className: "checkbox-component",
+    "data-skeletonized": skeletonize
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    "data-testid": "checkbox-container",
+    className: "inputcontent",
+    onClick: !shouldDisable() && !skeletonize ? () => setIsChecked(!isChecked) : undefined,
+    tabIndex: -1,
+    role: "checkbox",
+    "aria-checked": "false"
+  }, /*#__PURE__*/_react.default.createElement("input", {
+    id: id || undefined,
+    ref: r => {
+      if (targetRef) targetRef(r);
+      inputRef.current = r;
+    },
+    className: "input",
+    type: "checkbox",
+    autoFocus: autofocus,
+    checked: isChecked,
+    disabled: shouldDisable(),
+    name: name,
+    required: required,
+    value: value,
+    onChange: () => {}
+  }), /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_.Icon, {
+    size: 12,
+    name: "checkmark"
+  })), label && /*#__PURE__*/_react.default.createElement(_Label.default, {
+    label: label,
+    tooltip: tooltip,
+    tooltipWidth: tooltipWidth,
+    tooltipPosition: tooltipPosition,
+    disabled: disabled,
+    hint: hint
+  })), /*#__PURE__*/_react.default.createElement(_errorMessage.ErrorMessage, {
+    messages: errorMessages
+  }));
   if (onDenied.unvisible) return null;
   return gridLayout ? /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
     customClass: "-withinput",
     cols: gridLayout
   }, renderInput()) : renderInput();
-};
-var _default = CheckBox;
-exports.default = _default;
+});
+CheckBox.displayName = 'CheckBox';
+var _default = exports.default = CheckBox;

package/lib/checkbox/types.d.ts

@@ -4,7 +4,7 @@ import { Position } from '../@types/Position.js';
 
 type ChangeEvent = {
     checked: boolean;
-    id: string;
+    id?: string;
     name?: string;
     value: boolean;
 };
@@ -37,6 +37,7 @@ interface ICheckBoxProps {
     skeletonize?: boolean;
     targetRef?: (ref: HTMLInputElement | null) => void;
     targetSpanRef?: (ref: HTMLSpanElement | null) => void;
+    errorMessages?: string[] | undefined;
 }
 
 export { ChangeEvent, ICheckBoxProps };

package/lib/dialog/Alert.js

@@ -8,10 +8,10 @@ var _react = _interopRequireDefault(require("react"));
 var _buttons = require("../buttons");
 var _Custom = _interopRequireDefault(require("./Custom"));
 var _icons = _interopRequireDefault(require("../icons"));
-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 Alert = function Alert(props) {
-  var buttons = [/*#__PURE__*/_react.default.createElement(_buttons.PrimaryButton, {
+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); }
+const Alert = props => {
+  const buttons = [/*#__PURE__*/_react.default.createElement(_buttons.PrimaryButton, {
     key: "confirm-buttom",
     onClick: props.onConfirmClick,
     label: "Confirmar"
@@ -25,5 +25,4 @@ var Alert = function Alert(props) {
     })
   }));
 };
-var _default = Alert;
-exports.default = _default;
+var _default = exports.default = Alert;