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

package/lib/inputs/number/BaseNumber.d.ts

@@ -1,9 +1,9 @@
 import { IBaseNumberProps } from './types.js';
+import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import 'react';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
-import '../../@types/PermissionAttr.js';
 import '../../internals/types.js';
 import '../../@types/Position.js';
 import '../types.js';

package/lib/inputs/number/BaseNumber.js

@@ -7,11 +7,11 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _BaseMask = _interopRequireDefault(require("../mask/BaseMask"));
 var _format_number = require("./format_number");
-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 _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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const returnEventFormattedValue = (props, event) => {

package/lib/inputs/number/Currency.d.ts

@@ -1,9 +1,9 @@
 import { ICurrencyProps } from './types.js';
+import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import 'react';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
-import '../../@types/PermissionAttr.js';
 import '../../internals/types.js';
 import '../../@types/Position.js';
 import '../types.js';

package/lib/inputs/number/Currency.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _BaseNumber = _interopRequireDefault(require("./BaseNumber"));
-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 _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); }
 const CurrencyField = props => {
   const {
     currencySymbol = 'R$'

package/lib/inputs/number/Decimal.d.ts

@@ -1,9 +1,9 @@
 import { IBaseNumberProps } from './types.js';
+import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import 'react';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
-import '../../@types/PermissionAttr.js';
 import '../../internals/types.js';
 import '../../@types/Position.js';
 import '../types.js';

package/lib/inputs/number/Decimal.js

@@ -6,6 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _BaseNumber = _interopRequireDefault(require("./BaseNumber"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const DecimalField = props => /*#__PURE__*/_react.default.createElement(_BaseNumber.default, props);
 var _default = exports.default = DecimalField;

package/lib/inputs/number/index.d.ts

@@ -1,11 +1,11 @@
 export { default as CurrencyField } from './Currency.js';
 export { default as DecimalField } from './Decimal.js';
 import { INumberFieldProps } from './types.js';
+import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import 'react';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
-import '../../@types/PermissionAttr.js';
 import '../../internals/types.js';
 import '../../@types/Position.js';
 import '../types.js';

package/lib/inputs/number/index.js

@@ -16,45 +16,30 @@ Object.defineProperty(exports, "DecimalField", {
   }
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
+var _BaseMask = _interopRequireDefault(require("../mask/BaseMask"));
 var _Currency = _interopRequireDefault(require("./Currency"));
 var _Decimal = _interopRequireDefault(require("./Decimal"));
 require("../../assets/styles/numbers.scss");
-var _InputTextBase = _interopRequireDefault(require("../base/InputTextBase"));
-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); }
+var _format_number = require("./format_number");
+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); }
 const NumberField = props => {
   const {
     textAlign = 'left',
-    min,
-    max,
     value = '',
-    removeZeroLeft = true
+    themePopover = 'light',
+    popoverAlign = 'left'
   } = props;
-  const [numberValue, setNumberValue] = (0, _react.useState)();
-  const onChange = event => {
-    const inputValue = event.target.value;
-    const numericValue = inputValue.replace(/\D/g, '');
-    if (min && parseInt(numericValue, 10) < min || max && parseInt(numericValue, 10) > max) {
-      return;
-    }
-    if (removeZeroLeft && numericValue.charAt(0) === '0' && numericValue.length > 1) {
-      setNumberValue(numericValue.substring(1));
-    } else {
-      setNumberValue(numericValue);
-    }
-    if (props.onChange) props.onChange(event);
-  };
-  (0, _react.useEffect)(() => {
-    if (value && !numberValue) setNumberValue(value.toString());
-  }, [value]);
-  return /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
-    value: numberValue,
+  return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({
+    value: typeof value === 'number' ? (0, _format_number.numberToPtBR)(value) : value,
     textAlign: textAlign,
-    onChange: onChange,
-    type: "number"
-  }));
+    mask: Number,
+    themePopover: themePopover,
+    popoverAlign: popoverAlign,
+    isNumeric: true,
+    scale: 0,
+    padFractionalZeros: false
+  }, props));
 };
 var _default = exports.default = NumberField;

