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

package/lib/@types/PointerEvents.d.ts

@@ -1,3 +1,3 @@
-type PointerEvents = 'none' | 'all' | 'fill' | 'painted' | 'stroke' | 'visible' | 'visibleFill' | 'visiblePainted' | 'visibleStroke' | 'inherit' | 'initial' | 'unset' | 'auto';
+type PointerEvents = 'none' | 'all' | 'fill' | 'painted' | 'stroke' | 'visible' | 'visibleFill' | 'visiblePainted' | 'visibleStroke' | 'inherit' | 'initial' | 'unset';
 
 export { PointerEvents };

package/lib/assets/styles/multiSelect.scss

@@ -97,7 +97,7 @@
       > .label {
         flex-grow: 1;
       }
-      > .icon-component-container > .menuicon {
+      > .menuicon {
         margin-right: 5px;
       }
     }

package/lib/assets/styles/select.scss

@@ -112,7 +112,7 @@
       > .label {
         flex-grow: 1;
       }
-      > .icon-component-container > .menuicon {
+      > .menuicon {
         margin-right: 5px
       }
     }

package/lib/assets/styles/sidenav.scss

@@ -48,9 +48,9 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
     > .item:hover {
       background-color: #eee;
     }
-    > .item:hover > .icon-component-container > .menuicon,
+    > .item:hover > .menuicon,
     > .item:hover .searchmenuicon,
-    > .item:hover > .menulink > .icon-component-container > .menuicon,
+    > .item:hover > .menulink > .menuicon,
     > .item:hover > .menulink .searchmenuicon {
       fill: rgb(114, 114, 114);
     }
@@ -132,7 +132,7 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
       align-items: center;
       text-decoration: none;
     }
-    > .icon-component-container > .menuicon {
+    > .menuicon {
       justify-self: center;
     }
     > .title,
@@ -164,7 +164,7 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
       align-items: center;
     }
     > .menuicon,
-    > .menulink > .icon-component-container > .menuicon {
+    > .menulink > .menuicon {
       justify-self: center;
     }
   }

package/lib/buttons/button_container/index.js

@@ -25,7 +25,6 @@ var ButtonContainer = function ButtonContainer(_ref) {
     position = _ref$position === void 0 ? 'left' : _ref$position,
     children = _ref.children;
   return /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": "button-container",
     className: "btn-container ".concat(customClass),
     style: getStyles(style, position)
   }, children);

package/lib/dialog/Custom.js

