@ikas/core 1.0.1

package/dist/index165.js

@@ -0,0 +1,59 @@
+import e from "react";
+import r from "./index139.js";
+var l = function() {
+  var t = r({
+    default: {
+      triangle: {
+        width: 0,
+        height: 0,
+        borderStyle: "solid",
+        borderWidth: "4px 0 4px 6px",
+        borderColor: "transparent transparent transparent #fff",
+        position: "absolute",
+        top: "1px",
+        left: "1px"
+      },
+      triangleBorder: {
+        width: 0,
+        height: 0,
+        borderStyle: "solid",
+        borderWidth: "5px 0 5px 8px",
+        borderColor: "transparent transparent transparent #555"
+      },
+      left: {
+        Extend: "triangleBorder",
+        transform: "translate(-13px, -4px)"
+      },
+      leftInside: {
+        Extend: "triangle",
+        transform: "translate(-8px, -5px)"
+      },
+      right: {
+        Extend: "triangleBorder",
+        transform: "translate(20px, -14px) rotate(180deg)"
+      },
+      rightInside: {
+        Extend: "triangle",
+        transform: "translate(-8px, -5px)"
+      }
+    }
+  });
+  return e.createElement(
+    "div",
+    { style: t.pointer },
+    e.createElement(
+      "div",
+      { style: t.left },
+      e.createElement("div", { style: t.leftInside })
+    ),
+    e.createElement(
+      "div",
+      { style: t.right },
+      e.createElement("div", { style: t.rightInside })
+    )
+  );
+};
+export {
+  l as PhotoshopPointerCircle,
+  l as default
+};

package/dist/index166.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),u=require("./index139.cjs");var e=function(t){var o=t.onClick,i=t.label,n=t.children,r=t.active,a=u.default({default:{button:{backgroundImage:"linear-gradient(-180deg, #FFFFFF 0%, #E6E6E6 100%)",border:"1px solid #878787",borderRadius:"2px",height:"20px",boxShadow:"0 1px 0 0 #EAEAEA",fontSize:"14px",color:"#000",lineHeight:"20px",textAlign:"center",marginBottom:"10px",cursor:"pointer"}},active:{button:{boxShadow:"0 0 0 1px #878787"}}},{active:r});return l.createElement("div",{style:a.button,onClick:o},i||n)};exports.PhotoshopButton=e;exports.default=e;

package/dist/index166.js

@@ -0,0 +1,35 @@
+import n from "react";
+import l from "./index139.js";
+var u = function(t) {
+  var o = t.onClick, e = t.label, a = t.children, i = t.active, r = l({
+    default: {
+      button: {
+        backgroundImage: "linear-gradient(-180deg, #FFFFFF 0%, #E6E6E6 100%)",
+        border: "1px solid #878787",
+        borderRadius: "2px",
+        height: "20px",
+        boxShadow: "0 1px 0 0 #EAEAEA",
+        fontSize: "14px",
+        color: "#000",
+        lineHeight: "20px",
+        textAlign: "center",
+        marginBottom: "10px",
+        cursor: "pointer"
+      }
+    },
+    active: {
+      button: {
+        boxShadow: "0 0 0 1px #878787"
+      }
+    }
+  }, { active: i });
+  return n.createElement(
+    "div",
+    { style: r.button, onClick: o },
+    e || a
+  );
+};
+export {
+  u as PhotoshopButton,
+  u as default
+};

package/dist/index167.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react"),i=require("./index139.cjs");var n=function(o){var r=o.rgb,l=o.currentColor,t=i.default({default:{swatches:{border:"1px solid #B3B3B3",borderBottom:"1px solid #F0F0F0",marginBottom:"2px",marginTop:"1px"},new:{height:"34px",background:"rgb("+r.r+","+r.g+", "+r.b+")",boxShadow:"inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 1px 0 #000"},current:{height:"34px",background:l,boxShadow:"inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 -1px 0 #000"},label:{fontSize:"14px",color:"#000",textAlign:"center"}}});return e.createElement("div",null,e.createElement("div",{style:t.label},"new"),e.createElement("div",{style:t.swatches},e.createElement("div",{style:t.new}),e.createElement("div",{style:t.current})),e.createElement("div",{style:t.label},"current"))};exports.PhotoshopPreviews=n;exports.default=n;

