@ikas/core 1.0.30 → 1.0.32

package/dist/index121.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),A=require("mobx-react-lite"),X=require("mobx"),M=require("react-router-dom"),G=require("@ikas/ui"),C=require("./index3.cjs"),a=require("./index8.cjs"),W=require("./index131.cjs"),_=require("./index132.cjs"),J=require("./index133.cjs"),Q=require("./index134.cjs"),Y=require("./index135.cjs"),Z=require("./index136.cjs"),$=require("./index137.cjs"),ee=require("./index11.cjs"),te=require("./index138.cjs"),re=require("./index63.cjs");function le(b){var I,D;const{model:l,columnDefinition:e,rowData:t,isHeader:c,isSummary:d,isSelected:P,index:K,expandableCellProps:i}=b,v=l.displayedColumnDefinitions.findIndex(n=>n.columnKey===e.columnKey),O=!!l.isSelectable&&v===0,m=c?e.headerAlignment??e.alignment:e.alignment,f=l.isStickyColumnEnabled&&v===0?l.isSelectable?40:0:void 0,U=t&&e.isDisabled?e.isDisabled(t):!1,p=X.action(n=>{const{setValue:s}=e;s&&(l.selectedData.length&&P?l.selectedData.forEach(u=>s(u,n)):t&&s(t,n))}),k=n=>{c||d||l.onCellClick&&t&&(n.preventDefault(),l.onCellClick(t,e))},E=t?t[l.idKey]+""+e.columnKey:void 0,o=E?(I=l.validator)==null?void 0:I.results[E]:void 0,B=!!((D=o==null?void 0:o.messages)!=null&&D.length),L=()=>{var n,s,u,y,R;if(c)return r.jsx(W.HeaderCell,{model:l,columnDefinition:e,alignment:m});if(d)return r.jsx(_.SummaryCell,{columnDefinition:e,alignment:m});switch(e.type){case a.CellType.TEXT:return r.jsx(J.TextCell,{value:(n=e.getValue)==null?void 0:n.call(e,t),rowData:t,columnDefinition:e,onValueChange:p});case a.CellType.NUMBER:return r.jsx(Q.NumberCell,{value:(s=e.getValue)==null?void 0:s.call(e,t),rowData:t,columnDefinition:e,onValueChange:p});case a.CellType.PRICE:return r.jsx(Y.PriceCell,{value:(u=e.getValue)==null?void 0:u.call(e,t),rowData:t,columnDefinition:e});case a.CellType.SELECT:return r.jsx(Z.SelectCell,{value:(y=e.getValue)==null?void 0:y.call(e,t),rowData:t,columnDefinition:e,onValueChange:p});case a.CellType.IMAGE_SELECT:return r.jsx($.ImageSelectCell,{value:(R=e.getValue)==null?void 0:R.call(e,t),rowData:t,columnDefinition:e,onValueChange:p});case a.CellType.PRODUCT:return r.jsx(ee.ProductCell,{rowData:t,columnDefinition:e});case a.CellType.CUSTOM:return e.render(t);default:return r.jsx("div",{})}},h=n=>{const s=r.jsx("div",{className:C.cn("w-full",(o==null?void 0:o.status)==="error"&&"has-error"),children:n});return B?r.jsx(G.Tooltip,{title:r.jsx("div",{className:"text-center",children:o==null?void 0:o.messages.map((u,y)=>r.jsxs("div",{className:"mb-1.5 last:mb-0 relative pl-2",children:[r.jsx("span",{className:"absolute left-0 text-base",children:"*"}),u]},y))}),color:"error",children:s}):s},T=()=>{if(c||d)return L();const n=L(),s=e.type;return s===a.CellType.TEXT&&e.inputMode||s===a.CellType.NUMBER&&e.inputMode||s===a.CellType.SELECT||s===a.CellType.PRICE?h(n):n},S=()=>i?!i.isExpandable&&i.paddingLeft?r.jsx("div",{style:{marginRight:6}}):i.isExpandable?r.jsx("div",{className:"flex items-start h-full",children:r.jsx("div",{className:"w-4 h-4 relative z-[699] mr-1.5 cursor-pointer",style:{top:3},onClick:n=>{n.stopPropagation(),i.changeExpandStatus()},children:r.jsx(re.default,{className:C.cn("h-4 w-4 text-gray-blue-5 transition-transform duration-300 ease-in-out -rotate-90 cursor-pointer",i.isExpanded&&"rotate-0")})})}):null:null;let x=0;const j=!l.isSelectable;let g=l.isDraggable&&K===0&&!c&&!d;g&&e.isDragDisabled&&t&&(g=!e.isDragDisabled(t),x+=j?48:38),typeof(i==null?void 0:i.paddingLeft)=="number"&&(x+=i.paddingLeft);const F=e.isLinkEnabled&&e.isLinkCoverContent&&l.getRowLink&&t,z=e.isLinkEnabled&&!e.isLinkCoverContent&&l.getRowLink&&t,w=t&&l.getRowLink?l.getRowLink(t):void 0,q=c||d,N=C.cn("flex items-center flex-wrap relative w-full",q?C.cn("min-h-[40px] py-0 px-3",l.hideHeaderBackgroundColor?"bg-white":"bg-gray-blue-1"):"min-h-[54px] py-4 px-3 bg-white",O&&"pl-0",U&&!q&&"opacity-50 pointer-events-none",e.borderLeft&&"border-l border-gray-blue-2",e.borderRight&&"border-r border-gray-blue-2",f!=null&&"datatable-sticky-column"),V={justifyContent:m??"flex-start",paddingLeft:x>0?x:void 0,...f!=null?{position:"sticky",left:f,zIndex:2,transition:"box-shadow 0.3s",boxShadow:"var(--datatable-sticky-shadow, none)"}:{}};return F?r.jsxs(M.Link,{className:C.cn(N,"datatable-link-column no-underline text-inherit"),style:V,to:w??"",onClick:k,children:[g&&r.jsx(H,{isFirstElement:j}),S(),T()]}):r.jsxs("div",{className:N,style:V,onClick:k,children:[g&&r.jsx(H,{isFirstElement:j}),S(),T(),z&&r.jsx(M.Link,{className:"absolute inset-0",to:w??""})]})}function H({isFirstElement:b}){return r.jsx("span",{className:"absolute top-1/2 -translate-y-1/2 flex items-center justify-center p-2.5",style:{left:b?0:-10},"aria-description":"datatable dnd icon",children:r.jsx(te.default,{className:"h-4 w-4 text-gray-blue"})})}const ne=A.observer(le);exports.Cell=ne;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),A=require("mobx-react-lite"),X=require("mobx"),M=require("react-router-dom"),G=require("@ikas/ui"),C=require("./index3.cjs"),a=require("./index8.cjs"),W=require("./index132.cjs"),_=require("./index133.cjs"),J=require("./index134.cjs"),Q=require("./index135.cjs"),Y=require("./index136.cjs"),Z=require("./index137.cjs"),$=require("./index138.cjs"),ee=require("./index11.cjs"),te=require("./index139.cjs"),re=require("./index63.cjs");function le(b){var I,D;const{model:l,columnDefinition:e,rowData:t,isHeader:c,isSummary:d,isSelected:P,index:K,expandableCellProps:i}=b,v=l.displayedColumnDefinitions.findIndex(n=>n.columnKey===e.columnKey),O=!!l.isSelectable&&v===0,m=c?e.headerAlignment??e.alignment:e.alignment,f=l.isStickyColumnEnabled&&v===0?l.isSelectable?40:0:void 0,U=t&&e.isDisabled?e.isDisabled(t):!1,p=X.action(n=>{const{setValue:s}=e;s&&(l.selectedData.length&&P?l.selectedData.forEach(u=>s(u,n)):t&&s(t,n))}),k=n=>{c||d||l.onCellClick&&t&&(n.preventDefault(),l.onCellClick(t,e))},E=t?t[l.idKey]+""+e.columnKey:void 0,o=E?(I=l.validator)==null?void 0:I.results[E]:void 0,B=!!((D=o==null?void 0:o.messages)!=null&&D.length),L=()=>{var n,s,u,y,R;if(c)return r.jsx(W.HeaderCell,{model:l,columnDefinition:e,alignment:m});if(d)return r.jsx(_.SummaryCell,{columnDefinition:e,alignment:m});switch(e.type){case a.CellType.TEXT:return r.jsx(J.TextCell,{value:(n=e.getValue)==null?void 0:n.call(e,t),rowData:t,columnDefinition:e,onValueChange:p});case a.CellType.NUMBER:return r.jsx(Q.NumberCell,{value:(s=e.getValue)==null?void 0:s.call(e,t),rowData:t,columnDefinition:e,onValueChange:p});case a.CellType.PRICE:return r.jsx(Y.PriceCell,{value:(u=e.getValue)==null?void 0:u.call(e,t),rowData:t,columnDefinition:e});case a.CellType.SELECT:return r.jsx(Z.SelectCell,{value:(y=e.getValue)==null?void 0:y.call(e,t),rowData:t,columnDefinition:e,onValueChange:p});case a.CellType.IMAGE_SELECT:return r.jsx($.ImageSelectCell,{value:(R=e.getValue)==null?void 0:R.call(e,t),rowData:t,columnDefinition:e,onValueChange:p});case a.CellType.PRODUCT:return r.jsx(ee.ProductCell,{rowData:t,columnDefinition:e});case a.CellType.CUSTOM:return e.render(t);default:return r.jsx("div",{})}},h=n=>{const s=r.jsx("div",{className:C.cn("w-full",(o==null?void 0:o.status)==="error"&&"has-error"),children:n});return B?r.jsx(G.Tooltip,{title:r.jsx("div",{className:"text-center",children:o==null?void 0:o.messages.map((u,y)=>r.jsxs("div",{className:"mb-1.5 last:mb-0 relative pl-2",children:[r.jsx("span",{className:"absolute left-0 text-base",children:"*"}),u]},y))}),color:"error",children:s}):s},T=()=>{if(c||d)return L();const n=L(),s=e.type;return s===a.CellType.TEXT&&e.inputMode||s===a.CellType.NUMBER&&e.inputMode||s===a.CellType.SELECT||s===a.CellType.PRICE?h(n):n},S=()=>i?!i.isExpandable&&i.paddingLeft?r.jsx("div",{style:{marginRight:6}}):i.isExpandable?r.jsx("div",{className:"flex items-start h-full",children:r.jsx("div",{className:"w-4 h-4 relative z-[699] mr-1.5 cursor-pointer",style:{top:3},onClick:n=>{n.stopPropagation(),i.changeExpandStatus()},children:r.jsx(re.default,{className:C.cn("h-4 w-4 text-gray-blue-5 transition-transform duration-300 ease-in-out -rotate-90 cursor-pointer",i.isExpanded&&"rotate-0")})})}):null:null;let x=0;const j=!l.isSelectable;let g=l.isDraggable&&K===0&&!c&&!d;g&&e.isDragDisabled&&t&&(g=!e.isDragDisabled(t),x+=j?48:38),typeof(i==null?void 0:i.paddingLeft)=="number"&&(x+=i.paddingLeft);const F=e.isLinkEnabled&&e.isLinkCoverContent&&l.getRowLink&&t,z=e.isLinkEnabled&&!e.isLinkCoverContent&&l.getRowLink&&t,w=t&&l.getRowLink?l.getRowLink(t):void 0,q=c||d,N=C.cn("flex items-center flex-wrap relative w-full",q?C.cn("min-h-[40px] py-0 px-3",l.hideHeaderBackgroundColor?"bg-white":"bg-gray-blue-1"):"min-h-[54px] py-4 px-3 bg-white",O&&"pl-0",U&&!q&&"opacity-50 pointer-events-none",e.borderLeft&&"border-l border-gray-blue-2",e.borderRight&&"border-r border-gray-blue-2",f!=null&&"datatable-sticky-column"),V={justifyContent:m??"flex-start",paddingLeft:x>0?x:void 0,...f!=null?{position:"sticky",left:f,zIndex:2,transition:"box-shadow 0.3s",boxShadow:"var(--datatable-sticky-shadow, none)"}:{}};return F?r.jsxs(M.Link,{className:C.cn(N,"datatable-link-column no-underline text-inherit"),style:V,to:w??"",onClick:k,children:[g&&r.jsx(H,{isFirstElement:j}),S(),T()]}):r.jsxs("div",{className:N,style:V,onClick:k,children:[g&&r.jsx(H,{isFirstElement:j}),S(),T(),z&&r.jsx(M.Link,{className:"absolute inset-0",to:w??""})]})}function H({isFirstElement:b}){return r.jsx("span",{className:"absolute top-1/2 -translate-y-1/2 flex items-center justify-center p-2.5",style:{left:b?0:-10},"aria-description":"datatable dnd icon",children:r.jsx(te.default,{className:"h-4 w-4 text-gray-blue"})})}const ne=A.observer(le);exports.Cell=ne;

