linear-react-components-ui 1.1.20-beta.43 → 1.1.20-beta.45

package/lib/dropdown/Popup.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { IPopUpProps } from './types.js';
+import { IPopupProps } from './types.js';
 
-declare const DropdownPopup: ({ id, customClassForDropdown, align, isFloatMenu, topPosition, leftPosition, rightPosition, minWidth, targetRef, ...props }: IPopUpProps) => React.ReactPortal;
+declare const DropdownPopup: ({ id, customClassForDropdown, align, isFloatMenu, topPosition, leftPosition, rightPosition, minWidth, targetRef, ...props }: IPopupProps) => React.ReactPortal;
 
 export { DropdownPopup as default };

package/lib/dropdown/Popup.js

@@ -19,6 +19,7 @@ const getDropdownStyles = _ref => {
     container,
     target
   } = _ref;
+  console.log('passou dali', container, target);
   if (!container || !target) return '';
   const targetDimensions = target.getBoundingClientRect();
   const rightPosition = !isFloatMenu ? window.innerWidth - targetDimensions.x - targetDimensions.width - 4 : undefined;
@@ -68,6 +69,7 @@ const DropdownPopup = _ref2 => {
     const lastModalContainer = modalContainers[modalContainers.length - 1];
     popup.current.style.zIndex = `${modalContainers.length ? Number(lastModalContainer.style.zIndex) + 1 : 99999}`;
   }
+  console.log('target >>>', targetRef);
   (0, _react.useEffect)(() => {
     body.appendChild(popup.current);
     popup.current.id = id || `dropdown-component-${(0, _uuid.v1)()}`;

package/lib/dropdown/types.d.ts

@@ -22,7 +22,7 @@ interface GetDisplayNameParams {
 interface WithDropdownContextProps {
     handleDropdownClose: () => void;
 }
-interface IPopUpProps {
+interface IPopupProps {
     id?: string;
     children?: ReactNode;
     customClassForDropdown?: string;
@@ -32,7 +32,7 @@ interface IPopUpProps {
     leftPosition?: number;
     rightPosition?: number;
     minWidth?: number;
-    targetRef?: HTMLElement;
+    targetRef?: HTMLElement | HTMLInputElement | null;
 }
 interface GetDropdownStyleParams {
     align: 'left' | 'right';
@@ -42,7 +42,7 @@ interface GetDropdownStyleParams {
     leftPosition: number;
     rightPosition: number;
     container?: HTMLDivElement;
-    target?: HTMLElement;
+    target?: HTMLElement | HTMLInputElement | null;
 }
 
-export { GetDisplayNameParams, GetDropdownStyleParams, IPopUpProps, WithDropdownContextProps, WithDropdownProps, WrappedComponentProps };
+export { GetDisplayNameParams, GetDropdownStyleParams, IPopupProps, WithDropdownContextProps, WithDropdownProps, WrappedComponentProps };

package/lib/inputs/base/InputTextBase.js

@@ -28,6 +28,7 @@ const InputTextBase = props => {
   const {
     textAlign = 'left',
     value,
+    defaultValue,
     type = 'text',
     readOnly = false,
     placeHolder,
@@ -98,6 +99,7 @@ const InputTextBase = props => {
     const disableCallbacks = shouldBeReadOnly() || shouldDisable() || hideContent;
     propsInput = {
       value: hideContent ? '' : value,
+      defaultValue,
       accept,
       type,
       readOnly: shouldBeReadOnly(),

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

@@ -96,6 +96,7 @@ interface IBaseProps {
     themePopover?: 'light' | 'dark';
     popoverAlign?: 'right' | 'left';
     tabIndex?: number;
+    defaultValue?: string | string[];
 }
 
 export { CustomInputEvent, IBaseProps, InputLabelProps };

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

@@ -37,13 +37,13 @@ declare const getMaskOptions: ({ isDateField, placeholderChar, min, max, lazy, p
     required?: boolean | undefined;
     returnFormattedValueOnBlur?: boolean | undefined;
     returnFormattedValueOnKeyDown?: boolean | undefined;
-    autoCompleteMask?: "right" | "left" | undefined;
+    autoCompleteMask?: "left" | "right" | undefined;
     definitions?: any;
     mask?: any;
     hint?: string | string[] | undefined;
     hintPosition?: "below" | "onLabelRight" | undefined;
     themePopover?: "dark" | "light" | undefined;
-    popoverAlign?: "right" | "left" | undefined;
+    popoverAlign?: "left" | "right" | undefined;
     placeholderChar: string;
     min: any;
     max: any;

package/lib/inputs/select/Dropdown.js

@@ -37,7 +37,8 @@ const Dropdown = props => {
     searchOnDropdown,
     handleOnKeydown,
     searchNotFoundText,
-    idKey
+    idKey,
+    selectFieldRef
   } = props;
   const [dropdownDynamicStyles, setDropdownDynamicStyles] = (0, _react.useState)(helper.returnDropdownDynamicStyles(_objectSpread({}, props)));
   (0, _react.useEffect)(() => {
@@ -48,7 +49,8 @@ const Dropdown = props => {
   return /*#__PURE__*/_react.default.createElement(_Popup.default, {
     align: "left",
     leftPosition: dropdownDynamicStyles.left,
-    topPosition: dropdownDynamicStyles.top
+    topPosition: dropdownDynamicStyles.top,
+    targetRef: selectFieldRef?.current
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "select-dropdown",
     ref: dropdownRef,

package/package.json

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