@ikas/core 1.0.36 → 1.0.37

package/dist/index184.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react"),n=require("./index164.cjs"),h=require("./index154.cjs");require("./index155.cjs");require("./index156.cjs");require("./index157.cjs");require("./index158.cjs");require("./index159.cjs");require("./index160.cjs");require("./index97.cjs");const f=require("./index162.cjs");var v=Object.assign||function(s){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(s[t]=r[t])}return s},p=function(e){var r=e.colors,t=e.onClick,u=t===void 0?function(){}:t,d=e.onSwatchHover,i=h.default({default:{colors:{margin:"0 -10px",padding:"10px 0 0 10px",borderTop:"1px solid #eee",display:"flex",flexWrap:"wrap",position:"relative"},swatchWrap:{width:"16px",height:"16px",margin:"0 10px 10px 0"},swatch:{borderRadius:"3px",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15)"}},"no-presets":{colors:{display:"none"}}},{"no-presets":!r||!r.length}),x=function(o,l){u({hex:o,source:"hex"},l)};return c.createElement("div",{style:i.colors,className:"flexbox-fix"},r.map(function(a){var o=typeof a=="string"?{color:a}:a,l=""+o.color+(o.title||"");return c.createElement("div",{key:l,style:i.swatchWrap},c.createElement(f.default,v({},o,{style:i.swatch,onClick:x,onHover:d,focusStyle:{boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15), 0 0 4px "+o.color}})))}))};p.propTypes={colors:n.arrayOf(n.oneOfType([n.string,n.shape({color:n.string,title:n.string})])).isRequired};exports.SketchPresetColors=p;exports.default=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),c=require("react"),v=require("mobx-react-lite"),S=require("@ikas/ui"),p=require("./index5.cjs"),T=require("./index134.cjs"),b=5;function L(o){return o.length>b?`${o.slice(0,b)}...`:o}function j(o){var f;const{filterRow:u,model:i,onChange:d}=o,[r,g]=c.useState(""),s=u.filterValue.value||[],h=c.useMemo(()=>{switch(i.locale){case"tr":return"tr-TR";case"en":return"en-US";case"de":return"de-DE";default:return"tr-TR"}},[i.locale]),a=c.useMemo(()=>i.filters.find(e=>{var t;return e.key===((t=u.filterValue)==null?void 0:t.key)}),[i.filters,(f=u.filterValue)==null?void 0:f.key]),x=c.useMemo(()=>{var m;const e=((m=a==null?void 0:a.options)==null?void 0:m.map(n=>({label:n.label,value:n.value})))??[],t=s.filter(n=>!e.some(w=>w.value===n)).map(n=>({label:L(n),value:n}));return[...e,...t]},[a==null?void 0:a.options,s]),y=e=>{e.key!=="Enter"||!r||(e.preventDefault(),e.stopPropagation(),r.trim()!==""&&!s.find(t=>r===t)&&d([...s,r]),g(""))};return l.jsxs("div",{className:"relative",style:{maxWidth:330,minWidth:330},onKeyDownCapture:y,children:[l.jsx(S.Select,{mode:"tags",maxTagCount:"responsive",value:s,showSearch:!0,searchValue:r,onSearch:g,onChange:e=>{const t=e;t.length<=s.length&&d(t)},options:x,tagClosable:!0,filterOption:(e,t)=>t?String(t.label??"").toLocaleLowerCase(h).includes(e.toLocaleLowerCase(h)):!1,style:{width:"100%"},placeholder:p.coreTranslations.common.actions.enterValue}),!!r.length&&l.jsxs("div",{className:"pointer-events-none absolute right-9 top-1/2 -translate-y-1/2 flex items-center gap-1.5 bg-white",children:[l.jsx(T.default,{className:"h-4 w-4 text-gray-blue-5"}),l.jsx("span",{className:"text-sm leading-5 text-gray-blue-9",children:p.coreTranslations.common.actions.enter})]})]})}const C=v.observer(j);exports.FilterStringInput=C;

package/dist/index184.js