package/dist/index121.js

@@ -5,15 +5,15 @@ 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 "./index131.js";
-import { SummaryCell as J } from "./index132.js";
-import { TextCell as Q } from "./index133.js";
-import { NumberCell as Y } from "./index134.js";
-import { PriceCell as Z } from "./index135.js";
-import { SelectCell as $ } from "./index136.js";
-import { ImageSelectCell as ee } from "./index137.js";
+import { HeaderCell as q } from "./index132.js";
+import { SummaryCell as J } from "./index133.js";
+import { TextCell as Q } from "./index134.js";
+import { NumberCell as Y } from "./index135.js";
+import { PriceCell as Z } from "./index136.js";
+import { SelectCell as $ } from "./index137.js";
+import { ImageSelectCell as ee } from "./index138.js";
 import { ProductCell as te } from "./index11.js";
-import re from "./index138.js";
+import re from "./index139.js";
 import ne from "./index63.js";
 function ae(C) {
   var M, R;

package/dist/index123.cjs

@@ -1 +1 @@
-"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("./index141.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;
+"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("./index153.cjs"),b=require("./index5.cjs"),he=require("./index66.cjs"),de=require("./index141.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;

package/dist/index123.js

@@ -6,7 +6,7 @@ import B from "./index56.js";
 import { RangePicker as ge, Select as x, Button as W, Popover as Ce, NumberInput as ye, TreeSelect as S } from "@ikas/ui";
 import { FilterType as f } from "./index15.js";
 import { DateFilterPickerHelpers as A, DateFilterPickerShortcutEnum as C } from "./index16.js";
-import { FilterStringInput as ve } from "./index191.js";
+import { FilterStringInput as ve } from "./index153.js";
 import { coreTranslations as T } from "./index5.js";
 import be from "./index66.js";
 import Se from "./index141.js";

package/dist/index130.cjs

@@ -1 +1 @@
-"use strict";const e=require("./index139.cjs"),r=require("./index192.cjs");var t=r.__require();const o=e.getDefaultExportFromCjs(t);module.exports=o;
+"use strict";const e=require("./index131.cjs"),r=require("./index192.cjs");var t=r.__require();const o=e.getDefaultExportFromCjs(t);module.exports=o;

package/dist/index130.js

@@ -1,4 +1,4 @@
-import { getDefaultExportFromCjs as e } from "./index139.js";
+import { getDefaultExportFromCjs as e } from "./index131.js";
 import { __require as r } from "./index192.js";
 var t = r();
 const a = /* @__PURE__ */ e(t);

package/dist/index131.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),C=require("mobx-react-lite"),j=require("@ikas/ui"),l=require("./index3.cjs"),d=require("./index8.cjs"),w=require("./index142.cjs"),q=require("./index63.cjs"),H=require("./index69.cjs");function N(m){var u,x;const{model:o,columnDefinition:e,alignment:r}=m,s=o.columnDefinitions.findIndex(n=>n.columnKey===e.columnKey),h=s===0,f=s===o.columnDefinitions.length-1,i=e.columnKey===o.sortColumnKey,g=i&&o.sortDirection==="asc",p=i&&o.sortDirection==="desc",y=n=>{n.stopPropagation(),e.isSortable&&o.onHeaderClick(e)},b=(u=e.headerTooltipProps)==null?void 0:u.isShowHeaderTextTooltip,T=((x=e.headerTooltipProps)==null?void 0:x.tooltipText)??e.headerText,c=r===d.ColumnAlignment.CENTER?"center":r===d.ColumnAlignment.RIGHT?"right":"left",a=t.jsx("span",{className:"text-sm font-medium text-gray-blue-6 truncate flex-none",style:{textAlign:c},children:e.headerText}),v=()=>{var n;return b?t.jsx(j.Tooltip,{title:T,children:t.jsxs("div",{className:"flex items-center justify-center overflow-hidden",children:[a,((n=e.headerTooltipProps)==null?void 0:n.showTooltipIcon)&&t.jsx(H.default,{className:"h-4 w-4 text-gray-blue-6 flex-shrink-0 ml-2"})]})}):a};return t.jsxs("div",{className:l.cn("w-full h-full flex items-center select-none cursor-pointer","text-gray-blue-6",o.hideHeaderBackgroundColor?"bg-white":"bg-gray-blue-1",(h||f)&&"rounded"),style:{justifyContent:r??"flex-start",textAlign:c},onClick:y,children:[v(),e.isSortable&&t.jsxs("div",{className:"w-4 flex-none flex flex-col items-center relative ml-1.5",children:[t.jsx(w.default,{className:l.cn("w-2.5 h-5 relative -bottom-[7px]",g?"text-gray-blue-9":"text-gray-blue hover:text-gray-blue-9")}),t.jsx(q.default,{className:l.cn("w-2.5 h-5 relative -top-[7px]",p?"text-gray-blue-9":"text-gray-blue hover:text-gray-blue-9")})]})]})}const S=C.observer(N);exports.HeaderCell=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function e(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}exports.getDefaultExportFromCjs=e;

