@ikas/core 1.0.5 → 1.0.8

package/dist/index53.js

@@ -1,21 +1,213 @@
-import e from "./index129.js";
-/**
- * @license lucide-react v0.563.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const t = [
-  [
-    "path",
+import { jsxs as i, jsx as t, Fragment as T } from "react/jsx-runtime";
+import { observer as A } from "mobx-react-lite";
+import { action as m } from "mobx";
+import { Button as r, Select as F } from "@ikas/ui";
+import { cn as O } from "./index3.js";
+import { coreTranslations as o } from "./index5.js";
+import b from "./index70.js";
+import v from "./index71.js";
+const C = {
+  background: "linear-gradient(180deg, rgba(255,255,255,0.4) -12.38%, #fff 100%)",
+  backdropFilter: "blur(5px)"
+};
+function N() {
+  const p = {
+    position: "absolute",
+    top: -1,
+    width: 24,
+    height: "calc(100% + 1px)",
+    zIndex: 4,
+    borderTop: "1px solid var(--gray-blue-1)",
+    ...C
+  };
+  return /* @__PURE__ */ i(T, { children: [
+    /* @__PURE__ */ t("div", { "aria-hidden": !0, style: { ...p, left: 0 } }),
+    /* @__PURE__ */ t("div", { "aria-hidden": !0, style: { ...p, right: 0 } })
+  ] });
+}
+function j(p) {
+  const { model: e } = p, c = e.isLocal ? !!(e.page && e.page > 1) : !!e.hasPrev, d = e.isLocal ? !!(e.page && e.pageSize && e.page < e.searchFilteredOrderedData.length / e.pageSize) : !!e.hasNext, u = m(() => {
+    e.isLocal && c ? e.page = e.page - 1 : e.onPrevClick(), e.isClearSelectedDataAfterPageChange && (e.selectedData = []);
+  }), x = m(() => {
+    e.isLocal && d ? e.page = e.page + 1 : e.onNextClick(), e.isClearSelectedDataAfterPageChange && (e.selectedData = []);
+  }), z = m((a) => {
+    var l;
+    e.page = a, (l = e.onPageChange) == null || l.call(e, a), e.isClearSelectedDataAfterPageChange && (e.selectedData = []);
+  }), S = m((a) => {
+    var h;
+    const l = parseInt(Array.isArray(a) ? a[0] : a, 10);
+    isNaN(l) || (e.pageSize = l, e.page = 1, (h = e.onPageChange) == null || h.call(e, 1));
+  }), n = e.isLocal ? e.searchFilteredOrderedData.length : e.dataCount, g = n && e.pageSize ? Math.ceil(n / e.pageSize) : 0, s = e.page ?? 1, y = e.pageSize ? (s - 1) * e.pageSize + 1 : 1, P = e.pageSize && n ? Math.min(s * e.pageSize, n) : 0;
+  if (!e.isPaginationEnabled) return null;
+  const w = (e.pageSizeOptions || ["10", "20", "50", "100"]).map(
+    (a) => ({ label: a, value: a })
+  ), k = e.totalTextField ?? o.datatable.totalText;
+  if (!e.usePageBasedPagination) {
+    const a = n != null && n > 0 ? o.datatable.totalListedText(
+      n,
+      e.totalTextField ?? void 0
+    ) : "";
+    return a === "" || !(c || d) ? null : /* @__PURE__ */ i(
+      "div",
+      {
+        className: "ikas-datatable-paginator relative flex items-center w-full border-t border-gray-blue-1 min-h-[72px]",
+        style: C,
+        children: [
+          /* @__PURE__ */ t(N, {}),
+          /* @__PURE__ */ i("div", { className: "relative z-[5] flex items-center w-full", children: [
+            /* @__PURE__ */ t("div", { className: "flex-none text-sm text-black", style: { width: "20%" }, children: a }),
+            /* @__PURE__ */ t("div", { className: "flex-1 flex justify-center", children: (c || d) && /* @__PURE__ */ i("div", { className: "flex gap-2 -mr-1.5", children: [
+              /* @__PURE__ */ t(
+                r,
+                {
+                  variant: "default",
+                  size: "xs",
+                  square: !0,
+                  icon: /* @__PURE__ */ t(b, { className: "h-4 w-4" }),
+                  disabled: !c,
+                  onClick: u
+                }
+              ),
+              /* @__PURE__ */ t(
+                r,
+                {
+                  variant: "default",
+                  size: "xs",
+                  square: !0,
+                  icon: /* @__PURE__ */ t(v, { className: "h-4 w-4" }),
+                  disabled: !d,
+                  onClick: x
+                }
+              )
+            ] }) }),
+            /* @__PURE__ */ t("div", { className: "flex-none", style: { width: "20%" } })
+          ] })
+        ]
+      }
+    );
+  }
+  const D = (() => {
+    if (g <= 7)
+      return Array.from({ length: g }, (f, L) => L + 1);
+    const a = [];
+    a.push(1), s > 3 && a.push("ellipsis");
+    const l = Math.max(2, s - 1), h = Math.min(g - 1, s + 1);
+    for (let f = l; f <= h; f++)
+      a.push(f);
+    return s < g - 2 && a.push("ellipsis"), g > 1 && a.push(g), a;
+  })();
+  return /* @__PURE__ */ i(
+    "div",
     {
-      d: "m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5",
-      key: "ftymec"
+      className: "ikas-datatable-paginator relative flex items-center justify-between w-full border-t border-gray-blue-1 min-h-[72px]",
+      style: C,
+      children: [
+        /* @__PURE__ */ t(N, {}),
+        /* @__PURE__ */ i("div", { className: "relative z-[5] flex items-center gap-4 text-sm text-gray-blue-6", children: [
+          e.showSizeChanger && /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ i("span", { children: [
+              o.datatable.rowCount,
+              ":"
+            ] }),
+            /* @__PURE__ */ t(
+              F,
+              {
+                options: w,
+                value: String(e.pageSize || 20),
+                onChange: S,
+                style: { width: 70, height: 32 }
+              }
+            )
+          ] }),
+          n != null && n > 0 && /* @__PURE__ */ i("span", { children: [
+            y,
+            " - ",
+            P,
+            " / ",
+            n.toLocaleString(),
+            " ",
+            k
+          ] })
+        ] }),
+        e.usePaginationWithOnlyArrows ? /* @__PURE__ */ i("div", { className: "relative z-[5] flex items-center gap-2", children: [
+          /* @__PURE__ */ t(
+            r,
+            {
+              variant: "default",
+              size: "xs",
+              icon: /* @__PURE__ */ t(b, { className: "h-4 w-4" }),
+              disabled: !c,
+              onClick: u,
+              children: o.datatable.pagination.prev
+            }
+          ),
+          /* @__PURE__ */ i(
+            r,
+            {
+              variant: "default",
+              size: "xs",
+              disabled: !d,
+              onClick: x,
+              children: [
+                o.datatable.pagination.next,
+                /* @__PURE__ */ t(v, { className: "h-4 w-4" })
+              ]
+            }
+          )
+        ] }) : /* @__PURE__ */ i("div", { className: "relative z-[5] flex items-center gap-1", children: [
+          /* @__PURE__ */ t(
+            r,
+            {
+              variant: "default",
+              size: "xs",
+              icon: /* @__PURE__ */ t(b, { className: "h-4 w-4" }),
+              disabled: !c,
+              onClick: u,
+              children: o.datatable.pagination.prev
+            }
+          ),
+          D.map(
+            (a, l) => a === "ellipsis" ? /* @__PURE__ */ t(
+              "span",
+              {
+                className: "px-2 text-sm text-gray-blue-6",
+                children: "..."
+              },
+              `ellipsis-${l}`
+            ) : /* @__PURE__ */ t(
+              r,
+              {
+                variant: a === s ? "primary-ghost" : "default",
+                size: "xs",
+                className: O(
+                  "min-w-[32px]",
+                  a !== s && "text-gray-blue-6"
+                ),
+                onClick: () => z(a),
+                children: a
+              },
+              a
+            )
+          ),
+          /* @__PURE__ */ i(
+            r,
+            {
+              variant: "default",
+              size: "xs",
+              disabled: !d,
+              onClick: x,
+              children: [
+                o.datatable.pagination.next,
+                /* @__PURE__ */ t(v, { className: "h-4 w-4" })
+              ]
+            }
+          )
+        ] })
+      ]
     }
