linear-react-components-ui 1.0.12-beta.4 → 1.0.12-beta.6

package/lib/form/FieldNumber.js

@@ -41,7 +41,6 @@ var getEventProps = function getEventProps(_ref) {
       handleShowValidateMessages(true);
     },
     onKeyDown: function onKeyDown(e) {
-      handlerFieldChange === null || handlerFieldChange === void 0 ? void 0 : handlerFieldChange(e);
       if ([constants.keyCodes.ENTER].includes(e.keyCode)) {
         if (validators) handlerFieldValidade === null || handlerFieldValidade === void 0 ? void 0 : handlerFieldValidade(name, e.target.value, validators);
         if (_onKeyDown) _onKeyDown(e);

package/lib/inputs/base/InputTextBase.js

@@ -71,6 +71,7 @@ var InputTextBase = function InputTextBase(props) {
     _onDragOver = props.onDragOver,
     _onDrop = props.onDrop,
     _onDragLeave = props.onDragLeave,
+    _onClick = props.onClick,
     readOnlyClass = props.readOnlyClass;
   var propsInput;
   var options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible, _permissionValidations.OPTIONS_ON_DENIED.readOnly, _permissionValidations.OPTIONS_ON_DENIED.hideContent];
@@ -148,6 +149,9 @@ var InputTextBase = function InputTextBase(props) {
         },
         onDragLeave: function onDragLeave(e) {
           if (_onDragLeave) _onDragLeave(e);
+        },
+        onClick: function onClick(e) {
+          if (_onClick) _onClick(e);
         }
       });
     }

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

@@ -1,4 +1,4 @@
-import { KeyboardEvent, DragEvent, MutableRefObject, RefObject, CSSProperties } from 'react';
+import { MouseEvent, KeyboardEvent, DragEvent, MutableRefObject, RefObject, CSSProperties } from 'react';
 import { TextAlign } from '../../@types/Align.js';
 import { Period } from '../../@types/Period.js';
 import { PermissionAttr, OnDenied } from '../../@types/PermissionAttr.js';
