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

package/lib/dialog/form/index.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.FormDialogContext = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _uuid = _interopRequireDefault(require("uuid"));
 var _base = _interopRequireDefault(require("../base"));
 var _Header = _interopRequireDefault(require("../base/Header"));
 var _index = require("../../buttons/index");
@@ -70,17 +69,14 @@ var ModalForm = function ModalForm(props) {
     styleForContent: _objectSpread(_objectSpread({}, props.styleForContent), overlayStyle)
   }, content || children), getSpinner(), showFooter && /*#__PURE__*/_react.default.createElement(_Footer.default, null, /*#__PURE__*/_react.default.createElement(_index.ButtonContainer, _extends({}, props, {
     style: _objectSpread({}, overlayStyle)
-  }), props.buttons.map(function (button) {
+  }), _react.default.Children.toArray(props.buttons.map(function (button) {
     if (context && context.securityBeforeUnload && button && button.type && button.type.name === 'CancelButton') {
       return /*#__PURE__*/_react.default.cloneElement(button, {
-        key: "button-".concat(_uuid.default.v1()),
         onClick: props.handlerClose
       });
     }
-    return /*#__PURE__*/_react.default.cloneElement(button, {
-      key: "button-".concat(_uuid.default.v1())
-    });
-  })))));
+    return /*#__PURE__*/_react.default.cloneElement(button);
+  }))))));
 };
 var _default = (0, _withFormSecurity.default)(ModalForm);
 exports.default = _default;

package/lib/form/FieldNumber.js