-  ],
-  ["rect", { x: "2", y: "6", width: "14", height: "12", rx: "2", key: "158x01" }]
-], c = e("video", t);
+  );
+}
+const G = A(j);
 export {
-  t as __iconNode,
-  c as default
+  G as Paginator
 };

package/dist/index54.cjs

@@ -1 +1,6 @@
-"use strict";const r=require("./index128.cjs"),s=require("./index114.cjs");var e=s.__require();const t=r.getDefaultExportFromCjs(e);module.exports=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./index126.cjs");/**
+ * @license lucide-react v0.563.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const e=[["path",{d:"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",key:"1nclc0"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}]],o=c("eye",e);exports.__iconNode=e;exports.default=o;

package/dist/index54.js

@@ -1,7 +1,21 @@
-import { getDefaultExportFromCjs as r } from "./index128.js";
-import { __require as o } from "./index114.js";
-var t = o();
-const s = /* @__PURE__ */ r(t);
+import c from "./index126.js";
+/**
+ * @license lucide-react v0.563.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const e = [
+  [
+    "path",
+    {
+      d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",
+      key: "1nclc0"
+    }
+  ],
+  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
+], r = c("eye", e);
 export {
-  s as default
+  e as __iconNode,
+  r as default
 };

package/dist/index55.cjs

@@ -1 +1,6 @@
-"use strict";const e=require("./index128.cjs"),r=require("./index116.cjs");var s=r.__require();const o=e.getDefaultExportFromCjs(s);module.exports=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./index126.cjs");/**
+ * @license lucide-react v0.563.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const e=[["path",{d:"m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5",key:"ftymec"}],["rect",{x:"2",y:"6",width:"14",height:"12",rx:"2",key:"158x01"}]],o=t("video",e);exports.__iconNode=e;exports.default=o;

package/dist/index55.js

@@ -1,7 +1,21 @@
-import { getDefaultExportFromCjs as e } from "./index128.js";
-import { __require as r } from "./index116.js";
-var o = r();
-const i = /* @__PURE__ */ e(o);
+import e from "./index126.js";
+/**
+ * @license lucide-react v0.563.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const t = [
+  [
+    "path",
+    {
+      d: "m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5",
+      key: "ftymec"
+    }
+  ],
+  ["rect", { x: "2", y: "6", width: "14", height: "12", rx: "2", key: "158x01" }]
+], c = e("video", t);
 export {
-  i as default
+  t as __iconNode,
+  c as default
 };

package/dist/index56.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),b=require("react"),f=require("mobx-react-lite"),n=require("@ikas/ui"),w=require("./index15.cjs"),x=require("./index120.cjs"),s=require("./index5.cjs"),y=require("./index77.cjs");function F(a){const{model:e,originalModel:c,onPopoverApplyClick:d}=a,l=e.hasDuplicateFilter||e.hasEmptyOptionFilter,u=()=>{l||d(!1,e)},p=b.useMemo(()=>e.activeTabFilterRows.slice().sort(r=>{const i=e.filters.find(v=>{var o;return v.key===((o=r.filterValue)==null?void 0:o.key)});return(i==null?void 0:i.type)===w.FilterType.DATE_RANGE_PICKER?-1:1}),[e.activeTabFilterRows,e.filters]),m=e.filters.length===1&&e.activeFilterTab.filterRows.length===e.filters.length;return t.jsxs("div",{className:"p-4 w-[740px] max-w-[100vw]",children:[e.activeTabFilterRows.length?t.jsx("div",{children:p.map((r,i)=>t.jsx(x.FilterRow,{model:e,filterRow:r,isLast:i===e.activeTabFilterRows.length-1,originalModel:c},r.rowId))}):t.jsx("div",{className:"py-2 text-sm text-gray-blue-6",children:s.coreTranslations.datatable.filterNotAddedYet}),t.jsxs("div",{className:"flex items-center justify-between mt-3",children:[t.jsx(n.Button,{variant:"link",onClick:e.addFilterRow,disabled:m,icon:t.jsx(y.default,{className:"h-4 w-4"}),children:s.coreTranslations.datatable.addFilter}),t.jsx(n.Button,{variant:"primary",disabled:l,onClick:u,children:s.coreTranslations.common.actions.apply})]})]})}const h=f.observer(F);exports.FilterPopoverContent=h;
+"use strict";const r=require("./index141.cjs"),s=require("./index122.cjs");var e=s.__require();const t=r.getDefaultExportFromCjs(e);module.exports=t;

package/dist/index56.js

@@ -1,61 +1,7 @@
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { useMemo as h } from "react";
-import { observer as F } from "mobx-react-lite";
-import { Button as n } from "@ikas/ui";
-import { FilterType as w } from "./index15.js";
-import { FilterRow as u } from "./index120.js";
-import { coreTranslations as o } from "./index5.js";
-import y from "./index77.js";
-function R(c) {
-  const { model: e, originalModel: d, onPopoverApplyClick: m } = c, l = e.hasDuplicateFilter || e.hasEmptyOptionFilter, p = () => {
-    l || m(!1, e);
-  }, f = h(
-    () => e.activeTabFilterRows.slice().sort((r) => {
-      const i = e.filters.find(
-        (b) => {
-          var s;
-          return b.key === ((s = r.filterValue) == null ? void 0 : s.key);
-        }
-      );
-      return (i == null ? void 0 : i.type) === w.DATE_RANGE_PICKER ? -1 : 1;
-    }),
-    [e.activeTabFilterRows, e.filters]
-  ), v = e.filters.length === 1 && e.activeFilterTab.filterRows.length === e.filters.length;
-  return /* @__PURE__ */ a("div", { className: "p-4 w-[740px] max-w-[100vw]", children: [
-    e.activeTabFilterRows.length ? /* @__PURE__ */ t("div", { children: f.map((r, i) => /* @__PURE__ */ t(
-      u,
-      {
-        model: e,
-        filterRow: r,
-        isLast: i === e.activeTabFilterRows.length - 1,
-        originalModel: d
-      },
-      r.rowId
-    )) }) : /* @__PURE__ */ t("div", { className: "py-2 text-sm text-gray-blue-6", children: o.datatable.filterNotAddedYet }),
-    /* @__PURE__ */ a("div", { className: "flex items-center justify-between mt-3", children: [
-      /* @__PURE__ */ t(
-        n,
-        {
-          variant: "link",
-          onClick: e.addFilterRow,
-          disabled: v,
-          icon: /* @__PURE__ */ t(y, { className: "h-4 w-4" }),
-          children: o.datatable.addFilter
-        }
-      ),
-      /* @__PURE__ */ t(
-        n,
-        {
-          variant: "primary",
-          disabled: l,
-          onClick: p,
-          children: o.common.actions.apply
-        }
-      )
-    ] })
-  ] });
-}
-const D = F(R);
+import { getDefaultExportFromCjs as r } from "./index141.js";
+import { __require as o } from "./index122.js";
+var t = o();
+const s = /* @__PURE__ */ r(t);
 export {
-  D as FilterPopoverContent
+  s as default
 };