package/lib/inputs/number/types.d.ts

@@ -1,9 +1,9 @@
+import { PermissionAttr } from '../../@types/PermissionAttr.js';
 import { CustomInputEvent } from '../base/types.js';
 import { IMaskHOCProps } from '../types.js';
 import 'react';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
-import '../../@types/PermissionAttr.js';
 import '../../internals/types.js';
 import '../../@types/Position.js';
 import '../../@types/DataCombo.js';
@@ -12,14 +12,26 @@ import '../../@types/Icon.js';
 import '../../icons/helper.js';
 
 interface INumberFieldProps extends IMaskHOCProps {
-    onChange?: (e?: CustomInputEvent) => void;
-    removeZeroLeft?: boolean;
+    value?: string;
+    permissionAttr?: PermissionAttr;
+    disabled?: boolean;
+    onChange?: (e?: CustomInputEvent | InputEvent, maskValue?: string, date?: string | {
+        initial: string;
+        final: string;
+    }) => void;
+    hint?: string | string[];
+    hintPosition?: 'below' | 'onLabelRight';
+    themePopover?: 'light' | 'dark';
+    popoverAlign?: 'right' | 'left';
 }
-interface IBaseNumberProps extends IMaskHOCProps {
+interface IBaseNumberProps extends INumberFieldProps {
+    value?: string;
+    leftElements?: JSX.Element | JSX.Element[];
+    onBlur?: (e: CustomInputEvent) => void;
     returnFormattedValueOnBlur?: boolean;
     returnFormattedValueOnKeyDown?: boolean;
 }
-interface ICurrencyProps extends IMaskHOCProps {
+interface ICurrencyProps extends INumberFieldProps {
     currencySymbol?: string;
     displayCurrencySymbol?: boolean;
 }

package/lib/inputs/period/Dialog.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _base = _interopRequireDefault(require("../../dialog/base"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const Dialog = _ref => {
   let {
     onOpenChange,

package/lib/inputs/period/Dropdown.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _react = require("react");
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _helper = _interopRequireDefault(require("./helper"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const body = document.getElementsByTagName('body')[0];
 const Dropdown = props => {
   const elementRef = (0, _react.useRef)(document.createElement('div'));

package/lib/inputs/period/PeriodList.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _helper = require("./helper");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const periodOptions = [{
   id: 'today',
   label: 'Hoje'

package/lib/inputs/period/helper.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.isDateValid = exports.getDropdownItemCssClass = exports.default = exports.CalcDatesByPeriod = void 0;
 var _moment = _interopRequireDefault(require("moment"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const getCalendarDropdownStyle = _ref => {
   let {
     topPosition,

package/lib/inputs/period/index.js

@@ -17,12 +17,14 @@ var _hint = _interopRequireDefault(require("../../hint"));
 var helperBase = _interopRequireWildcard(require("../base/helpers"));
 require("../../assets/styles/periodpicker.scss");
 var _errorMessage = require("../errorMessage");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _textContent = _interopRequireDefault(require("../../textContent"));
+var _popover = _interopRequireDefault(require("../../popover"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const PeriodPicker = props => {
@@ -36,7 +38,10 @@ const PeriodPicker = props => {
       width: '350px',
       height: '350px'
     },
-    hint
+    hint,
+    hintPosition = 'below',
+    themePopover = 'light',
+    popoverAlign = 'left'
   } = props;
   const [valueInitial, setValueInitial] = (0, _react.useState)(props.value && (0, _moment.default)(props.value.initial, 'DD/MM/YYYY'));
   const [valueFinal, setValueFinal] = (0, _react.useState)(props.value && (0, _moment.default)(props.value.final, 'DD/MM/YYYY'));
@@ -343,11 +348,33 @@ const PeriodPicker = props => {
     className: "input-base-component"
   }, props.label && /*#__PURE__*/_react.default.createElement("div", {
     className: "labelcontainer"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "label ".concat(props.customClassForLabel, " ").concat(props.labelUppercase && ' -uppercase')
+  }, /*#__PURE__*/_react.default.createElement(_textContent.default, {
+    required: props.required,
+    customClassForLabel: props.customClassForLabel,
+    labelUppercase: props.labelUppercase
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "text-content",
+    style: {
+      display: 'flex'
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "label ".concat(props.customClassForLabel, " ").concat(props.labelUppercase && ' -uppercase'),
+    style: {
+      alignSelf: 'center'
+    }
   }, props.label, props.required && /*#__PURE__*/_react.default.createElement("span", {
     className: "-requiredlabel"
-  }, "*"))), /*#__PURE__*/_react.default.createElement("div", {
+  }, "*"), !!hint && hintPosition === "onLabelRight" && /*#__PURE__*/_react.default.createElement(_popover.default, {
+    theme: themePopover,
+    align: popoverAlign,
+    iconColor: "#03bde2",
+    customClass: "-hint",
+    style: {
+      margin: '0px 5px',
+      height: 'auto',
+      width: 20
+    }
+  }, hint))), /*#__PURE__*/_react.default.createElement(_textContent.default, null)), /*#__PURE__*/_react.default.createElement("div", {
     className: "periodpicker-component ".concat(helperBase.getInputWrapperClass(_objectSpread(_objectSpread({}, props), {}, {
       value: !valueInitial ? '' : (0, _moment.default)(valueInitial).format('DD/MM/YYYY'),
       disabled: shouldDisable()
@@ -391,7 +418,7 @@ const PeriodPicker = props => {
     handlerSetOnDenied: denied => setOnDenied(denied),
     required: props.required
   }), getButtonOpen(), getButtonSelectPeriod()), showCalendarValueInitial && getWrapperComponentCalendarValueInitial(), showCalendarValueFinal && getWrapperComponentCalendarValueFinal(), showPeriodSelection && getWrapperComponentPeriodSelection(), /*#__PURE__*/_react.default.createElement(_hint.default, {
-    visible: !!hint,
+    visible: !!hint && hintPosition === "below",
     customClass: "hint",
     description: hint
   }), /*#__PURE__*/_react.default.createElement(_errorMessage.ErrorMessage, {

package/lib/inputs/period/types.d.ts

@@ -59,8 +59,11 @@ interface IPeriodPickerProps {
     errorMessages?: string[];
     name?: string;
     hint?: string;
+    hintPosition?: 'below' | 'onLabelRight';
     onBlur?: (e: CustomInputEvent) => void;
     onFocus?: (e: CustomInputEvent) => void;
+    themePopover?: 'light' | 'dark';
+    popoverAlign?: 'right' | 'left';
 }
 interface IPeriodListProps {
     handleOnSelect: (value: DateTypes | 'custom', date: Moment[] | null) => void;

package/lib/inputs/search/index.js

@@ -11,17 +11,17 @@ var _icons = _interopRequireDefault(require("../../icons"));
 require("../../assets/styles/search.scss");
 var _drawer = _interopRequireWildcard(require("../../drawer"));
 const _excluded = ["headerTitle", "content", "onStateChange"];
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-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; }
+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; }
 const SearchField = props => {
   const {
     resetButton = true,

package/lib/inputs/select/ActionButtons.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _icons = _interopRequireDefault(require("../../icons"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const ActionButtons = props => {
   const {
     disabled = false,

package/lib/inputs/select/Dropdown.js

@@ -9,12 +9,12 @@ var _icons = _interopRequireDefault(require("../../icons"));
 var _avatar = _interopRequireDefault(require("../../avatar"));
 var helper = _interopRequireWildcard(require("./helper"));
 var _Popup = _interopRequireDefault(require("../../dropdown/Popup"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const Dropdown = props => {

package/lib/inputs/select/index.js

@@ -10,10 +10,10 @@ require("../../assets/styles/select.scss");
 var _gridlayout = _interopRequireDefault(require("../../gridlayout"));
 var _simple = _interopRequireDefault(require("./simple"));
 const _excluded = ["gridLayout", "multiple", "value"];
-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; }
+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; }
 const SelectField = props => {
   const {
       gridLayout,

package/lib/inputs/select/multiple/Selecteds.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const Selecteds = _ref => {
   let {
     currents,

package/lib/inputs/select/multiple/index.js

@@ -13,10 +13,11 @@ var _Selecteds = _interopRequireDefault(require("./Selecteds"));
 var constants = _interopRequireWildcard(require("../../../internals/constants"));
 var _InputTextBase = _interopRequireDefault(require("../../base/InputTextBase"));
 var _helper = require("../helper");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _hint = _interopRequireDefault(require("../../../hint"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
+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); }
 const MultipleSelect = props => {
   const {
     idKey,
@@ -25,7 +26,9 @@ const MultipleSelect = props => {
     value = [],
     remoteSearch = false,
     descriptionKey,
-    showClearButton
+    showClearButton,
+    hint,
+    hintPosition = 'below'
   } = props;
   const [dataCombo, setDataCombo] = (0, _react.useState)(dataSource);
   const [currents, setCurrents] = (0, _react.useState)([]);
@@ -43,7 +46,6 @@ const MultipleSelect = props => {
   const gridElRef = (0, _react.useRef)();
   const inputTextRef = (0, _react.useRef)(null);
   const descriptionKeyIsString = typeof descriptionKey === 'string';
-  const insideComponents = ['item', 'menubutton', 'filterinput', 'filtercontainer', 'label', 'actionbutton'];
   const onScreenResize = () => {
     if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);
   };
@@ -51,7 +53,7 @@ const MultipleSelect = props => {
     const {
       target
     } = event;
-    if (!insideComponents.includes(target.className) && target !== selectWrapper.current && selectWrapper.current && !selectWrapper.current.contains(target) && dropdownRef.current && !dropdownRef.current.contains(target)) {
+    if (target !== selectWrapper.current && selectWrapper.current && !selectWrapper.current.contains(target) && dropdownRef.current && !dropdownRef.current.contains(target)) {
       setOpened(false);
     }
   };
@@ -91,37 +93,34 @@ const MultipleSelect = props => {
       setInputValue([filteredValue]);
     }
   };
-  const onFocus = () => {
-    const dropdownWidthFocus = selectWrapper.current ? selectWrapper.current.clientWidth : dropdownWidth;
-    setOpened(true);
-    setDropdownWidth(dropdownWidthFocus);
-  };
   const onSelect = select => {
-    var _dropdownRef$current2;
     if (select === null) return;
     const currentsSelect = [...currents, select];
     setCurrents(currentsSelect);
     setDataCombo(dataSource);
     setInputValue([]);
     if (inputTextRef && inputTextRef.current) inputTextRef.current.focus();
+    setOpened(false);
     if (props.onSelect) setSelected(props.onSelect(currentsSelect.map(i => i[idKey])));
-    (_dropdownRef$current2 = dropdownRef.current) === null || _dropdownRef$current2 === void 0 ? void 0 : _dropdownRef$current2.focus();
   };
   const onUnselect = id => {
     if (currents) {
-      var _dropdownRef$current3;
       const result = currents.filter(item => item[idKey] !== id);
       setCurrents(result);
       if (inputTextRef && inputTextRef.current) inputTextRef.current.focus();
       setOpened(false);
       if (props.onSelect) setSelected(props.onSelect(result.map(i => i[idKey])));
-      (_dropdownRef$current3 = dropdownRef.current) === null || _dropdownRef$current3 === void 0 ? void 0 : _dropdownRef$current3.focus();
     }
   };
   const onOpenClose = () => {
     setOpened(prevState => !prevState);
     if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);
   };
+  const onFocus = () => {
+    const dropdownWidthFocus = selectWrapper.current ? selectWrapper.current.clientWidth : dropdownWidth;
+    setOpened(true);
+    setDropdownWidth(dropdownWidthFocus);
+  };
   const onBlur = e => {
     if (props.onBlur) props.onBlur(e);
     if (!insideComponent) {
@@ -131,36 +130,30 @@ const MultipleSelect = props => {
   };
   const onInputKeyDown = e => {
     if (e.keyCode) {
-      if (e.keyCode === constants.keyCodes.ENTER && selected && opened) {
+      if (e.keyCode === constants.keyCodes.ENTER && selected) {
         var _e$preventDefault;
         (_e$preventDefault = e.preventDefault) === null || _e$preventDefault === void 0 ? void 0 : _e$preventDefault.call(e);
-        if (!currents.some(current => current[idKey] === selected[idKey])) {
-          var _e$preventDefault2;
-          (_e$preventDefault2 = e.preventDefault) === null || _e$preventDefault2 === void 0 ? void 0 : _e$preventDefault2.call(e);
-          onSelect(selected);
-        }
+        if (!currents.includes(selected)) onSelect(selected);
       } else if ([constants.keyCodes.ARROW_UP, constants.keyCodes.ARROW_DOWN].includes(e.keyCode)) {
         if (!opened) setOpened(true);
-        let index = dataCombo ? dataCombo.findIndex(d => d === selected) : 0;
+        let index = dataSource ? dataSource.findIndex(d => d === selected) : 0;
         if (e.keyCode === constants.keyCodes.ARROW_DOWN) {
-          index = dataCombo && index === dataCombo.length - 1 ? 0 : index + 1;
+          index = dataSource && index === dataSource.length - 1 ? 0 : index + 1;
         } else {
-          index = dataCombo && index === 0 ? dataCombo.length - 1 : index - 1;
+          index = dataSource && index === 0 ? dataSource.length - 1 : index - 1;
         }
-        if (dataCombo && dataCombo.length) {
-          if (descriptionKeyIsString && dataCombo[index][descriptionKey]) {
-            setInputValue(dataCombo[index][descriptionKey]);
-          } else if (!descriptionKeyIsString) setInputValue([descriptionKey(dataCombo[index])]);
+        if (dataSource && dataSource.length) {
+          if (descriptionKeyIsString && dataSource[index][descriptionKey]) {
+            setInputValue(dataSource[index][descriptionKey]);
+          } else if (!descriptionKeyIsString) setInputValue([descriptionKey(dataSource[index])]);
         }
-        if (dataCombo) setSelected(dataCombo[index]);
+        if (dataSource) setSelected(dataSource[index]);
       } else if (e.keyCode === constants.keyCodes.BACKSPACE) {
         if (inputValue.length === 0) {
           const currentsKeyDown = _lodash.default.dropRight(currents);
           setCurrents(currentsKeyDown);
           if (props.onSelect) props.onSelect(currentsKeyDown.map(i => i[idKey]));
         }
-      } else if (e.keyCode === constants.keyCodes.TAB) {
-        setOpened(false);
       }
     }
   };
@@ -232,7 +225,6 @@ const MultipleSelect = props => {
     onChange: e => {
       if (e) onFilter(e.target.value);
     },
-    onClick: onFocus,
     onKeyDown: onInputKeyDown,
     customClassForWrapper: "selectwrapper ".concat((props.readOnly || shouldDisable() || shouldBeReadOnly()) && ' -undigitable'),
     customClassForInputContent: "multiselect",
@@ -267,6 +259,10 @@ const MultipleSelect = props => {
     dataCombo: dataCombo,
     currents: currents,
     dropdownWidth: dropdownWidth || 0
-  })));
+  })), /*#__PURE__*/_react.default.createElement(_hint.default, {
+    visible: !!hint && hintPosition === "below",
+    customClass: "hint",
+    description: hint
+  }));
 };
 var _default = exports.default = MultipleSelect;