@@ -29,23 +29,20 @@ var getEventProps = function getEventProps(_ref) {
   var name = _ref.name,
     validators = _ref.validators,
     _onBlur = _ref.onBlur,
-    _onChange = _ref.onChange,
     _onKeyDown = _ref.onKeyDown,
     handlerFieldValidade = _ref.handlerFieldValidade,
     handlerFieldChange = _ref.handlerFieldChange,
     handleShowValidateMessages = _ref.handleShowValidateMessages;
   return {
     onBlur: function onBlur(e) {
+      if (handlerFieldChange) handlerFieldChange(e);
       if (validators && handlerFieldValidade) handlerFieldValidade(name, e.target.value, validators);
       if (_onBlur) _onBlur(e);
       handleShowValidateMessages(true);
     },
-    onChange: function onChange(e) {
-      if (_onChange) _onChange(e);
-    },
     onKeyDown: function onKeyDown(e) {
-      if ([constants.keyCodes.ENTER, constants.keyCodes.TAB].includes(e.keyCode)) {
-        if (handlerFieldChange) handlerFieldChange(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);
         handleShowValidateMessages(true);

package/lib/inputs/mask/BaseMask.js

@@ -20,7 +20,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var returnEventFormattedValue = function returnEventFormattedValue(props, event) {
-  if (props.returnFormattedValueOnBlur || props.returnFormattedValueOnKeyDown || props.returnFormattedValueOnChange) {
+  if (props.returnFormattedValueOnBlur || props.returnFormattedValueOnKeyDown) {
     // Retornando um objeto com a mesma estrutura do Proxy original
     // para recuperacao do valor da mascara sem formatacao.
     // O retorno poderá ser modificado conforme necessidade, desde que seja
@@ -52,24 +52,10 @@ var getEventProps = function getEventProps(props) {
         props.onBlur(formattedEvent);
       }
     },
-    onChange: function onChange(e) {
-      if (props.onChange) {
-        var _ref = e.target,
-          value = _ref.value;
-        var formatedValue = (0, _format_number.formatOnlyNumbers)(value);
-        var eventWithFormatedValue = _objectSpread(_objectSpread({}, e), {}, {
-          target: {
-            value: formatedValue
-          }
-        });
-        var formattedEvent = returnEventFormattedValue(props, eventWithFormatedValue);
-        props.onChange(formattedEvent);
-      }
-    },
     onKeyDown: function onKeyDown(e) {
       if (props.onKeyDown) {
-        var _ref2 = e.target,
-          value = _ref2.value;
+        var _ref = e.target,
+          value = _ref.value;
         var formatedValue = (0, _format_number.formatOnlyNumbers)(value);
         var eventWithFormatedValue = _objectSpread(_objectSpread({}, e), {}, {
           target: {
@@ -82,9 +68,9 @@ var getEventProps = function getEventProps(props) {
     }
   };
 };
-var BaseMask = function BaseMask(_ref3) {
-  var inputRef = _ref3.inputRef,
-    props = _objectWithoutProperties(_ref3, _excluded);
+var BaseMask = function BaseMask(_ref2) {
+  var inputRef = _ref2.inputRef,
+    props = _objectWithoutProperties(_ref2, _excluded);
   return /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
     inputRef: inputRef
   }, getEventProps(props)));

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

@@ -45,7 +45,6 @@ interface IBaseMaskProps {
     required?: boolean;
     returnFormattedValueOnBlur?: boolean;
     returnFormattedValueOnKeyDown?: boolean;
-    returnFormattedValueOnChange?: boolean;
     isDateField?: boolean;
 }
 interface ICnpjFieldProps extends IBaseMaskProps {

package/lib/inputs/number/BaseNumber.js

@@ -35,8 +35,7 @@ var returnEventFormattedValue = function returnEventFormattedValue(props, event)
 };
 var getEventProps = function getEventProps(props) {
   var returnFormattedValueOnBlur = props.returnFormattedValueOnBlur,
-    returnFormattedValueOnKeyDown = props.returnFormattedValueOnKeyDown,
-    returnFormattedValueonChange = props.returnFormattedValueonChange;
+    returnFormattedValueOnKeyDown = props.returnFormattedValueOnKeyDown;
   if (props.isNumeric) return {};
   return {
     onBlur: function onBlur(e) {
@@ -45,12 +44,6 @@ var getEventProps = function getEventProps(props) {
         props.onBlur(formattedEvent);
       }
     },
-    onChange: function onChange(e) {
-      if (props.onChange) {
-        var formattedEvent = returnFormattedValueonChange ? returnEventFormattedValue(props, e) : e;
-        props.onChange(formattedEvent);
-      }
-    },
     onKeyDown: function onKeyDown(e) {
       if (props.onKeyDown) {
         var formattedEvent = returnFormattedValueOnKeyDown ? returnEventFormattedValue(props, e) : e;

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

@@ -25,7 +25,6 @@ interface IBaseNumberProps extends INumberFieldProps {
     onBlur?: (e: CustomInputEvent) => void;
     returnFormattedValueOnBlur?: boolean;
     returnFormattedValueOnKeyDown?: boolean;
-    returnFormattedValueonChange?: boolean;
 }
 interface ICurrencyProps extends INumberFieldProps {
     currencySymbol?: string;

package/lib/inputs/select/Dropdown.js

@@ -48,7 +48,8 @@ var Dropdown = function Dropdown(props) {
     searchOnDropdown = props.searchOnDropdown,
     handleOnKeydown = props.handleOnKeydown,
     searchNotFoundText = props.searchNotFoundText,
-    idKey = props.idKey;
+    idKey = props.idKey,
+    handlerSelecionadoAgora = props.handlerSelecionadoAgora;
   var _useState = (0, _react.useState)(helper.returnDropdownDynamicStyles(_objectSpread({}, props))),
     _useState2 = _slicedToArray(_useState, 2),
     dropdownDynamicStyles = _useState2[0],
@@ -104,6 +105,7 @@ 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/simple/index.js

@@ -89,6 +89,10 @@ 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);
@@ -159,19 +163,20 @@ var SimpleSelect = function SimpleSelect(props) {
     setSelected(selectedDropdown);
     if (descriptionKeyIsString) setInputText(selectedDropdown[descriptionKey]);else setInputText(descriptionKey(selectedDropdown));
     onChange(selectedDropdown);
+    setSelecionadoAgora(true);
   };
   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);
@@ -185,6 +190,7 @@ var SimpleSelect = function SimpleSelect(props) {
       setOpened(false);
       setIsTyping(false);
     }
+    setSelecionadoAgora(false);
   };
   var onInputKeyDown = function onInputKeyDown(e) {
     if (e.keyCode) {
@@ -269,6 +275,7 @@ 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,
@@ -276,8 +283,15 @@ var SimpleSelect = function SimpleSelect(props) {
   }, /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
     readOnly: undigitable || shouldBeReadOnly(),
     value: inputText,
-    onFocus: onFocus,
-    onBlur: onBlur,
+    autoFocus: opened || selecionadoAgora,
+    onFocus: function onFocus() {
+      setSelecionadoAgora(true);
+      _onFocus();
+    },
+    onBlur: function onBlur() {
+      setSelecionadoAgora(false);
+      _onBlur();
+    },
     onChange: function onChange(e) {
       if (e) onFilter(e.target.value);
     },
@@ -311,14 +325,17 @@ 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

@@ -110,6 +110,7 @@ interface IDropdownSelectProps {
     handleOnKeydown: (e: CustomInputEvent | KeyboardEvent) => void;
     handleOnBlur: (item: DataCombo) => void;
     handleOnFocus: () => void;
+    handlerSelecionadoAgora?: (bool: boolean) => void;
     opened: boolean;
     dropdownRef: MutableRefObject<HTMLDivElement | null>;
     dataCombo: DataCombo[];

package/package.json

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