package/dist/index57.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("react"),x=require("mobx-react-lite"),u=require("@ikas/ui"),T=require("./index14.cjs"),r=require("./index5.cjs");function h(d){const{model:a,isEdit:m,onCancel:n,onTabSave:i}=d,[l,b]=o.useState(m?a.activeFilterTab.title:r.coreTranslations.datatable.untitledFilter),s=l.trim().length===0,c=o.useCallback(()=>{if(s)return;const e=l.trim();e.length&&a.onFilterTabSave(e),i==null||i(),n(!1)},[s,l,a,i,n]),v=o.useCallback(()=>{n(!1)},[n]),f=o.useCallback(e=>{e.key==="Enter"&&c(),e.key===" "&&a.activeFilterTab.id!==T.ALL_TAB_UUID&&e.stopPropagation()},[c,a.activeFilterTab.id]);return t.jsxs("div",{className:"p-4 w-[280px]",children:[t.jsx("label",{className:"block text-sm font-medium text-gray-blue-9 mb-2",children:r.coreTranslations.datatable.setFilterName}),t.jsx(u.Input,{value:l,onChange:e=>b(e.target.value),onKeyDown:f,autoFocus:!0}),t.jsxs("div",{className:"flex justify-end gap-2 mt-3",children:[t.jsx(u.Button,{variant:"default",onClick:v,children:r.coreTranslations.common.actions.cancel}),t.jsx(u.Button,{variant:"primary",onClick:c,disabled:s,children:r.coreTranslations.common.actions.save})]})]})}const p=x.observer(h);exports.SaveFilterPopover=p;
+"use strict";const e=require("./index141.cjs"),r=require("./index124.cjs");var s=r.__require();const o=e.getDefaultExportFromCjs(s);module.exports=o;