package/dist/index167.js

@@ -0,0 +1,53 @@
+import e from "react";
+import l from "./index139.js";
+var c = function(o) {
+  var r = o.rgb, n = o.currentColor, t = l({
+    default: {
+      swatches: {
+        border: "1px solid #B3B3B3",
+        borderBottom: "1px solid #F0F0F0",
+        marginBottom: "2px",
+        marginTop: "1px"
+      },
+      new: {
+        height: "34px",
+        background: "rgb(" + r.r + "," + r.g + ", " + r.b + ")",
+        boxShadow: "inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 1px 0 #000"
+      },
+      current: {
+        height: "34px",
+        background: n,
+        boxShadow: "inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 -1px 0 #000"
+      },
+      label: {
+        fontSize: "14px",
+        color: "#000",
+        textAlign: "center"
+      }
+    }
+  });
+  return e.createElement(
+    "div",
+    null,
+    e.createElement(
+      "div",
+      { style: t.label },
+      "new"
+    ),
+    e.createElement(
+      "div",
+      { style: t.swatches },
+      e.createElement("div", { style: t.new }),
+      e.createElement("div", { style: t.current })
+    ),
+    e.createElement(
+      "div",
+      { style: t.label },
+      "current"
+    )
+  );
+};
+export {
+  c as PhotoshopPreviews,
+  c as default
+};

package/dist/index168.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),g=require("./index139.cjs"),c=require("./index151.cjs");require("./index140.cjs");require("./index141.cjs");const r=require("./index142.cjs");require("./index143.cjs");require("./index144.cjs");require("./index145.cjs");require("./index147.cjs");var p=function(n){var u=n.onChange,t=n.rgb,s=n.hsl,d=n.hex,o=n.disableAlpha,e=g.default({default:{fields:{display:"flex",paddingTop:"4px"},single:{flex:"1",paddingLeft:"6px"},alpha:{flex:"1",paddingLeft:"6px"},double:{flex:"2"},input:{width:"80%",padding:"4px 10% 3px",border:"none",boxShadow:"inset 0 0 0 1px #ccc",fontSize:"11px"},label:{display:"block",textAlign:"center",fontSize:"11px",color:"#222",paddingTop:"3px",paddingBottom:"4px",textTransform:"capitalize"}},disableAlpha:{alpha:{display:"none"}}},{disableAlpha:o}),i=function(l,b){l.hex?c.isValidHex(l.hex)&&u({hex:l.hex,source:"hex"},b):l.r||l.g||l.b?u({r:l.r||t.r,g:l.g||t.g,b:l.b||t.b,a:t.a,source:"rgb"},b):l.a&&(l.a<0?l.a=0:l.a>100&&(l.a=100),l.a/=100,u({h:s.h,s:s.s,l:s.l,a:l.a,source:"rgb"},b))};return a.createElement("div",{style:e.fields,className:"flexbox-fix"},a.createElement("div",{style:e.double},a.createElement(r.EditableInput,{style:{input:e.input,label:e.label},label:"hex",value:d.replace("#",""),onChange:i})),a.createElement("div",{style:e.single},a.createElement(r.EditableInput,{style:{input:e.input,label:e.label},label:"r",value:t.r,onChange:i,dragLabel:"true",dragMax:"255"})),a.createElement("div",{style:e.single},a.createElement(r.EditableInput,{style:{input:e.input,label:e.label},label:"g",value:t.g,onChange:i,dragLabel:"true",dragMax:"255"})),a.createElement("div",{style:e.single},a.createElement(r.EditableInput,{style:{input:e.input,label:e.label},label:"b",value:t.b,onChange:i,dragLabel:"true",dragMax:"255"})),a.createElement("div",{style:e.alpha},a.createElement(r.EditableInput,{style:{input:e.input,label:e.label},label:"a",value:Math.round(t.a*100),onChange:i,dragLabel:"true",dragMax:"100"})))};exports.SketchFields=p;exports.default=p;

