linear-react-components-ui 1.0.3 → 1.0.5

package/lib/assets/styles/hint.scss

@@ -0,0 +1,9 @@
+@import "commons.scss";
+
+.hint-component {
+  @extend %hint-text;
+
+  &.-skeletonized > span {
+    @extend %skeleton-component;
+  }
+}

package/lib/checkbox/index.js

@@ -10,6 +10,7 @@ var _gridlayout = _interopRequireDefault(require("../gridlayout"));
 var _Label = _interopRequireDefault(require("./Label"));
 require("../assets/styles/checkbox.scss");
 var _permissionValidations = require("../permissionValidations");
+var _hint = _interopRequireDefault(require("../hint"));
 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; }
@@ -115,9 +116,11 @@ var CheckBox = function CheckBox(_ref) {
       tooltip: tooltip,
       tooltipWidth: tooltipWidth,
       tooltipPosition: tooltipPosition
-    })), hint && /*#__PURE__*/_react.default.createElement("div", {
-      className: "hint"
-    }, /*#__PURE__*/_react.default.createElement("span", null, hint)));
+    })), /*#__PURE__*/_react.default.createElement(_hint.default, {
+      visible: !!hint,
+      description: hint,
+      customClass: "hint"
+    }));
   };
   if (onDenied.unvisible) return null;
   return gridLayout ? /*#__PURE__*/_react.default.createElement(_gridlayout.default, {

package/lib/drawer/Content.d.ts

@@ -1,6 +1,7 @@
 import { IDrawerProps } from './types.js';
 import 'react';
 import '../@types/PermissionAttr.js';
+import '../@types/Position.js';
 
 declare const Content: ({ children, style }: IDrawerProps) => JSX.Element;
 

package/lib/drawer/Drawer.d.ts

@@ -1,6 +1,7 @@
 import React__default from 'react';
 import { IDrawerProps } from './types.js';
 import '../@types/PermissionAttr.js';
+import '../@types/Position.js';
 
 declare const BaseDrawer: ({ position, customClass, children, style, customClassForContent, targetId, closeOnEsc, overlay, permissionAttr, skeletonize, handlerClose, customClassForDrawer, content, title, ...rest }: IDrawerProps) => React__default.ReactPortal;
 

package/lib/drawer/Drawer.js

@@ -26,17 +26,20 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 var BaseDrawer = function BaseDrawer(_ref) {
   var _ref$position = _ref.position,
     position = _ref$position === void 0 ? 'left' : _ref$position,
-    customClass = _ref.customClass,
+    _ref$customClass = _ref.customClass,
+    customClass = _ref$customClass === void 0 ? '' : _ref$customClass,
     children = _ref.children,
     style = _ref.style,
-    customClassForContent = _ref.customClassForContent,
+    _ref$customClassForCo = _ref.customClassForContent,
+    customClassForContent = _ref$customClassForCo === void 0 ? '' : _ref$customClassForCo,
     targetId = _ref.targetId,
     closeOnEsc = _ref.closeOnEsc,
     overlay = _ref.overlay,
     permissionAttr = _ref.permissionAttr,
     skeletonize = _ref.skeletonize,
     handlerClose = _ref.handlerClose,
-    customClassForDrawer = _ref.customClassForDrawer,
+    _ref$customClassForDr = _ref.customClassForDrawer,
+    customClassForDrawer = _ref$customClassForDr === void 0 ? '' : _ref$customClassForDr,
     content = _ref.content,
     title = _ref.title,
     rest = _objectWithoutProperties(_ref, _excluded);

package/lib/drawer/Header.d.ts

@@ -1,6 +1,7 @@
 import { IDrawerHeaderProps } from './types.js';
 import 'react';
 import '../@types/PermissionAttr.js';
+import '../@types/Position.js';
 
 declare const Header: ({ showCloseButton, title, subTitle, icon, titleIcon, customClass, titleContent, subTitleContent, titleRightContent, }: IDrawerHeaderProps) => JSX.Element;
 

package/lib/drawer/helpers.d.ts

@@ -1,6 +1,7 @@
 import React__default from 'react';
 import { IDrawerContext } from './types.js';
 import '../@types/PermissionAttr.js';
+import '../@types/Position.js';
 
 declare const DrawerContext: React__default.Context<IDrawerContext>;
 

package/lib/drawer/index.d.ts

@@ -3,6 +3,7 @@ export { default as DrawerHeader } from './Header.js';
 export { default as DrawerContent } from './Content.js';
 import 'react';
 import '../@types/PermissionAttr.js';
+import '../@types/Position.js';
 
 declare const _default: (props: IDrawerProps) => JSX.Element;
 

package/lib/drawer/types.d.ts

@@ -1,5 +1,6 @@
 import React__default, { ReactNode, ReactElement } from 'react';
 import { PermissionAttr } from '../@types/PermissionAttr.js';
+import { Position } from '../@types/Position.js';
 
 interface IDrawerProps extends React__default.HTMLAttributes<HTMLDivElement> {
     overlay?: boolean;
@@ -7,7 +8,7 @@ interface IDrawerProps extends React__default.HTMLAttributes<HTMLDivElement> {
     customClass?: string;
     customClassForContent?: string;
     customClassForDrawer?: string;
-    position?: string;
+    position?: Exclude<Position, 'center'>;
     handlerClose?: () => void;
     closeOnEsc?: boolean;
     targetId?: string;

package/lib/dropdown/withDropdown.js

@@ -50,9 +50,9 @@ var withDropdown = function withDropdown(WrappedComponent) {
       setOpened(dropdownOpened);
       setPrevOpened(dropdownOpened);
     }
-    var onClickOutside = function onClickOutside(_ref) {
-      var target = _ref.target;
-      if (popupRef !== null && popupRef !== void 0 && popupRef.current && target !== (popupRef === null || popupRef === void 0 ? void 0 : popupRef.current) && !(popupRef !== null && popupRef !== void 0 && popupRef.current.contains(target)) && wrappedComponentRef.current !== target) {
+    var onClickOutside = function onClickOutside(event) {
+      var target = event.target;
+      if (popupRef !== null && popupRef !== void 0 && popupRef.current && target !== (popupRef === null || popupRef === void 0 ? void 0 : popupRef.current) && !event.composedPath().includes(popupRef.current) && wrappedComponentRef.current !== target) {
         setOpened(false);
       }
     };

package/lib/hint/index.d.ts

@@ -0,0 +1,6 @@
+import { HintProps } from './types.js';
+import 'react';
+
+declare const Hint: ({ visible, description, customClass, skeletonize, style, }: HintProps) => JSX.Element | null;
+
+export { Hint as default };

package/lib/hint/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+require("../assets/styles/hint.scss");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var Hint = function Hint(_ref) {
+  var _ref$visible = _ref.visible,
+    visible = _ref$visible === void 0 ? true : _ref$visible,
+    description = _ref.description,
+    customClass = _ref.customClass,
+    _ref$skeletonize = _ref.skeletonize,
+    skeletonize = _ref$skeletonize === void 0 ? false : _ref$skeletonize,
+    style = _ref.style;
+  if (!visible || !description) return null;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: style,
+    className: "\n        hint-component\n        ".concat(customClass, "\n        ").concat(skeletonize ? '-skeletonized' : '', "\n      ")
+  }, /*#__PURE__*/_react.default.createElement("span", null, description));
+};
+var _default = Hint;
+exports.default = _default;

package/lib/hint/types.d.ts

@@ -0,0 +1,11 @@
+import { CSSProperties } from 'react';
+
+interface HintProps {
+    description?: string;
+    visible?: boolean;
+    customClass?: string;
+    skeletonize?: boolean;
+    style?: CSSProperties;
+}
+
+export { HintProps };

package/lib/hint/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/icons/helper.d.ts

@@ -555,6 +555,14 @@ declare const _default: {
         viewbox: string;
         paths: string[];
     };
+    products: {
+        viewbox: string;
+        paths: string[];
+    };
+    records: {
+        viewbox: string;
+        paths: string[];
+    };
 };
 
 export { _default as default };

package/lib/icons/helper.js

@@ -560,6 +560,14 @@ var _default = {
   checkmarkCircle: {
     viewbox: '0 0 16 16',
     paths: ['M8 0c-4.418 0-8 3.582-8 8s3.582 8 8 8 8-3.582 8-8-3.582-8-8-8zM6.5 12.031l-2.813-3.344 1.031-1.031 1.781 1.75 5.156-4.5 0.719 0.719-5.875 6.406z']
+  },
+  products: {
+    viewbox: '0 0 20 16',
+    paths: ['M19 1v5.75c0 0.147-0.133 0.469-0.237 0.573l-7.263 7.263-6.086-6.086 7.263-7.263c0.104-0.104 0.426-0.237 0.573-0.237h5.75zM19.25 0h-6c-0.412 0-0.989 0.239-1.28 0.53l-7.439 7.439c-0.292 0.292-0.292 0.769 0 1.061l6.439 6.439c0.146 0.146 0.338 0.219 0.53 0.219s0.384-0.073 0.53-0.219l7.439-7.439c0.292-0.292 0.53-0.868 0.53-1.28v-6c0-0.412-0.337-0.75-0.75-0.75v0z', 'M17 4.5c0 0.828-0.672 1.5-1.5 1.5s-1.5-0.672-1.5-1.5c0-0.828 0.672-1.5 1.5-1.5s1.5 0.672 1.5 1.5z', 'M9.914 0h-0.664c-0.412 0-0.989 0.239-1.28 0.53l-7.439 7.439c-0.292 0.292-0.292 0.769 0 1.061l6.439 6.439c0.146 0.146 0.338 0.219 0.53 0.219s0.385-0.073 0.53-0.219l0.177-0.177-6.793-6.793 8.5-8.5z']
+  },
+  records: {
+    viewbox: '0 0 16 16',
+    paths: ['M13.75 4h-0.75v-0.75c0-0.689-0.561-1.25-1.25-1.25h-0.75v-0.75c0-0.689-0.561-1.25-1.25-1.25h-7.5c-0.689 0-1.25 0.561-1.25 1.25v9.5c0 0.689 0.561 1.25 1.25 1.25h0.75v0.75c0 0.689 0.561 1.25 1.25 1.25h0.75v0.75c0 0.689 0.561 1.25 1.25 1.25h7.5c0.689 0 1.25-0.561 1.25-1.25v-9.5c0-0.689-0.561-1.25-1.25-1.25zM2.25 11c-0.138 0-0.25-0.113-0.25-0.25v-9.5c0-0.137 0.112-0.25 0.25-0.25h7.5c0.137 0 0.25 0.113 0.25 0.25v0.75h-5.75c-0.689 0-1.25 0.561-1.25 1.25v7.75h-0.75zM4.25 13c-0.138 0-0.25-0.113-0.25-0.25v-9.5c0-0.138 0.112-0.25 0.25-0.25h7.5c0.137 0 0.25 0.112 0.25 0.25v0.75h-5.75c-0.689 0-1.25 0.561-1.25 1.25v7.75h-0.75zM14 14.75c0 0.137-0.113 0.25-0.25 0.25h-7.5c-0.138 0-0.25-0.113-0.25-0.25v-9.5c0-0.138 0.112-0.25 0.25-0.25h7.5c0.137 0 0.25 0.112 0.25 0.25v9.5z']
   }
 };
 exports.default = _default;

package/lib/inputs/base/InputTextBase.js

@@ -12,6 +12,7 @@ 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"));
 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; }
@@ -172,9 +173,11 @@ var InputTextBase = function InputTextBase(props) {
   }, type === 'textarea' ? /*#__PURE__*/_react.default.createElement("textarea", _extends({
     rows: props.rows,
     cols: props.cols
-  }, inputProps())) : /*#__PURE__*/_react.default.createElement("input", inputProps()), children), helpers.getRightElements(errorMessages || [], skeletonize, rightElements)), hint && /*#__PURE__*/_react.default.createElement("p", {
-    className: "hint"
-  }, hint), errorMessages && helpers.getErrorMessages(errorMessages));
+  }, inputProps())) : /*#__PURE__*/_react.default.createElement("input", inputProps()), children), helpers.getRightElements(errorMessages || [], skeletonize, rightElements)), /*#__PURE__*/_react.default.createElement(_hint.default, {
+    visible: !!hint,
+    customClass: "hint",
+    description: hint
+  }), errorMessages && helpers.getErrorMessages(errorMessages));
 };
 var _default = (0, _inputHOC.default)((0, _withTooltip.default)(InputTextBase));
 exports.default = _default;