package/dist/index57.js

@@ -1,50 +1,7 @@
-import { jsxs as m, jsx as n } from "react/jsx-runtime";
-import { useState as h, useCallback as c } from "react";
-import { observer as F } from "mobx-react-lite";
-import { Input as T, Button as d } from "@ikas/ui";
-import { ALL_TAB_UUID as g } from "./index14.js";
-import { coreTranslations as r } from "./index5.js";
-function x(f) {
-  const { model: t, isEdit: u, onCancel: a, onTabSave: i } = f, [o, p] = h(
-    u ? t.activeFilterTab.title : r.datatable.untitledFilter
-  ), l = o.trim().length === 0, s = c(() => {
-    if (l) return;
-    const e = o.trim();
-    e.length && t.onFilterTabSave(e), i == null || i(), a(!1);
-  }, [l, o, t, i, a]), v = c(() => {
-    a(!1);
-  }, [a]), b = c(
-    (e) => {
-      e.key === "Enter" && s(), e.key === " " && t.activeFilterTab.id !== g && e.stopPropagation();
-    },
-    [s, t.activeFilterTab.id]
-  );
-  return /* @__PURE__ */ m("div", { className: "p-4 w-[280px]", children: [
-    /* @__PURE__ */ n("label", { className: "block text-sm font-medium text-gray-blue-9 mb-2", children: r.datatable.setFilterName }),
-    /* @__PURE__ */ n(
-      T,
-      {
-        value: o,
-        onChange: (e) => p(e.target.value),
-        onKeyDown: b,
-        autoFocus: !0
-      }
-    ),
-    /* @__PURE__ */ m("div", { className: "flex justify-end gap-2 mt-3", children: [
-      /* @__PURE__ */ n(d, { variant: "default", onClick: v, children: r.common.actions.cancel }),
-      /* @__PURE__ */ n(
-        d,
-        {
-          variant: "primary",
-          onClick: s,
-          disabled: l,
-          children: r.common.actions.save
-        }
-      )
-    ] })
-  ] });
-}
-const j = F(x);
+import { getDefaultExportFromCjs as e } from "./index141.js";
+import { __require as r } from "./index124.js";
+var o = r();
+const i = /* @__PURE__ */ e(o);
 export {
-  j as SaveFilterPopover
+  i as default
 };

