linear-react-components-ui 1.1.2-beta.26 → 1.1.2-beta.27

package/lib/assets/styles/input.scss

@@ -9,6 +9,11 @@
   margin-bottom: 6px;
   > .label {
     @extend %input-label;
+    width: 100%;
+    display: block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
 }
 

package/lib/form/Field.d.ts

@@ -6,6 +6,8 @@ import '../@types/DataCombo.js';
 import '../@types/PermissionAttr.js';
 import '../inputs/base/types.js';
 import '../@types/Period.js';
+import '../internals/types.js';
+import '../@types/Position.js';
 
 declare const _default: React__default.ForwardRefExoticComponent<Pick<IFieldProps & React__default.RefAttributes<unknown>, keyof IFieldProps | "key"> & React__default.RefAttributes<HTMLElement>>;
 

package/lib/form/FieldArray.d.ts

@@ -6,6 +6,8 @@ import '../@types/DataCombo.js';
 import '../@types/PermissionAttr.js';
 import '../inputs/base/types.js';
 import '../@types/Period.js';
+import '../internals/types.js';
+import '../@types/Position.js';
 
 declare const _default: React__default.ForwardRefExoticComponent<IFieldArrayProps & React__default.RefAttributes<HTMLElement>>;
 

package/lib/form/FieldNumber.d.ts

@@ -6,6 +6,8 @@ import '../@types/DataCombo.js';
 import '../@types/PermissionAttr.js';
 import '../inputs/base/types.js';
 import '../@types/Period.js';
+import '../internals/types.js';
+import '../@types/Position.js';
 
 declare const _default: React__default.ForwardRefExoticComponent<IFieldProps & React__default.RefAttributes<HTMLElement>>;
 

package/lib/form/FieldPeriod.d.ts

@@ -6,6 +6,8 @@ import '../@types/DataCombo.js';
 import '../@types/PermissionAttr.js';
 import '../inputs/base/types.js';
 import '../@types/Period.js';
+import '../internals/types.js';
+import '../@types/Position.js';
 
 declare const _default: React__default.ForwardRefExoticComponent<IFieldPeriodProps & React__default.RefAttributes<HTMLElement>>;
 

package/lib/form/helpers.d.ts

@@ -6,6 +6,8 @@ import '../@types/DataCombo.js';
 import '../@types/PermissionAttr.js';
 import '../inputs/base/types.js';
 import '../@types/Period.js';
+import '../internals/types.js';
+import '../@types/Position.js';
 
 declare const securityBeforeUnload = "securityBeforeUnload";
 declare const FormContext: React__default.Context<FormContextProps>;

package/lib/form/index.d.ts

@@ -10,6 +10,8 @@ import '../@types/DataCombo.js';
 import '../@types/PermissionAttr.js';
 import '../inputs/base/types.js';
 import '../@types/Period.js';
+import '../internals/types.js';
+import '../@types/Position.js';
 
 declare const Form: ({ submitOnPressEnterKey, dataSource, securityBeforeUnload, handlerReset, handlerSubmit, handlerValidates, style, customClass, securityTitle, securityText, securityData, onDataChange, onValidateForm, externalFieldErrors, onSubmit, skeletonize, disabled, children, useInternalState, }: FormProps) => JSX.Element;
 

package/lib/form/types.d.ts

@@ -5,6 +5,8 @@ import '../@types/DataCombo.js';
 import '../@types/PermissionAttr.js';
 import '../inputs/base/types.js';
 import '../@types/Period.js';
