@ikas/core 1.0.18 → 1.0.19

package/dist/index184.js

@@ -1,73 +1,82 @@
-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 "./index137.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
+import t from "react";
+import i from "./index153.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"
       },
-      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"
-              )
-            }
-          )
-        ] })
-      ]
+      clear: {
+        clear: "both"
+      }
     }
+  }), a = 0.1;
+  return t.createElement(
+    "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 })
   );
-}
-const F = w(S);
+};
 export {
-  F as HeaderCell
+  m as SliderSwatches,
+  m as default
 };

package/dist/index185.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.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react"),i=require("./index153.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;

package/dist/index185.js

@@ -1,21 +1,21 @@
-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 })
+import e from "react";
+import t from "./index153.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)"
+      }
     }
-  );
-}
-const u = o(i);
+  });
+  return e.createElement("div", { style: r.picker });
+};
 export {
-  u as SummaryCell
+  p as SliderPointer,
+  p as default
 };

package/dist/index186.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.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),s=require("./index153.cjs"),p=require("./index167.cjs"),v=require("./index221.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;

package/dist/index186.js

@@ -1,37 +1,35 @@
-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 a from "react";
+import l from "./index153.js";
+import m from "./index167.js";
+import { SwatchesColor as u } from "./index221.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"
+      }
     }
-  ) : /* @__PURE__ */ f(
+  });
+  return a.createElement(
     "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 }) })
-      ]
-    }
+    { 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
+      });
+    })
   );
-}
-const C = d(g);
+};
 export {
-  C as TextCell
+  w as SwatchesGroup,
+  w as default
 };

package/dist/index187.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.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),n=require("./index153.cjs"),e=require("./index163.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;

package/dist/index187.js

@@ -1,52 +1,33 @@
-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)
+import l from "react";
+import a from "./index153.js";
+import r from "./index163.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) + "%)"
       }
-    ) });
-  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 v = f(x);
+  });
+  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 }
+};
 export {
-  v as NumberCell
+  t as GooglePointerCircle,
+  t as default
 };

package/dist/index188.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.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),s=require("./index153.cjs"),e=require("./index163.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;

package/dist/index188.js

@@ -1,42 +1,33 @@
-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
+import a from "react";
+import p from "./index153.js";
+import r from "./index163.js";
+var e = function(t) {
+  var o = p({
+    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 g ? /* @__PURE__ */ s(D, { title: d, children: /* @__PURE__ */ s("span", { className: "truncate block", children: f }) }) : f;
-  };
-  return /* @__PURE__ */ y(
-    "div",
-    {
-      className: "flex flex-col",
-      style: { textAlign: P },
-      children: [
-        a && u(m, !0),
-        u(h)
-      ]
     }
-  );
-}
-const k = C(F);
+  });
+  return a.createElement("div", { style: o.picker });
+};
+e.propTypes = {
+  hsl: r.shape({
+    h: r.number,
+    s: r.number,
+    l: r.number,
+    a: r.number
+  })
+};
+e.defaultProps = {
+  hsl: { a: 1, h: 249.94, l: 0.2, s: 0.5 }
+};
 export {
-  k as PriceCell
+  e as GooglePointer,
+  e as default
 };

package/dist/index189.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.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),v=require("./index153.cjs"),b=require("./index165.cjs");require("./index154.cjs");require("./index155.cjs");const d=require("./index156.cjs");require("./index157.cjs");require("./index158.cjs");require("./index159.cjs");require("./index161.cjs");var c=function(n){var a=n.onChange,h=n.rgb,x=n.hsl,f=n.hex,u=n.hsv,s=function(t,p){if(t.hex)b.isValidHex(t.hex)&&a({hex:t.hex,source:"hex"},p);else if(t.rgb){var g=t.rgb.split(",");b.isvalidColorString(t.rgb,"rgb")&&a({r:g[0],g:g[1],b:g[2],a:1,source:"rgb"},p)}else if(t.hsv){var r=t.hsv.split(",");b.isvalidColorString(t.hsv,"hsv")&&(r[2]=r[2].replace("%",""),r[1]=r[1].replace("%",""),r[0]=r[0].replace("°",""),r[1]==1?r[1]=.01:r[2]==1&&(r[2]=.01),a({h:Number(r[0]),s:Number(r[1]),v:Number(r[2]),source:"hsv"},p))}else if(t.hsl){var l=t.hsl.split(",");b.isvalidColorString(t.hsl,"hsl")&&(l[2]=l[2].replace("%",""),l[1]=l[1].replace("%",""),l[0]=l[0].replace("°",""),o[1]==1?o[1]=.01:o[2]==1&&(o[2]=.01),a({h:Number(l[0]),s:Number(l[1]),v:Number(l[2]),source:"hsl"},p))}},e=v.default({default:{wrap:{display:"flex",height:"100px",marginTop:"4px"},fields:{width:"100%"},column:{paddingTop:"10px",display:"flex",justifyContent:"space-between"},double:{padding:"0px 4.4px",boxSizing:"border-box"},input:{width:"100%",height:"38px",boxSizing:"border-box",padding:"4px 10% 3px",textAlign:"center",border:"1px solid #dadce0",fontSize:"11px",textTransform:"lowercase",borderRadius:"5px",outline:"none",fontFamily:"Roboto,Arial,sans-serif"},input2:{height:"38px",width:"100%",border:"1px solid #dadce0",boxSizing:"border-box",fontSize:"11px",textTransform:"lowercase",borderRadius:"5px",outline:"none",paddingLeft:"10px",fontFamily:"Roboto,Arial,sans-serif"},label:{textAlign:"center",fontSize:"12px",background:"#fff",position:"absolute",textTransform:"uppercase",color:"#3c4043",width:"35px",top:"-6px",left:"0",right:"0",marginLeft:"auto",marginRight:"auto",fontFamily:"Roboto,Arial,sans-serif"},label2:{left:"10px",textAlign:"center",fontSize:"12px",background:"#fff",position:"absolute",textTransform:"uppercase",color:"#3c4043",width:"32px",top:"-6px",fontFamily:"Roboto,Arial,sans-serif"},single:{flexGrow:"1",margin:"0px 4.4px"}}}),m=h.r+", "+h.g+", "+h.b,y=Math.round(x.h)+"°, "+Math.round(x.s*100)+"%, "+Math.round(x.l*100)+"%",o=Math.round(u.h)+"°, "+Math.round(u.s*100)+"%, "+Math.round(u.v*100)+"%";return i.createElement("div",{style:e.wrap,className:"flexbox-fix"},i.createElement("div",{style:e.fields},i.createElement("div",{style:e.double},i.createElement(d.EditableInput,{style:{input:e.input,label:e.label},label:"hex",value:f,onChange:s})),i.createElement("div",{style:e.column},i.createElement("div",{style:e.single},i.createElement(d.EditableInput,{style:{input:e.input2,label:e.label2},label:"rgb",value:m,onChange:s})),i.createElement("div",{style:e.single},i.createElement(d.EditableInput,{style:{input:e.input2,label:e.label2},label:"hsv",value:o,onChange:s})),i.createElement("div",{style:e.single},i.createElement(d.EditableInput,{style:{input:e.input2,label:e.label2},label:"hsl",value:y,onChange:s})))))};exports.GoogleFields=c;exports.default=c;