package/dist/index58.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("mobx-react-lite"),o=require("@ikas/ui"),r=require("./index5.cjs");function s(n){const{model:a,onCancel:i,onDelete:t}=n;return e.jsxs("div",{className:"p-6 max-w-[280px]",children:[e.jsx("p",{className:"text-base leading-6 font-medium text-gray-blue-9 mb-6",children:r.coreTranslations.datatable.areYouSureToDeleteThisFilter}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx(o.Button,{variant:"default",block:!0,onClick:()=>i(!1),children:r.coreTranslations.common.actions.abort}),e.jsx(o.Button,{variant:"primary-danger",block:!0,onClick:()=>{a.onFilterTabDelete(),t==null||t()},children:r.coreTranslations.common.actions.delete})]})]})}const c=l.observer(s);exports.DeleteFilterPopover=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),b=require("react"),f=require("mobx-react-lite"),n=require("@ikas/ui"),w=require("./index15.cjs"),x=require("./index140.cjs"),s=require("./index5.cjs"),y=require("./index80.cjs");function F(a){const{model:e,originalModel:c,onPopoverApplyClick:d}=a,l=e.hasDuplicateFilter||e.hasEmptyOptionFilter,u=()=>{l||d(!1,e)},p=b.useMemo(()=>e.activeTabFilterRows.slice().sort(r=>{const i=e.filters.find(v=>{var o;return v.key===((o=r.filterValue)==null?void 0:o.key)});return(i==null?void 0:i.type)===w.FilterType.DATE_RANGE_PICKER?-1:1}),[e.activeTabFilterRows,e.filters]),m=e.filters.length===1&&e.activeFilterTab.filterRows.length===e.filters.length;return t.jsxs("div",{className:"p-4 w-[740px] max-w-[100vw]",children:[e.activeTabFilterRows.length?t.jsx("div",{children:p.map((r,i)=>t.jsx(x.FilterRow,{model:e,filterRow:r,isLast:i===e.activeTabFilterRows.length-1,originalModel:c},r.rowId))}):t.jsx("div",{className:"py-2 text-sm text-gray-blue-6",children:s.coreTranslations.datatable.filterNotAddedYet}),t.jsxs("div",{className:"flex items-center justify-between mt-3",children:[t.jsx(n.Button,{variant:"link",onClick:e.addFilterRow,disabled:m,icon:t.jsx(y.default,{className:"h-4 w-4"}),children:s.coreTranslations.datatable.addFilter}),t.jsx(n.Button,{variant:"primary",disabled:l,onClick:u,children:s.coreTranslations.common.actions.apply})]})]})}const h=f.observer(F);exports.FilterPopoverContent=h;

