@ikas/core 1.0.14 → 1.0.15

package/dist/index224.js

@@ -1,37 +1,54 @@
-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" }
+import { __require as E } from "./index222.js";
+import { __require as _ } from "./index223.js";
+var f, v;
+function P() {
+  if (v) return f;
+  v = 1;
+  var o = function() {
+  };
+  if (process.env.NODE_ENV !== "production") {
+    var y = /* @__PURE__ */ E(), t = {}, d = /* @__PURE__ */ _();
+    o = function(n) {
+      var a = "Warning: " + n;
+      typeof console < "u" && console.error(a);
+      try {
+        throw new Error(a);
+      } catch {
+      }
+    };
+  }
+  function u(n, a, i, s, c) {
+    if (process.env.NODE_ENV !== "production") {
+      for (var e in n)
+        if (d(n, e)) {
+          var r;
+          try {
+            if (typeof n[e] != "function") {
+              var h = Error(
+                (s || "React class") + ": " + i + " type `" + e + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[e] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+              );
+              throw h.name = "Invariant Violation", h;
+            }
+            r = n[e](a, e, s, i, null, y);
+          } catch (l) {
+            r = l;
+          }
+          if (r && !(r instanceof Error) && o(
+            (s || "React class") + ": type specification of " + i + " `" + e + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof r + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), r instanceof Error && !(r.message in t)) {
+            t[r.message] = !0;
+            var p = c ? c() : "";
+            o(
+              "Failed " + i + " type: " + r.message + (p ?? "")
+            );
+          }
         }
-      )
     }
-  ) : /* @__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 }) })
-      ]
-    }
-  );
+  }
+  return u.resetWarningCache = function() {
+    process.env.NODE_ENV !== "production" && (t = {});
+  }, f = u, f;
 }
-const C = d(g);
 export {
-  C as TextCell
+  P as __require
 };

package/dist/index225.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 t=require("react/jsx-runtime"),C=require("mobx-react-lite"),j=require("@ikas/ui"),l=require("./index3.cjs"),d=require("./index8.cjs"),w=require("./index133.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/index225.js

@@ -1,52 +1,73 @@
-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 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 "./index133.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: "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: 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"
+              )
+            }
+          )
+        ] })
+      ]
     }
   );
 }
-const v = f(x);
+const F = w(S);
 export {
-  v as NumberCell
+  F as HeaderCell
 };

package/dist/index226.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 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/index226.js

@@ -1,42 +1,21 @@
-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}`;
-}
-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",
-      {
-        className: b ? "text-sm text-gray-blue-5 line-through" : "text-sm text-black font-normal",
-        children: d
-      }
-    );
-    return g ? /* @__PURE__ */ s(D, { title: d, children: /* @__PURE__ */ s("span", { className: "truncate block", children: f }) }) : f;
-  };
-  return /* @__PURE__ */ y(
+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: "flex flex-col",
-      style: { textAlign: P },
-      children: [
-        a && u(m, !0),
-        u(h)
-      ]
+      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 k = C(F);
+const u = o(i);
 export {
-  k as PriceCell
+  u as SummaryCell
 };

package/dist/index227.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 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/index227.js

@@ -1,94 +1,37 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useState as S, useRef as C, useCallback as b } from "react";
-import { observer as O } from "mobx-react-lite";
-import { TreeSelect as p, Select as g } from "@ikas/ui";
-function w(i) {
-  return i.map((e) => ({
-    label: e.label,
-    value: String(e.value)
-  }));
-}
-function v(i) {
-  return i.map((e) => ({
-    key: String(e.value),
-    title: e.label,
-    value: String(e.value),
-    children: e.children ? v(e.children) : void 0
-  }));
-}
-function A(i) {
-  const { value: e, rowData: h, columnDefinition: l, onValueChange: o } = i, [y, d] = S(null), [s, f] = S(!1), c = C(), n = !!l.searchOptions, u = n ? y ?? [] : h ? l.getOptions(h) : [], m = b(
-    (r) => {
-      l.searchOptions && (c.current && clearTimeout(c.current), c.current = setTimeout(async () => {
-        if (!r) {
-          d([]);
-          return;
-        }
-        try {
-          f(!0);
-          const t = await l.searchOptions(r);
-          d(t);
-        } catch {
-        } finally {
-          f(!1);
-        }
-      }, 600));
-    },
-    [l]
-  );
-  return l.isTree ? /* @__PURE__ */ a("div", { className: "flex items-center min-w-0 w-full", children: /* @__PURE__ */ a(
-    p,
+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",
     {
-      style: { width: "100%" },
-      treeData: v(u),
-      treeCheckable: !0,
-      showCheckedStrategy: p.SHOW_ALL,
-      value: Array.isArray(e) ? e.map(String) : e != null ? [String(e)] : void 0,
-      onChange: (r) => {
-        const t = (Array.isArray(r) ? r : [r]).map(Number);
-        o(t);
-      },
-      onSearch: n ? m : void 0,
-      filterTreeNode: n ? () => !0 : void 0,
-      loading: s,
-      maxTagCount: 2,
-      placeholder: "-"
-    }
-  ) }) : l.isMultiple ? /* @__PURE__ */ a("div", { className: "flex items-center min-w-0 w-full", children: /* @__PURE__ */ a(
-    g,
-    {
-      style: { width: "100%" },
-      mode: "multiple",
-      value: Array.isArray(e) ? e.map(String) : e != null ? [String(e)] : void 0,
-      options: w(u),
-      onChange: (r) => {
-        const t = (Array.isArray(r) ? r : [r]).map(Number);
-        o(t);
-      },
-      onSearch: n ? m : void 0,
-      filterOption: n ? () => !0 : (r, t) => t ? String(t.label ?? "").toLowerCase().includes(r.toLowerCase()) : !1,
-      loading: s,
-      allowClear: !0,
-      showSearch: !0,
-      placeholder: "-"
+      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__ */ a("div", { className: "flex items-center min-w-0 w-full", children: /* @__PURE__ */ a(
-    g,
+  ) : /* @__PURE__ */ f(
+    "div",
     {
-      style: { width: "100%" },
-      value: e != null ? String(e) : void 0,
-      options: w(u),
-      onChange: (r) => o(Number(r)),
-      onSearch: n ? m : void 0,
-      filterOption: n ? () => !0 : (r, t) => t ? String(t.label ?? "").toLowerCase().includes(r.toLowerCase()) : !1,
-      loading: s,
-      allowClear: !0,
-      showSearch: !0,
-      placeholder: "-"
+      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 R = O(A);
+const C = d(g);
 export {
-  R as SelectCell
+  C as TextCell
 };

package/dist/index228.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),h=require("react"),j=require("mobx-react-lite"),C=require("./index37.cjs"),v=require("./index55.cjs"),U=require("./index80.cjs");function V(m){var i;const{value:o,rowData:a,columnDefinition:e,onValueChange:u}=m,[x,c]=h.useState(!1),p=a&&e.getDrawerTitle?e.getDrawerTitle(a):void 0,w=a&&e.getGalleryImages?e.getGalleryImages(a):void 0,I=a&&e.disableUpload?e.disableUpload(a):void 0,d=a&&e.productImages?e.productImages(a):void 0,b=d==null?void 0:d.map(r=>({imageId:r.id??null,fileName:r.name??null})),f=r=>{var l;r.stopPropagation(),c(!0),a&&((l=e.onDrawerToggle)==null||l.call(e,a,!0))},S=()=>{var r;c(!1),a&&((r=e.onDrawerToggle)==null||r.call(e,a,!1))},y=e.onImageNameSave?r=>{var n;const l=o==null?void 0:o.find(N=>N.id===r.imageId);a&&l&&((n=e.onImageNameSave)==null||n.call(e,a,l,r.name??""))}:void 0,s=o!=null&&o.length?o.find(r=>!(r!=null&&r.isVideo)):void 0,g=(s==null?void 0:s.thumbnailSrc)||(s==null?void 0:s.url)||(s==null?void 0:s.src);return t.jsxs("div",{className:"flex items-center",children:[t.jsx("button",{type:"button",className:"flex-shrink-0 w-9 h-9 flex items-center justify-center rounded border border-solid border-gray-blue-2 bg-gray-blue-0 cursor-pointer overflow-hidden outline-none",onClick:f,children:g?t.jsx("img",{src:g,alt:(s==null?void 0:s.name)??"",className:"w-full h-full object-cover"}):o!=null&&o.length&&e.allowVideoUpload?t.jsx(v.default,{className:"h-[18px] w-[18px] text-gray-blue-7"}):t.jsx(U.default,{className:"h-[18px] w-[18px] text-gray-blue-7"})}),a&&((i=e.rightContent)==null?void 0:i.call(e,a)),t.jsx(C.DrawerImageSelect,{allowVideoUpload:e.allowVideoUpload,title:p,visible:x,images:o,galleryImages:w,disableUpload:I,onChange:r=>u(r),onClose:S,onImageNameSave:y,imageNameMaxLength:e.imageNameMaxLength,productImages:b})]})}const q=j.observer(V);exports.ImageSelectCell=q;
+"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/index228.js

@@ -1,62 +1,52 @@
-import { jsxs as C, jsx as t } from "react/jsx-runtime";
-import { useState as u } from "react";
-import { observer as V } from "mobx-react-lite";
-import { DrawerImageSelect as U } from "./index37.js";
-import v from "./index55.js";
-import T from "./index80.js";
-function j(n) {
-  var m;
-  const { value: s, rowData: r, columnDefinition: e, onValueChange: p } = n, [w, g] = u(!1), I = r && e.getDrawerTitle ? e.getDrawerTitle(r) : void 0, f = r && e.getGalleryImages ? e.getGalleryImages(r) : void 0, b = r && e.disableUpload ? e.disableUpload(r) : void 0, d = r && e.productImages ? e.productImages(r) : void 0, x = d == null ? void 0 : d.map((a) => ({
-    imageId: a.id ?? null,
-    fileName: a.name ?? null
-  })), N = (a) => {
-    var l;
-    a.stopPropagation(), g(!0), r && ((l = e.onDrawerToggle) == null || l.call(e, r, !0));
-  }, h = () => {
-    var a;
-    g(!1), r && ((a = e.onDrawerToggle) == null || a.call(e, r, !1));
-  }, S = e.onImageNameSave ? (a) => {
-    var c;
-    const l = s == null ? void 0 : s.find((y) => y.id === a.imageId);
-    r && l && ((c = e.onImageNameSave) == null || c.call(e, r, l, a.name ?? ""));
-  } : void 0, o = s != null && s.length ? s.find((a) => !(a != null && a.isVideo)) : void 0, i = (o == null ? void 0 : o.thumbnailSrc) || (o == null ? void 0 : o.url) || (o == null ? void 0 : o.src);
-  return /* @__PURE__ */ C("div", { className: "flex items-center", children: [
-    /* @__PURE__ */ t(
-      "button",
-      {
-        type: "button",
-        className: "flex-shrink-0 w-9 h-9 flex items-center justify-center rounded border border-solid border-gray-blue-2 bg-gray-blue-0 cursor-pointer overflow-hidden outline-none",
-        onClick: N,
-        children: i ? /* @__PURE__ */ t(
-          "img",
-          {
-            src: i,
-            alt: (o == null ? void 0 : o.name) ?? "",
-            className: "w-full h-full object-cover"
-          }
-        ) : s != null && s.length && e.allowVideoUpload ? /* @__PURE__ */ t(v, { className: "h-[18px] w-[18px] text-gray-blue-7" }) : /* @__PURE__ */ t(T, { className: "h-[18px] w-[18px] text-gray-blue-7" })
-      }
-    ),
-    r && ((m = e.rightContent) == null ? void 0 : m.call(e, r)),
-    /* @__PURE__ */ t(
-      U,
+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,
       {
-        allowVideoUpload: e.allowVideoUpload,
-        title: I,
-        visible: w,
-        images: s,
-        galleryImages: f,
-        disableUpload: b,
-        onChange: (a) => p(a),
-        onClose: h,
-        onImageNameSave: S,
-        imageNameMaxLength: e.imageNameMaxLength,
-        productImages: x
+        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(
+    "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 })
+    }
+  );
 }
-const q = V(j);
+const v = f(x);
 export {
-  q as ImageSelectCell
+  v as NumberCell
 };