linear-react-components-ui 1.1.24-beta.4 → 1.1.25-rc.1

package/lib/inputs/base/InputTextBase.js

@@ -9,12 +9,12 @@ 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 _textContent = _interopRequireDefault(require("../../textContent"));
-var _popover = _interopRequireWildcard(require("../../popover"));
-var _tooltip = require("../../tooltip");
+var _popover = _interopRequireDefault(require("../../popover"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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; }
@@ -51,6 +51,7 @@ const InputTextBase = props => {
     permissionAttr,
     onDeniedActions,
     handlerSetOnDenied,
+    targetRef,
     skeletonize = false,
     style,
     styleForInputContent,
@@ -72,10 +73,7 @@ const InputTextBase = props => {
     autoComplete = 'on',
     themePopover = 'light',
     popoverAlign = 'left',
-    tabIndex,
-    tooltip,
-    tooltipPosition,
-    tooltipWidth
+    tabIndex
   } = 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];
@@ -86,7 +84,6 @@ const InputTextBase = props => {
     unvisible
   } = onDenied;
   const [showTooltip, setShowTooltip] = (0, _react.useState)(false);
-  const inputElementRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(() => {
     if (handlerSetOnDenied) handlerSetOnDenied(onDenied);
   }, []);
@@ -125,7 +122,7 @@ const InputTextBase = props => {
             inputRef(r);
           }
         }
-        inputElementRef.current = r;
+        if (targetRef) targetRef(r);
       }
     };
     if (!disableCallbacks) {
@@ -207,7 +204,7 @@ const InputTextBase = props => {
       textAlign: textAlign === 'center' ? 'left' : textAlign
     }
   }, /*#__PURE__*/_react.default.createElement(_textContent.default, {
-    ref: labelRef,
+    labelRef: labelRef,
     required: required,
     label: label,
     onHoverLabel: onHoverLabel,
@@ -237,9 +234,7 @@ const InputTextBase = props => {
       height: 'auto',
       width: 20
     }
-  }, /*#__PURE__*/_react.default.createElement(_popover.PopoverText, {
-    text: hint
-  })))), /*#__PURE__*/_react.default.createElement(_textContent.default, null)), /*#__PURE__*/_react.default.createElement("div", {
+  }, hint))), /*#__PURE__*/_react.default.createElement(_textContent.default, null)), /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": "testInputWrapper",
     style: styleForWrapper,
     className: helpers.getInputWrapperClass(_objectSpread(_objectSpread({}, props), {}, {
@@ -267,11 +262,6 @@ const InputTextBase = props => {
     description: hint
   }), /*#__PURE__*/_react.default.createElement(_errorMessage.ErrorMessage, {
     messages: errorMessages
-  }), /*#__PURE__*/_react.default.createElement(_tooltip.Tooltip, {
-    targetRef: inputElementRef,
-    text: tooltip,
-    width: tooltipWidth,
-    position: tooltipPosition
   }));
 };