package/dist/index58.js

@@ -1,28 +1,61 @@
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import { observer as c } from "mobx-react-lite";
-import { Button as a } from "@ikas/ui";
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { useMemo as h } from "react";
+import { observer as F } from "mobx-react-lite";
+import { Button as n } from "@ikas/ui";
+import { FilterType as w } from "./index15.js";
+import { FilterRow as u } from "./index140.js";
 import { coreTranslations as o } from "./index5.js";
-function m(l) {
-  const { model: n, onCancel: i, onDelete: e } = l;
-  return /* @__PURE__ */ t("div", { className: "p-6 max-w-[280px]", children: [
-    /* @__PURE__ */ r("p", { className: "text-base leading-6 font-medium text-gray-blue-9 mb-6", children: o.datatable.areYouSureToDeleteThisFilter }),
-    /* @__PURE__ */ t("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ r(a, { variant: "default", block: !0, onClick: () => i(!1), children: o.common.actions.abort }),
-      /* @__PURE__ */ r(
-        a,
+import y from "./index80.js";
+function R(c) {
+  const { model: e, originalModel: d, onPopoverApplyClick: m } = c, l = e.hasDuplicateFilter || e.hasEmptyOptionFilter, p = () => {
+    l || m(!1, e);
+  }, f = h(
+    () => e.activeTabFilterRows.slice().sort((r) => {
+      const i = e.filters.find(
+        (b) => {
+          var s;
+          return b.key === ((s = r.filterValue) == null ? void 0 : s.key);
+        }
+      );
+      return (i == null ? void 0 : i.type) === w.DATE_RANGE_PICKER ? -1 : 1;
+    }),
+    [e.activeTabFilterRows, e.filters]
+  ), v = e.filters.length === 1 && e.activeFilterTab.filterRows.length === e.filters.length;
+  return /* @__PURE__ */ a("div", { className: "p-4 w-[740px] max-w-[100vw]", children: [
+    e.activeTabFilterRows.length ? /* @__PURE__ */ t("div", { children: f.map((r, i) => /* @__PURE__ */ t(
+      u,
+      {
+        model: e,
+        filterRow: r,
+        isLast: i === e.activeTabFilterRows.length - 1,
+        originalModel: d
+      },
+      r.rowId
+    )) }) : /* @__PURE__ */ t("div", { className: "py-2 text-sm text-gray-blue-6", children: o.datatable.filterNotAddedYet }),
+    /* @__PURE__ */ a("div", { className: "flex items-center justify-between mt-3", children: [
+      /* @__PURE__ */ t(
+        n,
+        {
+          variant: "link",
+          onClick: e.addFilterRow,
+          disabled: v,
+          icon: /* @__PURE__ */ t(y, { className: "h-4 w-4" }),
+          children: o.datatable.addFilter
+        }
+      ),
+      /* @__PURE__ */ t(
+        n,
         {
-          variant: "primary-danger",
-          block: !0,
-          onClick: () => {
-            n.onFilterTabDelete(), e == null || e();
-          },
-          children: o.common.actions.delete
+          variant: "primary",
+          disabled: l,
+          onClick: p,
+          children: o.common.actions.apply
         }
       )
     ] })
   ] });
 }
-const b = c(m);
+const D = F(R);
 export {
-  b as DeleteFilterPopover
+  D as FilterPopoverContent
 };

package/dist/index59.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("react"),T=require("mobx-react-lite"),f=require("mobx"),a=require("@ikas/ui"),I=require("./index5.cjs");function k(h){const{model:o,open:S,onClose:d}=h,[m,x]=s.useState(!1),[c,u]=s.useState([]),g=s.useCallback(()=>{const e=structuredClone(f.toJS(o.filterTabs)).sort((r,n)=>r.order-n.order).map(r=>({id:r.id,title:r.title,order:r.order}));u(e)},[o.filterTabs]),p=s.useCallback(e=>{e?g():d()},[g,d]),y=s.useCallback(e=>{const{active:r,over:n}=e;!n||r.id===n.id||u(i=>{const b=i.findIndex(l=>l.id===r.id),j=i.findIndex(l=>l.id===n.id);return a.arrayMove(i,b,j).map((l,C)=>({...l,order:C+1}))})},[]),v=s.useCallback(async()=>{var e;x(!0);try{const r=c.map(n=>{const i=o.filterTabs.find(b=>b.id===n.id);return{...structuredClone(f.toJS(i)),order:n.order}});await((e=o.onSortChange)==null?void 0:e.call(o,r))}finally{x(!1),d()}},[c,o,d]);return t.jsx(a.Modal,{open:S,onOpenChange:p,title:I.coreTranslations.datatable.filterSort,onOk:v,onCancel:d,confirmLoading:m,cancelButtonProps:{disabled:m},size:"sm",children:t.jsx("div",{className:"py-2",children:t.jsx("div",{className:"flex flex-col rounded border border-gray-blue-1 max-h-[359px] overflow-y-auto",children:t.jsx(a.DragAndDropProvider,{onDragEnd:y,children:t.jsx(a.SortableList,{items:c,onReorder:u,strategy:void 0,direction:"vertical",gap:"none",renderItem:e=>t.jsx(a.SortableItem,{id:e.id,handle:!0,variant:"ghost",size:"md",className:"rounded-none border-0 border-b border-gray-blue-1 last:border-b-0 min-h-[44px] hover:bg-gray-blue-0",children:t.jsxs("div",{className:"flex items-center gap-3",children:[t.jsx(a.DragHandle,{size:"sm"}),t.jsx("span",{className:"text-sm font-medium text-gray-blue-9",children:e.title})]})},e.id)})})})})})}const q=T.observer(k);exports.FilterSortModal=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("react"),x=require("mobx-react-lite"),u=require("@ikas/ui"),T=require("./index14.cjs"),r=require("./index5.cjs");function h(d){const{model:a,isEdit:m,onCancel:n,onTabSave:i}=d,[l,b]=o.useState(m?a.activeFilterTab.title:r.coreTranslations.datatable.untitledFilter),s=l.trim().length===0,c=o.useCallback(()=>{if(s)return;const e=l.trim();e.length&&a.onFilterTabSave(e),i==null||i(),n(!1)},[s,l,a,i,n]),v=o.useCallback(()=>{n(!1)},[n]),f=o.useCallback(e=>{e.key==="Enter"&&c(),e.key===" "&&a.activeFilterTab.id!==T.ALL_TAB_UUID&&e.stopPropagation()},[c,a.activeFilterTab.id]);return t.jsxs("div",{className:"p-4 w-[280px]",children:[t.jsx("label",{className:"block text-sm font-medium text-gray-blue-9 mb-2",children:r.coreTranslations.datatable.setFilterName}),t.jsx(u.Input,{value:l,onChange:e=>b(e.target.value),onKeyDown:f,autoFocus:!0}),t.jsxs("div",{className:"flex justify-end gap-2 mt-3",children:[t.jsx(u.Button,{variant:"default",onClick:v,children:r.coreTranslations.common.actions.cancel}),t.jsx(u.Button,{variant:"primary",onClick:c,disabled:s,children:r.coreTranslations.common.actions.save})]})]})}const p=x.observer(h);exports.SaveFilterPopover=p;