@@ -33,6 +33,7 @@ interface IBaseProps {
     maxLength?: number;
     name?: string;
     required?: boolean;
+    onClick?: (event: MouseEvent) => void;
     onBlur?: (e: CustomInputEvent) => void;
     onFocus?: (e: CustomInputEvent) => void;
     onReset?: (e: CustomInputEvent) => void;

package/lib/inputs/select/Dropdown.js

@@ -48,8 +48,7 @@ var Dropdown = function Dropdown(props) {
     searchOnDropdown = props.searchOnDropdown,
     handleOnKeydown = props.handleOnKeydown,
     searchNotFoundText = props.searchNotFoundText,
-    idKey = props.idKey,
-    handlerSelecionadoAgora = props.handlerSelecionadoAgora;
+    idKey = props.idKey;
   var _useState = (0, _react.useState)(helper.returnDropdownDynamicStyles(_objectSpread({}, props))),
     _useState2 = _slicedToArray(_useState, 2),
     dropdownDynamicStyles = _useState2[0],
@@ -105,7 +104,6 @@ var Dropdown = function Dropdown(props) {
       onKeyPress: function onKeyPress() {},
       onClick: function onClick() {
         if (!disabled) {
-          if (handlerSelecionadoAgora) handlerSelecionadoAgora(true);
           handleOnSelect(item);
           handleOnBlur(item);
         }

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

@@ -80,20 +80,20 @@ var MultipleSelect = function MultipleSelect(props) {
   var selectWrapper = (0, _react.useRef)();
   var gridElRef = (0, _react.useRef)();
   var descriptionKeyIsString = typeof descriptionKey === 'string';
+  var insideComponents = ['item', 'menubutton', 'filterinput', 'filtercontainer', 'label', 'select-dropdown'];
   var onScreenResize = function onScreenResize() {
     if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);
   };
   var onClickOutside = function onClickOutside(event) {
     var target = event.target;
-    if (target !== selectWrapper.current && selectWrapper.current && !selectWrapper.current.contains(target) && dropdownRef.current && !dropdownRef.current.contains(target)) {
+    if (!insideComponents.includes(target.className) && target !== selectWrapper.current && selectWrapper.current && !selectWrapper.current.contains(target) && dropdownRef.current && !dropdownRef.current.contains(target)) {
       setOpened(false);
     }
   };
   var onMouseMove = function onMouseMove(event) {
     var target = event.target;
     if (target.className === '') return;
-    var insideComponents = ['item', 'menubutton', 'filterinput', 'filtercontainer', 'label'].includes(target.className);
-    setInsideComponent(insideComponents);
+    setInsideComponent(insideComponents.includes(target.className));
   };
   var onClearClick = function onClearClick() {
     setSelected(undefined);
@@ -123,16 +123,21 @@ var MultipleSelect = function MultipleSelect(props) {
       setInputValue([filteredValue]);
     }
   };
+  var _onFocus = function onFocus() {
+    var dropdownWidthFocus = selectWrapper.current ? selectWrapper.current.clientWidth : dropdownWidth;
+    setOpened(true);
+    setDropdownWidth(dropdownWidthFocus);
+  };
   var onSelect = function onSelect(select) {
     if (select === null) return;
     var currentsSelect = [].concat(_toConsumableArray(currents), [select]);
     setCurrents(currentsSelect);
     setDataCombo(dataSource);
     setInputValue([]);
-    setOpened(false);
     if (props.onSelect) setSelected(props.onSelect(currentsSelect.map(function (i) {
       return i[idKey];
     })));
+    _onFocus();
   };
   var onUnselect = function onUnselect(id) {
     if (currents) {
@@ -149,11 +154,6 @@ var MultipleSelect = function MultipleSelect(props) {
     setOpened(!opened);
     if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);
   };
-  var _onFocus = function onFocus() {
-    var dropdownWidthFocus = selectWrapper.current ? selectWrapper.current.clientWidth : dropdownWidth;
-    setOpened(true);
-    setDropdownWidth(dropdownWidthFocus);
-  };
   var _onBlur = function onBlur(e) {
     if (props.onBlur) props.onBlur(e);
     if (!insideComponent) setOpened(false);
@@ -252,6 +252,8 @@ var MultipleSelect = function MultipleSelect(props) {
     onChange: function onChange(e) {
       if (e) onFilter(e.target.value);
     },
+    onClick: _onFocus,
+    inputRef: dropdownRef,
     onKeyDown: onInputKeyDown,
     customClassForWrapper: "selectwrapper ".concat((props.readOnly || shouldDisable() || shouldBeReadOnly()) && ' -undigitable'),
     customClassForInputContent: "multiselect",

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

@@ -89,10 +89,6 @@ var SimpleSelect = function SimpleSelect(props) {
     _useState16 = _slicedToArray(_useState15, 2),
     isTyping = _useState16[0],
     setIsTyping = _useState16[1];
-  var _useState17 = (0, _react.useState)(false),
-    _useState18 = _slicedToArray(_useState17, 2),
-    selecionadoAgora = _useState18[0],
-    setSelecionadoAgora = _useState18[1];
   var dropdownRef = (0, _react.useRef)(null);
   var componentId = "select-component".concat(_uuid.default.v1());
   var componentRef = (0, _react.useRef)(null);
@@ -158,25 +154,26 @@ var SimpleSelect = function SimpleSelect(props) {
     }
   };
   var onSelect = function onSelect(selectedDropdown) {
+    var _dropdownRef$current2;
     if (selectedDropdown === undefined) return;
     setOpened(false);
     setSelected(selectedDropdown);
     if (descriptionKeyIsString) setInputText(selectedDropdown[descriptionKey]);else setInputText(descriptionKey(selectedDropdown));
     onChange(selectedDropdown);
-    setSelecionadoAgora(true);
+    (_dropdownRef$current2 = dropdownRef.current) === null || _dropdownRef$current2 === void 0 ? void 0 : _dropdownRef$current2.focus();
   };
   var onOpenClose = function onOpenClose() {
     setOpened(!opened);
     if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);
   };
-  var _onFocus = function onFocus() {
+  var onFocus = function onFocus() {
     setOpened(openDropdownOnFocus);
     if (selectWrapper) {
       var dropdownWidthFocus = selectWrapper.current ? selectWrapper.current.clientWidth : 0;
       setDropdownWidth(dropdownWidthFocus);
     }
   };
-  var _onBlur = function onBlur() {
+  var onBlur = function onBlur() {
     if (props.onBlur) {
       var event = getSelectEvent(selected);
       props.onBlur(event);
@@ -190,7 +187,6 @@ var SimpleSelect = function SimpleSelect(props) {
       setOpened(false);
       setIsTyping(false);
     }
-    setSelecionadoAgora(false);
   };
   var onInputKeyDown = function onInputKeyDown(e) {
     if (e.keyCode) {
@@ -275,7 +271,6 @@ var SimpleSelect = function SimpleSelect(props) {
       setDataCombo([(_ref2 = {}, _defineProperty(_ref2, idKey, allOptions.idValue), _defineProperty(_ref2, descriptionKeyIsString ? descriptionKey : descriptionKey(allOptions.label), allOptions.label), _ref2)].concat(_toConsumableArray(dataSource)));
     }
   }, [JSON.stringify(dataSourceWithAllOptions)]);
-  console.log('selecionadoAgora', selecionadoAgora);
   return /*#__PURE__*/_react.default.createElement("span", {
     id: componentId,
     ref: componentRef,
@@ -283,18 +278,13 @@ var SimpleSelect = function SimpleSelect(props) {
   }, /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
     readOnly: undigitable || shouldBeReadOnly(),
     value: inputText,
-    autoFocus: opened || selecionadoAgora,
-    onFocus: function onFocus() {
-      setSelecionadoAgora(true);
-      _onFocus();
-    },
-    onBlur: function onBlur() {
-      setSelecionadoAgora(false);
-      _onBlur();
-    },
+    onFocus: onFocus,
+    onBlur: onBlur,
     onChange: function onChange(e) {
       if (e) onFilter(e.target.value);
     },
+    onClick: onFocus,
+    inputRef: dropdownRef,
     onKeyDown: onInputKeyDown,
     customClassForWrapper: "selectwrapper ".concat((undigitable || searchOnDropdown || shouldBeReadOnly()) && ' -undigitable'),
     customClassForInputContent: "multiselect",
@@ -325,17 +315,14 @@ var SimpleSelect = function SimpleSelect(props) {
     handleOnSelect: function handleOnSelect(dataSelected) {
       if (dataSelected) onSelect(dataSelected);
     },
-    handlerSelecionadoAgora: function handlerSelecionadoAgora(exemplo) {
-      return setSelecionadoAgora(exemplo);
-    },
     handleOnFilter: function handleOnFilter(valueFilter) {
       return onFilter(valueFilter);
     },
     handleOnKeydown: onInputKeyDown,
     handleOnBlur: function handleOnBlur() {
-      return _onBlur;
+      return onBlur;
     },
-    handleOnFocus: _onFocus,
+    handleOnFocus: onFocus,
     opened: opened,
     dataCombo: dataCombo,
     dropdownWidth: dropdownWidth || 0

package/lib/inputs/types.d.ts

@@ -19,7 +19,7 @@ interface ISearchProps extends IBaseProps {
     resetButton?: boolean;
     onReset?: (event?: CustomInputEvent) => void;
     onChange?: (event?: CustomInputEvent) => void;
-    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    onClick?: (event: MouseEvent<Element>) => void;
     textAlign?: TextAlign;
     disabled?: boolean;
     readOnly?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "1.0.12-beta.4",
+  "version": "1.0.12-beta.6",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "module": "lib/index.cjs",