-var _default = exports.default = (0, _inputHOC.default)(InputTextBase);
+var _default = exports.default = (0, _inputHOC.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(e) { return e && e.__esModule ? e : { default: e }; }
+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 ${customClassForLabel} ${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,7 +3,7 @@ import { TextAlign } from '../../@types/Align.js';
 import 'react';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
-import '../../tooltip/types.js';
+import '../../internals/types.js';
 import '../../@types/Position.js';
 
 declare const getInputClass: ({ textAlign, readOnly, readOnlyClass, }: {

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

@@ -1,8 +1,8 @@
-import { MouseEvent, KeyboardEvent, DragEvent, MutableRefObject, RefObject, CSSProperties } from 'react';
+import { MutableRefObject, MouseEvent, 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 { ITooltipCommonProps } from '../../tooltip/types.js';
+import { WithTooltipProps } from '../../internals/types.js';
 import '../../@types/Position.js';
 
 interface CustomInputEvent {
@@ -20,7 +20,17 @@ interface CustomInputEvent {
         files?: FileList | null;
     };
 }
-interface IBaseProps extends ITooltipCommonProps {
+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?: React.MouseEventHandler<HTMLSpanElement>;
+}
+interface IBaseProps {
     inputHasFocus?: boolean;
     onInputReceiveFocus?: () => void;
     onInputLostFocus?: () => void;
@@ -54,7 +64,7 @@ interface IBaseProps extends ITooltipCommonProps {
     onDragLeave?: (e: DragEvent) => void;
     leftElements?: JSX.Element | JSX.Element[];
     rightElements?: JSX.Element | JSX.Element[];
-    children?: JSX.Element | JSX.Element[];
+    children?: React.ReactNode;
     customClass?: string;
     customClassForWrapper?: string;
     customClassForInputContent?: string;
@@ -63,7 +73,7 @@ interface IBaseProps extends ITooltipCommonProps {
     requiredError?: boolean;
     inputRef?: MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null> | ((ref: HTMLInputElement | HTMLTextAreaElement | null) => void);
     inputBaseRef?: RefObject<HTMLDivElement> | ((ref: HTMLDivElement) => void);
-    hint?: string;
+    hint?: string | string[];
     hintPosition?: 'below' | 'onLabelRight';
     textAlign?: TextAlign;
     rounded?: boolean;
@@ -72,6 +82,7 @@ interface IBaseProps extends ITooltipCommonProps {
     permissionAttr?: PermissionAttr;
     onDeniedActions?: OnDenied;
     handlerSetOnDenied?: (onDenied: OnDenied) => void;
+    targetRef?: (ref: HTMLDivElement | HTMLInputElement | HTMLTextAreaElement | null) => void;
     gridLayout?: string;
     skeletonize?: boolean;
     style?: CSSProperties;
@@ -89,4 +100,4 @@ interface IBaseProps extends ITooltipCommonProps {
     defaultValue?: string | string[];
 }
 
-export { CustomInputEvent, IBaseProps };
+export { CustomInputEvent, IBaseProps, InputLabelProps };

package/lib/inputs/color/index.js

@@ -71,7 +71,7 @@ const ColorPicker = props => {
       ref: inputRef,
       type: "color",
       defaultValue: color,
-      name: name,
+      name: `${name}-hidden`,
       onClick: e => onButtonClick ? onButtonClick(e) : undefined,
       onInput: onInputChangeDefault
     })],

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

@@ -10,7 +10,7 @@ interface IColorProps {
     permissionAttr?: PermissionAttr;
     visible?: boolean;
     label?: string;
-    hint?: string;
+    hint?: string | string[];
     hintPosition?: 'below' | 'onLabelRight';
     themePopover?: 'light' | 'dark';
     popoverAlign?: 'right' | 'left';

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

@@ -5,7 +5,7 @@ import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
-import '../../tooltip/types.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,7 +5,7 @@ import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
-import '../../tooltip/types.js';
+import '../../internals/types.js';
 import '../../@types/Position.js';
 
 declare const Dropdown: (props: IDateDropdownProps) => React.ReactPortal;

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

@@ -5,7 +5,7 @@ import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
-import '../../tooltip/types.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,7 +4,7 @@ import { PermissionAttr } from '../../@types/PermissionAttr.js';
 import { CustomInputEvent } from '../base/types.js';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
-import '../../tooltip/types.js';
+import '../../internals/types.js';
 import '../../@types/Position.js';
 
 interface IDatePickerProps {
@@ -39,7 +39,7 @@ interface IDatePickerProps {
     permissionAttr?: PermissionAttr;
     label?: string;
     gridLayout?: string;
-    hint?: string;
+    hint?: string | string[];
     hintPosition?: 'below' | 'onLabelRight';
     themePopover?: 'light' | 'dark';
     popoverAlign?: 'right' | 'left';

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

@@ -5,7 +5,7 @@ import '../../@types/DataCombo.js';
 import '../base/types.js';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
-import '../../tooltip/types.js';
+import '../../internals/types.js';
 import '../../@types/Position.js';
 import '../../drawer/types.js';
 import '../../@types/Icon.js';

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

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

package/lib/inputs/file/DefaultFile.js

@@ -24,13 +24,36 @@ const DefaultFile = props => {
     onBtnClickRemove,
     inputRef,
     defaultFiles,
-    hint = '',
+    hint = [],
+    multiple,
     onChange
   } = props;
   const getFilesList = files => !files?.length ? [] : _lodash.default.map(files, file => file);
   const [fileList, setFileList] = (0, _react.useState)(defaultFiles);
   const ifExistFiles = fileList instanceof Array && fileList.length > 0;
-  const popUpDescription = () => /*#__PURE__*/_react.default.createElement("div", {
+  const handleChange = e => {
+    e.preventDefault?.();
+    const files = getFilesList(e.target.files);
+    setFileList(files);
+    onChange?.(files, e);
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "input-simple-file-container"
+  }, /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
+    hint: hint,
+    readOnlyClass: "-disabledVisualApply",
+    customClassForWrapper: "file-wrapper",
+    customClassForInputContent: "file-content -absolute -pointEventDisabled -disabledVisualApply",
+    type: "file",
+    id: id,
+    accept: accept,
+    inputRef: inputRef,
+    onChange: handleChange,
+    rightElements: /*#__PURE__*/_react.default.createElement(_FileButtonSettings.default, {
+      id: id,
+      onBtnClickInsert: () => onBtnClickInsert()
+    })
+  }), multiple && /*#__PURE__*/_react.default.createElement("div", {
     className: `size-position-icon ${!ifExistFiles ? '-disabled-popover' : ''}`
   }, /*#__PURE__*/_react.default.createElement(_popover.default, {
     iconSize: 16
@@ -39,8 +62,7 @@ const DefaultFile = props => {
     key: `${file.name}${file.size}`
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "file-name"
-  }, /*#__PURE__*/_react.default.createElement("span", null, file.name)))))));
-  const buttonRemoveFile = () => /*#__PURE__*/_react.default.createElement(_buttons.default, {
+  }, /*#__PURE__*/_react.default.createElement("span", null, file.name))))))), /*#__PURE__*/_react.default.createElement(_buttons.default, {
     disabled: !ifExistFiles,
     className: "-pointerEventsRemove",
     transparent: true,
@@ -53,28 +75,6 @@ const DefaultFile = props => {
       customClass: "colorIconUpload",
       name: "close"
     })
-  });
-  const handleChange = e => {
-    e.preventDefault?.();
-    const files = getFilesList(e.target.files);
-    setFileList(files);
-    onChange?.(files, e);
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "input-simple-file-container"
-  }, /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
-    hint: hint,
-    readOnlyClass: "-disabledVisualApply",
-    customClassForInputContent: "-absolute -pointEventDisabled -disabledVisualApply",
-    type: "file",
-    id: id,
-    accept: accept,
-    inputRef: inputRef,
-    onChange: handleChange,
-    rightElements: /*#__PURE__*/_react.default.createElement(_FileButtonSettings.default, {
-      id: id,
-      onBtnClickInsert: onBtnClickInsert
-    })
-  }), popUpDescription(), buttonRemoveFile()));
+  })));
 };
 var _default = exports.default = DefaultFile;

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

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

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