@@ -1,83 +1,78 @@
-import l from "react";
-import a from "./index164.js";
-import x from "./index154.js";
-import "./index155.js";
-import "./index156.js";
-import "./index157.js";
-import "./index158.js";
-import "./index159.js";
-import "./index160.js";
-import "./index97.js";
-import d from "./index162.js";
-var h = Object.assign || function(i) {
-  for (var e = 1; e < arguments.length; e++) {
-    var r = arguments[e];
-    for (var o in r)
-      Object.prototype.hasOwnProperty.call(r, o) && (i[o] = r[o]);
-  }
-  return i;
-}, u = function(e) {
-  var r = e.colors, o = e.onClick, c = o === void 0 ? function() {
-  } : o, m = e.onSwatchHover, p = x({
-    default: {
-      colors: {
-        margin: "0 -10px",
-        padding: "10px 0 0 10px",
-        borderTop: "1px solid #eee",
-        display: "flex",
-        flexWrap: "wrap",
-        position: "relative"
-      },
-      swatchWrap: {
-        width: "16px",
-        height: "16px",
-        margin: "0 10px 10px 0"
-      },
-      swatch: {
-        borderRadius: "3px",
-        boxShadow: "inset 0 0 0 1px rgba(0,0,0,.15)"
-      }
-    },
-    "no-presets": {
-      colors: {
-        display: "none"
-      }
+import { jsxs as g, jsx as u } from "react/jsx-runtime";
+import { useState as x, useMemo as m } from "react";
+import { observer as C } from "mobx-react-lite";
+import { Select as S } from "@ikas/ui";
+import { coreTranslations as w } from "./index5.js";
+import T from "./index134.js";
+const y = 5;
+function L(l) {
+  return l.length > y ? `${l.slice(0, y)}...` : l;
+}
+function V(l) {
+  var d;
+  const { filterRow: i, model: s, onChange: p } = l, [n, f] = x(""), o = i.filterValue.value || [], h = m(() => {
+    switch (s.locale) {
+      case "tr":
+        return "tr-TR";
+      case "en":
+        return "en-US";
+      case "de":
+        return "de-DE";
+      default:
+        return "tr-TR";
     }
-  }, {
-    "no-presets": !r || !r.length
-  }), f = function(t, s) {
-    c({
-      hex: t,
-      source: "hex"
-    }, s);
-  };
-  return l.createElement(
+  }, [s.locale]), a = m(
+    () => s.filters.find((e) => {
+      var t;
+      return e.key === ((t = i.filterValue) == null ? void 0 : t.key);
+    }),
+    [s.filters, (d = i.filterValue) == null ? void 0 : d.key]
+  ), b = m(() => {
+    var c;
+    const e = ((c = a == null ? void 0 : a.options) == null ? void 0 : c.map((r) => ({
+      label: r.label,
+      value: r.value
+    }))) ?? [], t = o.filter((r) => !e.some((v) => v.value === r)).map((r) => ({ label: L(r), value: r }));
+    return [...e, ...t];
+  }, [a == null ? void 0 : a.options, o]);
+  return /* @__PURE__ */ g(
     "div",
-    { style: p.colors, className: "flexbox-fix" },
-    r.map(function(n) {
-      var t = typeof n == "string" ? { color: n } : n, s = "" + t.color + (t.title || "");
-      return l.createElement(
-        "div",
-        { key: s, style: p.swatchWrap },
-        l.createElement(d, h({}, t, {
-          style: p.swatch,
-          onClick: f,
-          onHover: m,
-          focusStyle: {
-            boxShadow: "inset 0 0 0 1px rgba(0,0,0,.15), 0 0 4px " + t.color
+    {
+      className: "relative",
+      style: { maxWidth: 330, minWidth: 330 },
+      onKeyDownCapture: (e) => {
+        e.key !== "Enter" || !n || (e.preventDefault(), e.stopPropagation(), n.trim() !== "" && !o.find((t) => n === t) && p([...o, n]), f(""));
+      },
+      children: [
+        /* @__PURE__ */ u(
+          S,
+          {
+            mode: "tags",
+            maxTagCount: "responsive",
+            value: o,
+            showSearch: !0,
+            searchValue: n,
+            onSearch: f,
+            onChange: (e) => {
+              const t = e;
+              t.length <= o.length && p(t);
+            },
+            options: b,
+            tagClosable: !0,
+            filterOption: (e, t) => t ? String(t.label ?? "").toLocaleLowerCase(h).includes(e.toLocaleLowerCase(h)) : !1,
+            style: { width: "100%" },
+            placeholder: w.common.actions.enterValue
           }
-        }))
-      );
-    })
+        ),
+        !!n.length && /* @__PURE__ */ g("div", { className: "pointer-events-none absolute right-9 top-1/2 -translate-y-1/2 flex items-center gap-1.5 bg-white", children: [
+          /* @__PURE__ */ u(T, { className: "h-4 w-4 text-gray-blue-5" }),
+          /* @__PURE__ */ u("span", { className: "text-sm leading-5 text-gray-blue-9", children: w.common.actions.enter })
+        ] })
+      ]
+    }
   );
-};
-u.propTypes = {
-  colors: a.arrayOf(a.oneOfType([a.string, a.shape({
-    color: a.string,
-    title: a.string
-  })])).isRequired
-};
+}
+const _ = C(V);
 export {
-  u as SketchPresetColors,
-  u as default
+  _ as FilterStringInput
 };

package/dist/index185.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react"),h=require("./index154.cjs"),c=require("./index217.cjs");var i=function(r){var s=r.onClick,e=r.hsl,l=h.default({default:{swatches:{marginTop:"20px"},swatch:{boxSizing:"border-box",width:"20%",paddingRight:"1px",float:"left"},clear:{clear:"both"}}}),a=.1;return t.createElement("div",{style:l.swatches},t.createElement("div",{style:l.swatch},t.createElement(c.SliderSwatch,{hsl:e,offset:".80",active:Math.abs(e.l-.8)<a&&Math.abs(e.s-.5)<a,onClick:s,first:!0})),t.createElement("div",{style:l.swatch},t.createElement(c.SliderSwatch,{hsl:e,offset:".65",active:Math.abs(e.l-.65)<a&&Math.abs(e.s-.5)<a,onClick:s})),t.createElement("div",{style:l.swatch},t.createElement(c.SliderSwatch,{hsl:e,offset:".50",active:Math.abs(e.l-.5)<a&&Math.abs(e.s-.5)<a,onClick:s})),t.createElement("div",{style:l.swatch},t.createElement(c.SliderSwatch,{hsl:e,offset:".35",active:Math.abs(e.l-.35)<a&&Math.abs(e.s-.5)<a,onClick:s})),t.createElement("div",{style:l.swatch},t.createElement(c.SliderSwatch,{hsl:e,offset:".20",active:Math.abs(e.l-.2)<a&&Math.abs(e.s-.5)<a,onClick:s,last:!0})),t.createElement("div",{style:l.clear}))};exports.SliderSwatches=i;exports.default=i;
+"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/index185.js

@@ -1,82 +1,73 @@
-import t from "react";
-import i from "./index154.js";
-import { SliderSwatch as c } from "./index217.js";
-var m = function(r) {
-  var s = r.onClick, e = r.hsl, l = i({
-    default: {
-      swatches: {
-        marginTop: "20px"
-      },
-      swatch: {
-        boxSizing: "border-box",
-        width: "20%",
-        paddingRight: "1px",
-        float: "left"
-      },
-      clear: {
-        clear: "both"
-      }
+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
     }
-  }), a = 0.1;
-  return t.createElement(
+  ), 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",
-    { style: l.swatches },
-    t.createElement(
-      "div",
-      { style: l.swatch },
-      t.createElement(c, {
-        hsl: e,
-        offset: ".80",
-        active: Math.abs(e.l - 0.8) < a && Math.abs(e.s - 0.5) < a,
-        onClick: s,
-        first: !0
-      })
-    ),
-    t.createElement(
-      "div",
-      { style: l.swatch },
-      t.createElement(c, {
-        hsl: e,
-        offset: ".65",
-        active: Math.abs(e.l - 0.65) < a && Math.abs(e.s - 0.5) < a,
-        onClick: s
-      })
-    ),
-    t.createElement(
-      "div",
-      { style: l.swatch },
-      t.createElement(c, {
-        hsl: e,
-        offset: ".50",
-        active: Math.abs(e.l - 0.5) < a && Math.abs(e.s - 0.5) < a,
-        onClick: s
-      })
-    ),
-    t.createElement(
-      "div",
-      { style: l.swatch },
-      t.createElement(c, {
-        hsl: e,
-        offset: ".35",
-        active: Math.abs(e.l - 0.35) < a && Math.abs(e.s - 0.5) < a,
-        onClick: s
-      })
-    ),
-    t.createElement(
-      "div",
-      { style: l.swatch },
-      t.createElement(c, {
-        hsl: e,
-        offset: ".20",
-        active: Math.abs(e.l - 0.2) < a && Math.abs(e.s - 0.5) < a,
-        onClick: s,
-        last: !0
-      })
-    ),
-    t.createElement("div", { style: l.clear })
+    {
+      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 F = w(S);
 export {
-  m as SliderSwatches,
-  m as default
+  F as HeaderCell
 };

package/dist/index186.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react"),i=require("./index154.cjs");var e=function(){var r=i.default({default:{picker:{width:"14px",height:"14px",borderRadius:"6px",transform:"translate(-7px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}}});return t.createElement("div",{style:r.picker})};exports.SliderPointer=e;exports.default=e;
+"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/index186.js

@@ -1,21 +1,21 @@
-import e from "react";
-import t from "./index154.js";
-var p = function() {
-  var r = t({
-    default: {
-      picker: {
-        width: "14px",
-        height: "14px",
-        borderRadius: "6px",
-        transform: "translate(-7px, -1px)",
-        backgroundColor: "rgb(248, 248, 248)",
-        boxShadow: "0 1px 4px 0 rgba(0, 0, 0, 0.37)"
-      }
+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 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 })
     }
-  });
-  return e.createElement("div", { style: r.picker });
-};
+  );
+}
+const u = o(i);
 export {
-  p as SliderPointer,
-  p as default
+  u as SummaryCell
 };