+import '../internals/types.js';
+import '../@types/Position.js';
 
 type Validator = (value: string) => string | undefined;
 type PeriodValidator = (value: {

package/lib/form/withFieldHOC.d.ts

@@ -6,6 +6,8 @@ import '../@types/DataCombo.js';
 import '../@types/PermissionAttr.js';
 import '../inputs/base/types.js';
 import '../@types/Period.js';
+import '../internals/types.js';
+import '../@types/Position.js';
 
 declare const withFieldHOC: <ComponentProps extends WithFieldProps>(WrappedComponent: React__default.ComponentType<ComponentProps>) => React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<ComponentProps> & React__default.RefAttributes<HTMLElement>>;
 

package/lib/form/withFormSecurity.d.ts

@@ -6,6 +6,8 @@ import '../@types/DataCombo.js';
 import '../@types/PermissionAttr.js';
 import '../inputs/base/types.js';
 import '../@types/Period.js';
+import '../internals/types.js';
+import '../@types/Position.js';
 
 declare const FormSecurityContext: React__default.Context<IFormSecurityContext>;
 declare const withFormSecurity: <ComponentProps extends IWithFormSecurity>(WrappedComponent: React__default.ComponentType<ComponentProps>) => (props: ComponentProps) => JSX.Element;

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

@@ -3,7 +3,12 @@ import 'react';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
 
-declare const _default: (props: IBaseProps) => JSX.Element;
+declare const _default: {
+    (props: IBaseProps): JSX.Element;
+    displayName: string;
+};
 
 export { _default as default };

package/lib/inputs/base/InputTextBase.js

@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _lodash = _interopRequireDefault(require("lodash"));
-var _inputHOC = _interopRequireDefault(require("../inputHOC"));
 require("../../assets/styles/input.scss");
 var helpers = _interopRequireWildcard(require("./helpers"));
 var _withTooltip = _interopRequireDefault(require("../../internals/withTooltip"));
 var _permissionValidations = require("../../permissionValidations");
 var _hint = _interopRequireDefault(require("../../hint"));
 var _errorMessage = require("../errorMessage");
+var _Label = _interopRequireDefault(require("./Label"));
 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; }
@@ -70,11 +70,13 @@ const InputTextBase = props => {
   } = props;
   let propsInput;
   const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible, _permissionValidations.OPTIONS_ON_DENIED.readOnly, _permissionValidations.OPTIONS_ON_DENIED.hideContent];
+  const labelRef = (0, _react.useRef)(null);
   const onDenied = onDeniedActions || (0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr);
   const {
     hideContent,
     unvisible
   } = onDenied;
+  const [showTooltip, setShowTooltip] = (0, _react.useState)(false);
   (0, _react.useEffect)(() => {
     if (handlerSetOnDenied) handlerSetOnDenied(onDenied);
   }, []);
@@ -145,6 +147,39 @@ const InputTextBase = props => {
     }
     return propsInput;
   };
+  const onHoverLabel = e => {
+    const target = e.target;
+    if (target.offsetWidth < target.scrollWidth) {
+      setShowTooltip(true);
+    }
+  };
+  (0, _react.useEffect)(() => {
+    const resize = new ResizeObserver(_ref => {
+      let [element] = _ref;
+      const {
+        target
+      } = element;
+      setShowTooltip(prevState => {
+        var overflowing = target.clientWidth < target.scrollWidth;
+        return prevState === overflowing ? prevState : overflowing;
+      });
+    });
+    if (labelRef.current) {
+      resize.observe(labelRef.current);
+    }
+    return () => {
+      if (resize) {
+        resize.disconnect();
+      }
+    };
+  }, []);
+  if (labelRef.current) {
+    const element = labelRef.current;
+    const overflowing = element.offsetWidth < element.scrollWidth;
+    if (overflowing && !showTooltip) {
+      setShowTooltip(true);
+    }
+  }
   if (!visible || unvisible) return null;
   return /*#__PURE__*/_react.default.createElement("div", {
     style: style,
@@ -155,12 +190,14 @@ const InputTextBase = props => {
     style: {
       textAlign: textAlign === 'center' ? 'left' : textAlign
     }
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    style: styleForLabel,
-    className: "label ".concat(customClassForLabel, " ").concat(labelUppercase && ' -uppercase')
-  }, label, required && /*#__PURE__*/_react.default.createElement("span", {
-    className: "-requiredlabel"
-  }, "*"))), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(_Label.default, {
+    labelRef: labelRef,
+    label: label,
+    required: required,
+    onHoverLabel: onHoverLabel,
+    tooltip: showTooltip ? label.toString() : undefined,
+    tooltipPosition: "top"
+  })), /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": "testInputWrapper",
     style: styleForWrapper,
     className: helpers.getInputWrapperClass(_objectSpread(_objectSpread({}, props), {}, {
@@ -188,4 +225,4 @@ const InputTextBase = props => {
     messages: errorMessages
   }));
 };
-var _default = exports.default = (0, _inputHOC.default)((0, _withTooltip.default)(InputTextBase));
+var _default = exports.default = (0, _withTooltip.default)(InputTextBase);

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

@@ -0,0 +1,14 @@
+import { InputLabelProps } 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';
+
+declare const _default: {
+    (props: InputLabelProps): JSX.Element;
+    displayName: string;
+};
+
+export { _default as default };