@@ -44,7 +44,7 @@ var Custom = function Custom(props) {
     className: "title"
   }, props.title), /*#__PURE__*/_react.default.createElement("div", {
     className: "text"
-  }, props.text)), props.buttons && props.buttons.length > 0 && /*#__PURE__*/_react.default.createElement(_Footer.default, props, /*#__PURE__*/_react.default.createElement(_buttons.ButtonContainer, {
+  }, props.text)), /*#__PURE__*/_react.default.createElement(_Footer.default, props, /*#__PURE__*/_react.default.createElement(_buttons.ButtonContainer, {
     position: "right"
   }, props.buttons.map(function (button) {
     return /*#__PURE__*/_react.default.cloneElement(button, {

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");
@@ -68,19 +67,16 @@ var ModalForm = function ModalForm(props) {
     handlerClose: props.handlerClose
   }, props))), /*#__PURE__*/_react.default.createElement(_Content.default, {
     styleForContent: _objectSpread(_objectSpread({}, props.styleForContent), overlayStyle)
-  }, content || children), getSpinner(), showFooter && props.buttons && props.buttons.length > 0 && /*#__PURE__*/_react.default.createElement(_Footer.default, null, /*#__PURE__*/_react.default.createElement(_index.ButtonContainer, _extends({}, props, {
+  }, 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/dialog/types.d.ts

@@ -31,7 +31,7 @@ interface IBaseProps {
 }
 interface IFormProps {
     children: ReactNode | ReactNode[];
-    buttons?: JSX.Element[];
+    buttons: JSX.Element[];
     styleForContent?: CSSProperties;
     title?: string;
     width?: string;
@@ -61,7 +61,7 @@ interface IQuestionProps {
 }
 interface ICustomProps {
     icon: ReactElement;
-    buttons?: JSX.Element[];
+    buttons: JSX.Element[];
     title?: string;
     text?: string;
     height?: string;

package/lib/form/FieldNumber.js

@@ -41,8 +41,8 @@ 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)) {
-        handlerFieldChange === null || handlerFieldChange === void 0 ? void 0 : handlerFieldChange(e);
         if (validators) handlerFieldValidade === null || handlerFieldValidade === void 0 ? void 0 : handlerFieldValidade(name, e.target.value, validators);
         if (_onKeyDown) _onKeyDown(e);
         handleShowValidateMessages(true);

package/lib/icons/index.d.ts

@@ -4,11 +4,7 @@ import '../@types/PointerEvents.js';
 import '../@types/SizePixels.js';
 import '../@types/Icon.js';
 import './helper.js';
-import '../@types/Position.js';
 
-declare const _default: {
-    (props: IIconProps): JSX.Element;
-    displayName: string;
-};
+declare const Icon: ({ name, onClick, svgStruct, size, style, visible, disabled, customClass, color, pointerEvents, }: IIconProps) => JSX.Element | null;
 
-export { _default as default };
+export { Icon as default };

package/lib/icons/index.js

@@ -1,17 +1,13 @@
 "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 _react = _interopRequireDefault(require("react"));
 var _helper = _interopRequireDefault(require("./helper"));
 require("../assets/styles/icon.scss");
-var _withTooltip = _interopRequireDefault(require("../internals/withTooltip"));
 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; }
 var listIcon = _helper.default;
 var disabledIconColor = 'rgb(193, 193, 193)';
 var Icon = function Icon(_ref) {
@@ -29,36 +25,20 @@ var Icon = function Icon(_ref) {
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     _ref$customClass = _ref.customClass,
     customClass = _ref$customClass === void 0 ? '' : _ref$customClass,
-    _ref$customClassForCo = _ref.customClassForContainer,
-    customClassForContainer = _ref$customClassForCo === void 0 ? '' : _ref$customClassForCo,
     _ref$color = _ref.color,
     color = _ref$color === void 0 ? '#676464' : _ref$color,
     _ref$pointerEvents = _ref.pointerEvents,
-    pointerEvents = _ref$pointerEvents === void 0 ? 'none' : _ref$pointerEvents,
-    targetRef = _ref.targetRef;
-  var refSvg = (0, _react.useRef)(null);
+    pointerEvents = _ref$pointerEvents === void 0 ? 'none' : _ref$pointerEvents;
   var getPaths = function getPaths() {
     return name ? listIcon[name].paths : svgStruct === null || svgStruct === void 0 ? void 0 : svgStruct.paths;
   };
   if (!name && !svgStruct) throw new Error('One of the "name" and "svgStruct" props must be filled');
   if (!visible) return null;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "icon-component-container ".concat(customClassForContainer),
-    style: {
-      display: 'inline-flex',
-      placeSelf: 'center'
-    },
-    ref: function ref(r) {
-      if (targetRef && r) targetRef(r);
-    }
-  }, /*#__PURE__*/_react.default.createElement("svg", {
+  return /*#__PURE__*/_react.default.createElement("svg", {
     "data-testid": "icon",
     onClick: function onClick() {
       if (_onClick && !disabled) _onClick();
     },
-    ref: function ref(r) {
-      refSvg.current = r;
-    },
     width: "".concat(size, "px"),
     height: "".concat(size, "px"),
     fill: disabled ? disabledIconColor : color,
@@ -72,7 +52,7 @@ var Icon = function Icon(_ref) {
       d: value,
       key: value
     });
-  })));
+  }));
 };
-var _default = (0, _withTooltip.default)(Icon);
+var _default = Icon;
 exports.default = _default;

package/lib/icons/types.d.ts

@@ -2,7 +2,6 @@ import { CSSProperties } from 'react';
 import { PointerEvents } from '../@types/PointerEvents.js';
 import { SizePixels } from '../@types/SizePixels.js';
 import { IconNames } from '../@types/Icon.js';
-import { Position } from '../@types/Position.js';
 import './helper.js';
 
 type ListIconType = {
@@ -15,7 +14,6 @@ interface IIconProps {
     size?: SizePixels;
     color?: string;
     customClass?: string;
-    customClassForContainer?: string;
     style?: CSSProperties;
     visible?: boolean;
     disabled?: boolean;
@@ -27,10 +25,6 @@ interface IIconProps {
         paths: Array<string>;
     };
     onClick?: () => void;
-    tooltipPosition?: Exclude<Position, 'center'>;
-    tooltipWidth?: string | number;
-    tooltip?: string;
-    targetRef?: (ref: HTMLDivElement) => void;
 }
 
 export { IIconProps, ListIconType };

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/lib/menus/sidenav/NavMenuItem.js

@@ -84,7 +84,6 @@ var NavMenuItem = function NavMenuItem(props) {
   }), /*#__PURE__*/_react.default.createElement(_react.Fragment, null, iconName && /*#__PURE__*/_react.default.createElement(_icons.default, {
     name: iconName,
     size: menuSize === 'small' && 16 || menuSize === 'medium' && 24 || menuSize === 'large' && 32 || 16,
-    customClassForContainer: "menuicon-container",
     customClass: "menuicon"
   }), isExpanded && /*#__PURE__*/_react.default.createElement("span", {
     className: "title"

package/package.json

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