linear-react-components-ui 1.1.26-beta.17 → 1.1.26-beta.18

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

@@ -1,22 +1,26 @@
 import { Moment } from 'moment';
-import { MouseEvent, ReactNode, RefObject } from 'react';
-import { ColorStyles } from '../../@types/ColorStyles';
-import { Period } from '../../@types/Period';
-import { PermissionAttr } from '../../@types/PermissionAttr';
-import { CustomInputEvent } from '../base/types';
-export type DateTypes = 'today' | 'week' | 'lastweek' | 'last15' | 'month' | 'lastmonth';
-export type TypeCurrentDate = 'valueInitial' | 'valueFinal';
-export interface ChangeInputPeriodEvent {
+import { ReactNode, RefObject, MouseEvent } from 'react';
+import { ColorStyles } from '../../@types/ColorStyles.js';
+import { Period } from '../../@types/Period.js';
+import { PermissionAttr } from '../../@types/PermissionAttr.js';
+import { CustomInputEvent } from '../base/types.js';
+import '../../@types/Align.js';
+import '../../tooltip/types.js';
+import '../../@types/Position.js';
+
+type DateTypes = 'today' | 'week' | 'lastweek' | 'last15' | 'month' | 'lastmonth';
+type TypeCurrentDate = 'valueInitial' | 'valueFinal';
+interface ChangeInputPeriodEvent {
     target: {
         value?: string;
         name?: string;
     };
 }
-export interface IPeriodOptions {
+interface IPeriodOptions {
     id: DateTypes | 'custom';
     label?: string;
 }
-export interface IDialogProps {
+interface IDialogProps {
     children: ReactNode | ReactNode[];
     onOpenChange: (open: boolean) => void;
     dialogSize: {
@@ -25,14 +29,14 @@ export interface IDialogProps {
     };
     handlerClose: (open: boolean) => void;
 }
-export interface IPeriodDropdownProps {
+interface IPeriodDropdownProps {
     children: ReactNode | ReactNode[];
     dropdownRef: (el: HTMLDivElement) => void;
     containerRef: RefObject<HTMLDivElement | HTMLElement>;
     showButtonOpen: boolean;
     inputDimensions?: DOMRect;
 }
-export interface IPeriodPickerProps {
+interface IPeriodPickerProps {
     label?: string;
     value?: {
         initial?: Moment | string;
@@ -66,7 +70,9 @@ export interface IPeriodPickerProps {
     themePopover?: 'light' | 'dark';
     popoverAlign?: 'right' | 'left';
 }
-export interface IPeriodListProps {
+interface IPeriodListProps {
     handleOnSelect: (value: DateTypes | 'custom', date: Moment[] | null) => void;
     selected?: string;
 }
+
+export { ChangeInputPeriodEvent, DateTypes, IDialogProps, IPeriodDropdownProps, IPeriodListProps, IPeriodOptions, IPeriodPickerProps, TypeCurrentDate };

package/lib/inputs/period/types.js

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

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

@@ -1,3 +1,16 @@
-import { ISearchProps } from '../types';
-declare const SearchField: (props: ISearchProps) => import("react/jsx-runtime").JSX.Element | null;
-export default SearchField;
+import { ISearchProps } from '../types.js';
+import 'react';
+import '../../@types/PermissionAttr.js';
+import '../../@types/DataCombo.js';
+import '../base/types.js';
+import '../../@types/Align.js';
+import '../../@types/Period.js';
+import '../../tooltip/types.js';
+import '../../@types/Position.js';
+import '../../drawer/types.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
+
+declare const SearchField: (props: ISearchProps) => JSX.Element | null;
+
+export { SearchField as default };

package/lib/inputs/search/index.js

@@ -1,111 +1,133 @@
-import { jsx as f, jsxs as Q } from "react/jsx-runtime";
-import { c as Y } from "../../_virtual/compiler-runtime.js";
-import { useState as K, useEffect as U, Fragment as Z } from "react";
-import _ from "../base/InputTextBase.js";
-import p from "../../buttons/Button.js";
-import '../../assets/styles/search.css';import '../../assets/styles/button.css';/* empty css                              */
-import L from "../../icons/index.js";
-/* empty css                              */
-import ee from "../../drawer/index.js";
-import te from "../../drawer/Header.js";
-import ne from "../../drawer/Content.js";
-const he = (t) => {
-  const e = Y.c(56), {
-    resetButton: M,
-    advancedFilterProps: y,
-    value: s,
-    drawerFilterIsOpened: N
-  } = t, A = M === void 0 ? !0 : M;
-  let F;
-  e[0] !== y ? (F = y === void 0 ? {} : y, e[0] = y, e[1] = F) : F = e[1];
-  const m = F, g = N === void 0 ? !1 : N, [r, H] = K(g), [o, V] = K(""), [n, W] = K();
-  let u, h, d, l;
-  e[2] !== m ? ({
-    headerTitle: d,
-    content: h,
-    onStateChange: l,
-    ...u
-  } = m, e[2] = m, e[3] = u, e[4] = h, e[5] = d, e[6] = l) : (u = e[3], h = e[4], d = e[5], l = e[6]);
-  let B;
-  e[7] !== t ? (B = (a) => {
-    t.onReset && t.onReset(a), V("");
-  }, e[7] = t, e[8] = B) : B = e[8];
-  const C = B;
-  let k;
-  e[9] !== t ? (k = (a) => {
-    a && (t.onChange && t.onChange(a), V(a.target.value));
-  }, e[9] = t, e[10] = k) : k = e[10];
-  const $ = k;
-  let x;
-  e[11] !== n || e[12] !== t.disabled ? (x = () => t.disabled || n && (n.disabled || n.hideContent), e[11] = n, e[12] = t.disabled, e[13] = x) : x = e[13];
-  const c = x;
-  let I;
-  e[14] !== n || e[15] !== t.readOnly ? (I = () => t.readOnly || n && n.readOnly, e[14] = n, e[15] = t.readOnly, e[16] = I) : I = e[16];
-  const R = I, q = n?.hideContent;
-  let S;
-  e[17] !== r || e[18] !== q || e[19] !== l || e[20] !== t || e[21] !== R || e[22] !== c ? (S = () => {
-    const a = R() || c() || q;
-    let i = {
-      icon: /* @__PURE__ */ f(L, { name: "filter1", color: "#a9a8a8" }, "filter-icon"),
-      key: "advanced-filter-button",
-      boxShadow: !1,
-      readOnly: R(),
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _InputTextBase = _interopRequireDefault(require("../base/InputTextBase"));
+var _buttons = _interopRequireDefault(require("../../buttons"));
+var _icons = _interopRequireDefault(require("../../icons"));
+require("../../assets/styles/search.scss");
+var _drawer = _interopRequireWildcard(require("../../drawer"));
+const _excluded = ["headerTitle", "content", "onStateChange"];
+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; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+const SearchField = props => {
+  const {
+    resetButton = true,
+    advancedFilterProps = {},
+    value,
+    drawerFilterIsOpened = false
+  } = props;
+  const [advancedFilterOpened, setAdvancedFilterOpened] = (0, _react.useState)(drawerFilterIsOpened);
+  const [valorCampo, setValorCampo] = (0, _react.useState)('');
+  const [onDenied, setOnDenied] = (0, _react.useState)();
+  const {
+      headerTitle,
+      content,
+      onStateChange
+    } = advancedFilterProps,
+    advancedFilterPropsRest = _objectWithoutProperties(advancedFilterProps, _excluded);
+  const onReset = event => {
+    if (props.onReset) props.onReset(event);
+    setValorCampo('');
+  };
+  const onChange = event => {
+    if (event) {
+      if (props.onChange) props.onChange(event);
+      setValorCampo(event.target.value);
+    }
+  };
+  const shouldDisable = () => props.disabled || onDenied && (onDenied.disabled || onDenied.hideContent);
+  const shouldBeReadOnly = () => props.readOnly || onDenied && onDenied.readOnly;
+  const hideContent = onDenied?.hideContent;
+  const buttonProps = () => {
+    const disableCallbacks = shouldBeReadOnly() || shouldDisable() || hideContent;
+    let propsButton = {
+      icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
+        name: "filter1",
+        color: "#a9a8a8",
+        key: "filter-icon"
+      }),
+      key: 'advanced-filter-button',
+      boxShadow: false,
+      readOnly: shouldBeReadOnly(),
       style: {
-        padding: "0 0 0 5px",
+        padding: '0 0 0 5px',
         width: 30
       },
-      transparent: !0,
-      disabled: c()
+      transparent: true,
+      disabled: shouldDisable()
     };
-    return a || (i = {
-      ...i,
-      onClick: (J) => {
-        t.onClick && t.onClick(J), H(!r), l && l(!r);
+    if (!disableCallbacks) {
+      propsButton = _objectSpread(_objectSpread({}, propsButton), {}, {
+        onClick: e => {
+          if (props.onClick) props.onClick(e);
+          setAdvancedFilterOpened(!advancedFilterOpened);
+          if (onStateChange) onStateChange(!advancedFilterOpened);
+        }
+      }, propsButton);
+    }
+    return propsButton;
+  };
+  const rightElements = () => {
+    const enableFilterButton = Object.keys(advancedFilterProps).length > 0;
+    let elements = [/*#__PURE__*/_react.default.createElement(_icons.default, {
+      name: "search",
+      color: "#a9a8a8",
+      key: "search-icon",
+      disabled: shouldDisable()
+    })];
+    const resetButtonIcon = /*#__PURE__*/_react.default.createElement(_icons.default, {
+      name: "cancel2",
+      color: "#a9a8a8",
+      key: "inputSearchIcon",
+      style: {
+        cursor: 'pointer',
+        pointerEvents: 'auto'
       },
-      ...i
-    }), i;
-  }, e[17] = r, e[18] = q, e[19] = l, e[20] = t, e[21] = R, e[22] = c, e[23] = S) : S = e[23];
-  const z = S;
-  let w;
-  e[24] !== m || e[25] !== z || e[26] !== C || e[27] !== A || e[28] !== c || e[29] !== o ? (w = () => {
-    const a = Object.keys(m).length > 0;
-    let i = [/* @__PURE__ */ f(L, { name: "search", color: "#a9a8a8", disabled: c() }, "search-icon")];
-    const J = /* @__PURE__ */ f(L, { name: "cancel2", color: "#a9a8a8", style: {
-      cursor: "pointer",
-      pointerEvents: "auto"
-    }, onClick: C }, "inputSearchIcon"), X = /* @__PURE__ */ f(p, { ...z() });
-    return a && (i = [...i, X]), A && o.trim() !== "" && (i = [J, ...i]), i;
-  }, e[24] = m, e[25] = z, e[26] = C, e[27] = A, e[28] = c, e[29] = o, e[30] = w) : w = e[30];
-  const G = w;
-  let D;
-  e[31] !== o || e[32] !== s ? (D = () => {
-    s !== void 0 && s !== o && V(s);
-  }, e[31] = o, e[32] = s, e[33] = D) : D = e[33];
-  let E;
-  e[34] !== s ? (E = [s], e[34] = s, e[35] = E) : E = e[35], U(D, E);
-  let P, j;
-  if (e[36] !== g ? (P = () => {
-    H(g);
-  }, j = [g], e[36] = g, e[37] = P, e[38] = j) : (P = e[37], j = e[38]), U(P, j), n && n.unvisible)
+      onClick: onReset
+    });
+    const filterButton = /*#__PURE__*/_react.default.createElement(_buttons.default, buttonProps());
+    if (enableFilterButton) elements = [...elements, filterButton];
+    if (resetButton && valorCampo.trim() !== '') elements = [resetButtonIcon, ...elements];
+    return elements;
+  };
+  (0, _react.useEffect)(() => {
+    if (value !== undefined && value !== valorCampo) {
+      setValorCampo(value);
+    }
+  }, [value]);
+  (0, _react.useEffect)(() => {
+    setAdvancedFilterOpened(drawerFilterIsOpened);
+  }, [drawerFilterIsOpened]);
+  if (onDenied && onDenied.unvisible) {
     return null;
-  let b;
-  e[39] !== G ? (b = G(), e[39] = G, e[40] = b) : b = e[40];
-  let v;
-  e[41] !== $ || e[42] !== C || e[43] !== t || e[44] !== b || e[45] !== o ? (v = /* @__PURE__ */ f(_, { ...t, onReset: C, onChange: $, value: o, customClass: "", handlerSetOnDenied: W, rightElements: b }), e[41] = $, e[42] = C, e[43] = t, e[44] = b, e[45] = o, e[46] = v) : v = e[46];
-  let O;
-  e[47] !== r || e[48] !== u || e[49] !== h || e[50] !== d || e[51] !== l ? (O = r && /* @__PURE__ */ Q(ee, { handlerClose: () => {
-    H(!1), l && l(!1);
-  }, ...u, children: [
-    d && /* @__PURE__ */ f(te, { title: d }),
-    /* @__PURE__ */ f(ne, { children: h })
-  ] }), e[47] = r, e[48] = u, e[49] = h, e[50] = d, e[51] = l, e[52] = O) : O = e[52];
-  let T;
-  return e[53] !== v || e[54] !== O ? (T = /* @__PURE__ */ Q(Z, { children: [
-    v,
-    O
-  ] }), e[53] = v, e[54] = O, e[55] = T) : T = e[55], T;
-};
-export {
-  he as default
+  }
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
+    onReset: onReset,
+    onChange: onChange,
+    value: valorCampo,
+    customClass: "",
+    handlerSetOnDenied: setOnDenied,
+    rightElements: rightElements()
+  })), advancedFilterOpened && /*#__PURE__*/_react.default.createElement(_drawer.default, _extends({
+    handlerClose: () => {
+      setAdvancedFilterOpened(false);
+      if (onStateChange) onStateChange(false);
+    }
+  }, advancedFilterPropsRest), headerTitle && /*#__PURE__*/_react.default.createElement(_drawer.DrawerHeader, {
+    title: headerTitle
+  }), /*#__PURE__*/_react.default.createElement(_drawer.DrawerContent, null, content)));
 };
-//# sourceMappingURL=index.js.map
+var _default = exports.default = SearchField;

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

@@ -1,3 +1,16 @@
-import { IActionButtonsSelectProps } from '../types';
-declare const ActionButtons: (props: IActionButtonsSelectProps) => import("react/jsx-runtime").JSX.Element;
-export default ActionButtons;
+import { IActionButtonsSelectProps } from '../types.js';
+import 'react';
+import '../../@types/PermissionAttr.js';
+import '../../@types/DataCombo.js';
+import '../base/types.js';
+import '../../@types/Align.js';
+import '../../@types/Period.js';
+import '../../tooltip/types.js';
+import '../../@types/Position.js';
+import '../../drawer/types.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
+
+declare const ActionButtons: (props: IActionButtonsSelectProps) => JSX.Element;
+
+export { ActionButtons as default };

package/lib/inputs/select/ActionButtons.js

@@ -1,29 +1,39 @@
-import { jsx as i, jsxs as x } from "react/jsx-runtime";
-import { c as v } from "../../_virtual/compiler-runtime.js";
-import b from "../../icons/index.js";
-const I = (f) => {
-  const t = v.c(14), {
-    disabled: m,
-    showClearButton: p,
-    dropDownOpened: h,
-    handlerOpenClose: c,
-    handlerClear: a,
-    customClassForSideButtons: C
-  } = f, e = m === void 0 ? !1 : m, r = p === void 0 ? !0 : p, d = `actionbuttonsselect ${C}`;
-  let n;
-  t[0] !== e || t[1] !== a || t[2] !== r ? (n = r && /* @__PURE__ */ i("button", { disabled: e, tabIndex: -1, className: "actionbutton buttonclear", onClick: a, children: /* @__PURE__ */ i(b, { name: "cancel", pointerEvents: "none" }) }), t[0] = e, t[1] = a, t[2] = r, t[3] = n) : n = t[3];
-  const u = h ? "mini_up" : "mini_down";
-  let o;
-  t[4] !== u ? (o = /* @__PURE__ */ i(b, { pointerEvents: "none", name: u }), t[4] = u, t[5] = o) : o = t[5];
-  let s;
-  t[6] !== e || t[7] !== c || t[8] !== o ? (s = /* @__PURE__ */ i("button", { disabled: e, tabIndex: -1, className: "actionbutton buttonopenclose", onClick: c, children: o }), t[6] = e, t[7] = c, t[8] = o, t[9] = s) : s = t[9];
-  let l;
-  return t[10] !== d || t[11] !== n || t[12] !== s ? (l = /* @__PURE__ */ x("div", { className: d, children: [
-    n,
-    s
-  ] }), t[10] = d, t[11] = n, t[12] = s, t[13] = l) : l = t[13], l;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _icons = _interopRequireDefault(require("../../icons"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ActionButtons = props => {
+  const {
+    disabled = false,
+    showClearButton = true,
+    dropDownOpened,
+    handlerOpenClose,
+    handlerClear,
+    customClassForSideButtons
+  } = props;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: `actionbuttonsselect ${customClassForSideButtons}`
+  }, showClearButton && /*#__PURE__*/_react.default.createElement("button", {
+    disabled: disabled,
+    tabIndex: -1,
+    className: "actionbutton buttonclear",
+    onClick: handlerClear
+  }, /*#__PURE__*/_react.default.createElement(_icons.default, {
+    name: "cancel",
+    pointerEvents: "none"
+  })), /*#__PURE__*/_react.default.createElement("button", {
+    disabled: disabled,
+    tabIndex: -1,
+    className: "actionbutton buttonopenclose",
+    onClick: handlerOpenClose
+  }, /*#__PURE__*/_react.default.createElement(_icons.default, {
+    pointerEvents: "none",
+    name: dropDownOpened ? 'mini_up' : 'mini_down'
+  })));
 };
-export {
-  I as default
-};
-//# sourceMappingURL=ActionButtons.js.map
+var _default = exports.default = ActionButtons;

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

@@ -1,3 +1,16 @@
-import { IDropdownSelectProps } from '../types';
-declare const Dropdown: (props: IDropdownSelectProps) => import("react/jsx-runtime").JSX.Element;
-export default Dropdown;
+import { IDropdownSelectProps } from '../types.js';
+import 'react';
+import '../../@types/PermissionAttr.js';
+import '../../@types/DataCombo.js';
+import '../base/types.js';
+import '../../@types/Align.js';
+import '../../@types/Period.js';
+import '../../tooltip/types.js';
+import '../../@types/Position.js';
+import '../../drawer/types.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
+
+declare const Dropdown: (props: IDropdownSelectProps) => JSX.Element;
+
+export { Dropdown as default };

package/lib/inputs/select/Dropdown.js

@@ -1,71 +1,114 @@
-import { jsx as n, jsxs as c } from "react/jsx-runtime";
-import { useState as R, useEffect as j } from "react";
-import f from "../../icons/index.js";
-import A from "../../avatar/index.js";
-import { returnDropdownDynamicStyles as h, getDropdownItemCssClass as B } from "./helper.js";
-import H from "../../dropdown/Popup.js";
-const $ = (r) => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _icons = _interopRequireDefault(require("../../icons"));
+var _avatar = _interopRequireDefault(require("../../avatar"));
+var helper = _interopRequireWildcard(require("./helper"));
+var _Popup = _interopRequireDefault(require("../../dropdown/Popup"));
+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; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const Dropdown = props => {
   const {
-    imageAlign: i = "left",
-    striped: y = !1,
-    dataCombo: t,
-    descriptionKey: a,
-    imgSrcKey: g,
-    dropdownRef: s,
-    currents: l = [],
-    dropdownWidth: w,
-    gridWrapperStyle: m,
-    handleOnSelect: D,
-    inputValue: N,
-    handleOnFocus: S,
-    opened: x,
-    handleOnFilter: v,
-    selected: p = null,
-    searchOnDropdown: C,
-    handleOnKeydown: K,
-    searchNotFoundText: b,
-    idKey: o,
-    selectFieldRef: F
-  } = r, [d, O] = R(h({
-    ...r
-  }));
-  return j(() => {
-    s.current && O(h({
-      ...r
-    }));
-  }, [s.current, t]), /* @__PURE__ */ n(H, { align: "left", leftPosition: d.left, topPosition: d.top, targetRef: F?.current, children: /* @__PURE__ */ c("div", { className: "select-dropdown", ref: s, style: {
-    width: w,
-    marginLeft: m ? m.paddingLeft : "0",
-    maxHeight: d.maxHeight
-  }, children: [
-    C && /* @__PURE__ */ c("div", { className: "filtercontainer", children: [
-      /* @__PURE__ */ n("input", { className: "filterinput", type: "text", value: N, onFocus: () => {
-        S();
-      }, onChange: (e) => {
-        v(e.target.value);
-      }, onKeyDown: (e) => {
-        K(e);
-      }, autoFocus: x }),
-      /* @__PURE__ */ n(f, { name: "search", viewBox: "0 0 32 32" })
-    ] }),
-    t.map((e) => {
-      const u = l && l.length > 0 ? l.some((P) => P[o] === e[o]) : !1, I = !!(p && p[o] === e[o]);
-      return /* @__PURE__ */ n("div", { className: B(I, u, y), children: /* @__PURE__ */ c("button", { className: "menubutton", tabIndex: -1, onClick: () => {
-        u || D(e);
-      }, children: [
-        e.iconName && /* @__PURE__ */ n(f, { name: e.iconName, customClass: "menuicon", style: {
-          order: i === "left" ? 0 : 1
-        } }),
-        g && e.imgSrcKey && /* @__PURE__ */ n(A, { src: e.imgSrcKey, customClass: "menuicon", style: {
-          order: i === "left" ? 0 : 1
-        } }),
-        /* @__PURE__ */ n("span", { className: "label", children: typeof a == "string" ? e[a] : a(e) })
-      ] }) }, `dropdowmIten ${e[o]}}`);
-    }),
-    t && t.length === 0 && /* @__PURE__ */ n("div", { className: "notfound", children: b })
-  ] }) });
+    imageAlign = 'left',
+    striped = false,
+    dataCombo,
+    descriptionKey,
+    imgSrcKey,
+    dropdownRef,
+    currents = [],
+    dropdownWidth,
+    gridWrapperStyle,
+    handleOnSelect,
+    inputValue,
+    handleOnFocus,
+    opened,
+    handleOnFilter,
+    selected = null,
+    searchOnDropdown,
+    handleOnKeydown,
+    searchNotFoundText,
+    idKey,
+    selectFieldRef
+  } = props;
+  const [dropdownDynamicStyles, setDropdownDynamicStyles] = (0, _react.useState)(helper.returnDropdownDynamicStyles(_objectSpread({}, props)));
+  (0, _react.useEffect)(() => {
+    if (dropdownRef.current) {
+      setDropdownDynamicStyles(helper.returnDropdownDynamicStyles(_objectSpread({}, props)));
+    }
+  }, [dropdownRef.current, dataCombo]);
+  return /*#__PURE__*/_react.default.createElement(_Popup.default, {
+    align: "left",
+    leftPosition: dropdownDynamicStyles.left,
+    topPosition: dropdownDynamicStyles.top,
+    targetRef: selectFieldRef?.current
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "select-dropdown",
+    ref: dropdownRef,
+    style: {
+      width: dropdownWidth,
+      marginLeft: gridWrapperStyle ? gridWrapperStyle.paddingLeft : '0',
+      maxHeight: dropdownDynamicStyles.maxHeight
+    }
+  }, searchOnDropdown && /*#__PURE__*/_react.default.createElement("div", {
+    className: "filtercontainer"
+  }, /*#__PURE__*/_react.default.createElement("input", {
+    className: "filterinput",
+    type: "text",
+    value: inputValue,
+    onFocus: () => {
+      handleOnFocus();
+    },
+    onChange: e => {
+      handleOnFilter(e.target.value);
+    },
+    onKeyDown: e => {
+      handleOnKeydown(e);
+    },
+    autoFocus: opened
+  }), /*#__PURE__*/_react.default.createElement(_icons.default, {
+    name: "search",
+    viewBox: "0 0 32 32"
+  })), dataCombo.map(item => {
+    const disabled = currents && currents.length > 0 ? currents.some(s => s[idKey] === item[idKey]) : false;
+    const itemSelected = Boolean(selected && selected[idKey] === item[idKey]);
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: `dropdowmIten ${item[idKey]}}`,
+      className: helper.getDropdownItemCssClass(itemSelected, disabled, striped)
+    }, /*#__PURE__*/_react.default.createElement("button", {
+      className: "menubutton",
+      tabIndex: -1,
+      onClick: () => {
+        if (!disabled) {
+          handleOnSelect(item);
+        }
+      }
+    }, item.iconName && /*#__PURE__*/_react.default.createElement(_icons.default, {
+      name: item.iconName,
+      customClass: "menuicon",
+      style: {
+        order: imageAlign === 'left' ? 0 : 1
+      }
+    }), imgSrcKey && item.imgSrcKey && /*#__PURE__*/_react.default.createElement(_avatar.default, {
+      src: item.imgSrcKey,
+      customClass: "menuicon",
+      style: {
+        order: imageAlign === 'left' ? 0 : 1
+      }
+    }), /*#__PURE__*/_react.default.createElement("span", {
+      className: "label"
+    }, typeof descriptionKey === 'string' ? item[descriptionKey] : descriptionKey(item))));
+  }), dataCombo && dataCombo.length === 0 && /*#__PURE__*/_react.default.createElement("div", {
+    className: "notfound"
+  }, searchNotFoundText)));
 };
-export {
-  $ as default
-};
-//# sourceMappingURL=Dropdown.js.map
+var _default = exports.default = Dropdown;