package/lib/inputs/inputHOC.d.ts

@@ -2,9 +2,10 @@ import React__default from 'react';
 import { IInputHOCProps } from './types.js';
 import '../@types/PermissionAttr.js';
 import '../@types/DataCombo.js';
-import './select/types.js';
 import './base/types.js';
 import '../@types/Period.js';
+import '../drawer/types.js';
+import '../@types/Position.js';
 
 declare const InputHOC: <ComponentProps extends IInputHOCProps>(WrappedComponent: React__default.ComponentType<ComponentProps>) => (props: ComponentProps) => JSX.Element;
 

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

@@ -3,9 +3,10 @@ import { IMaskHOCProps } from '../types.js';
 import 'react';
 import '../../@types/PermissionAttr.js';
 import '../../@types/DataCombo.js';
-import '../select/types.js';
 import '../base/types.js';
 import '../../@types/Period.js';
+import '../../drawer/types.js';
+import '../../@types/Position.js';
 
 declare function extractNonMaskProps(props: IMaskHOCProps, maskProps: AnyMaskedOptions): any;
 declare function CPFValidation(cpf?: string, returnMessage?: (msg: string) => void): void | "CPF inválido";

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

@@ -2,9 +2,10 @@ import React__default from 'react';
 import { IMaskHOCProps } from '../types.js';
 import '../../@types/PermissionAttr.js';
 import '../../@types/DataCombo.js';
