@ikas/core 1.0.1

package/dist/index51.js

@@ -0,0 +1,213 @@
+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 f } 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 "./index68.js";
+import v from "./index69.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 = f(() => {
+    e.isLocal && c ? e.page = e.page - 1 : e.onPrevClick(), e.isClearSelectedDataAfterPageChange && (e.selectedData = []);
+  }), x = f(() => {
+    e.isLocal && d ? e.page = e.page + 1 : e.onNextClick(), e.isClearSelectedDataAfterPageChange && (e.selectedData = []);
+  }), z = f((a) => {
+    var l;
+    e.page = a, (l = e.onPageChange) == null || l.call(e, a), e.isClearSelectedDataAfterPageChange && (e.selectedData = []);
+  }), S = f((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: "sm",
+                  square: !0,
+                  icon: /* @__PURE__ */ t(b, { className: "h-4 w-4" }),
+                  disabled: !c,
+                  onClick: u
+                }
+              ),
+              /* @__PURE__ */ t(
+                r,
+                {
+                  variant: "default",
+                  size: "sm",
+                  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 }, (m, 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 m = l; m <= h; m++)
+      a.push(m);
+    return s < g - 2 && a.push("ellipsis"), g > 1 && a.push(g), a;
+  })();
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      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: "sm",
+              icon: /* @__PURE__ */ t(b, { className: "h-4 w-4" }),
+              disabled: !c,
+              onClick: u,
+              children: o.datatable.pagination.prev
+            }
+          ),
+          /* @__PURE__ */ i(
+            r,
+            {
+              variant: "default",
+              size: "sm",
+              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: "sm",
+              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: "sm",
+                className: O(
+                  "min-w-[32px]",
+                  a !== s && "text-gray-blue-6"
+                ),
+                onClick: () => z(a),
+                children: a
+              },
+              a
+            )
+          ),
+          /* @__PURE__ */ i(
+            r,
+            {
+              variant: "default",
+              size: "sm",
+              disabled: !d,
+              onClick: x,
+              children: [
+                o.datatable.pagination.next,
+                /* @__PURE__ */ t(v, { className: "h-4 w-4" })
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+const G = A(j);
+export {
+  G as Paginator
+};

package/dist/index52.cjs

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./index115.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/index52.js

@@ -0,0 +1,21 @@
+import c from "./index115.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 {
+  e as __iconNode,
+  r as default
+};

package/dist/index53.cjs

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./index115.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/index53.js

@@ -0,0 +1,21 @@
+import e from "./index115.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 {
+  t as __iconNode,
+  c as default
+};

package/dist/index54.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("./index138.cjs"),s=require("./index132.cjs");var e=s.__require();const t=r.getDefaultExportFromCjs(e);module.exports=t;

package/dist/index54.js

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs as r } from "./index138.js";
+import { __require as o } from "./index132.js";
+var t = o();
+const s = /* @__PURE__ */ r(t);
+export {
+  s as default
+};

package/dist/index55.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./index138.cjs"),r=require("./index134.cjs");var s=r.__require();const o=e.getDefaultExportFromCjs(s);module.exports=o;

package/dist/index55.js

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs as e } from "./index138.js";
+import { __require as r } from "./index134.js";
+var o = r();
+const i = /* @__PURE__ */ e(o);
+export {
+  i as default
+};

package/dist/index56.cjs

@@ -0,0 +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("./index136.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;

package/dist/index56.js

@@ -0,0 +1,61 @@
+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 "./index136.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);
+export {
+  D as FilterPopoverContent
+};

package/dist/index57.cjs

@@ -0,0 +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;

package/dist/index57.js

@@ -0,0 +1,50 @@
+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);
+export {
+  j as SaveFilterPopover
+};

package/dist/index58.cjs

@@ -0,0 +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;

package/dist/index58.js

@@ -0,0 +1,28 @@
+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 { 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,
+        {
+          variant: "primary-danger",
+          block: !0,
+          onClick: () => {
+            n.onFilterTabDelete(), e == null || e();
+          },
+          children: o.common.actions.delete
+        }
+      )
+    ] })
+  ] });
+}
+const b = c(m);
+export {
+  b as DeleteFilterPopover
+};

package/dist/index59.cjs

@@ -0,0 +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;

package/dist/index59.js