@@ -5,7 +5,7 @@ import '../base/types.js';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
-import '../../tooltip/types.js';
+import '../../internals/types.js';
 import '../../@types/Position.js';
 
 declare const File: ({ applyDragDrop, defaultFiles, gridLayout, onBtnClickRemove: onBtnClickRemoveProp, ...rest }: Omit<IFileProps, 'onBtnClickInsert'>) => JSX.Element;

package/lib/inputs/file/File.js

@@ -31,6 +31,7 @@ const File = _ref => {
   const onBtnClickRemove = () => {
     if (inputFileRef.current) {
       inputFileRef.current.value = '';
+      if (onBtnClickRemoveProp) onBtnClickRemoveProp();
     }
     if (onBtnClickRemoveProp) onBtnClickRemoveProp();
   };

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

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

package/lib/inputs/file/FileButtonSettings.js

@@ -16,7 +16,6 @@ const FileButtonSettings = props => {
     onBtnClickInsert
   } = props;
   return /*#__PURE__*/_react.default.createElement("label", {
-    id: "",
     htmlFor: id
   }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
     className: "uploadButton simple-search-file-button -shadowsdisabled -transparent",

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

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

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

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

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

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

package/lib/inputs/inputHOC.d.ts

@@ -5,7 +5,7 @@ import '../@types/DataCombo.js';
 import './base/types.js';
 import '../@types/Align.js';
 import '../@types/Period.js';
-import '../tooltip/types.js';
+import '../internals/types.js';
 import '../@types/Position.js';
 import '../drawer/types.js';
 import '../@types/Icon.js';

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

@@ -4,7 +4,7 @@ import '../../@types/Align.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import '../../@types/Period.js';
-import '../../tooltip/types.js';
+import '../../internals/types.js';
 import '../../@types/Position.js';
 
 declare const BaseMask: ({ value: valueProp, defaultValue, inputRef, onChange, onComplete, permissionAttr, mask, isDateTimeField, ...rest }: IBaseMaskProps) => JSX.Element;

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

@@ -4,7 +4,7 @@ import '../../@types/Align.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import '../../@types/Period.js';
-import '../../tooltip/types.js';
+import '../../internals/types.js';
 import '../../@types/Position.js';
 
 declare const CnpjField: {

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

@@ -4,7 +4,7 @@ import '../../@types/Align.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import '../../@types/Period.js';
-import '../../tooltip/types.js';
+import '../../internals/types.js';
 import '../../@types/Position.js';
 
 declare const CpfField: {

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

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

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

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

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

@@ -5,7 +5,7 @@ import '../../@types/Align.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import '../../@types/Period.js';
-import '../../tooltip/types.js';
+import '../../internals/types.js';
 import '../../@types/Position.js';
 
 declare const getMaskOptions: ({ isDateField, placeholderChar, min, max, lazy, pattern, radix, thousandsSeparator, mapToRadix, scale, normalizeZeros, padFractionalZeros, rightElements, leftElements, isDateTimeField, ...rest }: IBaseMaskProps) => ReactMaskOpts;

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

@@ -9,7 +9,7 @@ import '../../@types/Align.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import '../../@types/Period.js';
-import '../../tooltip/types.js';
+import '../../internals/types.js';
 import '../../@types/Position.js';
 
 

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

@@ -3,7 +3,7 @@ import { TextAlign } from '../../@types/Align.js';
 import { OnDenied, PermissionAttr } from '../../@types/PermissionAttr.js';
 import { CustomInputEvent } from '../base/types.js';
 import '../../@types/Period.js';
-import '../../tooltip/types.js';
+import '../../internals/types.js';
 import '../../@types/Position.js';
 
 type IBaseMaskProps = {
@@ -50,7 +50,7 @@ type IBaseMaskProps = {
     mask?: any;
     min?: any;
     max?: any;
-    hint?: string;
+    hint?: string | string[];
     hintPosition?: 'below' | 'onLabelRight';
     themePopover?: 'light' | 'dark';
     popoverAlign?: 'right' | 'left';

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

@@ -5,7 +5,7 @@ import '../base/types.js';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
-import '../../tooltip/types.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,7 +5,7 @@ import '../base/types.js';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
-import '../../tooltip/types.js';
+import '../../internals/types.js';
 import '../../@types/Position.js';
 
 declare const Dropdown: (props: IDropdownMultiSelectProps) => JSX.Element;

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

@@ -5,7 +5,7 @@ import '../base/types.js';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
-import '../../tooltip/types.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,7 +5,7 @@ import '../base/types.js';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
-import '../../tooltip/types.js';
+import '../../internals/types.js';
 import '../../@types/Position.js';
 
 declare const MultiSelectField: (props: IMultiSelectProps) => JSX.Element;

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

@@ -4,7 +4,7 @@ import { CustomInputEvent } from '../base/types.js';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
-import '../../tooltip/types.js';
+import '../../internals/types.js';
 import '../../@types/Position.js';
 
 type DescriptionKey = string | ((dataSelected: DataCombo) => string);
@@ -56,7 +56,7 @@ interface IMultiSelectProps {
     disabled?: boolean;
     dropdownAlignButton?: 'left' | 'right';
     label?: string;
-    hint?: string;
+    hint?: string | string[];
     hintPosition?: 'below' | 'onLabelRight';
     themePopover?: 'light' | 'dark';
     popoverAlign?: 'right' | 'left';

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

@@ -4,7 +4,7 @@ import '../base/types.js';
 import 'react';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
-import '../../tooltip/types.js';
+import '../../internals/types.js';
 import '../../@types/Position.js';
 import '../types.js';
 import '../../@types/DataCombo.js';

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

@@ -4,7 +4,7 @@ import '../base/types.js';
 import 'react';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
-import '../../tooltip/types.js';
+import '../../internals/types.js';
 import '../../@types/Position.js';
 import '../types.js';
 import '../../@types/DataCombo.js';