@ikas/core 1.0.21 → 1.0.22

package/dist/index122.js

@@ -1,242 +1,85 @@
-import { jsxs as E, jsx as r } from "react/jsx-runtime";
-import { observer as X } from "mobx-react-lite";
-import { action as W } from "mobx";
-import { Link as P } from "react-router-dom";
-import { Tooltip as _ } from "@ikas/ui";
-import { cn as m } from "./index3.js";
-import { CellType as s } from "./index8.js";
-import { HeaderCell as q } from "./index185.js";
-import { SummaryCell as J } from "./index186.js";
-import { TextCell as Q } from "./index187.js";
-import { NumberCell as Y } from "./index188.js";
-import { PriceCell as Z } from "./index189.js";
-import { SelectCell as $ } from "./index190.js";
-import { ImageSelectCell as ee } from "./index191.js";
-import { ProductCell as te } from "./index11.js";
-import re from "./index139.js";
-import ne from "./index63.js";
-function ae(C) {
-  var M, R;
-  const {
-    model: n,
-    columnDefinition: e,
-    rowData: t,
-    isHeader: c,
-    isSummary: u,
-    isSelected: O,
-    index: U,
-    expandableCellProps: i
-  } = C, k = n.displayedColumnDefinitions.findIndex(
-    (a) => a.columnKey === e.columnKey
-  ), B = !!n.isSelectable && k === 0, h = c ? e.headerAlignment ?? e.alignment : e.alignment, y = n.isStickyColumnEnabled && k === 0 ? n.isSelectable ? 40 : 0 : void 0, F = t && e.isDisabled ? e.isDisabled(t) : !1, p = W((a) => {
-    const { setValue: l } = e;
-    l && (n.selectedData.length && O ? n.selectedData.forEach((d) => l(d, a)) : t && l(t, a));
-  }), L = (a) => {
-    c || u || n.onCellClick && t && (a.preventDefault(), n.onCellClick(t, e));
-  }, w = t ? t[n.idKey] + "" + e.columnKey : void 0, o = w ? (M = n.validator) == null ? void 0 : M.results[w] : void 0, z = !!((R = o == null ? void 0 : o.messages) != null && R.length), S = () => {
-    var a, l, d, b, K;
-    if (c)
-      return /* @__PURE__ */ r(
-        q,
-        {
-          model: n,
-          columnDefinition: e,
-          alignment: h
-        }
-      );
-    if (u)
-      return /* @__PURE__ */ r(
-        J,
-        {
-          columnDefinition: e,
-          alignment: h
-        }
-      );
-    switch (e.type) {
-      case s.TEXT:
-        return /* @__PURE__ */ r(
-          Q,
-          {
-            value: (a = e.getValue) == null ? void 0 : a.call(e, t),
-            rowData: t,
-            columnDefinition: e,
-            onValueChange: p
-          }
-        );
-      case s.NUMBER:
-        return /* @__PURE__ */ r(
-          Y,
-          {
-            value: (l = e.getValue) == null ? void 0 : l.call(e, t),
-            rowData: t,
-            columnDefinition: e,
-            onValueChange: p
-          }
-        );
-      case s.PRICE:
-        return /* @__PURE__ */ r(
-          Z,
-          {
-            value: (d = e.getValue) == null ? void 0 : d.call(e, t),
-            rowData: t,
-            columnDefinition: e
-          }
-        );
-      case s.SELECT:
-        return /* @__PURE__ */ r(
-          $,
-          {
-            value: (b = e.getValue) == null ? void 0 : b.call(e, t),
-            rowData: t,
-            columnDefinition: e,
-            onValueChange: p
-          }
+import { jsx as p } from "react/jsx-runtime";
+import { observer as v } from "mobx-react-lite";
+import { action as H } from "mobx";
+import { Checkbox as E } from "@ikas/ui";
+import { cn as b } from "./index3.js";
+function j(k) {
+  const { model: e, rowData: s, isHeader: a, isSummary: r, isDisabled: l, isHovered: u } = k, g = a || r, I = e.selectedIdSet, D = a && e.displayedEnabledData.length > 0 && e.displayedEnabledData.every((o) => I.has(e.getRowId(o))), h = a ? D : I.has(e.getRowId(s)), x = a && !D && e.displayedEnabledData.some((o) => I.has(e.getRowId(o))), C = H((o) => {
+    var y;
+    o.stopPropagation();
+    const R = o.shiftKey, S = e.lastCheckedRow;
+    e.lastCheckedRow = s ?? null;
+    const w = e.displayedData.findIndex(
+      (t) => e.getRowId(t) === e.getRowId(S)
+    ), f = e.displayedData.findIndex(
+      (t) => e.getRowId(t) === e.getRowId(s)
+    );
+    let n = s ? [s] : [];
+    if (w !== -1 && f !== -1 && R) {
+      const t = Math.min(w, f), d = Math.max(w, f);
+      n = e.displayedData.slice(t, d + 1);
+    }
+    if (h)
+      if (a) {
+        const t = new Set(
+          e.displayedData.map((d) => e.getRowId(d))
         );
-      case s.IMAGE_SELECT:
-        return /* @__PURE__ */ r(
-          ee,
-          {
-            value: (K = e.getValue) == null ? void 0 : K.call(e, t),
-            rowData: t,
-            columnDefinition: e,
-            onValueChange: p
-          }
+        e.selectedData = e.selectedData.filter(
+          (d) => !t.has(e.getRowId(d))
         );
-      case s.PRODUCT:
-        return /* @__PURE__ */ r(
-          te,
-          {
-            rowData: t,
-            columnDefinition: e
-          }
+      } else if (R) {
+        const t = new Set(n.map((d) => e.getRowId(d)));
+        e.selectedData = e.selectedData.filter(
+          (d) => !t.has(e.getRowId(d))
         );
-      case s.CUSTOM:
-        return e.render(
-          t
+      } else {
+        const t = e.getRowId(s);
+        e.selectedData = e.selectedData.filter(
+          (d) => e.getRowId(d) !== t
         );
-      default:
-        return /* @__PURE__ */ r("div", {});
-    }
-  }, x = (a) => {
-    const l = /* @__PURE__ */ r(
-      "div",
-      {
-        className: m(
-          "w-full",
-          (o == null ? void 0 : o.status) === "error" && "has-error"
-        ),
-        children: a
       }
-    );
-    return z ? /* @__PURE__ */ r(
-      _,
-      {
-        title: /* @__PURE__ */ r("div", { className: "text-center", children: o == null ? void 0 : o.messages.map((d, b) => /* @__PURE__ */ E("div", { className: "mb-1.5 last:mb-0 relative pl-2", children: [
-          /* @__PURE__ */ r("span", { className: "absolute left-0 text-base", children: "*" }),
-          d
-        ] }, b)) }),
-        color: "error",
-        children: l
+    else if (a) {
+      const t = new Set(e.selectedData.map((i) => e.getRowId(i))), d = e.disabledIdSet, c = [...e.selectedData];
+      for (const i of e.displayedData) {
+        const m = e.getRowId(i);
+        !t.has(m) && !d.has(m) && (c.push(i), t.add(m));
       }
-    ) : l;
-  }, N = () => {
-    if (c || u) return S();
-    const a = S(), l = e.type;
-    return l === s.TEXT && e.inputMode || l === s.NUMBER && e.inputMode || l === s.SELECT || l === s.PRICE ? x(a) : a;
-  }, V = () => i ? !i.isExpandable && i.paddingLeft ? /* @__PURE__ */ r("div", { style: { marginRight: 6 } }) : i.isExpandable ? /* @__PURE__ */ r("div", { className: "flex items-start h-full", children: /* @__PURE__ */ r(
+      e.selectedData = c;
+    } else {
+      const t = new Set(e.selectedData.map((c) => e.getRowId(c))), d = n.filter((c) => !t.has(e.getRowId(c)));
+      d.length > 0 && (e.selectedData = [...e.selectedData, ...d]);
+    }
+    (y = e.onCheckboxChange) == null || y.call(e, {
+      isHeader: !!a,
+      data: a ? e.displayedData : n,
+      checked: !!h
+    });
+  });
+  return /* @__PURE__ */ p(
     "div",
     {
-      className: "w-4 h-4 relative z-[699] mr-1.5 cursor-pointer",
-      style: { top: 3 },
-      onClick: (a) => {
-        a.stopPropagation(), i.changeExpandStatus();
-      },
-      children: /* @__PURE__ */ r(
-        ne,
+      className: b(
+        "w-10 flex items-center justify-center",
+        l ? "cursor-not-allowed" : "cursor-pointer",
+        g && !e.hideHeaderBackgroundColor && "bg-gray-blue-1",
+        !g && "bg-white",
+        e.isStickyColumnEnabled && "sticky left-0 z-[2]"
+      ),
+      ...!l && !r ? { onClick: C } : {},
+      children: !r && // Row hover -> checkbox border purple (original .ikas-checkbox-inner
+      // hover style). @ikas/ui Checkbox renders a Radix root with role="checkbox".
+      /* @__PURE__ */ p("div", { className: b(u && !l && "[&_[role=checkbox]]:border-purple"), children: /* @__PURE__ */ p(
+        E,
         {
-          className: m(
-            "h-4 w-4 text-gray-blue-5 transition-transform duration-300 ease-in-out -rotate-90 cursor-pointer",
-            i.isExpanded && "rotate-0"
-          )
+          checked: !!h,
+          indeterminate: !!x,
+          disabled: l
         }
-      )
-    }
-  ) }) : null : null;
-  let f = 0;
-  const v = !n.isSelectable;
-  let g = n.isDraggable && U === 0 && !c && !u;
-  g && e.isDragDisabled && t && (g = !e.isDragDisabled(t), f += v ? 48 : 38), typeof (i == null ? void 0 : i.paddingLeft) == "number" && (f += i.paddingLeft);
-  const A = e.isLinkEnabled && e.isLinkCoverContent && n.getRowLink && t, G = e.isLinkEnabled && !e.isLinkCoverContent && n.getRowLink && t, T = t && n.getRowLink ? n.getRowLink(t) : void 0, I = c || u, D = m(
-    "flex items-center flex-wrap relative w-full",
-    I ? m(
-      "min-h-[40px] py-0 px-3",
-      // Original commonStyle: header bg is white when hideHeaderBackgroundColor is set
-      n.hideHeaderBackgroundColor ? "bg-white" : "bg-gray-blue-1"
-    ) : "min-h-[54px] py-4 px-3 bg-white",
-    B && "pl-0",
-    F && !I && "opacity-50 pointer-events-none",
-    e.borderLeft && "border-l border-gray-blue-2",
-    e.borderRight && "border-r border-gray-blue-2",
-    y != null && "datatable-sticky-column"
-  ), H = {
-    justifyContent: h ?? "flex-start",
-    paddingLeft: f > 0 ? f : void 0,
-    ...y != null ? {
-      position: "sticky",
-      left: y,
-      zIndex: 2,
-      // Background handled by className (bg-white / bg-gray-blue-1)
-      // so row hover can override it (inline style would block hover)
-      transition: "box-shadow 0.3s",
-      boxShadow: "var(--datatable-sticky-shadow, none)"
-    } : {}
-  };
-  return A ? /* @__PURE__ */ E(
-    P,
-    {
-      className: m(D, "datatable-link-column no-underline text-inherit"),
-      style: H,
-      to: T ?? "",
-      onClick: L,
-      children: [
-        g && /* @__PURE__ */ r(j, { isFirstElement: v }),
-        V(),
-        N()
-      ]
-    }
-  ) : /* @__PURE__ */ E(
-    "div",
-    {
-      className: D,
-      style: H,
-      onClick: L,
-      children: [
-        g && /* @__PURE__ */ r(j, { isFirstElement: v }),
-        V(),
-        N(),
-        G && /* @__PURE__ */ r(
-          P,
-          {
-            className: "absolute inset-0",
-            to: T ?? ""
-          }
-        )
-      ]
-    }
-  );
-}
-function j({ isFirstElement: C }) {
-  return /* @__PURE__ */ r(
-    "span",
-    {
-      className: "absolute top-1/2 -translate-y-1/2 flex items-center justify-center p-2.5",
-      style: { left: C ? 0 : -10 },
-      "aria-description": "datatable dnd icon",
-      children: /* @__PURE__ */ r(re, { className: "h-4 w-4 text-gray-blue" })
+      ) })
     }
   );
 }
-const Ee = X(ae);
+const B = v(j);
 export {
-  Ee as Cell
+  B as CheckboxCell
 };

package/dist/index123.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),j=require("mobx-react-lite"),v=require("mobx"),q=require("@ikas/ui"),y=require("./index3.cjs");function H(m){const{model:e,rowData:a,isHeader:s,isSummary:r,isDisabled:n,isHovered:x}=m,D=s||r,I=e.selectedIdSet,f=s&&e.displayedEnabledData.length>0&&e.displayedEnabledData.every(o=>I.has(e.getRowId(o))),h=s?f:I.has(e.getRowId(a)),k=s&&!f&&e.displayedEnabledData.some(o=>I.has(e.getRowId(o))),C=v.action(o=>{var p;o.stopPropagation();const R=o.shiftKey,S=e.lastCheckedRow;e.lastCheckedRow=a??null;const w=e.displayedData.findIndex(t=>e.getRowId(t)===e.getRowId(S)),g=e.displayedData.findIndex(t=>e.getRowId(t)===e.getRowId(a));let l=a?[a]:[];if(w!==-1&&g!==-1&&R){const t=Math.min(w,g),d=Math.max(w,g);l=e.displayedData.slice(t,d+1)}if(h)if(s){const t=new Set(e.displayedData.map(d=>e.getRowId(d)));e.selectedData=e.selectedData.filter(d=>!t.has(e.getRowId(d)))}else if(R){const t=new Set(l.map(d=>e.getRowId(d)));e.selectedData=e.selectedData.filter(d=>!t.has(e.getRowId(d)))}else{const t=e.getRowId(a);e.selectedData=e.selectedData.filter(d=>e.getRowId(d)!==t)}else if(s){const t=new Set(e.selectedData.map(i=>e.getRowId(i))),d=e.disabledIdSet,c=[...e.selectedData];for(const i of e.displayedData){const u=e.getRowId(i);!t.has(u)&&!d.has(u)&&(c.push(i),t.add(u))}e.selectedData=c}else{const t=new Set(e.selectedData.map(c=>e.getRowId(c))),d=l.filter(c=>!t.has(e.getRowId(c)));d.length>0&&(e.selectedData=[...e.selectedData,...d])}(p=e.onCheckboxChange)==null||p.call(e,{isHeader:!!s,data:s?e.displayedData:l,checked:!!h})});return b.jsx("div",{className:y.cn("w-10 flex items-center justify-center",n?"cursor-not-allowed":"cursor-pointer",D&&!e.hideHeaderBackgroundColor&&"bg-gray-blue-1",!D&&"bg-white",e.isStickyColumnEnabled&&"sticky left-0 z-[2]"),...!n&&!r?{onClick:C}:{},children:!r&&b.jsx("div",{className:y.cn(x&&!n&&"[&_[role=checkbox]]:border-purple"),children:b.jsx(q.Checkbox,{checked:!!h,indeterminate:!!k,disabled:n})})})}const E=j.observer(H);exports.CheckboxCell=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),s=require("react"),ce=require("mobx-react-lite"),p=require("mobx"),Y=require("./index56.cjs"),i=require("@ikas/ui"),f=require("./index15.cjs"),g=require("./index16.cjs"),ue=require("./index191.cjs"),b=require("./index5.cjs"),he=require("./index66.cjs"),de=require("./index144.cjs"),pe=require("./index63.cjs");function K(x){return x.map(l=>({label:l.label,value:l.value}))}function E(x){return x.map(l=>({key:l.value,title:l.label,value:l.value,children:l.children?E(l.children):void 0}))}function fe(x){var I,F,M,A,_,q;const{filterRow:l,originalModel:P,model:o,isLast:H}=x,[G,w]=s.useState(!1),[j,S]=s.useState(!1),[U,L]=s.useState(""),$=s.useMemo(()=>o.filters.map(e=>({label:e.title,value:e.key})),[o.filters]),t=s.useMemo(()=>o.filters.find(e=>{var a;return e.key===((a=l.filterValue)==null?void 0:a.key)}),[o.filters,(I=l.filterValue)==null?void 0:I.key]),c=t==null?void 0:t.type,B=t==null?void 0:t.key,v=(F=P.filters.find(e=>{var a;return e.key===((a=l.filterValue)==null?void 0:a.key)}))==null?void 0:F.isLoading,T=(M=P.filters.find(e=>{var a;return e.key===((a=l.filterValue)==null?void 0:a.key)}))==null?void 0:M.isDynamicNotFound,u=(t==null?void 0:t.options)||[],W=s.useMemo(()=>{const e=o.filterConditionOptions(c||f.FilterType.SELECT,t);return c===f.FilterType.DATE_RANGE_PICKER?[e[0]]:e},[o,c,t]),D=(A=l.filterValue)==null?void 0:A.value,z=p.action(e=>{w(!1),S(!1),o.filterTypeValueChange(l,t,e),o.onFilterConditionInputChange(l,o.filterConditionOptions(c||f.FilterType.SELECT,t)[0].value,c)}),J=p.action(e=>{o.onFilterConditionInputChange(l,e,c)}),Q=s.useCallback(()=>{setTimeout(()=>{o.deleteFilterRow(l)},0)},[o,l]),R=p.action(e=>{o.onFilterValueChange(Number(e)||0,t,l)}),X=p.action(e=>{var r;o.onFilterValueChange(e,t,l);const a=o.filters.find(d=>{var m;return d.key===((m=l.filterValue)==null?void 0:m.key)});(r=a==null?void 0:a.onChange)==null||r.call(a,e)}),N=p.action(e=>{const a=Array.isArray(e)?e:[e];o.onFilterValueChange(a,t,l)}),Z=p.action(e=>{const a=Array.isArray(e)?e:[e];o.onFilterValueChange(a,t,l)}),ee=s.useCallback(p.action(e=>{var a;L(e),(a=t==null?void 0:t.onSearch)==null||a.call(t,e)}),[t]),te=s.useCallback(p.action(()=>{var e;L(""),(e=t==null?void 0:t.onSearch)==null||e.call(t,"")}),[t]),V=s.useMemo(()=>{const e=l.filterValue.value;return Array.isArray(e)&&e.length===1&&g.DateFilterPickerHelpers.isShortcut(e[0])?e[0]:g.DateFilterPickerShortcutEnum.PICKER},[l.filterValue.value]),y=s.useMemo(()=>g.DateFilterPickerHelpers.getDateValue(l.filterValue.value),[l.filterValue.value]),O=s.useMemo(()=>Object.values(g.DateFilterPickerShortcutEnum).map(e=>({label:g.DateFilterPickerHelpers.getShortcutLabel(e),type:e})),[]),ae=s.useMemo(()=>{const e=O.find(a=>a.type===V);if((e==null?void 0:e.type)===g.DateFilterPickerShortcutEnum.PICKER&&y){const a=y[0].format("DD.MM.YYYY"),r=y[1].format("DD.MM.YYYY");return a===r?a:`${a} - ${r}`}return e==null?void 0:e.label},[V,y,O]),le=p.action(e=>{e===g.DateFilterPickerShortcutEnum.PICKER?S(!0):(o.onFilterValueChange([e],t,l),S(!1),setTimeout(()=>{w(!1)},0))}),ne=p.action(e=>{if(!e)return;const[a,r]=e;o.onFilterValueChange([Y(a).startOf("day").valueOf().toString(),Y(r).endOf("day").valueOf().toString()],t,l),w(!1)}),oe=s.useMemo(()=>{if(c!==f.FilterType.SELECT_OPTION_GROUP)return[];const e=[];return u.forEach(a=>{var r;e.push({label:a.label,options:((r=a.children)==null?void 0:r.map(d=>({label:d.label,value:d.value})))||[]})}),e},[c,u]),re=s.useMemo(()=>{var d;if(u.length<=6)return u;const e=(d=l.filterValue)==null?void 0:d.value,a=u.filter(m=>e==null?void 0:e.includes(m.value)),r=u.filter(m=>!(e!=null&&e.includes(m.value)));return[...a,...r]},[u,(_=l.filterValue)==null?void 0:_.value]),ie=n.jsx("div",{className:"flex flex-col gap-1",style:{width:190,maxHeight:300,overflowY:"auto",padding:"6px 6px 0"},children:O.map(e=>{const a=j?e.type===g.DateFilterPickerShortcutEnum.PICKER:V===e.type;return n.jsxs("button",{type:"button",className:`w-full text-left py-2 px-[10px] text-sm leading-5 rounded cursor-pointer transition-all duration-300 border-0 outline-none ${a?"bg-[var(--gray-blue-1)] text-[var(--gray-blue-9)] font-medium":"bg-transparent text-[var(--gray-blue-9)] font-normal hover:bg-[var(--gray-blue-1)]"}`,onClick:()=>le(e.type),children:[e.label,e.type===g.DateFilterPickerShortcutEnum.PICKER&&n.jsx("div",{style:{opacity:0,height:0,overflow:"hidden"},children:n.jsx(i.RangePicker,{value:y?[y[0].toDate(),y[1].toDate()]:null,open:j,onOpenChange:r=>{setTimeout(()=>{S(r)},0)},onChange:r=>{r&&ne([r[0].toDate(),r[1].toDate()])},size:"sm",allowClear:!1})})]},e.type)})}),se=()=>{var e,a,r,d,m;if(c===f.FilterType.DATE_RANGE_PICKER)return n.jsx("div",{style:{width:330},children:n.jsx(i.Popover,{content:ie,trigger:"click",placement:"bottomLeft",showArrow:!1,open:G,onOpenChange:h=>{h?V===g.DateFilterPickerShortcutEnum.PICKER&&S(!0):S(!1),setTimeout(()=>{w(h)},10)},popoverContentStyle:{padding:0},children:n.jsxs(i.Button,{block:!0,className:"justify-between gap-1.5 px-[11px] text-sm font-medium",children:[n.jsxs("div",{className:"flex items-center gap-1.5 min-w-0",children:[n.jsx(de.default,{className:"h-4 w-4 shrink-0 text-gray-blue"}),n.jsx("span",{className:"truncate",children:ae})]}),n.jsx(pe.default,{className:"h-4 w-4 flex-shrink-0 text-gray-blue"})]})})});if(c===f.FilterType.STRING_INPUT)return n.jsx(ue.FilterStringInput,{filterRow:l,model:o,onChange:X});if(c===f.FilterType.NUMBER_INPUT)return u.length>0?n.jsx(i.Select,{style:{width:330},value:D!=null?String(D):void 0,onChange:h=>R(Number(h)),options:K(u),placeholder:b.coreTranslations.common.placeholder.select,showSearch:!0,loading:!!v,isDynamicNotFound:!!T}):n.jsx(i.NumberInput,{style:{width:330},value:Number((e=l.filterValue)==null?void 0:e.value)?Number((a=l.filterValue)==null?void 0:a.value):0,onChange:R});if(c===f.FilterType.TREE_SELECT)return t!=null&&t.isCategoryFilter?n.jsx(i.TreeSelect,{placeholder:b.coreTranslations.common.placeholder.select,value:(r=l.filterValue)==null?void 0:r.value,onChange:N,treeData:E(u),filterTreeNode:t!=null&&t.onSearch?()=>!0:void 0,treeCheckable:!0,showCheckedStrategy:i.TreeSelect.SHOW_ALL,onSearch:ee,searchValue:U,onOpenChange:h=>{h||te()},style:{width:330},tagClosable:!1,maxTagCount:"responsive",maxTagTextLength:10,loading:!!v,isDynamicNotFound:!!T}):n.jsx(i.TreeSelect,{placeholder:b.coreTranslations.common.placeholder.select,value:(d=l.filterValue)==null?void 0:d.value,onChange:N,treeData:E(u),filterTreeNode:t!=null&&t.onSearch?()=>!0:void 0,treeCheckable:!0,showCheckedStrategy:i.TreeSelect.SHOW_ALL,onSearch:(t==null?void 0:t.onSearch)||void 0,style:{width:330},tagClosable:!1,maxTagCount:"responsive",maxTagTextLength:10,loading:!!v,isDynamicNotFound:!!T});if(c===f.FilterType.SELECT_OPTION_GROUP){const h=oe.flatMap(C=>C.options.map(k=>({...k,label:`${C.label} / ${k.label}`})));return n.jsx(i.Select,{style:{width:330},mode:"multiple",value:D,options:h,onClear:()=>o.onFilterValueChange([],t,l),onChange:C=>o.onFilterValueChange(C,t,l),allowClear:!0,placeholder:b.coreTranslations.common.placeholder.select,maxTagCount:"responsive",showSearch:!0,filterOption:(C,k)=>k?String(k.label??"").toLowerCase().includes(C.toLowerCase()):!1,loading:!!v,isDynamicNotFound:!!T})}return c===f.FilterType.MULTISELECT?n.jsx(i.TreeSelect,{placeholder:b.coreTranslations.common.placeholder.select,value:(m=l.filterValue)==null?void 0:m.value,onChange:N,treeData:E(re),filterTreeNode:t!=null&&t.onSearch?()=>!0:void 0,treeCheckable:!0,showCheckedStrategy:i.TreeSelect.SHOW_ALL,onSearch:(t==null?void 0:t.onSearch)||void 0,style:{width:330},tagClosable:!1,maxTagCount:"responsive",maxTagTextLength:10,loading:!!v,isDynamicNotFound:!!T}):n.jsx(i.Select,{style:{width:330},value:D,options:K(u),onClear:()=>o.onFilterValueChange([],t,l),onChange:h=>Z(h),allowClear:!0,placeholder:b.coreTranslations.common.placeholder.select,maxTagCount:"responsive",showSearch:!0,filterOption:(h,C)=>C?String(C.label??"").toLowerCase().includes(h.toLowerCase()):!1,loading:!!v,isDynamicNotFound:!!T})};return n.jsxs("div",{className:`flex items-center gap-2 ${H?"":"mb-3"}`,children:[n.jsx(i.Select,{showSearch:!0,filterOption:(e,a)=>String((a==null?void 0:a.label)??"").toLowerCase().includes(e.toLowerCase()),style:{width:162},options:$,value:B,onChange:e=>z(e)}),n.jsx(i.Select,{style:{width:120},options:W.map(e=>({label:e.label,value:e.value})),value:(q=l.filterValue)==null?void 0:q.condition,onChange:e=>J(e)}),se(),n.jsx(i.Button,{variant:"text",onClick:Q,className:"ml-auto w-[70px] h-10 shrink-0 text-gray-blue-4 hover:text-error hover:bg-transparent border-0 p-0",icon:n.jsx(he.default,{className:"h-3.5 w-3.5"})})]})}const ge=ce.observer(fe);exports.FilterRow=ge;