@@ -0,0 +1,90 @@
+import { jsx as n, jsxs as T } from "react/jsx-runtime";
+import { useState as g, useCallback as s } from "react";
+import { observer as D } from "mobx-react-lite";
+import { toJS as p } from "mobx";
+import { arrayMove as N, Modal as M, DragAndDropProvider as O, SortableList as P, SortableItem as k, DragHandle as w } from "@ikas/ui";
+import { coreTranslations as z } from "./index5.js";
+function F(h) {
+  const { model: t, open: x, onClose: d } = h, [f, b] = g(!1), [l, c] = g([]), u = s(() => {
+    const e = structuredClone(p(t.filterTabs)).sort((r, o) => r.order - o.order).map((r) => ({
+      id: r.id,
+      title: r.title,
+      order: r.order
+    }));
+    c(e);
+  }, [t.filterTabs]), v = s(
+    (e) => {
+      e ? u() : d();
+    },
+    [u, d]
+  ), y = s(
+    (e) => {
+      const { active: r, over: o } = e;
+      !o || r.id === o.id || c((i) => {
+        const m = i.findIndex((a) => a.id === r.id), C = i.findIndex((a) => a.id === o.id);
+        return N(i, m, C).map((a, I) => ({
+          ...a,
+          order: I + 1
+        }));
+      });
+    },
+    []
+  ), S = s(async () => {
+    var e;
+    b(!0);
+    try {
+      const r = l.map((o) => {
+        const i = t.filterTabs.find((m) => m.id === o.id);
+        return {
+          ...structuredClone(p(i)),
+          order: o.order
+        };
+      });
+      await ((e = t.onSortChange) == null ? void 0 : e.call(t, r));
+    } finally {
+      b(!1), d();
+    }
+  }, [l, t, d]);
+  return /* @__PURE__ */ n(
+    M,
+    {
+      open: x,
+      onOpenChange: v,
+      title: z.datatable.filterSort,
+      onOk: S,
+      onCancel: d,
+      confirmLoading: f,
+      cancelButtonProps: { disabled: f },
+      size: "sm",
+      children: /* @__PURE__ */ n("div", { className: "py-2", children: /* @__PURE__ */ n("div", { className: "flex flex-col rounded border border-gray-blue-1 max-h-[359px] overflow-y-auto", children: /* @__PURE__ */ n(O, { onDragEnd: y, children: /* @__PURE__ */ n(
+        P,
+        {
+          items: l,
+          onReorder: c,
+          strategy: void 0,
+          direction: "vertical",
+          gap: "none",
+          renderItem: (e) => /* @__PURE__ */ n(
+            k,
+            {
+              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: /* @__PURE__ */ T("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ n(w, { size: "sm" }),
+                /* @__PURE__ */ n("span", { className: "text-sm font-medium text-gray-blue-9", children: e.title })
+              ] })
+            },
+            e.id
+          )
+        }
+      ) }) }) })
+    }
+  );
+}
+const R = D(F);
+export {
+  R as FilterSortModal
+};

package/dist/index6.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function s({r:t,g:e,b:n}){return"#"+(1<<24|t<<16|e<<8|n).toString(16).slice(1)}function u(t){let e=t.r.toString(16),n=t.g.toString(16),o=t.b.toString(16),r=Math.round((t.a??1)*255).toString(16);return e.length==1&&(e="0"+e),n.length==1&&(n="0"+n),o.length==1&&(o="0"+o),r.length==1&&(r="0"+r),"#"+e+n+o+r}const c=t=>/^#([A-Fa-f0-9]{3,4}){1,2}$/.test(t),f=(t,e)=>t.match(new RegExp(`.{${e}}`,"g")),a=t=>parseInt(t.repeat(2/t.length),16),x=(t,e)=>typeof t<"u"?+(t/255).toFixed(2):typeof e!="number"||e<0||e>1?1:e;function d(t,e){if(!c(t))return null;const n=Math.floor((t.length-1)/3),o=f(t.slice(1),n),[r,i,g,l]=o.map(a);return{r,g:i,b:g,a:x(l,e)}}const h=t=>/^#([0-9A-F]{3}){1,2}$/i.test(t);exports.hexToRGBA=d;exports.isValidHexColor=h;exports.rgbToHex=s;exports.rgbaToHex=u;

package/dist/index6.js

@@ -0,0 +1,26 @@
+function h({ r: t, g: n, b: e }) {
+  return "#" + (1 << 24 | t << 16 | n << 8 | e).toString(16).slice(1);
+}
+function x(t) {
+  let n = t.r.toString(16), e = t.g.toString(16), o = t.b.toString(16), r = Math.round((t.a ?? 1) * 255).toString(16);
+  return n.length == 1 && (n = "0" + n), e.length == 1 && (e = "0" + e), o.length == 1 && (o = "0" + o), r.length == 1 && (r = "0" + r), "#" + n + e + o + r;
+}
+const c = (t) => /^#([A-Fa-f0-9]{3,4}){1,2}$/.test(t), f = (t, n) => t.match(new RegExp(`.{${n}}`, "g")), s = (t) => parseInt(t.repeat(2 / t.length), 16), u = (t, n) => typeof t < "u" ? +(t / 255).toFixed(2) : typeof n != "number" || n < 0 || n > 1 ? 1 : n;
+function a(t, n) {
+  if (!c(t))
+    return null;
+  const e = Math.floor((t.length - 1) / 3), o = f(t.slice(1), e), [r, i, g, l] = o.map(s);
+  return {
+    r,
+    g: i,
+    b: g,
+    a: u(l, n)
+  };
+}
+const d = (t) => /^#([0-9A-F]{3}){1,2}$/i.test(t);
+export {
+  a as hexToRGBA,
+  d as isValidHexColor,
+  h as rgbToHex,
+  x as rgbaToHex
+};