package/dist/index168.js

@@ -0,0 +1,135 @@
+import a from "react";
+import d from "./index139.js";
+import { isValidHex as h } from "./index151.js";
+import "./index140.js";
+import "./index141.js";
+import { EditableInput as r } from "./index142.js";
+import "./index143.js";
+import "./index144.js";
+import "./index145.js";
+import "./index147.js";
+var M = function(n) {
+  var p = n.onChange, t = n.rgb, o = n.hsl, b = n.hex, g = n.disableAlpha, e = d({
+    default: {
+      fields: {
+        display: "flex",
+        paddingTop: "4px"
+      },
+      single: {
+        flex: "1",
+        paddingLeft: "6px"
+      },
+      alpha: {
+        flex: "1",
+        paddingLeft: "6px"
+      },
+      double: {
+        flex: "2"
+      },
+      input: {
+        width: "80%",
+        padding: "4px 10% 3px",
+        border: "none",
+        boxShadow: "inset 0 0 0 1px #ccc",
+        fontSize: "11px"
+      },
+      label: {
+        display: "block",
+        textAlign: "center",
+        fontSize: "11px",
+        color: "#222",
+        paddingTop: "3px",
+        paddingBottom: "4px",
+        textTransform: "capitalize"
+      }
+    },
+    disableAlpha: {
+      alpha: {
+        display: "none"
+      }
+    }
+  }, { disableAlpha: g }), i = function(l, s) {
+    l.hex ? h(l.hex) && p({
+      hex: l.hex,
+      source: "hex"
+    }, s) : l.r || l.g || l.b ? p({
+      r: l.r || t.r,
+      g: l.g || t.g,
+      b: l.b || t.b,
+      a: t.a,
+      source: "rgb"
+    }, s) : l.a && (l.a < 0 ? l.a = 0 : l.a > 100 && (l.a = 100), l.a /= 100, p({
+      h: o.h,
+      s: o.s,
+      l: o.l,
+      a: l.a,
+      source: "rgb"
+    }, s));
+  };
+  return a.createElement(
+    "div",
+    { style: e.fields, className: "flexbox-fix" },
+    a.createElement(
+      "div",
+      { style: e.double },
+      a.createElement(r, {
+        style: { input: e.input, label: e.label },
+        label: "hex",
+        value: b.replace("#", ""),
+        onChange: i
+      })
+    ),
+    a.createElement(
+      "div",
+      { style: e.single },
+      a.createElement(r, {
+        style: { input: e.input, label: e.label },
+        label: "r",
+        value: t.r,
+        onChange: i,
+        dragLabel: "true",
+        dragMax: "255"
+      })
+    ),
+    a.createElement(
+      "div",
+      { style: e.single },
+      a.createElement(r, {
+        style: { input: e.input, label: e.label },
+        label: "g",
+        value: t.g,
+        onChange: i,
+        dragLabel: "true",
+        dragMax: "255"
+      })
+    ),
+    a.createElement(
+      "div",
+      { style: e.single },
+      a.createElement(r, {
+        style: { input: e.input, label: e.label },
+        label: "b",
+        value: t.b,
+        onChange: i,
+        dragLabel: "true",
+        dragMax: "255"
+      })
+    ),
+    a.createElement(
+      "div",
+      { style: e.alpha },
+      a.createElement(r, {
+        style: { input: e.input, label: e.label },
+        label: "a",
+        value: Math.round(t.a * 100),
+        onChange: i,
+        dragLabel: "true",
+        dragMax: "100"
+      })
+    )
+  );
+};
+export {
+  M as SketchFields,
+  M as default
+};