-import '../select/types.js';
 import '../base/types.js';
 import '../../@types/Period.js';
+import '../../drawer/types.js';
+import '../../@types/Position.js';
 
 declare const IMaskHOC: <ComponentProps extends IMaskHOCProps>(ComposedComponent: React__default.ComponentType<ComponentProps>) => {
     (props: ComponentProps): JSX.Element;

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

@@ -5,7 +5,8 @@ import 'react';
 import '../../@types/Period.js';
 import '../types.js';
 import '../../@types/DataCombo.js';
-import '../select/types.js';
+import '../../drawer/types.js';
+import '../../@types/Position.js';
 
 declare const BaseNumber: (props: IBaseNumberProps) => JSX.Element;
 

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

@@ -5,7 +5,8 @@ import 'react';
 import '../../@types/Period.js';
 import '../types.js';
 import '../../@types/DataCombo.js';
-import '../select/types.js';
+import '../../drawer/types.js';
+import '../../@types/Position.js';
 
 declare const CurrencyField: (props: ICurrencyProps) => JSX.Element;
 

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

@@ -5,7 +5,8 @@ import 'react';
 import '../../@types/Period.js';
 import '../types.js';
 import '../../@types/DataCombo.js';
-import '../select/types.js';
+import '../../drawer/types.js';
+import '../../@types/Position.js';
 
 declare const DecimalField: (props: IBaseNumberProps) => JSX.Element;
 

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

@@ -7,7 +7,8 @@ import 'react';
 import '../../@types/Period.js';
 import '../types.js';
 import '../../@types/DataCombo.js';
-import '../select/types.js';
+import '../../drawer/types.js';
+import '../../@types/Position.js';
 
 declare const NumberField: (props: INumberFieldProps) => JSX.Element;
 

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

@@ -4,7 +4,8 @@ import { IMaskHOCProps } from '../types.js';
 import 'react';
 import '../../@types/Period.js';
 import '../../@types/DataCombo.js';
-import '../select/types.js';
+import '../../drawer/types.js';
+import '../../@types/Position.js';
 
 interface INumberFieldProps extends IMaskHOCProps {
     value?: string;

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

@@ -2,9 +2,10 @@ import { ISearchProps } from '../types.js';
 import 'react';
 import '../../@types/PermissionAttr.js';
 import '../../@types/DataCombo.js';
-import '../select/types.js';
 import '../base/types.js';
 import '../../@types/Period.js';
+import '../../drawer/types.js';
+import '../../@types/Position.js';
 
 declare const SearchField: (props: ISearchProps) => JSX.Element | null;
 

package/lib/inputs/search/index.js

@@ -11,6 +11,7 @@ var _buttons = _interopRequireDefault(require("../../buttons"));
 var _icons = _interopRequireDefault(require("../../icons"));
 require("../../assets/styles/search.scss");
 var _drawer = _interopRequireWildcard(require("../../drawer"));
+var _excluded = ["headerTitle", "content", "onStateChange"];
 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; }
@@ -19,6 +20,8 @@ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread n
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -28,7 +31,8 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var SearchField = function SearchField(props) {
   var _props$resetButton = props.resetButton,
     resetButton = _props$resetButton === void 0 ? true : _props$resetButton,
-    advancedFilterProps = props.advancedFilterProps,
+    _props$advancedFilter = props.advancedFilterProps,
+    advancedFilterProps = _props$advancedFilter === void 0 ? {} : _props$advancedFilter,
     value = props.value;
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -42,6 +46,10 @@ var SearchField = function SearchField(props) {
     _useState6 = _slicedToArray(_useState5, 2),
     onDenied = _useState6[0],
     setOnDenied = _useState6[1];
+  var headerTitle = advancedFilterProps.headerTitle,
+    content = advancedFilterProps.content,
+    onStateChange = advancedFilterProps.onStateChange,
+    advancedFilterPropsRest = _objectWithoutProperties(advancedFilterProps, _excluded);
   var onReset = function onReset(event) {
     if (props.onReset) props.onReset(event);
     setValorCampo('');
@@ -58,10 +66,8 @@ var SearchField = function SearchField(props) {
   var shouldBeReadOnly = function shouldBeReadOnly() {
     return props.readOnly || onDenied && onDenied.readOnly;
   };
-  var hideContent = onDenied && onDenied.hideContent;
+  var hideContent = onDenied === null || onDenied === void 0 ? void 0 : onDenied.hideContent;
   var buttonProps = function buttonProps() {
-    var _ref = advancedFilterProps || {},
-      onStateChange = _ref.onStateChange;
     var disableCallbacks = shouldBeReadOnly() || shouldDisable() || hideContent;
     var propsButton = {
       icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
@@ -91,7 +97,7 @@ var SearchField = function SearchField(props) {
     return propsButton;
   };
   var rightElements = function rightElements() {
-    var enableFilterButton = advancedFilterProps !== undefined;
+    var enableFilterButton = Object.keys(advancedFilterProps).length > 0;
     var elements = [/*#__PURE__*/_react.default.createElement(_icons.default, {
       name: "search",
       color: "#a9a8a8",
@@ -113,15 +119,11 @@ var SearchField = function SearchField(props) {
     if (resetButton && valorCampo.trim() !== '') elements = [resetButtonIcon].concat(_toConsumableArray(elements));
     return elements;
   };
-  var _ref2 = advancedFilterProps || {},
-    headerTitle = _ref2.headerTitle,
-    content = _ref2.content,
-    onStateChange = _ref2.onStateChange;
   (0, _react.useEffect)(function () {
     if (value !== undefined && value !== valorCampo) {
       setValorCampo(value);
     }
-  }, []);
+  }, [value]);
   if (onDenied && onDenied.unvisible) {
     return null;
   }
@@ -132,12 +134,12 @@ var SearchField = function SearchField(props) {
     customClass: "",
     handlerSetOnDenied: setOnDenied,
     rightElements: rightElements()
-  })), advancedFilterOpened && /*#__PURE__*/_react.default.createElement(_drawer.default, {
+  })), advancedFilterOpened && /*#__PURE__*/_react.default.createElement(_drawer.default, _extends({
     handlerClose: function handlerClose() {
       setAdvancedFilterOpened(false);
       if (onStateChange) onStateChange(false);
     }
-  }, headerTitle && /*#__PURE__*/_react.default.createElement(_drawer.DrawerHeader, {
+  }, advancedFilterPropsRest), headerTitle && /*#__PURE__*/_react.default.createElement(_drawer.DrawerHeader, {
     title: headerTitle
   }), /*#__PURE__*/_react.default.createElement(_drawer.DrawerContent, null, content)));
 };

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

@@ -2,9 +2,10 @@ import { IActionButtonsSelectProps } from '../types.js';
 import 'react';
 import '../../@types/PermissionAttr.js';
 import '../../@types/DataCombo.js';
-import './types.js';
 import '../base/types.js';
 import '../../@types/Period.js';
+import '../../drawer/types.js';
+import '../../@types/Position.js';
 
 declare const ActionButtons: (props: IActionButtonsSelectProps) => JSX.Element;
 

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

@@ -2,9 +2,10 @@ import { IDropdownSelectProps } from '../types.js';
 import 'react';
 import '../../@types/PermissionAttr.js';
 import '../../@types/DataCombo.js';
-import './types.js';
 import '../base/types.js';
 import '../../@types/Period.js';
+import '../../drawer/types.js';
+import '../../@types/Position.js';
 
 declare const Dropdown: (props: IDropdownSelectProps) => JSX.Element;
 

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

@@ -2,9 +2,10 @@ import { DataCombo } from '../../@types/DataCombo.js';
 import { IDropdownSelectProps } from '../types.js';
 import 'react';
 import '../../@types/PermissionAttr.js';
-import './types.js';
 import '../base/types.js';
 import '../../@types/Period.js';
+import '../../drawer/types.js';
+import '../../@types/Position.js';
 
 declare const contentClass: (props: IDropdownSelectProps) => string;
 declare const getDropdownItemCssClass: (selected: boolean, disabled: boolean, striped: boolean) => string;

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

@@ -1,8 +1,8 @@
 import { ISelectFieldProps } from './types.js';
-import 'react';
 import '../../@types/DataCombo.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
+import 'react';
 import '../../@types/Period.js';
 
 declare const SelectField: (props: ISelectFieldProps) => JSX.Element;

package/lib/inputs/select/multiple/Selecteds.d.ts

@@ -1,8 +1,8 @@
 import { ISelectedsMultipleProps } from '../types.js';
-import 'react';
 import '../../../@types/DataCombo.js';
 import '../../../@types/PermissionAttr.js';
 import '../../base/types.js';
+import 'react';
 import '../../../@types/Period.js';
 
 declare const Selecteds: ({ currents, descriptionKey, idKey, handleOnUnselect, }: ISelectedsMultipleProps) => JSX.Element;

package/lib/inputs/select/multiple/index.d.ts

@@ -1,8 +1,8 @@
 import { IMultipleSelectProps } from '../types.js';
-import 'react';
 import '../../../@types/DataCombo.js';
 import '../../../@types/PermissionAttr.js';
 import '../../base/types.js';
+import 'react';
 import '../../../@types/Period.js';
 
 declare const MultipleSelect: (props: IMultipleSelectProps) => JSX.Element;

package/lib/inputs/select/simple/index.d.ts

@@ -1,8 +1,8 @@
 import { ISimpleSelectProps } from '../types.js';
-import 'react';
 import '../../../@types/DataCombo.js';
 import '../../../@types/PermissionAttr.js';
 import '../../base/types.js';
+import 'react';
 import '../../../@types/Period.js';
 
 declare const SimpleSelect: (props: ISimpleSelectProps) => JSX.Element;

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

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
 import { DataCombo } from '../../@types/DataCombo.js';
 import { PermissionAttr } from '../../@types/PermissionAttr.js';
 import { CustomInputEvent } from '../base/types.js';
+import 'react';
 import '../../@types/Period.js';
 
 interface ISimpleSelectProps {
@@ -89,10 +89,5 @@ interface ISelectedsMultipleProps {
     currents: DataCombo[];
     handleOnUnselect: (id: string) => void;
 }
-interface IAdvancedFilterProps {
-    onStateChange?: (bol?: boolean) => void;
-    headerTitle?: string;
-    content?: ReactNode | ReactNode[];
-}
 
-export { IAdvancedFilterProps, IMultipleSelectProps, ISelectFieldProps, ISelectedsMultipleProps, ISimpleSelectProps };
+export { IMultipleSelectProps, ISelectFieldProps, ISelectedsMultipleProps, ISimpleSelectProps };

package/lib/inputs/types.d.ts

@@ -1,10 +1,16 @@
-import { MouseEvent, MutableRefObject, CSSProperties, ReactNode, KeyboardEvent, ReactElement } from 'react';
+import { ReactNode, MouseEvent, MutableRefObject, CSSProperties, KeyboardEvent, ReactElement } from 'react';
 import { PermissionAttr, OnDenied } from '../@types/PermissionAttr.js';
 import { DataCombo } from '../@types/DataCombo.js';
-import { IAdvancedFilterProps } from './select/types.js';
 import { IBaseProps, CustomInputEvent } from './base/types.js';
+import { IDrawerProps } from '../drawer/types.js';
 import '../@types/Period.js';
+import '../@types/Position.js';
 
+interface IAdvancedFilterProps extends Omit<IDrawerProps, 'content'> {
+    onStateChange?: (value?: boolean) => void;
+    headerTitle?: string;
+    content?: ReactNode | ReactNode[];
+}
 interface ISearchProps extends IBaseProps {
     resetButton?: boolean;
     onReset?: (event?: CustomInputEvent) => void;
@@ -139,4 +145,4 @@ interface IButtonsProps {
     disabled?: boolean;
 }
 
-export { IActionButtonsSelectProps, IButtonsProps, IDropdownProps, IDropdownSelectProps, IInputHOCProps, IMaskHOCProps, ISearchProps };
+export { IActionButtonsSelectProps, IAdvancedFilterProps, IButtonsProps, IDropdownProps, IDropdownSelectProps, IInputHOCProps, IMaskHOCProps, ISearchProps };

package/package.json

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