linear-react-components-ui 1.1.26-beta.6 → 1.1.26-beta.8

package/lib/inputs/period/index.js

@@ -1,10 +1,11 @@
-import { j as i } from "../../chunks/jsx-runtime.C7wFtzyj.js";
+import { j as i } from "../../chunks/jsx-runtime.D1SHvdVE.js";
 import { useId as fe, useState as D, useRef as g, useEffect as k, useCallback as de } from "react";
 import { h as r } from "../../chunks/moment.DMLRxgRE.js";
 import ke from "./PeriodList.js";
 import me from "../mask/BaseMask.js";
 import U from "./Dropdown.js";
 import Oe from "../../calendar/base/index.js";
+import "../../chunks/compiler-runtime.Cu50tn6L.js";
 import ge from "../../buttons/Button.js";
 import W from "../../icons/index.js";
 import '../../assets/gridlayout.css';import '../../assets/button.css';import '../../assets/index24.css';/* empty css                           */
@@ -16,20 +17,23 @@ import { getInputWrapperClass as Te } from "../base/helpers.js";
 import { ErrorMessage as Ae } from "../errorMessage/index.js";
 import he from "../../textContent/index.js";
 import qe from "../../popover/index.js";
-const rn = (n) => {
+const on = (n) => {
   const {
     showButtonOpen: j = !0,
     openOnFocus: ve = !0,
-    shouldCloseOnSelect: _ = !0,
+    shouldCloseOnSelect: G = !0,
     calendarColorStyle: S,
     showCalendarInDialog: b = !1,
-    dialogSize: O = { width: "350px", height: "350px" },
+    dialogSize: O = {
+      width: "350px",
+      height: "350px"
+    },
     hint: B,
-    hintPosition: G = "below",
+    hintPosition: H = "below",
     themePopover: Ce = "light",
     popoverAlign: De = "left",
-    gridLayout: H
-  } = n, Ye = fe(), pe = fe(), [l, I] = D(n.value && r(n.value.initial, "DD/MM/YYYY")), [a, F] = D(n.value && r(n.value.final, "DD/MM/YYYY")), [J, Q] = D("week"), [h, v] = D(!1), [Y, u] = D(!1), [y, p] = D(!1), [L, V] = D(), [C, X] = D(), [Z, ee] = D("valueInitial"), M = g(null), x = g(null), d = g(null), xe = g(null), T = g(null), be = g(null), w = g(null);
+    gridLayout: J
+  } = n, Ye = fe(), pe = fe(), [l, I] = D(n.value && r(n.value.initial, "DD/MM/YYYY")), [a, F] = D(n.value && r(n.value.final, "DD/MM/YYYY")), [Q, X] = D("week"), [h, v] = D(!1), [Y, u] = D(!1), [y, p] = D(!1), [L, V] = D(), [C, Z] = D(), [_, ee] = D("valueInitial"), M = g(null), x = g(null), d = g(null), xe = g(null), T = g(null), be = g(null), w = g(null);
   g(null);
   const o = g(null), f = g(null), A = () => {
     V(x?.current?.getBoundingClientRect());
@@ -37,7 +41,9 @@ const rn = (n) => {
     const t = !M.current?.contains(e.relatedTarget);
     !b && h && t && v(!1), !b && Y && t && u(!1);
   }, ne = (e) => {
-    const { target: t } = e, c = t;
+    const {
+      target: t
+    } = e, c = t;
     if (f.current && e && e.key && e.key === "Escape" && (e.preventDefault(), c.focus(), h && (c.id !== "valueInitial" && d.current?.focus(), v(!1)), Y && (c.id !== "valueFinal" && o.current?.focus(), u(!1)), y && (p(!1), o.current?.focus(), u(!1))), f.current && e && e.key && e.key === "Tab") {
       const s = f.current?.getElementsByClassName("navbutton"), Re = (f.current?.getElementsByClassName("-selectedday"))[0].firstChild, K = Array.from([...s, Re]), ue = K[0], Ee = K[K.length - 1], ce = f.current.id === "valueInitial";
       !e.shiftKey && h && document.activeElement === d.current && (e.preventDefault(), ue.focus()), e.shiftKey && ce && document.activeElement === ue && (e.preventDefault(), d.current?.focus()), !e.shiftKey && ce && document.activeElement === Ee && (e.preventDefault(), o.current?.focus());
@@ -51,21 +57,22 @@ const rn = (n) => {
     window.removeEventListener("resize", A), document.removeEventListener("scroll", P), document.getElementById("modal-dialog-content")?.removeEventListener("scroll", P);
   }), []), k(() => (document.addEventListener("keydown", ne), () => {
     document.removeEventListener("keydown", ne);
-  }), [
-    Y,
-    h,
-    y,
-    f.current
-  ]), k(() => {
+  }), [Y, h, y, f.current]), k(() => {
     if (a && l && r(a).isBefore(r(l)))
       I(a), F(l);
     else if (n.onChange) {
       const e = l ? l.format("YYYY-MM-DD") : "", t = a ? a.format("YYYY-MM-DD") : "";
-      n.onChange(void 0, "", { initial: e, final: t });
+      n.onChange(void 0, "", {
+        initial: e,
+        final: t
+      });
     }
   }, [l, a]), k(() => {
     if (n.value && !(r(n.value.initial).isSame(l) || r(n.value.final).isSame(a))) {
-      const { initial: e, final: t } = n.value;
+      const {
+        initial: e,
+        final: t
+      } = n.value;
       let c, s;
       r(e, "YYYY-MM-DD", !0).isValid() && (c = r(e, "YYYY-MM-DD")), r(t, "YYYY-MM-DD", !0).isValid() && (s = r(t, "YYYY-MM-DD")), I(c), F(s);
     }
@@ -83,253 +90,124 @@ const rn = (n) => {
       e === "valueInitial" && (d.current?.focus(), v(!1)), e === "valueFinal" && (o.current?.focus(), u(!1)), e === "periodSelection" && (p(!1), o.current?.focus(), u(!1));
     }, 100);
   }, ie = (e) => {
-    const { name: t } = e.target;
+    const {
+      name: t
+    } = e.target;
     ve && te(t), n.onFocus && n.onFocus(e);
   }, le = (e) => {
     n.onBlur && n.onBlur(e);
   }, ae = (e, t) => {
     if (e) {
-      const { name: c } = e.target;
+      const {
+        name: c
+      } = e.target;
       t && t.replace(/\D/g, "").trim().length !== 0 && (c === "valueInitial" ? I(void 0) : F(void 0));
     }
   }, R = (e) => {
     if (n.onChange) {
       const t = e.initial ? e.initial.format("YYYY-MM-DD") : "", c = e.final ? e.final.format("YYYY-MM-DD") : "";
-      n.onChange(void 0, "", { initial: t, final: c });
+      n.onChange(void 0, "", {
+        initial: t,
+        final: c
+      });
     }
   }, N = (e, t, c = !0) => {
     const s = e ? e.target.name : "", m = r(t, "DD/MM/YYYY");
-    h && d.current?.focus(), Y && o.current?.focus(), s === "valueFinal" && l && m.isBefore(l) ? (I(m), F(l), R({ initial: m, final: l })) : s === "valueInitial" && a && m.isAfter(a) ? (I(a), F(m), R({ initial: a, final: m })) : s === "valueInitial" ? (I(m), R({ initial: m, final: a })) : (F(m), R({ initial: l, final: m })), s === "valueInitial" && !a && c && (o.current?.focus(), setTimeout(() => u(!0), 100)), _ && (v(!1), u(!1));
+    h && d.current?.focus(), Y && o.current?.focus(), s === "valueFinal" && l && m.isBefore(l) ? (I(m), F(l), R({
+      initial: m,
+      final: l
+    })) : s === "valueInitial" && a && m.isAfter(a) ? (I(a), F(m), R({
+      initial: a,
+      final: m
+    })) : s === "valueInitial" ? (I(m), R({
+      initial: m,
+      final: a
+    })) : (F(m), R({
+      initial: l,
+      final: m
+    })), s === "valueInitial" && !a && c && (o.current?.focus(), setTimeout(() => u(!0), 100)), G && (v(!1), u(!1));
   }, z = () => {
-    const { disabled: e } = n;
+    const {
+      disabled: e
+    } = n;
     return e || C && (C.disabled || C.hideContent);
-  }, we = de(() => j ? /* @__PURE__ */ i.jsx(
-    ge,
-    {
-      boxShadow: !1,
-      disabled: z(),
-      customClass: "calendar-button",
-      icon: /* @__PURE__ */ i.jsx(W, { name: "calendar" }),
-      onClick: () => {
-        Y || h ? Fe(Z) : te(Z);
-      },
-      tabIndex: -1,
-      targetRef: (e) => {
-        xe.current = e;
-      }
-    },
-    "button-open"
-  ) : null, [Y, h]), re = (e, t) => /* @__PURE__ */ i.jsx(ke, { selected: e, handleOnSelect: t }), ye = () => {
+  }, we = de(() => j ? /* @__PURE__ */ i.jsx(ge, { boxShadow: !1, disabled: z(), customClass: "calendar-button", icon: /* @__PURE__ */ i.jsx(W, { name: "calendar" }), onClick: () => {
+    Y || h ? Fe(_) : te(_);
+  }, tabIndex: -1, targetRef: (e) => {
+    xe.current = e;
+  } }, "button-open") : null, [Y, h]), re = (e, t) => /* @__PURE__ */ i.jsx(ke, { selected: e, handleOnSelect: t }), ye = () => {
     u(!1), v(!1), p(!0), x.current && V(x.current.getBoundingClientRect());
   }, Me = () => {
     p(!1), o.current?.focus(), u(!1);
-  }, je = de(() => /* @__PURE__ */ i.jsx(
-    ge,
-    {
-      disabled: z(),
-      tabIndex: -1,
-      customClass: "calendar-button",
-      icon: /* @__PURE__ */ i.jsx(W, { name: "more1" }),
-      onBlur: () => setTimeout(() => p(!1), 100),
-      onClick: () => y ? Me() : ye(),
-      targetRef: (e) => {
-        be.current = e;
-      }
-    },
-    "button-select-period"
-  ), [y]), E = (e, t, c) => /* @__PURE__ */ i.jsx(
-    Oe,
-    {
-      colorStyle: t,
-      currentDate: e !== void 0 ? r(e) : r(),
-      calendarContainer: (s) => {
-        f.current = s;
-      },
-      onDateChange: (s) => N({ target: { name: c } }, s),
-      currentDateButton: (s) => T.current = s
+  }, je = de(() => /* @__PURE__ */ i.jsx(ge, { disabled: z(), tabIndex: -1, customClass: "calendar-button", icon: /* @__PURE__ */ i.jsx(W, { name: "more1" }), onBlur: () => setTimeout(() => p(!1), 100), onClick: () => y ? Me() : ye(), targetRef: (e) => {
+    be.current = e;
+  } }, "button-select-period"), [y]), E = (e, t, c) => /* @__PURE__ */ i.jsx(Oe, { colorStyle: t, currentDate: e !== void 0 ? r(e) : r(), calendarContainer: (s) => {
+    f.current = s;
+  }, onDateChange: (s) => N({
+    target: {
+      name: c
     }
-  ), oe = (e, t) => {
+  }, s), currentDateButton: (s) => T.current = s }), oe = (e, t) => {
     if (e === "custom") {
-      d.current?.focus(), Q(e), p(!1);
+      d.current?.focus(), X(e), p(!1);
       return;
     }
-    Q(e), t && (I(t[0]), F(t[1])), _ && p(!1), o.current?.focus(), u(!1);
-  }, Se = () => C && C.readOnly ? null : (f && f.current && (f.current.id = "valueInitial"), b ? /* @__PURE__ */ i.jsx(
-    $,
-    {
-      handlerClose: () => q("valueInitial"),
-      dialogSize: O,
-      onOpenChange: v,
-      children: E(l, S, "valueInitial")
-    }
-  ) : /* @__PURE__ */ i.jsx(
-    U,
-    {
-      containerRef: M,
-      showButtonOpen: j,
-      inputDimensions: L,
-      dropdownRef: (e) => {
-        w.current = e;
-      },
-      children: E(l, S, "valueInitial")
-    }
-  )), Be = () => C && C.readOnly ? null : (f && f.current && (f.current.id = "valueFinal"), b ? /* @__PURE__ */ i.jsx(
-    $,
-    {
-      handlerClose: () => q("valueFinal"),
-      dialogSize: O,
-      onOpenChange: u,
-      children: E(a, S, "valueFinal")
-    }
-  ) : /* @__PURE__ */ i.jsx(
-    U,
-    {
-      containerRef: M,
-      showButtonOpen: j,
-      inputDimensions: L,
-      dropdownRef: (e) => {
-        w.current = e;
-      },
-      children: E(a, S, "valueFinal")
-    }
-  )), Pe = () => b ? /* @__PURE__ */ i.jsx(
-    $,
-    {
-      handlerClose: () => q("periodSelection"),
-      dialogSize: O,
-      onOpenChange: p,
-      children: re(J, oe)
-    }
-  ) : /* @__PURE__ */ i.jsx(
-    U,
-    {
-      containerRef: M,
-      showButtonOpen: j,
-      inputDimensions: L,
-      dropdownRef: (e) => {
-        w.current = e;
-      },
-      children: re(J, oe)
-    }
-  );
+    X(e), t && (I(t[0]), F(t[1])), G && p(!1), o.current?.focus(), u(!1);
+  }, Se = () => C && C.readOnly ? null : (f && f.current && (f.current.id = "valueInitial"), b ? /* @__PURE__ */ i.jsx($, { handlerClose: () => q("valueInitial"), dialogSize: O, onOpenChange: v, children: E(l, S, "valueInitial") }) : /* @__PURE__ */ i.jsx(U, { containerRef: M, showButtonOpen: j, inputDimensions: L, dropdownRef: (e) => {
+    w.current = e;
+  }, children: E(l, S, "valueInitial") })), Be = () => C && C.readOnly ? null : (f && f.current && (f.current.id = "valueFinal"), b ? /* @__PURE__ */ i.jsx($, { handlerClose: () => q("valueFinal"), dialogSize: O, onOpenChange: u, children: E(a, S, "valueFinal") }) : /* @__PURE__ */ i.jsx(U, { containerRef: M, showButtonOpen: j, inputDimensions: L, dropdownRef: (e) => {
+    w.current = e;
+  }, children: E(a, S, "valueFinal") })), Pe = () => b ? /* @__PURE__ */ i.jsx($, { handlerClose: () => q("periodSelection"), dialogSize: O, onOpenChange: p, children: re(Q, oe) }) : /* @__PURE__ */ i.jsx(U, { containerRef: M, showButtonOpen: j, inputDimensions: L, dropdownRef: (e) => {
+    w.current = e;
+  }, children: re(Q, oe) });
   if (C && C.unvisible) return null;
-  const se = () => /* @__PURE__ */ i.jsxs(
-    "div",
-    {
-      ref: M,
-      onBlur: Ie,
-      className: "input-base-component datepicker-period-container",
-      children: [
-        n.label && /* @__PURE__ */ i.jsxs("div", { className: "labelcontainer", children: [
-          /* @__PURE__ */ i.jsx(
-            he,
-            {
-              required: n.required,
-              className: n.customClassForLabel,
-              labelUppercase: n.labelUppercase
-            }
-          ),
-          /* @__PURE__ */ i.jsx(
-            "div",
-            {
-              className: "text-content",
-              style: { display: "flex" },
-              children: /* @__PURE__ */ i.jsxs(
-                "div",
-                {
-                  className: `label ${n.customClassForLabel} ${n.labelUppercase && " -uppercase"}`,
-                  style: { alignSelf: "center" },
-                  children: [
-                    n.label,
-                    n.required && /* @__PURE__ */ i.jsx("span", { className: "-requiredlabel", children: "*" }),
-                    !!B && G === "onLabelRight" && /* @__PURE__ */ i.jsx(
-                      qe,
-                      {
-                        theme: Ce,
-                        align: De,
-                        iconColor: "#03bde2",
-                        customClass: "-hint",
-                        style: { margin: "0px 5px", height: "auto", width: 20 },
-                        children: B
-                      }
-                    )
-                  ]
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ i.jsx(he, {})
-        ] }),
-        /* @__PURE__ */ i.jsxs(
-          "div",
-          {
-            className: `periodpicker-component ${Te({
-              ...n,
-              value: l ? r(l).format("DD/MM/YYYY") : "",
-              disabled: z()
-            })}`,
-            ref: x,
-            children: [
-              /* @__PURE__ */ i.jsx(
-                me,
-                {
-                  gridLayout: void 0,
-                  permissionAttr: n.permissionAttr,
-                  name: "valueInitial",
-                  value: l ? r(l).format("DD/MM/YYYY") : "",
-                  mask: "00/00/0000",
-                  onComplete: (e) => {
-                    N(e, e.target.value, !0);
-                  },
-                  onFocus: ie,
-                  onBlur: (e) => le(e),
-                  onChange: ae,
-                  inputRef: (e) => {
-                    d.current = e;
-                  },
-                  handlerSetOnDenied: (e) => {
-                    X(e);
-                  },
-                  required: n.required
-                }
-              ),
-              /* @__PURE__ */ i.jsx(W, { name: "arrow_right", customClass: "separation_icon" }),
-              /* @__PURE__ */ i.jsx(
-                me,
-                {
-                  gridLayout: void 0,
-                  permissionAttr: n.permissionAttr,
-                  name: "valueFinal",
-                  value: a ? r(a).format("DD/MM/YYYY") : "",
-                  mask: "00/00/0000",
-                  onComplete: (e) => {
-                    N(e, e.target.value, !0);
-                  },
-                  onFocus: ie,
-                  onBlur: (e) => le(e),
-                  onChange: ae,
-                  inputRef: (e) => {
-                    o.current = e;
-                  },
-                  handlerSetOnDenied: (e) => X(e),
-                  required: n.required
-                }
-              ),
-              we(),
-              je()
-            ]
-          }
-        ),
-        h && Se(),
-        Y && Be(),
-        y && Pe(),
-        /* @__PURE__ */ i.jsx(Le, { visible: !!B && G === "below", customClass: "hint", description: B }),
-        /* @__PURE__ */ i.jsx(Ae, { messages: n.errorMessages })
-      ]
-    }
-  );
-  return H ? /* @__PURE__ */ i.jsx(Ve, { customClass: "-withinput", cols: H, children: se() }) : se();
+  const se = () => /* @__PURE__ */ i.jsxs("div", { ref: M, onBlur: Ie, className: "input-base-component datepicker-period-container", children: [
+    n.label && /* @__PURE__ */ i.jsxs("div", { className: "labelcontainer", children: [
+      /* @__PURE__ */ i.jsx(he, { required: n.required, className: n.customClassForLabel, labelUppercase: n.labelUppercase }),
+      /* @__PURE__ */ i.jsx("div", { className: "text-content", style: {
+        display: "flex"
+      }, children: /* @__PURE__ */ i.jsxs("div", { className: `label ${n.customClassForLabel} ${n.labelUppercase && " -uppercase"}`, style: {
+        alignSelf: "center"
+      }, children: [
+        n.label,
+        n.required && /* @__PURE__ */ i.jsx("span", { className: "-requiredlabel", children: "*" }),
+        !!B && H === "onLabelRight" && /* @__PURE__ */ i.jsx(qe, { theme: Ce, align: De, iconColor: "#03bde2", customClass: "-hint", style: {
+          margin: "0px 5px",
+          height: "auto",
+          width: 20
+        }, children: B })
+      ] }) }),
+      /* @__PURE__ */ i.jsx(he, {})
+    ] }),
+    /* @__PURE__ */ i.jsxs("div", { className: `periodpicker-component ${Te({
+      ...n,
+      value: l ? r(l).format("DD/MM/YYYY") : "",
+      disabled: z()
+    })}`, ref: x, children: [
+      /* @__PURE__ */ i.jsx(me, { gridLayout: void 0, permissionAttr: n.permissionAttr, name: "valueInitial", value: l ? r(l).format("DD/MM/YYYY") : "", mask: "00/00/0000", onComplete: (e) => {
+        N(e, e.target.value, !0);
+      }, onFocus: ie, onBlur: (e) => le(e), onChange: ae, inputRef: (e) => {
+        d.current = e;
+      }, handlerSetOnDenied: (e) => {
+        Z(e);
+      }, required: n.required }),
+      /* @__PURE__ */ i.jsx(W, { name: "arrow_right", customClass: "separation_icon" }),
+      /* @__PURE__ */ i.jsx(me, { gridLayout: void 0, permissionAttr: n.permissionAttr, name: "valueFinal", value: a ? r(a).format("DD/MM/YYYY") : "", mask: "00/00/0000", onComplete: (e) => {
+        N(e, e.target.value, !0);
+      }, onFocus: ie, onBlur: (e) => le(e), onChange: ae, inputRef: (e) => {
+        o.current = e;
+      }, handlerSetOnDenied: (e) => Z(e), required: n.required }),
+      we(),
+      je()
+    ] }),
+    h && Se(),
+    Y && Be(),
+    y && Pe(),
+    /* @__PURE__ */ i.jsx(Le, { visible: !!B && H === "below", customClass: "hint", description: B }),
+    /* @__PURE__ */ i.jsx(Ae, { messages: n.errorMessages })
+  ] });
+  return J ? /* @__PURE__ */ i.jsx(Ve, { customClass: "-withinput", cols: J, children: se() }) : se();
 };
 export {
-  rn as default
+  on as default
 };

package/lib/inputs/search/index.js

@@ -1,80 +1,104 @@
-import { j as o } from "../../chunks/jsx-runtime.C7wFtzyj.js";
-import { useState as u, useEffect as S, Fragment as D } from "react";
-import E from "../base/InputTextBase.js";
-import I from "../../buttons/Button.js";
-import m from "../../icons/index.js";
+import { j as s } from "../../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as M } from "../../chunks/compiler-runtime.Cu50tn6L.js";
+import { useState as q, useEffect as N, Fragment as Q } from "react";
+import U from "../base/InputTextBase.js";
+import W from "../../buttons/Button.js";
+import z from "../../icons/index.js";
 import '../../assets/button.css';import '../../assets/index25.css';/* empty css                           */
-import w from "../../drawer/index.js";
-import P from "../../drawer/Header.js";
-import T from "../../drawer/Content.js";
-const M = (e) => {
-  const { resetButton: g = !0, advancedFilterProps: h = {}, value: s } = e, [i, C] = u(!1), [l, c] = u(""), [a, v] = u(), { headerTitle: x, content: p, onStateChange: r, ...O } = h, b = (n) => {
-    e.onReset && e.onReset(n), c("");
-  }, y = (n) => {
-    n && (e.onChange && e.onChange(n), c(n.target.value));
-  }, d = () => e.disabled || a && (a.disabled || a.hideContent), j = () => e.readOnly || a && a.readOnly, B = a?.hideContent, k = () => {
-    const n = j() || d() || B;
-    let t = {
-      icon: /* @__PURE__ */ o.jsx(m, { name: "filter1", color: "#a9a8a8" }, "filter-icon"),
+import X from "../../drawer/index.js";
+import Y from "../../drawer/Header.js";
+import Z from "../../drawer/Content.js";
+const re = (t) => {
+  const e = M.c(53), {
+    resetButton: G,
+    advancedFilterProps: j,
+    value: r
+  } = t, P = G === void 0 ? !0 : G;
+  let O;
+  e[0] !== j ? (O = j === void 0 ? {} : j, e[0] = j, e[1] = O) : O = e[1];
+  const m = O, [d, J] = q(!1), [o, w] = q(""), [n, K] = q();
+  let u, h, c, l;
+  e[2] !== m ? ({
+    headerTitle: c,
+    content: h,
+    onStateChange: l,
+    ...u
+  } = m, e[2] = m, e[3] = u, e[4] = h, e[5] = c, e[6] = l) : (u = e[3], h = e[4], c = e[5], l = e[6]);
+  let g;
+  e[7] !== t ? (g = (a) => {
+    t.onReset && t.onReset(a), w("");
+  }, e[7] = t, e[8] = g) : g = e[8];
+  const C = g;
+  let y;
+  e[9] !== t ? (y = (a) => {
+    a && (t.onChange && t.onChange(a), w(a.target.value));
+  }, e[9] = t, e[10] = y) : y = e[10];
+  const T = y;
+  let B;
+  e[11] !== n || e[12] !== t.disabled ? (B = () => t.disabled || n && (n.disabled || n.hideContent), e[11] = n, e[12] = t.disabled, e[13] = B) : B = e[13];
+  const f = B;
+  let F;
+  e[14] !== n || e[15] !== t.readOnly ? (F = () => t.readOnly || n && n.readOnly, e[14] = n, e[15] = t.readOnly, e[16] = F) : F = e[16];
+  const k = F, A = n?.hideContent;
+  let R;
+  e[17] !== d || e[18] !== A || e[19] !== l || e[20] !== t || e[21] !== k || e[22] !== f ? (R = () => {
+    const a = k() || f() || A;
+    let i = {
+      icon: /* @__PURE__ */ s.jsx(z, { name: "filter1", color: "#a9a8a8" }, "filter-icon"),
       key: "advanced-filter-button",
       boxShadow: !1,
-      readOnly: j(),
-      style: { padding: "0 0 0 5px", width: 30 },
+      readOnly: k(),
+      style: {
+        padding: "0 0 0 5px",
+        width: 30
+      },
       transparent: !0,
-      disabled: d()
+      disabled: f()
     };
-    return n || (t = {
-      ...t,
-      onClick: (f) => {
-        e.onClick && e.onClick(f), C(!i), r && r(!i);
-      },
-      ...t
-    }), t;
-  }, F = () => {
-    const n = Object.keys(h).length > 0;
-    let t = [/* @__PURE__ */ o.jsx(m, { name: "search", color: "#a9a8a8", disabled: d() }, "search-icon")];
-    const f = /* @__PURE__ */ o.jsx(
-      m,
-      {
-        name: "cancel2",
-        color: "#a9a8a8",
-        style: { cursor: "pointer", pointerEvents: "auto" },
-        onClick: b
+    return a || (i = {
+      ...i,
+      onClick: ($) => {
+        t.onClick && t.onClick($), J(!d), l && l(!d);
       },
-      "inputSearchIcon"
-    ), R = /* @__PURE__ */ o.jsx(I, { ...k() });
-    return n && (t = [...t, R]), g && l.trim() !== "" && (t = [f, ...t]), t;
-  };
-  return S(() => {
-    s !== void 0 && s !== l && c(s);
-  }, [s]), a && a.unvisible ? null : /* @__PURE__ */ o.jsxs(D, { children: [
-    /* @__PURE__ */ o.jsx(
-      E,
-      {
-        ...e,
-        onReset: b,
-        onChange: y,
-        value: l,
-        customClass: "",
-        handlerSetOnDenied: v,
-        rightElements: F()
-      }
-    ),
-    i && /* @__PURE__ */ o.jsxs(
-      w,
-      {
-        handlerClose: () => {
-          C(!1), r && r(!1);
-        },
-        ...O,
-        children: [
-          x && /* @__PURE__ */ o.jsx(P, { title: x }),
-          /* @__PURE__ */ o.jsx(T, { children: p })
-        ]
-      }
-    )
-  ] });
+      ...i
+    }), i;
+  }, e[17] = d, e[18] = A, e[19] = l, e[20] = t, e[21] = k, e[22] = f, e[23] = R) : R = e[23];
+  const H = R;
+  let E;
+  e[24] !== m || e[25] !== H || e[26] !== C || e[27] !== P || e[28] !== f || e[29] !== o ? (E = () => {
+    const a = Object.keys(m).length > 0;
+    let i = [/* @__PURE__ */ s.jsx(z, { name: "search", color: "#a9a8a8", disabled: f() }, "search-icon")];
+    const $ = /* @__PURE__ */ s.jsx(z, { name: "cancel2", color: "#a9a8a8", style: {
+      cursor: "pointer",
+      pointerEvents: "auto"
+    }, onClick: C }, "inputSearchIcon"), L = /* @__PURE__ */ s.jsx(W, { ...H() });
+    return a && (i = [...i, L]), P && o.trim() !== "" && (i = [$, ...i]), i;
+  }, e[24] = m, e[25] = H, e[26] = C, e[27] = P, e[28] = f, e[29] = o, e[30] = E) : E = e[30];
+  const V = E;
+  let S;
+  e[31] !== o || e[32] !== r ? (S = () => {
+    r !== void 0 && r !== o && w(r);
+  }, e[31] = o, e[32] = r, e[33] = S) : S = e[33];
+  let D;
+  if (e[34] !== r ? (D = [r], e[34] = r, e[35] = D) : D = e[35], N(S, D), n && n.unvisible)
+    return null;
+  let x;
+  e[36] !== V ? (x = V(), e[36] = V, e[37] = x) : x = e[37];
+  let b;
+  e[38] !== T || e[39] !== C || e[40] !== t || e[41] !== x || e[42] !== o ? (b = /* @__PURE__ */ s.jsx(U, { ...t, onReset: C, onChange: T, value: o, customClass: "", handlerSetOnDenied: K, rightElements: x }), e[38] = T, e[39] = C, e[40] = t, e[41] = x, e[42] = o, e[43] = b) : b = e[43];
+  let v;
+  e[44] !== d || e[45] !== u || e[46] !== h || e[47] !== c || e[48] !== l ? (v = d && /* @__PURE__ */ s.jsxs(X, { handlerClose: () => {
+    J(!1), l && l(!1);
+  }, ...u, children: [
+    c && /* @__PURE__ */ s.jsx(Y, { title: c }),
+    /* @__PURE__ */ s.jsx(Z, { children: h })
+  ] }), e[44] = d, e[45] = u, e[46] = h, e[47] = c, e[48] = l, e[49] = v) : v = e[49];
+  let I;
+  return e[50] !== b || e[51] !== v ? (I = /* @__PURE__ */ s.jsxs(Q, { children: [
+    b,
+    v
+  ] }), e[50] = b, e[51] = v, e[52] = I) : I = e[52], I;
 };
 export {
-  M as default
+  re as default
 };