package/dist/index169.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react"),n=require("./index149.cjs"),h=require("./index139.cjs");require("./index140.cjs");require("./index141.cjs");require("./index142.cjs");require("./index143.cjs");require("./index144.cjs");require("./index145.cjs");require("./index94.cjs");const f=require("./index147.cjs");var v=Object.assign||function(s){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(s[t]=r[t])}return s},p=function(e){var r=e.colors,t=e.onClick,u=t===void 0?function(){}:t,d=e.onSwatchHover,i=h.default({default:{colors:{margin:"0 -10px",padding:"10px 0 0 10px",borderTop:"1px solid #eee",display:"flex",flexWrap:"wrap",position:"relative"},swatchWrap:{width:"16px",height:"16px",margin:"0 10px 10px 0"},swatch:{borderRadius:"3px",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15)"}},"no-presets":{colors:{display:"none"}}},{"no-presets":!r||!r.length}),x=function(o,l){u({hex:o,source:"hex"},l)};return c.createElement("div",{style:i.colors,className:"flexbox-fix"},r.map(function(a){var o=typeof a=="string"?{color:a}:a,l=""+o.color+(o.title||"");return c.createElement("div",{key:l,style:i.swatchWrap},c.createElement(f.default,v({},o,{style:i.swatch,onClick:x,onHover:d,focusStyle:{boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15), 0 0 4px "+o.color}})))}))};p.propTypes={colors:n.arrayOf(n.oneOfType([n.string,n.shape({color:n.string,title:n.string})])).isRequired};exports.SketchPresetColors=p;exports.default=p;

package/dist/index169.js

@@ -0,0 +1,83 @@
+import l from "react";
+import a from "./index149.js";
+import x from "./index139.js";
+import "./index140.js";
+import "./index141.js";
+import "./index142.js";
+import "./index143.js";
+import "./index144.js";
+import "./index145.js";
+import "./index94.js";
+import d from "./index147.js";
+var h = Object.assign || function(i) {
+  for (var e = 1; e < arguments.length; e++) {
+    var r = arguments[e];
+    for (var o in r)
+      Object.prototype.hasOwnProperty.call(r, o) && (i[o] = r[o]);
+  }
+  return i;
+}, u = function(e) {
+  var r = e.colors, o = e.onClick, c = o === void 0 ? function() {
+  } : o, m = e.onSwatchHover, p = x({
+    default: {
+      colors: {
+        margin: "0 -10px",
+        padding: "10px 0 0 10px",
+        borderTop: "1px solid #eee",
+        display: "flex",
+        flexWrap: "wrap",
+        position: "relative"
+      },
+      swatchWrap: {
+        width: "16px",
+        height: "16px",
+        margin: "0 10px 10px 0"
+      },
+      swatch: {
+        borderRadius: "3px",
+        boxShadow: "inset 0 0 0 1px rgba(0,0,0,.15)"
+      }
+    },
+    "no-presets": {
+      colors: {
+        display: "none"
+      }
+    }
+  }, {
+    "no-presets": !r || !r.length
+  }), f = function(t, s) {
+    c({
+      hex: t,
+      source: "hex"
+    }, s);
+  };
+  return l.createElement(
+    "div",
+    { style: p.colors, className: "flexbox-fix" },
+    r.map(function(n) {
+      var t = typeof n == "string" ? { color: n } : n, s = "" + t.color + (t.title || "");
+      return l.createElement(
+        "div",
+        { key: s, style: p.swatchWrap },
+        l.createElement(d, h({}, t, {
+          style: p.swatch,
+          onClick: f,
+          onHover: m,
+          focusStyle: {
+            boxShadow: "inset 0 0 0 1px rgba(0,0,0,.15), 0 0 4px " + t.color
+          }
+        }))
+      );
+    })
+  );
+};
+u.propTypes = {
+  colors: a.arrayOf(a.oneOfType([a.string, a.shape({
+    color: a.string,
+    title: a.string
+  })])).isRequired
+};
+export {
+  u as SketchPresetColors,
+  u as default
+};