package/dist/index187.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),s=require("./index154.cjs"),p=require("./index168.cjs"),v=require("./index218.cjs");var c=function(e){var n=e.onClick,u=e.onSwatchHover,o=e.group,i=e.active,l=s.default({default:{group:{paddingBottom:"10px",width:"40px",float:"left",marginRight:"10px"}}});return a.createElement("div",{style:l.group},p(o,function(t,r){return a.createElement(v.SwatchesColor,{key:t,color:t,active:t.toLowerCase()===i,first:r===0,last:r===o.length-1,onClick:n,onSwatchHover:u})}))};exports.SwatchesGroup=c;exports.default=c;
+"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/index187.js

@@ -1,35 +1,37 @@
-import a from "react";
-import l from "./index154.js";
-import m from "./index168.js";
-import { SwatchesColor as u } from "./index218.js";
-var w = function(t) {
-  var c = t.onClick, i = t.onSwatchHover, e = t.group, n = t.active, p = l({
-    default: {
-      group: {
-        paddingBottom: "10px",
-        width: "40px",
-        float: "left",
-        marginRight: "10px"
-      }
+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" }
+        }
+      )
     }
-  });
-  return a.createElement(
+  ) : /* @__PURE__ */ f(
     "div",
-    { style: p.group },
-    m(e, function(o, r) {
-      return a.createElement(u, {
-        key: o,
-        color: o,
-        active: o.toLowerCase() === n,
-        first: r === 0,
-        last: r === e.length - 1,
-        onClick: c,
-        onSwatchHover: 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 C = d(g);
 export {
-  w as SwatchesGroup,
-  w as default
+  C as TextCell
 };

package/dist/index188.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),n=require("./index154.cjs"),e=require("./index164.cjs");var r=function(t){var l=n.default({default:{picker:{width:"20px",height:"20px",borderRadius:"22px",border:"2px #fff solid",transform:"translate(-12px, -13px)",background:"hsl("+Math.round(t.hsl.h)+", "+Math.round(t.hsl.s*100)+"%, "+Math.round(t.hsl.l*100)+"%)"}}});return o.createElement("div",{style:l.picker})};r.propTypes={hsl:e.shape({h:e.number,s:e.number,l:e.number,a:e.number})};r.defaultProps={hsl:{a:1,h:249.94,l:.2,s:.5}};exports.GooglePointerCircle=r;exports.default=r;
+"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/index188.js

@@ -1,33 +1,52 @@
-import l from "react";
-import a from "./index154.js";
-import r from "./index164.js";
-var t = function(e) {
-  var o = a({
-    default: {
-      picker: {
-        width: "20px",
-        height: "20px",
-        borderRadius: "22px",
-        border: "2px #fff solid",
-        transform: "translate(-12px, -13px)",
-        background: "hsl(" + Math.round(e.hsl.h) + ", " + Math.round(e.hsl.s * 100) + "%, " + Math.round(e.hsl.l * 100) + "%)"
+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(
+    "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 })
     }
-  });
-  return l.createElement("div", { style: o.picker });
-};
-t.propTypes = {
-  hsl: r.shape({
-    h: r.number,
-    s: r.number,
-    l: r.number,
-    a: r.number
-  })
-};
-t.defaultProps = {
-  hsl: { a: 1, h: 249.94, l: 0.2, s: 0.5 }
-};
+  );
+}
+const v = f(x);
 export {
-  t as GooglePointerCircle,
-  t as default
+  v as NumberCell
 };

package/dist/index189.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),s=require("./index154.cjs"),e=require("./index164.cjs");var r=function(t){var o=s.default({default:{picker:{width:"20px",height:"20px",borderRadius:"22px",transform:"translate(-10px, -7px)",background:"hsl("+Math.round(t.hsl.h)+", 100%, 50%)",border:"2px white solid"}}});return l.createElement("div",{style:o.picker})};r.propTypes={hsl:e.shape({h:e.number,s:e.number,l:e.number,a:e.number})};r.defaultProps={hsl:{a:1,h:249.94,l:.2,s:.5}};exports.GooglePointer=r;exports.default=r;
+"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;