package/dist/index131.js

@@ -1,73 +1,6 @@
-import { jsx as r, jsxs as l } from "react/jsx-runtime";
-import { observer as w } from "mobx-react-lite";
-import { Tooltip as N } from "@ikas/ui";
-import { cn as i } from "./index3.js";
-import { ColumnAlignment as u } from "./index8.js";
-import D from "./index142.js";
-import H from "./index63.js";
-import I from "./index69.js";
-function S(f) {
-  var d, x;
-  const { model: t, columnDefinition: e, alignment: n } = f, s = t.columnDefinitions.findIndex(
-    (o) => o.columnKey === e.columnKey
-  ), p = s === 0, h = s === t.columnDefinitions.length - 1, c = e.columnKey === t.sortColumnKey, g = c && t.sortDirection === "asc", y = c && t.sortDirection === "desc", b = (o) => {
-    o.stopPropagation(), e.isSortable && t.onHeaderClick(e);
-  }, T = (d = e.headerTooltipProps) == null ? void 0 : d.isShowHeaderTextTooltip, C = ((x = e.headerTooltipProps) == null ? void 0 : x.tooltipText) ?? e.headerText, a = n === u.CENTER ? "center" : n === u.RIGHT ? "right" : "left", m = /* @__PURE__ */ r(
-    "span",
-    {
-      className: "text-sm font-medium text-gray-blue-6 truncate flex-none",
-      style: { textAlign: a },
-      children: e.headerText
-    }
-  ), v = () => {
-    var o;
-    return T ? /* @__PURE__ */ r(N, { title: C, children: /* @__PURE__ */ l("div", { className: "flex items-center justify-center overflow-hidden", children: [
-      m,
-      ((o = e.headerTooltipProps) == null ? void 0 : o.showTooltipIcon) && /* @__PURE__ */ r(I, { className: "h-4 w-4 text-gray-blue-6 flex-shrink-0 ml-2" })
-    ] }) }) : m;
-  };
-  return /* @__PURE__ */ l(
-    "div",
-    {
-      className: i(
-        "w-full h-full flex items-center select-none cursor-pointer",
-        "text-gray-blue-6",
-        // Original: white bg when hideHeaderBackgroundColor is set
-        t.hideHeaderBackgroundColor ? "bg-white" : "bg-gray-blue-1",
-        (p || h) && "rounded"
-      ),
-      style: {
-        justifyContent: n ?? "flex-start",
-        textAlign: a
-      },
-      onClick: b,
-      children: [
-        v(),
-        e.isSortable && /* @__PURE__ */ l("div", { className: "w-4 flex-none flex flex-col items-center relative ml-1.5", children: [
-          /* @__PURE__ */ r(
-            D,
-            {
-              className: i(
-                "w-2.5 h-5 relative -bottom-[7px]",
-                g ? "text-gray-blue-9" : "text-gray-blue hover:text-gray-blue-9"
-              )
-            }
-          ),
-          /* @__PURE__ */ r(
-            H,
-            {
-              className: i(
-                "w-2.5 h-5 relative -top-[7px]",
-                y ? "text-gray-blue-9" : "text-gray-blue hover:text-gray-blue-9"
-              )
-            }
-          )
-        ] })
-      ]
-    }
-  );
+function e(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-const F = w(S);
 export {
-  F as HeaderCell
+  e as getDefaultExportFromCjs
 };

package/dist/index132.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("mobx-react-lite"),n=require("./index8.cjs");function m(l){const{columnDefinition:r,alignment:e}=l,s=e===n.ColumnAlignment.CENTER?"center":e===n.ColumnAlignment.RIGHT?"right":"left";return t.jsx("div",{className:"w-full h-full flex items-center bg-gray-blue-1 select-none cursor-pointer",style:{justifyContent:e??"flex-start",textAlign:s},children:t.jsx("span",{className:"text-sm font-medium text-black flex-none",children:r.summaryText})})}const o=i.observer(m);exports.SummaryCell=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),C=require("mobx-react-lite"),j=require("@ikas/ui"),l=require("./index3.cjs"),d=require("./index8.cjs"),w=require("./index142.cjs"),q=require("./index63.cjs"),H=require("./index69.cjs");function N(m){var u,x;const{model:o,columnDefinition:e,alignment:r}=m,s=o.columnDefinitions.findIndex(n=>n.columnKey===e.columnKey),h=s===0,f=s===o.columnDefinitions.length-1,i=e.columnKey===o.sortColumnKey,g=i&&o.sortDirection==="asc",p=i&&o.sortDirection==="desc",y=n=>{n.stopPropagation(),e.isSortable&&o.onHeaderClick(e)},b=(u=e.headerTooltipProps)==null?void 0:u.isShowHeaderTextTooltip,T=((x=e.headerTooltipProps)==null?void 0:x.tooltipText)??e.headerText,c=r===d.ColumnAlignment.CENTER?"center":r===d.ColumnAlignment.RIGHT?"right":"left",a=t.jsx("span",{className:"text-sm font-medium text-gray-blue-6 truncate flex-none",style:{textAlign:c},children:e.headerText}),v=()=>{var n;return b?t.jsx(j.Tooltip,{title:T,children:t.jsxs("div",{className:"flex items-center justify-center overflow-hidden",children:[a,((n=e.headerTooltipProps)==null?void 0:n.showTooltipIcon)&&t.jsx(H.default,{className:"h-4 w-4 text-gray-blue-6 flex-shrink-0 ml-2"})]})}):a};return t.jsxs("div",{className:l.cn("w-full h-full flex items-center select-none cursor-pointer","text-gray-blue-6",o.hideHeaderBackgroundColor?"bg-white":"bg-gray-blue-1",(h||f)&&"rounded"),style:{justifyContent:r??"flex-start",textAlign:c},onClick:y,children:[v(),e.isSortable&&t.jsxs("div",{className:"w-4 flex-none flex flex-col items-center relative ml-1.5",children:[t.jsx(w.default,{className:l.cn("w-2.5 h-5 relative -bottom-[7px]",g?"text-gray-blue-9":"text-gray-blue hover:text-gray-blue-9")}),t.jsx(q.default,{className:l.cn("w-2.5 h-5 relative -top-[7px]",p?"text-gray-blue-9":"text-gray-blue hover:text-gray-blue-9")})]})]})}const S=C.observer(N);exports.HeaderCell=S;

package/dist/index132.js

@@ -1,21 +1,73 @@
-import { jsx as t } from "react/jsx-runtime";
-import { observer as o } from "mobx-react-lite";
-import { ColumnAlignment as n } from "./index8.js";
-function i(l) {
-  const { columnDefinition: r, alignment: e } = l, m = e === n.CENTER ? "center" : e === n.RIGHT ? "right" : "left";
-  return /* @__PURE__ */ t(
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { observer as w } from "mobx-react-lite";
+import { Tooltip as N } from "@ikas/ui";
+import { cn as i } from "./index3.js";
+import { ColumnAlignment as u } from "./index8.js";
+import D from "./index142.js";
+import H from "./index63.js";
+import I from "./index69.js";
+function S(f) {
+  var d, x;
+  const { model: t, columnDefinition: e, alignment: n } = f, s = t.columnDefinitions.findIndex(
+    (o) => o.columnKey === e.columnKey
+  ), p = s === 0, h = s === t.columnDefinitions.length - 1, c = e.columnKey === t.sortColumnKey, g = c && t.sortDirection === "asc", y = c && t.sortDirection === "desc", b = (o) => {
+    o.stopPropagation(), e.isSortable && t.onHeaderClick(e);
+  }, T = (d = e.headerTooltipProps) == null ? void 0 : d.isShowHeaderTextTooltip, C = ((x = e.headerTooltipProps) == null ? void 0 : x.tooltipText) ?? e.headerText, a = n === u.CENTER ? "center" : n === u.RIGHT ? "right" : "left", m = /* @__PURE__ */ r(
+    "span",
+    {
+      className: "text-sm font-medium text-gray-blue-6 truncate flex-none",
+      style: { textAlign: a },
+      children: e.headerText
+    }
+  ), v = () => {
+    var o;
+    return T ? /* @__PURE__ */ r(N, { title: C, children: /* @__PURE__ */ l("div", { className: "flex items-center justify-center overflow-hidden", children: [
+      m,
+      ((o = e.headerTooltipProps) == null ? void 0 : o.showTooltipIcon) && /* @__PURE__ */ r(I, { className: "h-4 w-4 text-gray-blue-6 flex-shrink-0 ml-2" })
+    ] }) }) : m;
+  };
+  return /* @__PURE__ */ l(
     "div",
     {
-      className: "w-full h-full flex items-center bg-gray-blue-1 select-none cursor-pointer",
+      className: i(
+        "w-full h-full flex items-center select-none cursor-pointer",
+        "text-gray-blue-6",
+        // Original: white bg when hideHeaderBackgroundColor is set
+        t.hideHeaderBackgroundColor ? "bg-white" : "bg-gray-blue-1",
+        (p || h) && "rounded"
+      ),
       style: {
-        justifyContent: e ?? "flex-start",
-        textAlign: m
+        justifyContent: n ?? "flex-start",
+        textAlign: a
       },
-      children: /* @__PURE__ */ t("span", { className: "text-sm font-medium text-black flex-none", children: r.summaryText })
+      onClick: b,
+      children: [
+        v(),
+        e.isSortable && /* @__PURE__ */ l("div", { className: "w-4 flex-none flex flex-col items-center relative ml-1.5", children: [
+          /* @__PURE__ */ r(
+            D,
+            {
+              className: i(
+                "w-2.5 h-5 relative -bottom-[7px]",
+                g ? "text-gray-blue-9" : "text-gray-blue hover:text-gray-blue-9"
+              )
+            }
+          ),
+          /* @__PURE__ */ r(
+            H,
+            {
+              className: i(
+                "w-2.5 h-5 relative -top-[7px]",
+                y ? "text-gray-blue-9" : "text-gray-blue hover:text-gray-blue-9"
+              )
+            }
+          )
+        ] })
+      ]
     }
   );
 }
-const u = o(i);
+const F = w(S);
 export {
-  u as SummaryCell
+  F as HeaderCell
 };

package/dist/index133.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("mobx-react-lite"),s=require("@ikas/ui"),c=require("./index8.cjs");function m(u){const{value:n,rowData:o,columnDefinition:t,onValueChange:a}=u,l=t.alignment,r=l===c.ColumnAlignment.CENTER?"center":l===c.ColumnAlignment.RIGHT?"right":"left",i=o&&t.getSecondLineValue?t.getSecondLineValue(o):void 0;return t.inputMode?e.jsx("div",{className:"w-full h-full flex items-center",style:{justifyContent:l,textAlign:r},children:e.jsx(s.Input,{size:"sm",value:n??"",onChange:x=>a(x.target.value),style:{textAlign:"inherit"}})}):e.jsxs("div",{className:"h-full w-full overflow-hidden flex flex-col justify-center",style:{textAlign:r},children:[e.jsx(s.Tooltip,{title:n,children:e.jsx("span",{className:"text-sm text-gray-blue-9 truncate block",children:n})}),i&&e.jsx(s.Tooltip,{title:i,children:e.jsx("span",{className:"text-xs text-gray-blue-6 truncate block",children:i})})]})}const g=d.observer(m);exports.TextCell=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("mobx-react-lite"),n=require("./index8.cjs");function m(l){const{columnDefinition:r,alignment:e}=l,s=e===n.ColumnAlignment.CENTER?"center":e===n.ColumnAlignment.RIGHT?"right":"left";return t.jsx("div",{className:"w-full h-full flex items-center bg-gray-blue-1 select-none cursor-pointer",style:{justifyContent:e??"flex-start",textAlign:s},children:t.jsx("span",{className:"text-sm font-medium text-black flex-none",children:r.summaryText})})}const o=i.observer(m);exports.SummaryCell=o;

package/dist/index133.js

@@ -1,37 +1,21 @@
-import { jsx as e, jsxs as f } from "react/jsx-runtime";
-import { observer as d } from "mobx-react-lite";
-import { Input as x, Tooltip as s } from "@ikas/ui";
-import { ColumnAlignment as a } from "./index8.js";
-function g(c) {
-  const { value: l, rowData: o, columnDefinition: t, onValueChange: u } = c, n = t.alignment, r = n === a.CENTER ? "center" : n === a.RIGHT ? "right" : "left", i = o && t.getSecondLineValue ? t.getSecondLineValue(o) : void 0;
-  return t.inputMode ? /* @__PURE__ */ e(
+import { jsx as t } from "react/jsx-runtime";
+import { observer as o } from "mobx-react-lite";
+import { ColumnAlignment as n } from "./index8.js";
+function i(l) {
+  const { columnDefinition: r, alignment: e } = l, m = e === n.CENTER ? "center" : e === n.RIGHT ? "right" : "left";
+  return /* @__PURE__ */ t(
     "div",
     {
-      className: "w-full h-full flex items-center",
-      style: { justifyContent: n, textAlign: r },
-      children: /* @__PURE__ */ e(
-        x,
-        {
-          size: "sm",
-          value: l ?? "",
-          onChange: (m) => u(m.target.value),
-          style: { textAlign: "inherit" }
-        }
-      )
-    }
-  ) : /* @__PURE__ */ f(
-    "div",
-    {
-      className: "h-full w-full overflow-hidden flex flex-col justify-center",
-      style: { textAlign: r },
-      children: [
-        /* @__PURE__ */ e(s, { title: l, children: /* @__PURE__ */ e("span", { className: "text-sm text-gray-blue-9 truncate block", children: l }) }),
-        i && /* @__PURE__ */ e(s, { title: i, children: /* @__PURE__ */ e("span", { className: "text-xs text-gray-blue-6 truncate block", children: i }) })
-      ]
+      className: "w-full h-full flex items-center bg-gray-blue-1 select-none cursor-pointer",
+      style: {
+        justifyContent: e ?? "flex-start",
+        textAlign: m
+      },
+      children: /* @__PURE__ */ t("span", { className: "text-sm font-medium text-black flex-none", children: r.summaryText })
     }
   );
 }
-const C = d(g);
+const u = o(i);
 export {
-  C as TextCell
+  u as SummaryCell
 };

package/dist/index134.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),f=require("mobx-react-lite"),p=require("@ikas/ui"),d=require("./index8.cjs");function b(e){const t={};return e.thousandSeparator!==void 0&&(t.thousandsSeparatorSymbol=e.thousandSeparator),e.decimalSeparator!==void 0&&(t.decimalSymbol=e.decimalSeparator),e.decimalCount!==void 0&&(t.decimalLimit=e.decimalCount),e.symbol&&(e.symbolPosition==="right"?t.suffix=e.symbol:t.prefix=e.symbol),t}function x(e,t){if(e==null)return"";const{thousandSeparator:s=",",decimalSeparator:i=".",decimalCount:m=2,symbol:o="",symbolPosition:l="left"}=t,a=e.toFixed(m).split(".");let n=a[0];const u=a[1];s&&(n=n.replace(/\B(?=(\d{3})+(?!\d))/g,s));let r=u?`${n}${i}${u}`:n;return o&&(r=l==="right"?`${r} ${o}`:`${o} ${r}`),r}function y(e){const{value:t,rowData:s,columnDefinition:i,onValueChange:m}=e,o=i.alignment,l=s&&i.maskOptions?i.maskOptions(s):null;if(i.inputMode)return c.jsx("div",{className:"inline-flex items-center w-full",children:c.jsx(p.PriceInput,{size:"sm",value:t??null,maskOptions:l?b(l):void 0,onChange:r=>m(r??0)})});const a=t==null;let n;l&&!a?n=x(t,l):n=t!=null?String(t):"";const u=o===d.ColumnAlignment.CENTER?"center":o===d.ColumnAlignment.RIGHT?"flex-end":"flex-start";return c.jsx("div",{className:"inline-flex items-center min-w-0",style:{justifyContent:u},children:c.jsx("span",{className:"text-sm text-gray-blue-9 truncate",children:n})})}const g=f.observer(y);exports.NumberCell=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("mobx-react-lite"),s=require("@ikas/ui"),c=require("./index8.cjs");function m(u){const{value:n,rowData:o,columnDefinition:t,onValueChange:a}=u,l=t.alignment,r=l===c.ColumnAlignment.CENTER?"center":l===c.ColumnAlignment.RIGHT?"right":"left",i=o&&t.getSecondLineValue?t.getSecondLineValue(o):void 0;return t.inputMode?e.jsx("div",{className:"w-full h-full flex items-center",style:{justifyContent:l,textAlign:r},children:e.jsx(s.Input,{size:"sm",value:n??"",onChange:x=>a(x.target.value),style:{textAlign:"inherit"}})}):e.jsxs("div",{className:"h-full w-full overflow-hidden flex flex-col justify-center",style:{textAlign:r},children:[e.jsx(s.Tooltip,{title:n,children:e.jsx("span",{className:"text-sm text-gray-blue-9 truncate block",children:n})}),i&&e.jsx(s.Tooltip,{title:i,children:e.jsx("span",{className:"text-xs text-gray-blue-6 truncate block",children:i})})]})}const g=d.observer(m);exports.TextCell=g;

package/dist/index134.js

@@ -1,52 +1,37 @@
-import { jsx as c } from "react/jsx-runtime";
-import { observer as f } from "mobx-react-lite";
-import { PriceInput as p } from "@ikas/ui";
-import { ColumnAlignment as d } from "./index8.js";
-function h(t) {
-  const e = {};
-  return t.thousandSeparator !== void 0 && (e.thousandsSeparatorSymbol = t.thousandSeparator), t.decimalSeparator !== void 0 && (e.decimalSymbol = t.decimalSeparator), t.decimalCount !== void 0 && (e.decimalLimit = t.decimalCount), t.symbol && (t.symbolPosition === "right" ? e.suffix = t.symbol : e.prefix = t.symbol), e;
-}
-function b(t, e) {
-  if (t == null) return "";
-  const {
-    thousandSeparator: s = ",",
-    decimalSeparator: n = ".",
-    decimalCount: u = 2,
-    symbol: o = "",
-    symbolPosition: l = "left"
-  } = e, a = t.toFixed(u).split(".");
-  let i = a[0];
-  const m = a[1];
-  s && (i = i.replace(/\B(?=(\d{3})+(?!\d))/g, s));
-  let r = m ? `${i}${n}${m}` : i;
-  return o && (r = l === "right" ? `${r} ${o}` : `${o} ${r}`), r;
-}
-function x(t) {
-  const { value: e, rowData: s, columnDefinition: n, onValueChange: u } = t, o = n.alignment, l = s && n.maskOptions ? n.maskOptions(s) : null;
-  if (n.inputMode)
-    return /* @__PURE__ */ c("div", { className: "inline-flex items-center w-full", children: /* @__PURE__ */ c(
-      p,
-      {
-        size: "sm",
-        value: e ?? null,
-        maskOptions: l ? h(l) : void 0,
-        onChange: (r) => u(r ?? 0)
-      }
-    ) });
-  const a = e == null;
-  let i;
-  l && !a ? i = b(e, l) : i = e != null ? String(e) : "";
-  const m = o === d.CENTER ? "center" : o === d.RIGHT ? "flex-end" : "flex-start";
-  return /* @__PURE__ */ c(
+import { jsx as e, jsxs as f } from "react/jsx-runtime";
+import { observer as d } from "mobx-react-lite";
+import { Input as x, Tooltip as s } from "@ikas/ui";
+import { ColumnAlignment as a } from "./index8.js";
+function g(c) {
+  const { value: l, rowData: o, columnDefinition: t, onValueChange: u } = c, n = t.alignment, r = n === a.CENTER ? "center" : n === a.RIGHT ? "right" : "left", i = o && t.getSecondLineValue ? t.getSecondLineValue(o) : void 0;
+  return t.inputMode ? /* @__PURE__ */ e(
+    "div",
+    {
+      className: "w-full h-full flex items-center",
+      style: { justifyContent: n, textAlign: r },
+      children: /* @__PURE__ */ e(
+        x,
+        {
+          size: "sm",
+          value: l ?? "",
+          onChange: (m) => u(m.target.value),
+          style: { textAlign: "inherit" }
+        }
+      )
+    }
+  ) : /* @__PURE__ */ f(
     "div",
     {
-      className: "inline-flex items-center min-w-0",
-      style: { justifyContent: m },
-      children: /* @__PURE__ */ c("span", { className: "text-sm text-gray-blue-9 truncate", children: i })
+      className: "h-full w-full overflow-hidden flex flex-col justify-center",
+      style: { textAlign: r },
+      children: [
+        /* @__PURE__ */ e(s, { title: l, children: /* @__PURE__ */ e("span", { className: "text-sm text-gray-blue-9 truncate block", children: l }) }),
+        i && /* @__PURE__ */ e(s, { title: i, children: /* @__PURE__ */ e("span", { className: "text-xs text-gray-blue-6 truncate block", children: i }) })
+      ]
     }
   );
 }
-const v = f(x);
+const C = d(g);
 export {
-  v as NumberCell
+  C as TextCell
 };

package/dist/index135.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),y=require("mobx-react-lite"),j=require("@ikas/ui"),g=require("./index8.cjs");function P(o,r,c){const i=c??2,t=o.toFixed(i).split(".");let e=t[0];const n=t[1];e=e.replace(/\B(?=(\d{3})+(?!\d))/g,",");const l=n?`${e}.${n}`:e;return`${r} ${l}`}function C(o){const{value:r,columnDefinition:c}=o;if(!r)return null;const{sellPrice:i,discountPrice:t,currencySymbol:e,currencyDecimalDigits:n}=r,l=c.alignment,f=l===g.ColumnAlignment.CENTER?"center":l===g.ColumnAlignment.RIGHT?"right":"left",u=t!=null&&t!==i,p=c.ellipsis,a=P(i,e,n),b=(u?P(t,e,n):null)??a,m=(d,h)=>{const x=s.jsx("span",{className:h?"text-sm text-gray-blue-5 line-through":"text-sm text-black font-normal",children:d});return p?s.jsx(j.Tooltip,{title:d,children:s.jsx("span",{className:"truncate block",children:x})}):x};return s.jsxs("div",{className:"flex flex-col",style:{textAlign:f},children:[u&&m(a,!0),m(b)]})}const T=y.observer(C);exports.PriceCell=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),f=require("mobx-react-lite"),p=require("@ikas/ui"),d=require("./index8.cjs");function b(e){const t={};return e.thousandSeparator!==void 0&&(t.thousandsSeparatorSymbol=e.thousandSeparator),e.decimalSeparator!==void 0&&(t.decimalSymbol=e.decimalSeparator),e.decimalCount!==void 0&&(t.decimalLimit=e.decimalCount),e.symbol&&(e.symbolPosition==="right"?t.suffix=e.symbol:t.prefix=e.symbol),t}function x(e,t){if(e==null)return"";const{thousandSeparator:s=",",decimalSeparator:i=".",decimalCount:m=2,symbol:o="",symbolPosition:l="left"}=t,a=e.toFixed(m).split(".");let n=a[0];const u=a[1];s&&(n=n.replace(/\B(?=(\d{3})+(?!\d))/g,s));let r=u?`${n}${i}${u}`:n;return o&&(r=l==="right"?`${r} ${o}`:`${o} ${r}`),r}function y(e){const{value:t,rowData:s,columnDefinition:i,onValueChange:m}=e,o=i.alignment,l=s&&i.maskOptions?i.maskOptions(s):null;if(i.inputMode)return c.jsx("div",{className:"inline-flex items-center w-full",children:c.jsx(p.PriceInput,{size:"sm",value:t??null,maskOptions:l?b(l):void 0,onChange:r=>m(r??0)})});const a=t==null;let n;l&&!a?n=x(t,l):n=t!=null?String(t):"";const u=o===d.ColumnAlignment.CENTER?"center":o===d.ColumnAlignment.RIGHT?"flex-end":"flex-start";return c.jsx("div",{className:"inline-flex items-center min-w-0",style:{justifyContent:u},children:c.jsx("span",{className:"text-sm text-gray-blue-9 truncate",children:n})})}const g=f.observer(y);exports.NumberCell=g;

package/dist/index135.js

@@ -1,42 +1,52 @@
-import { jsxs as y, jsx as s } from "react/jsx-runtime";
-import { observer as C } from "mobx-react-lite";
-import { Tooltip as D } from "@ikas/ui";
-import { ColumnAlignment as p } from "./index8.js";
-function x(o, r, c) {
-  const i = c ?? 2, e = o.toFixed(i).split(".");
-  let t = e[0];
-  const n = e[1];
-  t = t.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
-  const l = n ? `${t}.${n}` : t;
-  return `${r} ${l}`;
+import { jsx as c } from "react/jsx-runtime";
+import { observer as f } from "mobx-react-lite";
+import { PriceInput as p } from "@ikas/ui";
+import { ColumnAlignment as d } from "./index8.js";
+function h(t) {
+  const e = {};
+  return t.thousandSeparator !== void 0 && (e.thousandsSeparatorSymbol = t.thousandSeparator), t.decimalSeparator !== void 0 && (e.decimalSymbol = t.decimalSeparator), t.decimalCount !== void 0 && (e.decimalLimit = t.decimalCount), t.symbol && (t.symbolPosition === "right" ? e.suffix = t.symbol : e.prefix = t.symbol), e;
 }
-function F(o) {
-  const { value: r, columnDefinition: c } = o;
-  if (!r)
-    return null;
-  const { sellPrice: i, discountPrice: e, currencySymbol: t, currencyDecimalDigits: n } = r, l = c.alignment, P = l === p.CENTER ? "center" : l === p.RIGHT ? "right" : "left", a = e != null && e !== i, g = c.ellipsis, m = x(i, t, n), h = (a ? x(e, t, n) : null) ?? m, u = (d, b) => {
-    const f = /* @__PURE__ */ s(
-      "span",
+function b(t, e) {
+  if (t == null) return "";
+  const {
+    thousandSeparator: s = ",",
+    decimalSeparator: n = ".",
+    decimalCount: u = 2,
+    symbol: o = "",
+    symbolPosition: l = "left"
+  } = e, a = t.toFixed(u).split(".");
+  let i = a[0];
+  const m = a[1];
+  s && (i = i.replace(/\B(?=(\d{3})+(?!\d))/g, s));
+  let r = m ? `${i}${n}${m}` : i;
+  return o && (r = l === "right" ? `${r} ${o}` : `${o} ${r}`), r;
+}
+function x(t) {
+  const { value: e, rowData: s, columnDefinition: n, onValueChange: u } = t, o = n.alignment, l = s && n.maskOptions ? n.maskOptions(s) : null;
+  if (n.inputMode)
+    return /* @__PURE__ */ c("div", { className: "inline-flex items-center w-full", children: /* @__PURE__ */ c(
+      p,
       {
-        className: b ? "text-sm text-gray-blue-5 line-through" : "text-sm text-black font-normal",
-        children: d
+        size: "sm",
+        value: e ?? null,
+        maskOptions: l ? h(l) : void 0,
+        onChange: (r) => u(r ?? 0)
       }
-    );
-    return g ? /* @__PURE__ */ s(D, { title: d, children: /* @__PURE__ */ s("span", { className: "truncate block", children: f }) }) : f;
-  };
-  return /* @__PURE__ */ y(
+    ) });
+  const a = e == null;
+  let i;
+  l && !a ? i = b(e, l) : i = e != null ? String(e) : "";
+  const m = o === d.CENTER ? "center" : o === d.RIGHT ? "flex-end" : "flex-start";
+  return /* @__PURE__ */ c(
     "div",
     {
-      className: "flex flex-col",
-      style: { textAlign: P },
-      children: [
-        a && u(m, !0),
-        u(h)
-      ]
+      className: "inline-flex items-center min-w-0",
+      style: { justifyContent: m },
+      children: /* @__PURE__ */ c("span", { className: "text-sm text-gray-blue-9 truncate", children: i })
     }
   );
 }
-const k = C(F);
+const v = f(x);
 export {
-  k as PriceCell
+  v as NumberCell
 };

package/dist/index136.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("react"),y=require("mobx-react-lite"),o=require("@ikas/ui");function p(i){return i.map(e=>({label:e.label,value:String(e.value)}))}function w(i){return i.map(e=>({key:String(e.value),title:e.label,value:String(e.value),children:e.children?w(e.children):void 0}))}function C(i){const{value:e,rowData:m,columnDefinition:l,onValueChange:c}=i,[v,f]=s.useState(null),[u,g]=s.useState(!1),h=s.useRef(),n=!!l.searchOptions,d=n?v??[]:m?l.getOptions(m):[],S=s.useCallback(t=>{l.searchOptions&&(h.current&&clearTimeout(h.current),h.current=setTimeout(async()=>{if(!t){f([]);return}try{g(!0);const r=await l.searchOptions(t);f(r)}catch{}finally{g(!1)}},600))},[l]);return l.isTree?a.jsx("div",{className:"flex items-center min-w-0 w-full",children:a.jsx(o.TreeSelect,{style:{width:"100%"},treeData:w(d),treeCheckable:!0,showCheckedStrategy:o.TreeSelect.SHOW_ALL,value:Array.isArray(e)?e.map(String):e!=null?[String(e)]:void 0,onChange:t=>{const r=(Array.isArray(t)?t:[t]).map(Number);c(r)},onSearch:n?S:void 0,filterTreeNode:n?()=>!0:void 0,loading:u,maxTagCount:2,placeholder:"-"})}):l.isMultiple?a.jsx("div",{className:"flex items-center min-w-0 w-full",children:a.jsx(o.Select,{style:{width:"100%"},mode:"multiple",value:Array.isArray(e)?e.map(String):e!=null?[String(e)]:void 0,options:p(d),onChange:t=>{const r=(Array.isArray(t)?t:[t]).map(Number);c(r)},onSearch:n?S:void 0,filterOption:n?()=>!0:(t,r)=>r?String(r.label??"").toLowerCase().includes(t.toLowerCase()):!1,loading:u,allowClear:!0,showSearch:!0,placeholder:"-"})}):a.jsx("div",{className:"flex items-center min-w-0 w-full",children:a.jsx(o.Select,{style:{width:"100%"},value:e!=null?String(e):void 0,options:p(d),onChange:t=>c(Number(t)),onSearch:n?S:void 0,filterOption:n?()=>!0:(t,r)=>r?String(r.label??"").toLowerCase().includes(t.toLowerCase()):!1,loading:u,allowClear:!0,showSearch:!0,placeholder:"-"})})}const b=y.observer(C);exports.SelectCell=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),y=require("mobx-react-lite"),j=require("@ikas/ui"),g=require("./index8.cjs");function P(o,r,c){const i=c??2,t=o.toFixed(i).split(".");let e=t[0];const n=t[1];e=e.replace(/\B(?=(\d{3})+(?!\d))/g,",");const l=n?`${e}.${n}`:e;return`${r} ${l}`}function C(o){const{value:r,columnDefinition:c}=o;if(!r)return null;const{sellPrice:i,discountPrice:t,currencySymbol:e,currencyDecimalDigits:n}=r,l=c.alignment,f=l===g.ColumnAlignment.CENTER?"center":l===g.ColumnAlignment.RIGHT?"right":"left",u=t!=null&&t!==i,p=c.ellipsis,a=P(i,e,n),b=(u?P(t,e,n):null)??a,m=(d,h)=>{const x=s.jsx("span",{className:h?"text-sm text-gray-blue-5 line-through":"text-sm text-black font-normal",children:d});return p?s.jsx(j.Tooltip,{title:d,children:s.jsx("span",{className:"truncate block",children:x})}):x};return s.jsxs("div",{className:"flex flex-col",style:{textAlign:f},children:[u&&m(a,!0),m(b)]})}const T=y.observer(C);exports.PriceCell=T;