package/dist/index17.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("react"),ce=require("mobx-react-lite"),c=require("mobx"),a=require("@ikas/ui"),y=require("./index3.cjs"),x=require("./index14.cjs"),ue=require("./index15.cjs"),he=require("./index56.cjs"),U=require("./index57.cjs"),de=require("./index18.cjs"),pe=require("./index58.cjs"),fe=require("./index59.cjs"),ve=require("./index60.cjs"),u=require("./index5.cjs"),me=require("./index61.cjs"),ge=require("./index62.cjs"),be=require("./index63.cjs");function xe(V){var _;const{dataTableViewModel:n,filterManagerModel:e,customFilterSearchLeftContent:E,customFilterSearchRightContent:S,searchProps:l,style:J,isVisibleSelectedView:K,customSelectedContent:z,getClonedFilterManager:d,setSelectedData:v,filterPopoverPlacement:W}=V,[H,T]=s.useState(!1),[G,j]=s.useState(!1),[Q,w]=s.useState(!1),[p,N]=s.useState(null),[m,g]=s.useState(null),[k,b]=s.useState(!1),[X,h]=s.useState(!1),[A,P]=s.useState(!1),[I,C]=s.useState(!1),[Y,R]=s.useState(!1),[Z,q]=s.useState(!0),B=s.useRef(!1);s.useEffect(()=>{e&&!B.current&&(N(new x.FilterManager(e.toConfig())),g(structuredClone(c.toJS(e.activeFilterTab))),B.current=!0)},[e]),s.useEffect(()=>{if(!e||!p)return;const r=c.reaction(()=>e.filters,()=>{p&&p.setFiltersFrom(e)}),i=c.reaction(()=>e.activeFilterTabIndex,()=>{g(structuredClone(c.toJS(e.activeFilterTab)))});return()=>{r(),i()}},[e,p]);const $=s.useMemo(()=>l!=null&&l.onChange?!0:n?n.isLocal?!!n.searchIndex:!!n.onSearch:!1,[n,l==null?void 0:l.onChange]),M=s.useMemo(()=>(l==null?void 0:l.placeholder)||(n==null?void 0:n.searchPlaceholder)||u.coreTranslations.datatable.searchTable,[l==null?void 0:l.placeholder,n==null?void 0:n.searchPlaceholder]),ee=(l==null?void 0:l.value)||(n==null?void 0:n.searchKeyword),te=(l==null?void 0:l.isLoading)||(n==null?void 0:n.showLoader),re=s.useCallback(r=>{l!=null&&l.onChange?l.onChange(r):n==null||n.onSearchKeywordChange(r)},[l,n]),F=s.useCallback(c.action((r,i)=>{if(r&&e){const f=new x.FilterManager(e.toConfig());N(f),d==null||d(f)}if(e&&i){const f=i.displayedFilterTabs[i.activeFilterTabIndex].filterRows.filter(o=>{var D;const ie=(D=e.filters.find(oe=>{var O;return oe.key===((O=o.filterValue)==null?void 0:O.key)}))==null?void 0:D.type;return!!(Array.isArray(o.filterValue.value)&&o.filterValue.value.length||o.filterValue.value&&typeof o.filterValue.value=="object"&&!Array.isArray(o.filterValue.value)&&"dateRange"in o.filterValue.value||ie===ue.FilterType.NUMBER_INPUT)});e.displayedFilterTabs[e.activeFilterTabIndex].filterRows=f,e.onApplyClick()}T(r),r||d==null||d(null)}),[e,d]),ne=s.useCallback(c.action(r=>{h(!1),b(!1),(e==null?void 0:e.activeFilterTab.id)!==r&&(e!=null&&e.activeFilterTab&&e.activeFilterTab.id!==x.ALL_TAB_UUID&&(e.activeFilterTab.filterRows=structuredClone(c.toJS((m==null?void 0:m.filterRows)||[]))),v==null||v([]),e==null||e.onFilterTabClick(r),T(!1),w(!1),q(!1),setTimeout(()=>{q(!0)},0))}),[e,m,v]),le=s.useCallback(c.action(()=>{e&&(e.activeFilterTab.filterRows=[],e.hasChange=!0,w(!0),e.notifyChange())}),[e]),se=()=>{var r,i;return e?!e.isAllTabSelected&&Q&&e.hasChange&&!((r=e.activeTabFilterRows)!=null&&r.length)?t.jsx(a.Button,{variant:"primary-ghost",onClick:()=>e.onFilterTabDelete(),children:u.coreTranslations.datatable.saveChanges}):(i=e.activeTabFilterRows)!=null&&i.length?t.jsxs(t.Fragment,{children:[e.isAllTabSelected&&!!e.onTabSave&&t.jsx(a.Popover,{trigger:"click",onOpenChange:j,placement:"bottom",open:G,content:t.jsx(U.SaveFilterPopover,{model:e,onCancel:j}),popoverContentStyle:{padding:0},children:t.jsx(a.Button,{variant:"primary-ghost",children:u.coreTranslations.common.actions.save})}),!e.isAllTabSelected&&e.hasChange&&t.jsx(a.Button,{variant:"primary-ghost",onClick:()=>{g(structuredClone(c.toJS(e.activeFilterTab))),e.onFilterTabSave(e.activeFilterTab.title)},children:u.coreTranslations.datatable.saveChanges})]}):null:null},ae=s.useMemo(()=>!e||!k?null:t.jsxs("div",{className:"py-1.5 min-w-[180px]",children:[t.jsx(a.Popover,{trigger:"click",onOpenChange:r=>P(r),open:A,content:t.jsx(U.SaveFilterPopover,{model:e,isEdit:!0,onCancel:r=>{r||(P(!1),setTimeout(()=>{h(!1)},0))},onTabSave:()=>{g(structuredClone(c.toJS(e.activeFilterTab))),setTimeout(()=>{h(!1)},0)}}),placement:"right",popoverContentStyle:{padding:0},showArrow:!1,children:t.jsx(a.Button,{variant:"ghost",className:"w-full h-10 px-3 justify-start text-sm font-normal text-gray-blue-9 hover:bg-gray-blue-1 hover:text-gray-blue-9 border-0",children:u.coreTranslations.datatable.changeFilterName})}),!!e.onSortChange&&t.jsx(a.Button,{variant:"ghost",className:"w-full h-10 px-3 justify-start text-sm font-normal text-gray-blue-9 hover:bg-gray-blue-1 hover:text-gray-blue-9 border-0",onClick:()=>{h(!1),R(!0)},children:u.coreTranslations.datatable.filterSort}),t.jsx(a.Popover,{trigger:"click",onOpenChange:r=>C(r),open:I,content:t.jsx(pe.DeleteFilterPopover,{model:e,onCancel:r=>{r||(C(!1),setTimeout(()=>{h(!1)},0))},onDelete:()=>{C(!1),setTimeout(()=>{h(!1)},0)}}),placement:"right",popoverContentStyle:{padding:0},showArrow:!1,children:t.jsx(a.Button,{variant:"ghost",className:"w-full h-10 px-3 justify-start text-sm font-normal text-error hover:bg-gray-blue-1 hover:text-error border-0",children:u.coreTranslations.datatable.deleteFilter})})]}),[e,k,A,I]),L=(()=>{if(!e||e.displayedFilterTabs.length<=1)return null;const r=e.activeFilterTab.id;return e.displayedFilterTabs.map(i=>{const f=i.id===r&&i.id!==x.ALL_TAB_UUID;return{key:i.id,tab:Z&&f?t.jsx(a.Popover,{trigger:"click",content:ae,open:X,onOpenChange:o=>{o&&e.hasChange||(o&&b(!0),setTimeout(()=>{h(o)},0))},placement:"bottomLeft",popoverContentStyle:{padding:"0 6px"},showArrow:!1,align:{offset:[0,5]},children:t.jsxs("div",{className:"flex items-center gap-1.5 h-full",onContextMenu:o=>{o.preventDefault(),e.hasChange||(b(!0),h(!0))},onClick:()=>{e.hasChange||(b(!0),h(!0))},children:[i.title,t.jsx(a.Tooltip,{title:e.hasChange?u.coreTranslations.datatable.pleaseSaveChanges:null,children:t.jsx("span",{className:y.cn("inline-flex items-center",e.hasChange?"cursor-not-allowed":"cursor-pointer"),style:{opacity:e.hasChange?.5:1},children:t.jsx(me.default,{className:"h-3 w-3 text-gray-blue-6"})})})]})}):t.jsx("div",{className:"flex items-center gap-1.5 h-full",children:i.title}),children:null}})})();return t.jsxs("div",{className:"ikas-datatable-filter-search sticky left-0 z-[5] w-full flex flex-col",style:J,children:[t.jsxs("div",{className:y.cn("flex flex-col",!(e!=null&&e.activeTabFilterRows.length)&&"mb-4"),children:[L&&e&&t.jsx("div",{className:y.cn(e.animateTabsOnLoad&&"overflow-hidden animate-tabs-appear"),children:t.jsx(a.SimpleTabs,{items:L,activeKey:e.activeFilterTab.id,onChange:ne,size:"sm",className:"[&_[role=tablist]]:border-b-0 [&_[role=tablist]]:gap-6 [&_[role=tab]]:text-sm [&_[role=tab]]:h-8"})}),t.jsxs("div",{className:"flex items-center justify-between gap-2 filter-and-search",children:[t.jsxs("div",{className:"flex items-center gap-2 flex-1 min-w-0 filter-and-search__left",children:[K?z:null,$&&t.jsx("div",{className:"w-[300px] flex-shrink-0",children:t.jsx(a.SearchInput,{placeholder:M,value:ee||"",onChange:re,isLoading:!!te})}),!!e&&!!e.showFilterButton&&!!p&&t.jsx(a.Popover,{trigger:"click",content:t.jsx(he.FilterPopoverContent,{model:p,originalModel:e,onHidePopoverContent:F,onPopoverApplyClick:F}),open:H,onOpenChange:r=>F(r),placement:W||"bottom",popoverContentStyle:{padding:0},children:t.jsxs(a.Button,{icon:t.jsx(ge.default,{className:"h-4 w-4 -mr-0.5 text-gray-blue"}),children:[t.jsx("span",{className:"text-gray-blue-9",children:u.coreTranslations.common.field.filter}),!!((_=e.activeTabFilterRows)!=null&&_.length)&&t.jsxs("span",{className:"text-gray-blue-6 ml-0.5",children:["(",e.activeTabFilterRows.length,")"]})]})}),se(),E]}),(!!S||!!(n!=null&&n.hasArrangableColumn))&&t.jsxs("div",{className:"flex items-center gap-2 filter-and-search__right",children:[S,(n==null?void 0:n.hasArrangableColumn)&&t.jsx(a.Popover,{trigger:"click",placement:"bottomRight",content:t.jsx(ve.ArrangableColumnsPopoverContent,{model:n}),popoverContentStyle:{padding:0},children:t.jsx(a.Button,{square:!0,icon:t.jsx(be.default,{className:"h-4 w-4 text-gray-blue"})})})]})]})]}),!!e&&!!e.activeTabFilterRows.length&&t.jsxs("div",{className:"flex gap-1 mt-3 mb-4 overflow-x-auto flex-wrap",children:[e.activeTabFilterRows.map(r=>t.jsx(de.FilterInfoTag,{filterRow:r,model:e},r.rowId)),t.jsx("span",{className:"inline-flex items-center min-h-[24px] px-[5px] py-0.5 text-xs leading-[18px] font-medium bg-white rounded text-[var(--purple)] cursor-pointer select-none",onClick:le,children:u.coreTranslations.datatable.clear})]}),!!e&&t.jsx(fe.FilterSortModal,{model:e,open:Y,onClose:()=>R(!1)})]})}const Ce=ce.observer(xe);exports.FilterAndSearch=Ce;