package/dist/index60.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),b=require("mobx-react-lite"),f=require("mobx"),r=require("@ikas/ui");function y(d){const{model:n}=d,c=i.useMemo(()=>n.columnSettings.filter(e=>{const o=n.columnDefinitions.find(l=>l.columnKey===e.columnKey);return!!(o!=null&&o.isArrangable)}),[n.columnSettings,n.columnDefinitions]),t=i.useMemo(()=>c.map(e=>({id:e.columnKey,cs:e})),[c]),a=i.useCallback(f.action(e=>{const{active:o,over:l}=e;if(!l||o.id===l.id)return;const g=n.columnSettings.findIndex(m=>m.columnKey===o.id),x=n.columnSettings.findIndex(m=>m.columnKey===l.id);g!==-1&&x!==-1&&(n.columnSettings=r.arrayMove(n.columnSettings,g,x))}),[n]),u=i.useCallback(e=>s.jsx(C,{model:n,columnSetting:e.cs},e.id),[n]);return s.jsx("div",{className:"py-2 min-w-[220px]",children:s.jsx(r.DragAndDropProvider,{onDragEnd:a,children:s.jsx(r.SortableList,{items:t,renderItem:u})})})}const h=b.observer(y),C=b.observer(function(n){const{model:c,columnSetting:t}=n,a=i.useMemo(()=>{const e=c.columnDefinitions.find(o=>o.columnKey===t.columnKey);return e==null?void 0:e.headerText},[c.columnDefinitions,t.columnKey]),u=i.useCallback(f.action(e=>{var o;t.isVisible=e,(o=t.onChange)==null||o.call(t,e)}),[t]);return s.jsx(r.SortableItem,{id:t.columnKey,variant:"ghost",size:"sm",children:s.jsxs("div",{className:"flex items-center gap-2 px-3 py-1.5 w-full",children:[s.jsx(r.DragHandle,{size:"sm"}),s.jsx("span",{className:"flex-1 text-sm text-gray-blue-9 truncate",children:a}),s.jsx(r.Switch,{size:"sm",checked:t.isVisible,onCheckedChange:u})]})})});exports.ArrangableColumnsPopoverContent=h;

package/dist/index60.js

@@ -0,0 +1,80 @@
+import { jsx as i, jsxs as h } from "react/jsx-runtime";
+import { useMemo as a, useCallback as d } from "react";
+import { observer as p } from "mobx-react-lite";
+import { action as x } from "mobx";
+import { SortableItem as y, DragHandle as b, Switch as S, arrayMove as v, DragAndDropProvider as C, SortableList as K } from "@ikas/ui";
+function I(u) {
+  const { model: e } = u, r = a(() => e.columnSettings.filter((n) => {
+    const t = e.columnDefinitions.find(
+      (s) => s.columnKey === n.columnKey
+    );
+    return !!(t != null && t.isArrangable);
+  }), [e.columnSettings, e.columnDefinitions]), o = a(
+    () => r.map((n) => ({ id: n.columnKey, cs: n })),
+    [r]
+  ), l = d(
+    x((n) => {
+      const { active: t, over: s } = n;
+      if (!s || t.id === s.id) return;
+      const g = e.columnSettings.findIndex(
+        (m) => m.columnKey === t.id
+      ), f = e.columnSettings.findIndex(
+        (m) => m.columnKey === s.id
+      );
+      g !== -1 && f !== -1 && (e.columnSettings = v(
+        e.columnSettings,
+        g,
+        f
+      ));
+    }),
+    [e]
+  ), c = d(
+    (n) => /* @__PURE__ */ i(
+      w,
+      {
+        model: e,
+        columnSetting: n.cs
+      },
+      n.id
+    ),
+    [e]
+  );
+  return /* @__PURE__ */ i("div", { className: "py-2 min-w-[220px]", children: /* @__PURE__ */ i(C, { onDragEnd: l, children: /* @__PURE__ */ i(
+    K,
+    {
+      items: o,
+      renderItem: c
+    }
+  ) }) });
+}
+const j = p(
+  I
+), w = p(function(e) {
+  const { model: r, columnSetting: o } = e, l = a(() => {
+    const n = r.columnDefinitions.find(
+      (t) => t.columnKey === o.columnKey
+    );
+    return n == null ? void 0 : n.headerText;
+  }, [r.columnDefinitions, o.columnKey]), c = d(
+    x((n) => {
+      var t;
+      o.isVisible = n, (t = o.onChange) == null || t.call(o, n);
+    }),
+    [o]
+  );
+  return /* @__PURE__ */ i(y, { id: o.columnKey, variant: "ghost", size: "sm", children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2 px-3 py-1.5 w-full", children: [
+    /* @__PURE__ */ i(b, { size: "sm" }),
+    /* @__PURE__ */ i("span", { className: "flex-1 text-sm text-gray-blue-9 truncate", children: l }),
+    /* @__PURE__ */ i(
+      S,
+      {
+        size: "sm",
+        checked: o.isVisible,
+        onCheckedChange: c
+      }
+    )
+  ] }) });
+});
+export {
+  j as ArrangableColumnsPopoverContent
+};