package/lib/inputs/base/Label.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _withTooltip = _interopRequireDefault(require("../../internals/withTooltip"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Label = props => {
+  const {
+    label,
+    styleForLabel,
+    customClassForLabel,
+    labelUppercase,
+    required,
+    targetRef,
+    labelRef,
+    onHoverLabel
+  } = props;
+  return /*#__PURE__*/_react.default.createElement("span", {
+    style: styleForLabel,
+    ref: ref => {
+      if (ref) {
+        if (labelRef) labelRef.current = ref;
+        if (targetRef) targetRef(ref);
+      }
+    },
+    onMouseEnter: onHoverLabel,
+    className: "label ".concat(customClassForLabel, " ").concat(labelUppercase && ' -uppercase')
+  }, label, required && /*#__PURE__*/_react.default.createElement("span", {
+    className: "-requiredlabel"
+  }, "*"));
+};
+var _default = exports.default = (0, _withTooltip.default)(Label);

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

@@ -3,6 +3,8 @@ import { TextAlign } from '../../@types/Align.js';
 import 'react';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
 
 declare const getInputClass: ({ textAlign, readOnly, readOnlyClass, }: {
     textAlign?: TextAlign | undefined;

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

@@ -1,7 +1,9 @@
-import { KeyboardEvent, DragEvent, MutableRefObject, RefObject, CSSProperties } from 'react';
+import { MutableRefObject, KeyboardEvent, DragEvent, RefObject, CSSProperties } from 'react';
 import { TextAlign } from '../../@types/Align.js';
 import { Period } from '../../@types/Period.js';
 import { PermissionAttr, OnDenied } from '../../@types/PermissionAttr.js';
+import { WithTooltipProps } from '../../internals/types.js';
+import '../../@types/Position.js';
 
 interface CustomInputEvent {
     preventDefault?: () => void;
@@ -15,6 +17,16 @@ interface CustomInputEvent {
         files?: FileList | null;
     };
 }
+interface InputLabelProps extends WithTooltipProps {
+    label?: string | string[];
+    customClassForLabel?: string;
+    styleForLabel?: object;
+    labelUppercase?: boolean;
+    required?: boolean;
+    targetRef?: (ref: HTMLSpanElement | null) => void;
+    labelRef?: MutableRefObject<HTMLSpanElement | null>;
+    onHoverLabel?: (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
+}
 interface IBaseProps {
     inputHasFocus?: boolean;
     onInputReceiveFocus?: () => void;
@@ -79,4 +91,4 @@ interface IBaseProps {
     autoComplete?: 'on' | 'off';
 }
 
-export type { CustomInputEvent, IBaseProps };
+export type { CustomInputEvent, IBaseProps, InputLabelProps };

package/lib/inputs/date/Dialog.d.ts

@@ -5,6 +5,8 @@ import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
 
 declare const Dialog: ({ handlerClose, children, dialogSize }: IDateDialogProps) => JSX.Element;
 

package/lib/inputs/date/Dropdown.d.ts

@@ -5,6 +5,8 @@ import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
 
 declare const Dropdown: (props: IDateDropdownProps) => React.ReactPortal;
 

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

@@ -6,6 +6,8 @@ import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
 
 declare const PT_BR_FORMAT = "DD/MM/YYYY";
 declare const EN_US_FORMAT = "YYYY-MM-DD";

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

@@ -5,6 +5,8 @@ import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
 
 declare const DatePicker: (props: IDatePickerProps) => JSX.Element | null;
 

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

@@ -4,6 +4,8 @@ import { PermissionAttr } from '../../@types/PermissionAttr.js';
 import { CustomInputEvent } from '../base/types.js';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
 
 interface IDatePickerProps {
     value?: string;

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

@@ -6,8 +6,9 @@ import '../../@types/DataCombo.js';
 import '../base/types.js';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
-import '../../drawer/types.js';
+import '../../internals/types.js';
 import '../../@types/Position.js';
+import '../../drawer/types.js';
 import '../../@types/Icon.js';
 import '../../icons/helper.js';
 

package/lib/inputs/file/DefaultFile.d.ts

@@ -5,6 +5,8 @@ import '../base/types.js';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
 
 declare const DefaultFile: (props: IDefaultFileProps) => JSX.Element;
 

package/lib/inputs/file/DragDropFile.d.ts

@@ -5,6 +5,8 @@ import '../base/types.js';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
 
 declare const DragDropFile: (props: IDragDropFileProps) => JSX.Element;
 

package/lib/inputs/file/File.d.ts

@@ -5,6 +5,8 @@ import '../base/types.js';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
 
 declare const File: ({ applyDragDrop, defaultFiles, gridLayout, ...rest }: IFileProps) => JSX.Element;
 

package/lib/inputs/file/FileButtonSettings.d.ts

@@ -5,6 +5,8 @@ import '../base/types.js';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
 
 declare const FileButtonSettings: (props: IFileButtonSettingsProps) => JSX.Element;
 

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

@@ -5,6 +5,8 @@ import '../base/types.js';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
 
 declare const transformFilesToFileList: (files: CustomFile) => FileList;
 

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

@@ -8,6 +8,8 @@ import '../base/types.js';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
 
 
 

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

@@ -4,6 +4,8 @@ import { CustomInputEvent } from '../base/types.js';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
 
 type CustomFile = FileList | File | File[];
 interface IFileProps {

package/lib/inputs/inputHOC.d.ts

@@ -6,8 +6,9 @@ import '../@types/DataCombo.js';
 import './base/types.js';
 import '../@types/Align.js';
 import '../@types/Period.js';
-import '../drawer/types.js';
+import '../internals/types.js';
 import '../@types/Position.js';
+import '../drawer/types.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
 

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

@@ -5,6 +5,8 @@ import '../../@types/Align.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import '../../@types/Period.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
 
 declare const _default: {
     (props: IBaseMaskProps): JSX.Element;

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

@@ -5,6 +5,8 @@ import '../../@types/Align.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import '../../@types/Period.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
 
 declare const CnpjField: {
     (props: ICnpjFieldProps): JSX.Element;

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

@@ -5,6 +5,8 @@ import '../../@types/Align.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import '../../@types/Period.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
 
 declare const CpfField: {
     (props: ICpfProps): JSX.Element;

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

@@ -5,6 +5,8 @@ import '../../@types/Align.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import '../../@types/Period.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
 
 declare const PhoneField: (props: IPhoneFieldProps) => JSX.Element;
 

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

@@ -5,6 +5,8 @@ import '../../@types/Align.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import '../../@types/Period.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
 
 declare const ZipCodeField: (props: IZipCode) => JSX.Element;
 

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

@@ -6,8 +6,9 @@ import '../../@types/DataCombo.js';
 import '../base/types.js';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
-import '../../drawer/types.js';
+import '../../internals/types.js';
 import '../../@types/Position.js';
+import '../../drawer/types.js';
 import '../../@types/Icon.js';
 import '../../icons/helper.js';
 

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

@@ -6,8 +6,9 @@ import '../../@types/DataCombo.js';
 import '../base/types.js';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
-import '../../drawer/types.js';
+import '../../internals/types.js';
 import '../../@types/Position.js';
+import '../../drawer/types.js';
 import '../../@types/Icon.js';
 import '../../icons/helper.js';
 

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

@@ -10,6 +10,8 @@ import '../../@types/Align.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import '../../@types/Period.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
 
 
 

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

@@ -4,6 +4,8 @@ import { TextAlign } from '../../@types/Align.js';
 import { OnDenied, PermissionAttr } from '../../@types/PermissionAttr.js';
 import { CustomInputEvent } from '../base/types.js';
 import '../../@types/Period.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
 
 interface IBaseMaskProps {
     value?: string;

package/lib/inputs/multiSelect/ActionButtons.d.ts

@@ -5,6 +5,8 @@ import '../base/types.js';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
 
 declare const ActionButtons: ({ disabled, dropdownOpened, handleOpenClose, handleCheckAll, handleUncheckAll, dropdownAlignButton, }: IActionButtonsProps) => JSX.Element;
 

package/lib/inputs/multiSelect/Dropdown.d.ts

@@ -5,6 +5,8 @@ import '../base/types.js';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
 
 declare const Dropdown: (props: IDropdownMultiSelectProps) => JSX.Element;
 

package/lib/inputs/multiSelect/helper.d.ts

@@ -5,6 +5,8 @@ import '../base/types.js';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
 
 declare const getFilteredDataCombo: ({ dataSource, descriptionKey, inputText, }: GetFilteredParams) => any[];
 

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

@@ -5,6 +5,8 @@ import '../base/types.js';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
 
 declare const MultiSelectField: (props: IMultiSelectProps) => JSX.Element;
 

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

@@ -4,6 +4,8 @@ import { CustomInputEvent } from '../base/types.js';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
 
 type DescriptionKey = string | ((dataSelected: DataCombo) => string);
 interface GetFilteredParams {

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

@@ -4,11 +4,12 @@ import '../base/types.js';
 import 'react';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
 import '../types.js';
 import 'imask';
 import '../../@types/DataCombo.js';
 import '../../drawer/types.js';
-import '../../@types/Position.js';
 import '../../@types/Icon.js';
 import '../../icons/helper.js';
 

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

@@ -4,11 +4,12 @@ import '../base/types.js';
 import 'react';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
 import '../types.js';
 import 'imask';
 import '../../@types/DataCombo.js';
 import '../../drawer/types.js';
-import '../../@types/Position.js';
 import '../../@types/Icon.js';
 import '../../icons/helper.js';