@ikas/core 1.0.3 → 1.0.5

package/dist/index113.js

@@ -1,242 +1,50 @@
-import { jsxs as E, jsx as r } from "react/jsx-runtime";
-import { observer as X } from "mobx-react-lite";
-import { action as W } from "mobx";
-import { Link as P } from "react-router-dom";
-import { Tooltip as _ } from "@ikas/ui";
-import { cn as m } from "./index3.js";
-import { CellType as s } from "./index8.js";
-import { HeaderCell as q } from "./index180.js";
-import { SummaryCell as J } from "./index181.js";
-import { TextCell as Q } from "./index182.js";
-import { NumberCell as Y } from "./index183.js";
-import { PriceCell as Z } from "./index184.js";
-import { SelectCell as $ } from "./index185.js";
-import { ImageSelectCell as ee } from "./index186.js";
-import { ProductCell as te } from "./index11.js";
-import re from "./index131.js";
-import ne from "./index61.js";
-function ae(C) {
-  var M, R;
-  const {
-    model: n,
-    columnDefinition: e,
-    rowData: t,
-    isHeader: c,
-    isSummary: u,
-    isSelected: O,
-    index: U,
-    expandableCellProps: i
-  } = C, k = n.displayedColumnDefinitions.findIndex(
-    (a) => a.columnKey === e.columnKey
-  ), B = !!n.isSelectable && k === 0, h = c ? e.headerAlignment ?? e.alignment : e.alignment, y = n.isStickyColumnEnabled && k === 0 ? n.isSelectable ? 40 : 0 : void 0, F = t && e.isDisabled ? e.isDisabled(t) : !1, p = W((a) => {
-    const { setValue: l } = e;
-    l && (n.selectedData.length && O ? n.selectedData.forEach((d) => l(d, a)) : t && l(t, a));
-  }), L = (a) => {
-    c || u || n.onCellClick && t && (a.preventDefault(), n.onCellClick(t, e));
-  }, w = t ? t[n.idKey] + "" + e.columnKey : void 0, o = w ? (M = n.validator) == null ? void 0 : M.results[w] : void 0, z = !!((R = o == null ? void 0 : o.messages) != null && R.length), S = () => {
-    var a, l, d, b, K;
-    if (c)
-      return /* @__PURE__ */ r(
-        q,
-        {
-          model: n,
-          columnDefinition: e,
-          alignment: h
-        }
-      );
-    if (u)
-      return /* @__PURE__ */ r(
-        J,
-        {
-          columnDefinition: e,
-          alignment: h
-        }
-      );
-    switch (e.type) {
-      case s.TEXT:
-        return /* @__PURE__ */ r(
-          Q,
-          {
-            value: (a = e.getValue) == null ? void 0 : a.call(e, t),
-            rowData: t,
-            columnDefinition: e,
-            onValueChange: p
-          }
-        );
-      case s.NUMBER:
-        return /* @__PURE__ */ r(
-          Y,
-          {
-            value: (l = e.getValue) == null ? void 0 : l.call(e, t),
-            rowData: t,
-            columnDefinition: e,
-            onValueChange: p
-          }
-        );
-      case s.PRICE:
-        return /* @__PURE__ */ r(
-          Z,
-          {
-            value: (d = e.getValue) == null ? void 0 : d.call(e, t),
-            rowData: t,
-            columnDefinition: e
-          }
-        );
-      case s.SELECT:
-        return /* @__PURE__ */ r(
-          $,
-          {
-            value: (b = e.getValue) == null ? void 0 : b.call(e, t),
-            rowData: t,
-            columnDefinition: e,
-            onValueChange: p
-          }
-        );
-      case s.IMAGE_SELECT:
-        return /* @__PURE__ */ r(
-          ee,
-          {
-            value: (K = e.getValue) == null ? void 0 : K.call(e, t),
-            rowData: t,
-            columnDefinition: e,
-            onValueChange: p
-          }
-        );
-      case s.PRODUCT:
-        return /* @__PURE__ */ r(
-          te,
-          {
-            rowData: t,
-            columnDefinition: e
-          }
-        );
-      case s.CUSTOM:
-        return e.render(
-          t
-        );
-      default:
-        return /* @__PURE__ */ r("div", {});
-    }
-  }, x = (a) => {
-    const l = /* @__PURE__ */ r(
-      "div",
-      {
-        className: m(
-          "w-full",
-          (o == null ? void 0 : o.status) === "error" && "has-error"
-        ),
-        children: a
-      }
-    );
-    return z ? /* @__PURE__ */ r(
-      _,
-      {
-        title: /* @__PURE__ */ r("div", { className: "text-center", children: o == null ? void 0 : o.messages.map((d, b) => /* @__PURE__ */ E("div", { className: "mb-1.5 last:mb-0 relative pl-2", children: [
-          /* @__PURE__ */ r("span", { className: "absolute left-0 text-base", children: "*" }),
-          d
-        ] }, b)) }),
-        color: "error",
-        children: l
-      }
-    ) : l;
-  }, N = () => {
-    if (c || u) return S();
-    const a = S(), l = e.type;
-    return l === s.TEXT && e.inputMode || l === s.NUMBER && e.inputMode || l === s.SELECT || l === s.PRICE ? x(a) : a;
-  }, V = () => i ? !i.isExpandable && i.paddingLeft ? /* @__PURE__ */ r("div", { style: { marginRight: 6 } }) : i.isExpandable ? /* @__PURE__ */ r("div", { className: "flex items-start h-full", children: /* @__PURE__ */ r(
+import { jsx as t } from "react/jsx-runtime";
+import { cn as w } from "./index3.js";
+function x({
+  isVisible: i,
+  sidebarModel: r,
+  sidebarViewModel: l,
+  onNavigate: o,
+  clearExpandedMenu: s,
+  theme: n,
+  style: f,
+  verticalOffset: p,
+  selectedExpandedMenu: a,
+  menuItems: m,
+  expandedMenuTopContent: d,
+  NavigationComponent: e
+}) {
+  return /* @__PURE__ */ t(
     "div",
     {
-      className: "w-4 h-4 relative z-[699] mr-1.5 cursor-pointer",
-      style: { top: 3 },
-      onClick: (a) => {
-        a.stopPropagation(), i.changeExpandStatus();
+      className: w(
+        "absolute left-0 top-0 h-full w-full transition-transform duration-300",
+        i ? "translate-x-0" : "translate-x-full"
+      ),
+      style: {
+        width: l.sidebarCollapsed ? "var(--sidebar-collapsed-width, 72px)" : "var(--sidebar-width, 240px)"
       },
-      children: /* @__PURE__ */ r(
-        ne,
+      children: r && /* @__PURE__ */ t(
+        e,
         {
-          className: m(
-            "h-4 w-4 text-gray-blue-5 transition-transform duration-300 ease-in-out -rotate-90 cursor-pointer",
-            i.isExpanded && "rotate-0"
+          sidebarViewModel: r,
+          onNavigate: o,
+          clearExpandedMenu: s,
+          expandedMenuTopContent: d,
+          theme: n,
+          style: {
+            ...f,
+            viewTransitionName: "sidebar-expanded"
+          },
+          verticalOffset: p,
+          expandedMenuItem: m.find(
+            (h) => h.path === (a == null ? void 0 : a.path)
           )
         }
       )
     }
-  ) }) : null : null;
-  let f = 0;
-  const v = !n.isSelectable;
-  let g = n.isDraggable && U === 0 && !c && !u;
-  g && e.isDragDisabled && t && (g = !e.isDragDisabled(t), f += v ? 48 : 38), typeof (i == null ? void 0 : i.paddingLeft) == "number" && (f += i.paddingLeft);
-  const A = e.isLinkEnabled && e.isLinkCoverContent && n.getRowLink && t, G = e.isLinkEnabled && !e.isLinkCoverContent && n.getRowLink && t, T = t && n.getRowLink ? n.getRowLink(t) : void 0, I = c || u, D = m(
-    "flex items-center flex-wrap relative w-full",
-    I ? m(
-      "min-h-[40px] py-0 px-3",
-      // Original commonStyle: header bg is white when hideHeaderBackgroundColor is set
-      n.hideHeaderBackgroundColor ? "bg-white" : "bg-gray-blue-1"
-    ) : "min-h-[54px] py-4 px-3 bg-white",
-    B && "pl-0",
-    F && !I && "opacity-50 pointer-events-none",
-    e.borderLeft && "border-l border-gray-blue-2",
-    e.borderRight && "border-r border-gray-blue-2",
-    y != null && "datatable-sticky-column"
-  ), H = {
-    justifyContent: h ?? "flex-start",
-    paddingLeft: f > 0 ? f : void 0,
-    ...y != null ? {
-      position: "sticky",
-      left: y,
-      zIndex: 2,
-      // Background handled by className (bg-white / bg-gray-blue-1)
-      // so row hover can override it (inline style would block hover)
-      transition: "box-shadow 0.3s",
-      boxShadow: "var(--datatable-sticky-shadow, none)"
-    } : {}
-  };
-  return A ? /* @__PURE__ */ E(
-    P,
-    {
-      className: m(D, "datatable-link-column no-underline text-inherit"),
-      style: H,
-      to: T ?? "",
-      onClick: L,
-      children: [
-        g && /* @__PURE__ */ r(j, { isFirstElement: v }),
-        V(),
-        N()
-      ]
-    }
-  ) : /* @__PURE__ */ E(
-    "div",
-    {
-      className: D,
-      style: H,
-      onClick: L,
-      children: [
-        g && /* @__PURE__ */ r(j, { isFirstElement: v }),
-        V(),
-        N(),
-        G && /* @__PURE__ */ r(
-          P,
-          {
-            className: "absolute inset-0",
-            to: T ?? ""
-          }
-        )
-      ]
-    }
-  );
-}
-function j({ isFirstElement: C }) {
-  return /* @__PURE__ */ r(
-    "span",
-    {
-      className: "absolute top-1/2 -translate-y-1/2 flex items-center justify-center p-2.5",
-      style: { left: C ? 0 : -10 },
-      "aria-description": "datatable dnd icon",
-      children: /* @__PURE__ */ r(re, { className: "h-4 w-4 text-gray-blue" })
-    }
   );
 }
-const Ee = X(ae);
 export {
-  Ee as Cell
+  x as ExpandedOverlay
 };

package/dist/index114.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),j=require("mobx-react-lite"),v=require("mobx"),q=require("@ikas/ui"),y=require("./index3.cjs");function H(m){const{model:e,rowData:a,isHeader:s,isSummary:r,isDisabled:n,isHovered:x}=m,D=s||r,I=e.selectedIdSet,f=s&&e.displayedEnabledData.length>0&&e.displayedEnabledData.every(o=>I.has(e.getRowId(o))),h=s?f:I.has(e.getRowId(a)),k=s&&!f&&e.displayedEnabledData.some(o=>I.has(e.getRowId(o))),C=v.action(o=>{var p;o.stopPropagation();const R=o.shiftKey,S=e.lastCheckedRow;e.lastCheckedRow=a??null;const w=e.displayedData.findIndex(t=>e.getRowId(t)===e.getRowId(S)),g=e.displayedData.findIndex(t=>e.getRowId(t)===e.getRowId(a));let l=a?[a]:[];if(w!==-1&&g!==-1&&R){const t=Math.min(w,g),d=Math.max(w,g);l=e.displayedData.slice(t,d+1)}if(h)if(s){const t=new Set(e.displayedData.map(d=>e.getRowId(d)));e.selectedData=e.selectedData.filter(d=>!t.has(e.getRowId(d)))}else if(R){const t=new Set(l.map(d=>e.getRowId(d)));e.selectedData=e.selectedData.filter(d=>!t.has(e.getRowId(d)))}else{const t=e.getRowId(a);e.selectedData=e.selectedData.filter(d=>e.getRowId(d)!==t)}else if(s){const t=new Set(e.selectedData.map(i=>e.getRowId(i))),d=e.disabledIdSet,c=[...e.selectedData];for(const i of e.displayedData){const u=e.getRowId(i);!t.has(u)&&!d.has(u)&&(c.push(i),t.add(u))}e.selectedData=c}else{const t=new Set(e.selectedData.map(c=>e.getRowId(c))),d=l.filter(c=>!t.has(e.getRowId(c)));d.length>0&&(e.selectedData=[...e.selectedData,...d])}(p=e.onCheckboxChange)==null||p.call(e,{isHeader:!!s,data:s?e.displayedData:l,checked:!!h})});return b.jsx("div",{className:y.cn("w-10 flex items-center justify-center",n?"cursor-not-allowed":"cursor-pointer",D&&!e.hideHeaderBackgroundColor&&"bg-gray-blue-1",!D&&"bg-white",e.isStickyColumnEnabled&&"sticky left-0 z-[2]"),...!n&&!r?{onClick:C}:{},children:!r&&b.jsx("div",{className:y.cn(x&&!n&&"[&_[role=checkbox]]:border-purple"),children:b.jsx(q.Checkbox,{checked:!!h,indeterminate:!!k,disabled:n})})})}const E=j.observer(H);exports.CheckboxCell=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("./index115.cjs");var G=C.__module.exports,V;function K(){return V||(V=1,(function(P,X){(function(A,k){P.exports=k()})(G,(function(){var A=1e3,k=6e4,U=36e5,I="millisecond",p="second",_="minute",w="hour",M="day",H="week",m="month",F="quarter",y="year",O="date",J="Invalid Date",B=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,E=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,Q={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(i){var n=["th","st","nd","rd"],t=i%100;return"["+i+(n[(t-20)%10]||n[t]||n[0])+"]"}},q=function(i,n,t){var r=String(i);return!r||r.length>=n?i:""+Array(n+1-r.length).join(t)+i},R={s:q,z:function(i){var n=-i.utcOffset(),t=Math.abs(n),r=Math.floor(t/60),e=t%60;return(n<=0?"+":"-")+q(r,2,"0")+":"+q(e,2,"0")},m:function i(n,t){if(n.date()<t.date())return-i(t,n);var r=12*(t.year()-n.year())+(t.month()-n.month()),e=n.clone().add(r,m),s=t-e<0,u=n.clone().add(r+(s?-1:1),m);return+(-(r+(t-e)/(s?e-u:u-e))||0)},a:function(i){return i<0?Math.ceil(i)||0:Math.floor(i)},p:function(i){return{M:m,y,w:H,d:M,D:O,h:w,m:_,s:p,ms:I,Q:F}[i]||String(i||"").toLowerCase().replace(/s$/,"")},u:function(i){return i===void 0}},x="en",D={};D[x]=Q;var Z="$isDayjsObject",N=function(i){return i instanceof L||!(!i||!i[Z])},j=function i(n,t,r){var e;if(!n)return x;if(typeof n=="string"){var s=n.toLowerCase();D[s]&&(e=s),t&&(D[s]=t,e=s);var u=n.split("-");if(!e&&u.length>1)return i(u[0])}else{var o=n.name;D[o]=n,e=o}return!r&&e&&(x=e),e||!r&&x},f=function(i,n){if(N(i))return i.clone();var t=typeof n=="object"?n:{};return t.date=i,t.args=arguments,new L(t)},a=R;a.l=j,a.i=N,a.w=function(i,n){return f(i,{locale:n.$L,utc:n.$u,x:n.$x,$offset:n.$offset})};var L=(function(){function i(t){this.$L=j(t.locale,null,!0),this.parse(t),this.$x=this.$x||t.x||{},this[Z]=!0}var n=i.prototype;return n.parse=function(t){this.$d=(function(r){var e=r.date,s=r.utc;if(e===null)return new Date(NaN);if(a.u(e))return new Date;if(e instanceof Date)return new Date(e);if(typeof e=="string"&&!/Z$/i.test(e)){var u=e.match(B);if(u){var o=u[2]-1||0,c=(u[7]||"0").substring(0,3);return s?new Date(Date.UTC(u[1],o,u[3]||1,u[4]||0,u[5]||0,u[6]||0,c)):new Date(u[1],o,u[3]||1,u[4]||0,u[5]||0,u[6]||0,c)}}return new Date(e)})(t),this.init()},n.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds()},n.$utils=function(){return a},n.isValid=function(){return this.$d.toString()!==J},n.isSame=function(t,r){var e=f(t);return this.startOf(r)<=e&&e<=this.endOf(r)},n.isAfter=function(t,r){return f(t)<this.startOf(r)},n.isBefore=function(t,r){return this.endOf(r)<f(t)},n.$g=function(t,r,e){return a.u(t)?this[r]:this.set(e,t)},n.unix=function(){return Math.floor(this.valueOf()/1e3)},n.valueOf=function(){return this.$d.getTime()},n.startOf=function(t,r){var e=this,s=!!a.u(r)||r,u=a.p(t),o=function(S,$){var v=a.w(e.$u?Date.UTC(e.$y,$,S):new Date(e.$y,$,S),e);return s?v:v.endOf(M)},c=function(S,$){return a.w(e.toDate()[S].apply(e.toDate("s"),(s?[0,0,0,0]:[23,59,59,999]).slice($)),e)},h=this.$W,d=this.$M,l=this.$D,b="set"+(this.$u?"UTC":"");switch(u){case y:return s?o(1,0):o(31,11);case m:return s?o(1,d):o(0,d+1);case H:var g=this.$locale().weekStart||0,T=(h<g?h+7:h)-g;return o(s?l-T:l+(6-T),d);case M:case O:return c(b+"Hours",0);case w:return c(b+"Minutes",1);case _:return c(b+"Seconds",2);case p:return c(b+"Milliseconds",3);default:return this.clone()}},n.endOf=function(t){return this.startOf(t,!1)},n.$set=function(t,r){var e,s=a.p(t),u="set"+(this.$u?"UTC":""),o=(e={},e[M]=u+"Date",e[O]=u+"Date",e[m]=u+"Month",e[y]=u+"FullYear",e[w]=u+"Hours",e[_]=u+"Minutes",e[p]=u+"Seconds",e[I]=u+"Milliseconds",e)[s],c=s===M?this.$D+(r-this.$W):r;if(s===m||s===y){var h=this.clone().set(O,1);h.$d[o](c),h.init(),this.$d=h.set(O,Math.min(this.$D,h.daysInMonth())).$d}else o&&this.$d[o](c);return this.init(),this},n.set=function(t,r){return this.clone().$set(t,r)},n.get=function(t){return this[a.p(t)]()},n.add=function(t,r){var e,s=this;t=Number(t);var u=a.p(r),o=function(d){var l=f(s);return a.w(l.date(l.date()+Math.round(d*t)),s)};if(u===m)return this.set(m,this.$M+t);if(u===y)return this.set(y,this.$y+t);if(u===M)return o(1);if(u===H)return o(7);var c=(e={},e[_]=k,e[w]=U,e[p]=A,e)[u]||1,h=this.$d.getTime()+t*c;return a.w(h,this)},n.subtract=function(t,r){return this.add(-1*t,r)},n.format=function(t){var r=this,e=this.$locale();if(!this.isValid())return e.invalidDate||J;var s=t||"YYYY-MM-DDTHH:mm:ssZ",u=a.z(this),o=this.$H,c=this.$m,h=this.$M,d=e.weekdays,l=e.months,b=e.meridiem,g=function($,v,Y,W){return $&&($[v]||$(r,s))||Y[v].slice(0,W)},T=function($){return a.s(o%12||12,$,"0")},S=b||function($,v,Y){var W=$<12?"AM":"PM";return Y?W.toLowerCase():W};return s.replace(E,(function($,v){return v||(function(Y){switch(Y){case"YY":return String(r.$y).slice(-2);case"YYYY":return a.s(r.$y,4,"0");case"M":return h+1;case"MM":return a.s(h+1,2,"0");case"MMM":return g(e.monthsShort,h,l,3);case"MMMM":return g(l,h);case"D":return r.$D;case"DD":return a.s(r.$D,2,"0");case"d":return String(r.$W);case"dd":return g(e.weekdaysMin,r.$W,d,2);case"ddd":return g(e.weekdaysShort,r.$W,d,3);case"dddd":return d[r.$W];case"H":return String(o);case"HH":return a.s(o,2,"0");case"h":return T(1);case"hh":return T(2);case"a":return S(o,c,!0);case"A":return S(o,c,!1);case"m":return String(c);case"mm":return a.s(c,2,"0");case"s":return String(r.$s);case"ss":return a.s(r.$s,2,"0");case"SSS":return a.s(r.$ms,3,"0");case"Z":return u}return null})($)||u.replace(":","")}))},n.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},n.diff=function(t,r,e){var s,u=this,o=a.p(r),c=f(t),h=(c.utcOffset()-this.utcOffset())*k,d=this-c,l=function(){return a.m(u,c)};switch(o){case y:s=l()/12;break;case m:s=l();break;case F:s=l()/3;break;case H:s=(d-h)/6048e5;break;case M:s=(d-h)/864e5;break;case w:s=d/U;break;case _:s=d/k;break;case p:s=d/A;break;default:s=d}return e?s:a.a(s)},n.daysInMonth=function(){return this.endOf(m).$D},n.$locale=function(){return D[this.$L]},n.locale=function(t,r){if(!t)return this.$L;var e=this.clone(),s=j(t,r,!0);return s&&(e.$L=s),e},n.clone=function(){return a.w(this.$d,this)},n.toDate=function(){return new Date(this.valueOf())},n.toJSON=function(){return this.isValid()?this.toISOString():null},n.toISOString=function(){return this.$d.toISOString()},n.toString=function(){return this.$d.toUTCString()},i})(),z=L.prototype;return f.prototype=z,[["$ms",I],["$s",p],["$m",_],["$H",w],["$W",M],["$M",m],["$y",y],["$D",O]].forEach((function(i){z[i[1]]=function(n){return this.$g(n,i[0],i[1])}})),f.extend=function(i,n){return i.$i||(i(n,L,f),i.$i=!0),f},f.locale=j,f.isDayjs=N,f.unix=function(i){return f(1e3*i)},f.en=D[x],f.Ls=D,f.p={},f}))})(C.__module)),C.__module.exports}exports.__require=K;