@ikas/core 1.0.5 → 1.0.8

package/dist/index140.js

@@ -1,6 +1,406 @@
-const o = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), t = {
-  randomUUID: o
-};
+import { jsx as r, jsxs as O } from "react/jsx-runtime";
+import { useState as R, useMemo as m, useCallback as I } from "react";
+import { observer as me } from "mobx-react-lite";
+import { action as h } from "mobx";
+import B from "./index56.js";
+import { RangePicker as ge, Select as x, Button as W, Popover as Ce, NumberInput as ye, TreeSelect as S } from "@ikas/ui";
+import { FilterType as f } from "./index15.js";
+import { DateFilterPickerHelpers as A, DateFilterPickerShortcutEnum as C } from "./index16.js";
+import { FilterStringInput as ve } from "./index338.js";
+import { coreTranslations as T } from "./index5.js";
+import be from "./index66.js";
+import Se from "./index130.js";
+import Te from "./index63.js";
+function z(w) {
+  return w.map((o) => ({ label: o.label, value: o.value }));
+}
+function E(w) {
+  return w.map((o) => ({
+    key: o.value,
+    title: o.label,
+    value: o.value,
+    children: o.children ? E(o.children) : void 0
+  }));
+}
+function we(w) {
+  var G, U, $, j, F, H;
+  const { filterRow: o, originalModel: _, model: l, isLast: X } = w, [q, k] = R(!1), [M, y] = R(!1), [J, Y] = R(""), Q = m(
+    () => l.filters.map((e) => ({ label: e.title, value: e.key })),
+    [l.filters]
+  ), t = m(
+    () => l.filters.find((e) => {
+      var a;
+      return e.key === ((a = o.filterValue) == null ? void 0 : a.key);
+    }),
+    [l.filters, (G = o.filterValue) == null ? void 0 : G.key]
+  ), i = t == null ? void 0 : t.type, Z = t == null ? void 0 : t.key, v = (U = _.filters.find(
+    (e) => {
+      var a;
+      return e.key === ((a = o.filterValue) == null ? void 0 : a.key);
+    }
+  )) == null ? void 0 : U.isLoading, b = ($ = _.filters.find(
+    (e) => {
+      var a;
+      return e.key === ((a = o.filterValue) == null ? void 0 : a.key);
+    }
+  )) == null ? void 0 : $.isDynamicNotFound, s = (t == null ? void 0 : t.options) || [], ee = m(() => {
+    const e = l.filterConditionOptions(
+      i || f.SELECT,
+      t
+    );
+    return i === f.DATE_RANGE_PICKER ? [e[0]] : e;
+  }, [l, i, t]), N = (j = o.filterValue) == null ? void 0 : j.value, te = h((e) => {
+    k(!1), y(!1), l.filterTypeValueChange(o, t, e), l.onFilterConditionInputChange(
+      o,
+      l.filterConditionOptions(
+        i || f.SELECT,
+        t
+      )[0].value,
+      i
+    );
+  }), ae = h((e) => {
+    l.onFilterConditionInputChange(o, e, i);
+  }), oe = I(() => {
+    setTimeout(() => {
+      l.deleteFilterRow(o);
+    }, 0);
+  }, [l, o]), K = h((e) => {
+    l.onFilterValueChange(
+      Number(e) || 0,
+      t,
+      o
+    );
+  }), le = h((e) => {
+    var n;
+    l.onFilterValueChange(e, t, o);
+    const a = l.filters.find(
+      (c) => {
+        var d;
+        return c.key === ((d = o.filterValue) == null ? void 0 : d.key);
+      }
+    );
+    (n = a == null ? void 0 : a.onChange) == null || n.call(a, e);
+  }), L = h((e) => {
+    const a = Array.isArray(e) ? e : [e];
+    l.onFilterValueChange(a, t, o);
+  }), ne = h((e) => {
+    const a = Array.isArray(e) ? e : [e];
+    l.onFilterValueChange(a, t, o);
+  }), re = I(
+    h((e) => {
+      var a;
+      Y(e), (a = t == null ? void 0 : t.onSearch) == null || a.call(t, e);
+    }),
+    [t]
+  ), ie = I(
+    h(() => {
+      var e;
+      Y(""), (e = t == null ? void 0 : t.onSearch) == null || e.call(t, "");
+    }),
+    [t]
+  ), D = m(() => {
+    const e = o.filterValue.value;
+    return Array.isArray(e) && e.length === 1 && A.isShortcut(e[0]) ? e[0] : C.PICKER;
+  }, [o.filterValue.value]), g = m(
+    () => A.getDateValue(o.filterValue.value),
+    [o.filterValue.value]
+  ), P = m(
+    () => Object.values(C).map((e) => ({
+      label: A.getShortcutLabel(e),
+      type: e
+    })),
+    []
+  ), se = m(() => {
+    const e = P.find(
+      (a) => a.type === D
+    );
+    if ((e == null ? void 0 : e.type) === C.PICKER && g) {
+      const a = g[0].format("DD.MM.YYYY"), n = g[1].format("DD.MM.YYYY");
+      return a === n ? a : `${a} - ${n}`;
+    }
+    return e == null ? void 0 : e.label;
+  }, [D, g, P]), ue = h((e) => {
+    e === C.PICKER ? y(!0) : (l.onFilterValueChange([e], t, o), y(!1), setTimeout(() => {
+      k(!1);
+    }, 0));
+  }), ce = h((e) => {
+    if (!e) return;
+    const [a, n] = e;
+    l.onFilterValueChange(
+      [
+        B(a).startOf("day").valueOf().toString(),
+        B(n).endOf("day").valueOf().toString()
+      ],
+      t,
+      o
+    ), k(!1);
+  }), he = m(() => {
+    if (i !== f.SELECT_OPTION_GROUP) return [];
+    const e = [];
+    return s.forEach((a) => {
+      var n;
+      e.push({
+        label: a.label,
+        options: ((n = a.children) == null ? void 0 : n.map((c) => ({ label: c.label, value: c.value }))) || []
+      });
+    }), e;
+  }, [i, s]), fe = m(() => {
+    var c;
+    if (s.length <= 6) return s;
+    const e = (c = o.filterValue) == null ? void 0 : c.value, a = s.filter((d) => e == null ? void 0 : e.includes(d.value)), n = s.filter((d) => !(e != null && e.includes(d.value)));
+    return [...a, ...n];
+  }, [s, (F = o.filterValue) == null ? void 0 : F.value]), de = /* @__PURE__ */ r(
+    "div",
+    {
+      className: "flex flex-col gap-1",
+      style: { width: 190, maxHeight: 300, overflowY: "auto", padding: "6px 6px 0" },
+      children: P.map((e) => {
+        const a = M ? e.type === C.PICKER : D === e.type;
+        return /* @__PURE__ */ O(
+          "button",
+          {
+            type: "button",
+            className: `w-full text-left py-2 px-[10px] text-sm leading-5 rounded cursor-pointer transition-all duration-300 border-0 outline-none ${a ? "bg-[var(--gray-blue-1)] text-[var(--gray-blue-9)] font-medium" : "bg-transparent text-[var(--gray-blue-9)] font-normal hover:bg-[var(--gray-blue-1)]"}`,
+            onClick: () => ue(e.type),
+            children: [
+              e.label,
+              e.type === C.PICKER && /* @__PURE__ */ r("div", { style: { opacity: 0, height: 0, overflow: "hidden" }, children: /* @__PURE__ */ r(
+                ge,
+                {
+                  value: g ? [
+                    g[0].toDate(),
+                    g[1].toDate()
+                  ] : null,
+                  open: M,
+                  onOpenChange: (n) => {
+                    setTimeout(() => {
+                      y(n);
+                    }, 0);
+                  },
+                  onChange: (n) => {
+                    n && ce([n[0].toDate(), n[1].toDate()]);
+                  },
+                  size: "sm",
+                  allowClear: !1
+                }
+              ) })
+            ]
+          },
+          e.type
+        );
+      })
+    }
+  ), pe = () => {
+    var e, a, n, c, d;
+    if (i === f.DATE_RANGE_PICKER)
+      return /* @__PURE__ */ r("div", { style: { width: 330 }, children: /* @__PURE__ */ r(
+        Ce,
+        {
+          content: de,
+          trigger: "click",
+          placement: "bottomLeft",
+          showArrow: !1,
+          open: q,
+          onOpenChange: (u) => {
+            u ? D === C.PICKER && y(!0) : y(!1), setTimeout(() => {
+              k(u);
+            }, 10);
+          },
+          popoverContentStyle: { padding: 0 },
+          children: /* @__PURE__ */ O(
+            W,
+            {
+              block: !0,
+              className: "justify-between gap-1.5 px-[11px] text-sm font-medium",
+              children: [
+                /* @__PURE__ */ O("div", { className: "flex items-center gap-1.5 min-w-0", children: [
+                  /* @__PURE__ */ r(Se, { className: "h-4 w-4 shrink-0 text-gray-blue" }),
+                  /* @__PURE__ */ r("span", { className: "truncate", children: se })
+                ] }),
+                /* @__PURE__ */ r(Te, { className: "h-4 w-4 flex-shrink-0 text-gray-blue" })
+              ]
+            }
+          )
+        }
+      ) });
+    if (i === f.STRING_INPUT)
+      return /* @__PURE__ */ r(
+        ve,
+        {
+          filterRow: o,
+          model: l,
+          onChange: le
+        }
+      );
+    if (i === f.NUMBER_INPUT)
+      return s.length > 0 ? /* @__PURE__ */ r(
+        x,
+        {
+          style: { width: 330 },
+          value: N != null ? String(N) : void 0,
+          onChange: (u) => K(Number(u)),
+          options: z(s),
+          placeholder: T.common.placeholder.select,
+          showSearch: !0,
+          loading: !!v,
+          isDynamicNotFound: !!b
+        }
+      ) : /* @__PURE__ */ r(
+        ye,
+        {
+          style: { width: 330 },
+          value: Number((e = o.filterValue) == null ? void 0 : e.value) ? Number((a = o.filterValue) == null ? void 0 : a.value) : 0,
+          onChange: K
+        }
+      );
+    if (i === f.TREE_SELECT)
+      return t != null && t.isCategoryFilter ? /* @__PURE__ */ r(
+        S,
+        {
+          placeholder: T.common.placeholder.select,
+          value: (n = o.filterValue) == null ? void 0 : n.value,
+          onChange: L,
+          treeData: E(s),
+          filterTreeNode: t != null && t.onSearch ? () => !0 : void 0,
+          treeCheckable: !0,
+          showCheckedStrategy: S.SHOW_ALL,
+          onSearch: re,
+          searchValue: J,
+          onOpenChange: (u) => {
+            u || ie();
+          },
+          style: { width: 330 },
+          tagClosable: !1,
+          maxTagCount: "responsive",
+          maxTagTextLength: 10,
+          loading: !!v,
+          isDynamicNotFound: !!b
+        }
+      ) : /* @__PURE__ */ r(
+        S,
+        {
+          placeholder: T.common.placeholder.select,
+          value: (c = o.filterValue) == null ? void 0 : c.value,
+          onChange: L,
+          treeData: E(s),
+          filterTreeNode: t != null && t.onSearch ? () => !0 : void 0,
+          treeCheckable: !0,
+          showCheckedStrategy: S.SHOW_ALL,
+          onSearch: (t == null ? void 0 : t.onSearch) || void 0,
+          style: { width: 330 },
+          tagClosable: !1,
+          maxTagCount: "responsive",
+          maxTagTextLength: 10,
+          loading: !!v,
+          isDynamicNotFound: !!b
+        }
+      );
+    if (i === f.SELECT_OPTION_GROUP) {
+      const u = he.flatMap(
+        (p) => p.options.map((V) => ({ ...V, label: `${p.label} / ${V.label}` }))
+      );
+      return /* @__PURE__ */ r(
+        x,
+        {
+          style: { width: 330 },
+          mode: "multiple",
+          value: N,
+          options: u,
+          onClear: () => l.onFilterValueChange([], t, o),
+          onChange: (p) => l.onFilterValueChange(
+            p,
+            t,
+            o
+          ),
+          allowClear: !0,
+          placeholder: T.common.placeholder.select,
+          maxTagCount: "responsive",
+          showSearch: !0,
+          filterOption: (p, V) => V ? String(V.label ?? "").toLowerCase().includes(p.toLowerCase()) : !1,
+          loading: !!v,
+          isDynamicNotFound: !!b
+        }
+      );
+    }
+    return i === f.MULTISELECT ? /* @__PURE__ */ r(
+      S,
+      {
+        placeholder: T.common.placeholder.select,
+        value: (d = o.filterValue) == null ? void 0 : d.value,
+        onChange: L,
+        treeData: E(fe),
+        filterTreeNode: t != null && t.onSearch ? () => !0 : void 0,
+        treeCheckable: !0,
+        showCheckedStrategy: S.SHOW_ALL,
+        onSearch: (t == null ? void 0 : t.onSearch) || void 0,
+        style: { width: 330 },
+        tagClosable: !1,
+        maxTagCount: "responsive",
+        maxTagTextLength: 10,
+        loading: !!v,
+        isDynamicNotFound: !!b
+      }
+    ) : /* @__PURE__ */ r(
+      x,
+      {
+        style: { width: 330 },
+        value: N,
+        options: z(s),
+        onClear: () => l.onFilterValueChange([], t, o),
+        onChange: (u) => ne(u),
+        allowClear: !0,
+        placeholder: T.common.placeholder.select,
+        maxTagCount: "responsive",
+        showSearch: !0,
+        filterOption: (u, p) => p ? String(p.label ?? "").toLowerCase().includes(u.toLowerCase()) : !1,
+        loading: !!v,
+        isDynamicNotFound: !!b
+      }
+    );
+  };
+  return /* @__PURE__ */ O(
+    "div",
+    {
+      className: `flex items-center gap-2 ${X ? "" : "mb-3"}`,
+      children: [
+        /* @__PURE__ */ r(
+          x,
+          {
+            showSearch: !0,
+            filterOption: (e, a) => String((a == null ? void 0 : a.label) ?? "").toLowerCase().includes(e.toLowerCase()),
+            style: { width: 162 },
+            options: Q,
+            value: Z,
+            onChange: (e) => te(e)
+          }
+        ),
+        /* @__PURE__ */ r(
+          x,
+          {
+            style: { width: 120 },
+            options: ee.map((e) => ({
+              label: e.label,
+              value: e.value
+            })),
+            value: (H = o.filterValue) == null ? void 0 : H.condition,
+            onChange: (e) => ae(e)
+          }
+        ),
+        pe(),
+        /* @__PURE__ */ r(
+          W,
+          {
+            variant: "text",
+            onClick: oe,
+            className: "ml-auto w-[70px] h-10 shrink-0 text-gray-blue-4 hover:text-error hover:bg-transparent border-0 p-0",
+            icon: /* @__PURE__ */ r(be, { className: "h-3.5 w-3.5" })
+          }
+        )
+      ]
+    }
+  );
+}
+const Me = me(we);
 export {
-  t as default
+  Me as FilterRow
 };

package/dist/index141.cjs

@@ -1 +1 @@
-"use strict";let t;const e=new Uint8Array(16);function o(){if(!t&&(t=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!t))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return t(e)}module.exports=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function e(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}exports.getDefaultExportFromCjs=e;

package/dist/index141.js

@@ -1,10 +1,6 @@
-let t;
-const e = new Uint8Array(16);
-function o() {
-  if (!t && (t = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !t))
-    throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return t(e);
+function e(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 export {
-  o as default
+  e as getDefaultExportFromCjs
 };

package/dist/index142.cjs

@@ -1 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=[];for(let i=0;i<256;++i)n.push((i+256).toString(16).slice(1));function c(i,u=0){return n[i[u+0]]+n[i[u+1]]+n[i[u+2]]+n[i[u+3]]+"-"+n[i[u+4]]+n[i[u+5]]+"-"+n[i[u+6]]+n[i[u+7]]+"-"+n[i[u+8]]+n[i[u+9]]+"-"+n[i[u+10]]+n[i[u+11]]+n[i[u+12]]+n[i[u+13]]+n[i[u+14]]+n[i[u+15]]}exports.unsafeStringify=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});/**
+ * @license lucide-react v0.563.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const o=t=>t.replace(/^([A-Z])|[\s-_]+(\w)/g,(s,a,e)=>e?e.toUpperCase():a.toLowerCase());exports.toCamelCase=o;

package/dist/index142.js

@@ -1,9 +1,13 @@
-const i = [];
-for (let n = 0; n < 256; ++n)
-  i.push((n + 256).toString(16).slice(1));
-function c(n, u = 0) {
-  return i[n[u + 0]] + i[n[u + 1]] + i[n[u + 2]] + i[n[u + 3]] + "-" + i[n[u + 4]] + i[n[u + 5]] + "-" + i[n[u + 6]] + i[n[u + 7]] + "-" + i[n[u + 8]] + i[n[u + 9]] + "-" + i[n[u + 10]] + i[n[u + 11]] + i[n[u + 12]] + i[n[u + 13]] + i[n[u + 14]] + i[n[u + 15]];
-}
+/**
+ * @license lucide-react v0.563.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const s = (a) => a.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (t, o, e) => e ? e.toUpperCase() : o.toLowerCase()
+);
 export {
-  c as unsafeStringify
+  s as toCamelCase
 };

package/dist/index143.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./index128.cjs"),t=require("./index197.cjs");var e=t.__require();const o=r.getDefaultExportFromCjs(e);exports.default=o;exports.libExports=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./index141.cjs"),t=require("./index186.cjs");var e=t.__require();const o=r.getDefaultExportFromCjs(e);exports.default=o;exports.libExports=e;

package/dist/index143.js

@@ -1,5 +1,5 @@
-import { getDefaultExportFromCjs as r } from "./index128.js";
-import { __require as t } from "./index197.js";
+import { getDefaultExportFromCjs as r } from "./index141.js";
+import { __require as t } from "./index186.js";
 var e = t();
 const i = /* @__PURE__ */ r(e);
 export {

package/dist/index153.cjs

@@ -1 +1 @@
-"use strict";const e=require("./index128.cjs"),r=require("./index192.cjs");var s=r.__require();const o=e.getDefaultExportFromCjs(s);module.exports=o;
+"use strict";const e=require("./index141.cjs"),r=require("./index181.cjs");var s=r.__require();const o=e.getDefaultExportFromCjs(s);module.exports=o;

package/dist/index153.js

@@ -1,5 +1,5 @@
-import { getDefaultExportFromCjs as r } from "./index128.js";
-import { __require as o } from "./index192.js";
+import { getDefaultExportFromCjs as r } from "./index141.js";
+import { __require as o } from "./index181.js";
 var p = /* @__PURE__ */ o();
 const s = /* @__PURE__ */ r(p);
 export {

package/dist/index154.cjs

@@ -1 +1 @@
-"use strict";const t=require("./index205.cjs"),c=require("./index206.cjs");var i=c(function(e,r,s){t(e,r,s)});module.exports=i;
+"use strict";const t=require("./index194.cjs"),c=require("./index195.cjs");var i=c(function(e,r,s){t(e,r,s)});module.exports=i;

package/dist/index154.js

@@ -1,5 +1,5 @@
-import t from "./index205.js";
-import a from "./index206.js";
+import t from "./index194.js";
+import a from "./index195.js";
 var i = a(function(e, r, o) {
   t(e, r, o);
 });

package/dist/index155.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index94.cjs"),c=require("./index207.cjs");var f=function(r){var o=["r","g","b","a","h","s","l","v"],i=0,t=0;return c(o,function(e){if(r[e]&&(i+=1,isNaN(r[e])||(t+=1),e==="s"||e==="l")){var s=/^\d+%$/;s.test(r[e])&&(t+=1)}}),i===t?r:!1},v=function(r,o){var i=r.hex?a(r.hex):a(r),t=i.toHsl(),e=i.toHsv(),s=i.toRgb(),l=i.toHex();t.s===0&&(t.h=o||0,e.h=o||0);var g=l==="000000"&&s.a===0;return{hsl:t,hex:g?"transparent":"#"+l,rgb:s,hsv:e,oldHue:r.h||o||t.h,source:r.source}},u=function(r){if(r==="transparent")return!0;var o=String(r).charAt(0)==="#"?1:0;return r.length!==4+o&&r.length<7+o&&a(r).isValid()},h=function(r){if(!r)return"#fff";var o=v(r);if(o.hex==="transparent")return"rgba(0,0,0,0.4)";var i=(o.rgb.r*299+o.rgb.g*587+o.rgb.b*114)/1e3;return i>=128?"#000":"#fff"},C=function(r,o){var i=r.replace("°","");return a(o+" ("+i+")")._ok};exports.getContrastingColor=h;exports.isValidHex=u;exports.isvalidColorString=C;exports.simpleCheckForValidColor=f;exports.toState=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index97.cjs"),c=require("./index196.cjs");var f=function(r){var o=["r","g","b","a","h","s","l","v"],i=0,t=0;return c(o,function(e){if(r[e]&&(i+=1,isNaN(r[e])||(t+=1),e==="s"||e==="l")){var s=/^\d+%$/;s.test(r[e])&&(t+=1)}}),i===t?r:!1},v=function(r,o){var i=r.hex?a(r.hex):a(r),t=i.toHsl(),e=i.toHsv(),s=i.toRgb(),l=i.toHex();t.s===0&&(t.h=o||0,e.h=o||0);var g=l==="000000"&&s.a===0;return{hsl:t,hex:g?"transparent":"#"+l,rgb:s,hsv:e,oldHue:r.h||o||t.h,source:r.source}},u=function(r){if(r==="transparent")return!0;var o=String(r).charAt(0)==="#"?1:0;return r.length!==4+o&&r.length<7+o&&a(r).isValid()},h=function(r){if(!r)return"#fff";var o=v(r);if(o.hex==="transparent")return"rgba(0,0,0,0.4)";var i=(o.rgb.r*299+o.rgb.g*587+o.rgb.b*114)/1e3;return i>=128?"#000":"#fff"},C=function(r,o){var i=r.replace("°","");return a(o+" ("+i+")")._ok};exports.getContrastingColor=h;exports.isValidHex=u;exports.isvalidColorString=C;exports.simpleCheckForValidColor=f;exports.toState=v;

package/dist/index155.js

@@ -1,5 +1,5 @@
-import s from "./index94.js";
-import l from "./index207.js";
+import s from "./index97.js";
+import l from "./index196.js";
 var u = function(r) {
   var o = ["r", "g", "b", "a", "h", "s", "l", "v"], i = 0, n = 0;
   return l(o, function(t) {

package/dist/index156.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),u=require("./index143.cjs"),s=require("./index157.cjs");require("./index144.cjs");require("./index145.cjs");require("./index146.cjs");require("./index147.cjs");require("./index148.cjs");require("./index149.cjs");require("./index94.cjs");const n=require("./index151.cjs");var a=function(e){var c=e.colors,i=e.onClick,l=e.onSwatchHover,t=u.default({default:{swatches:{marginRight:"-10px"},swatch:{width:"22px",height:"22px",float:"left",marginRight:"10px",marginBottom:"10px",borderRadius:"4px"},clear:{clear:"both"}}});return o.createElement("div",{style:t.swatches},s(c,function(r){return o.createElement(n.default,{key:r,color:r,style:t.swatch,onClick:i,onHover:l,focusStyle:{boxShadow:"0 0 4px "+r}})}),o.createElement("div",{style:t.clear}))};exports.BlockSwatches=a;exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),u=require("./index143.cjs"),s=require("./index157.cjs");require("./index144.cjs");require("./index145.cjs");require("./index146.cjs");require("./index147.cjs");require("./index148.cjs");require("./index149.cjs");require("./index97.cjs");const n=require("./index151.cjs");var a=function(e){var c=e.colors,i=e.onClick,l=e.onSwatchHover,t=u.default({default:{swatches:{marginRight:"-10px"},swatch:{width:"22px",height:"22px",float:"left",marginRight:"10px",marginBottom:"10px",borderRadius:"4px"},clear:{clear:"both"}}});return o.createElement("div",{style:t.swatches},s(c,function(r){return o.createElement(n.default,{key:r,color:r,style:t.swatch,onClick:i,onHover:l,focusStyle:{boxShadow:"0 0 4px "+r}})}),o.createElement("div",{style:t.clear}))};exports.BlockSwatches=a;exports.default=a;

package/dist/index156.js

@@ -7,7 +7,7 @@ import "./index146.js";
 import "./index147.js";
 import "./index148.js";
 import "./index149.js";
-import "./index94.js";
+import "./index97.js";
 import p from "./index151.js";
 var y = function(t) {
   var a = t.colors, c = t.onClick, i = t.onSwatchHover, o = l({

package/dist/index157.cjs

@@ -1 +1 @@
-"use strict";const s=require("./index208.cjs"),t=require("./index209.cjs"),u=require("./index210.cjs"),n=require("./index211.cjs");function i(r,e){var a=n(r)?s:u;return a(r,t(e))}module.exports=i;
+"use strict";const s=require("./index197.cjs"),t=require("./index198.cjs"),u=require("./index199.cjs"),n=require("./index200.cjs");function i(r,e){var a=n(r)?s:u;return a(r,t(e))}module.exports=i;

package/dist/index157.js

@@ -1,7 +1,7 @@
-import t from "./index208.js";
-import o from "./index209.js";
-import p from "./index210.js";
-import e from "./index211.js";
+import t from "./index197.js";
+import o from "./index198.js";
+import p from "./index199.js";
+import e from "./index200.js";
 function n(r, a) {
   var m = e(r) ? t : p;
   return m(r, o(a));

package/dist/index159.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),l=require("./index143.cjs");require("./index144.cjs");require("./index145.cjs");require("./index146.cjs");require("./index147.cjs");require("./index148.cjs");require("./index149.cjs");require("./index94.cjs");const S=require("./index151.cjs");var a=function(e){var r=e.color,n=e.onClick,s=e.onSwatchHover,h=e.hover,u=e.active,t=e.circleSize,i=e.circleSpacing,c=l.default({default:{swatch:{width:t,height:t,marginRight:i,marginBottom:i,transform:"scale(1)",transition:"100ms transform ease"},Swatch:{borderRadius:"50%",background:"transparent",boxShadow:"inset 0 0 0 "+(t/2+1)+"px "+r,transition:"100ms box-shadow ease"}},hover:{swatch:{transform:"scale(1.2)"}},active:{Swatch:{boxShadow:"inset 0 0 0 3px "+r}}},{hover:h,active:u});return o.createElement("div",{style:c.swatch},o.createElement(S.default,{style:c.Swatch,color:r,onClick:n,onHover:s,focusStyle:{boxShadow:c.Swatch.boxShadow+", 0 0 5px "+r}}))};a.defaultProps={circleSize:28,circleSpacing:14};const d=l.libExports.handleHover(a);exports.CircleSwatch=a;exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),l=require("./index143.cjs");require("./index144.cjs");require("./index145.cjs");require("./index146.cjs");require("./index147.cjs");require("./index148.cjs");require("./index149.cjs");require("./index97.cjs");const S=require("./index151.cjs");var a=function(e){var r=e.color,n=e.onClick,s=e.onSwatchHover,h=e.hover,u=e.active,t=e.circleSize,i=e.circleSpacing,c=l.default({default:{swatch:{width:t,height:t,marginRight:i,marginBottom:i,transform:"scale(1)",transition:"100ms transform ease"},Swatch:{borderRadius:"50%",background:"transparent",boxShadow:"inset 0 0 0 "+(t/2+1)+"px "+r,transition:"100ms box-shadow ease"}},hover:{swatch:{transform:"scale(1.2)"}},active:{Swatch:{boxShadow:"inset 0 0 0 3px "+r}}},{hover:h,active:u});return o.createElement("div",{style:c.swatch},o.createElement(S.default,{style:c.Swatch,color:r,onClick:n,onHover:s,focusStyle:{boxShadow:c.Swatch.boxShadow+", 0 0 5px "+r}}))};a.defaultProps={circleSize:28,circleSpacing:14};const d=l.libExports.handleHover(a);exports.CircleSwatch=a;exports.default=d;

package/dist/index159.js

@@ -6,7 +6,7 @@ import "./index146.js";
 import "./index147.js";
 import "./index148.js";
 import "./index149.js";
-import "./index94.js";
+import "./index97.js";
 import p from "./index151.js";
 var i = function(t) {
   var o = t.color, l = t.onClick, n = t.onSwatchHover, s = t.hover, h = t.active, a = t.circleSize, c = t.circleSpacing, r = m({

package/dist/index16.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index54.cjs"),c=require("./index55.cjs"),d=require("./index5.cjs");r.extend(c);var A=(e=>(e.TODAY="TODAY",e.YESTERDAY="YESTERDAY",e.THIS_WEEK="THIS_WEEK",e.LAST_WEEK="LAST_WEEK",e.THIS_MONTH="THIS_MONTH",e.LAST_MONTH="LAST_MONTH",e.LAST_7_DAYS="LAST_7_DAYS",e.LAST_30_DAYS="LAST_30_DAYS",e.LAST_3_MONTHS="LAST_3_MONTHS",e.THIS_YEAR="THIS_YEAR",e.PICKER="PICKER",e))(A||{});class T{static isShortcut(a){return a!=="PICKER"}static getShortcutRange(a){const t=r();switch(a){case"TODAY":return[t.startOf("day"),t.endOf("day")];case"YESTERDAY":{const s=t.subtract(1,"day");return[s.startOf("day"),s.endOf("day")]}case"THIS_WEEK":return[t.startOf("isoWeek"),t.endOf("day")];case"LAST_WEEK":{const s=t.subtract(1,"week");return[s.startOf("isoWeek"),s.endOf("isoWeek")]}case"THIS_MONTH":return[t.startOf("month"),t.endOf("day")];case"LAST_MONTH":{const s=t.subtract(1,"month");return[s.startOf("month"),s.endOf("month")]}case"LAST_7_DAYS":return[t.subtract(6,"day").startOf("day"),t.endOf("day")];case"LAST_30_DAYS":return[t.subtract(29,"day").startOf("day"),t.endOf("day")];case"LAST_3_MONTHS":return[t.subtract(2,"month").startOf("month"),t.endOf("day")];case"THIS_YEAR":return[t.startOf("year"),t.endOf("day")];case"PICKER":default:return}}static getShortcutLabel(a){const t=d.coreTranslations.datePicker;switch(a){case"TODAY":return t.today;case"YESTERDAY":return t.yesterday;case"THIS_WEEK":return t.thisWeek;case"LAST_WEEK":return t.lastWeek;case"THIS_MONTH":return t.thisMonth;case"LAST_MONTH":return t.lastMonth;case"LAST_7_DAYS":return t.last7Days;case"LAST_30_DAYS":return t.last30Days;case"LAST_3_MONTHS":return t.last3Months;case"THIS_YEAR":return t.thisYear;case"PICKER":default:return t.custom}}static getDateValue(a){const t=a;if(t&&typeof t=="object"&&"dateRange"in((t==null?void 0:t.value)??{})){const s=t.value.dateRange,n=r(parseInt(s==null?void 0:s[0])),S=r(parseInt(s==null?void 0:s[1]));if(n.isValid()&&S.isValid())return[n,S]}if(Array.isArray(a)&&a.length===1&&T.isShortcut(a[0]))return T.getShortcutRange(a[0]);if(Array.isArray(a)&&a.length===2){const s=r(parseInt(a[0])),n=r(parseInt(a[1]));if(s.isValid()&&n.isValid())return[s,n]}}}exports.DateFilterPickerHelpers=T;exports.DateFilterPickerShortcutEnum=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index56.cjs"),c=require("./index57.cjs"),d=require("./index5.cjs");r.extend(c);var A=(e=>(e.TODAY="TODAY",e.YESTERDAY="YESTERDAY",e.THIS_WEEK="THIS_WEEK",e.LAST_WEEK="LAST_WEEK",e.THIS_MONTH="THIS_MONTH",e.LAST_MONTH="LAST_MONTH",e.LAST_7_DAYS="LAST_7_DAYS",e.LAST_30_DAYS="LAST_30_DAYS",e.LAST_3_MONTHS="LAST_3_MONTHS",e.THIS_YEAR="THIS_YEAR",e.PICKER="PICKER",e))(A||{});class T{static isShortcut(a){return a!=="PICKER"}static getShortcutRange(a){const t=r();switch(a){case"TODAY":return[t.startOf("day"),t.endOf("day")];case"YESTERDAY":{const s=t.subtract(1,"day");return[s.startOf("day"),s.endOf("day")]}case"THIS_WEEK":return[t.startOf("isoWeek"),t.endOf("day")];case"LAST_WEEK":{const s=t.subtract(1,"week");return[s.startOf("isoWeek"),s.endOf("isoWeek")]}case"THIS_MONTH":return[t.startOf("month"),t.endOf("day")];case"LAST_MONTH":{const s=t.subtract(1,"month");return[s.startOf("month"),s.endOf("month")]}case"LAST_7_DAYS":return[t.subtract(6,"day").startOf("day"),t.endOf("day")];case"LAST_30_DAYS":return[t.subtract(29,"day").startOf("day"),t.endOf("day")];case"LAST_3_MONTHS":return[t.subtract(2,"month").startOf("month"),t.endOf("day")];case"THIS_YEAR":return[t.startOf("year"),t.endOf("day")];case"PICKER":default:return}}static getShortcutLabel(a){const t=d.coreTranslations.datePicker;switch(a){case"TODAY":return t.today;case"YESTERDAY":return t.yesterday;case"THIS_WEEK":return t.thisWeek;case"LAST_WEEK":return t.lastWeek;case"THIS_MONTH":return t.thisMonth;case"LAST_MONTH":return t.lastMonth;case"LAST_7_DAYS":return t.last7Days;case"LAST_30_DAYS":return t.last30Days;case"LAST_3_MONTHS":return t.last3Months;case"THIS_YEAR":return t.thisYear;case"PICKER":default:return t.custom}}static getDateValue(a){const t=a;if(t&&typeof t=="object"&&"dateRange"in((t==null?void 0:t.value)??{})){const s=t.value.dateRange,n=r(parseInt(s==null?void 0:s[0])),S=r(parseInt(s==null?void 0:s[1]));if(n.isValid()&&S.isValid())return[n,S]}if(Array.isArray(a)&&a.length===1&&T.isShortcut(a[0]))return T.getShortcutRange(a[0]);if(Array.isArray(a)&&a.length===2){const s=r(parseInt(a[0])),n=r(parseInt(a[1]));if(s.isValid()&&n.isValid())return[s,n]}}}exports.DateFilterPickerHelpers=T;exports.DateFilterPickerShortcutEnum=A;

package/dist/index16.js

@@ -1,5 +1,5 @@
-import n from "./index54.js";
-import S from "./index55.js";
+import n from "./index56.js";
+import S from "./index57.js";
 import { coreTranslations as _ } from "./index5.js";
 n.extend(S);
 var d = /* @__PURE__ */ ((r) => (r.TODAY = "TODAY", r.YESTERDAY = "YESTERDAY", r.THIS_WEEK = "THIS_WEEK", r.LAST_WEEK = "LAST_WEEK", r.THIS_MONTH = "THIS_MONTH", r.LAST_MONTH = "LAST_MONTH", r.LAST_7_DAYS = "LAST_7_DAYS", r.LAST_30_DAYS = "LAST_30_DAYS", r.LAST_3_MONTHS = "LAST_3_MONTHS", r.THIS_YEAR = "THIS_YEAR", r.PICKER = "PICKER", r))(d || {});

package/dist/index160.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),u=require("./index143.cjs"),f=require("./index155.cjs"),h=require("./index212.cjs");require("./index144.cjs");require("./index145.cjs");const o=require("./index146.cjs");require("./index147.cjs");require("./index148.cjs");require("./index149.cjs");require("./index151.cjs");const g=require("./index213.cjs");var b=(function(){function n(l,r){for(var t=0;t<r.length;t++){var e=r[t];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in e&&(e.writable=!0),Object.defineProperty(l,e.key,e)}}return function(l,r,t){return r&&n(l.prototype,r),t&&n(l,t),l}})();function c(n,l){if(!(n instanceof l))throw new TypeError("Cannot call a class as a function")}function d(n,l){if(!n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return l&&(typeof l=="object"||typeof l=="function")?l:n}function v(n,l){if(typeof l!="function"&&l!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof l);n.prototype=Object.create(l&&l.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),l&&(Object.setPrototypeOf?Object.setPrototypeOf(n,l):n.__proto__=l)}var a=(function(n){v(l,n);function l(r){c(this,l);var t=d(this,(l.__proto__||Object.getPrototypeOf(l)).call(this));return t.toggleViews=function(){t.state.view==="hex"?t.setState({view:"rgb"}):t.state.view==="rgb"?t.setState({view:"hsl"}):t.state.view==="hsl"&&(t.props.hsl.a===1?t.setState({view:"hex"}):t.setState({view:"rgb"}))},t.handleChange=function(e,s){e.hex?f.isValidHex(e.hex)&&t.props.onChange({hex:e.hex,source:"hex"},s):e.r||e.g||e.b?t.props.onChange({r:e.r||t.props.rgb.r,g:e.g||t.props.rgb.g,b:e.b||t.props.rgb.b,source:"rgb"},s):e.a?(e.a<0?e.a=0:e.a>1&&(e.a=1),t.props.onChange({h:t.props.hsl.h,s:t.props.hsl.s,l:t.props.hsl.l,a:Math.round(e.a*100)/100,source:"rgb"},s)):(e.h||e.s||e.l)&&(typeof e.s=="string"&&e.s.includes("%")&&(e.s=e.s.replace("%","")),typeof e.l=="string"&&e.l.includes("%")&&(e.l=e.l.replace("%","")),e.s==1?e.s=.01:e.l==1&&(e.l=.01),t.props.onChange({h:e.h||t.props.hsl.h,s:Number(h(e.s)?t.props.hsl.s:e.s),l:Number(h(e.l)?t.props.hsl.l:e.l),source:"hsl"},s))},t.showHighlight=function(e){e.currentTarget.style.background="#eee"},t.hideHighlight=function(e){e.currentTarget.style.background="transparent"},r.hsl.a!==1&&r.view==="hex"?t.state={view:"rgb"}:t.state={view:r.view},t}return b(l,[{key:"render",value:function(){var t=this,e=u.default({default:{wrap:{paddingTop:"16px",display:"flex"},fields:{flex:"1",display:"flex",marginLeft:"-6px"},field:{paddingLeft:"6px",width:"100%"},alpha:{paddingLeft:"6px",width:"100%"},toggle:{width:"32px",textAlign:"right",position:"relative"},icon:{marginRight:"-4px",marginTop:"12px",cursor:"pointer",position:"relative"},iconHighlight:{position:"absolute",width:"24px",height:"28px",background:"#eee",borderRadius:"4px",top:"10px",left:"12px",display:"none"},input:{fontSize:"11px",color:"#333",width:"100%",borderRadius:"2px",border:"none",boxShadow:"inset 0 0 0 1px #dadada",height:"21px",textAlign:"center"},label:{textTransform:"uppercase",fontSize:"11px",lineHeight:"11px",color:"#969696",textAlign:"center",display:"block",marginTop:"12px"},svg:{fill:"#333",width:"24px",height:"24px",border:"1px transparent solid",borderRadius:"5px"}},disableAlpha:{alpha:{display:"none"}}},this.props,this.state),s=void 0;return this.state.view==="hex"?s=i.createElement("div",{style:e.fields,className:"flexbox-fix"},i.createElement("div",{style:e.field},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"hex",value:this.props.hex,onChange:this.handleChange}))):this.state.view==="rgb"?s=i.createElement("div",{style:e.fields,className:"flexbox-fix"},i.createElement("div",{style:e.field},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"r",value:this.props.rgb.r,onChange:this.handleChange})),i.createElement("div",{style:e.field},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"g",value:this.props.rgb.g,onChange:this.handleChange})),i.createElement("div",{style:e.field},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"b",value:this.props.rgb.b,onChange:this.handleChange})),i.createElement("div",{style:e.alpha},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"a",value:this.props.rgb.a,arrowOffset:.01,onChange:this.handleChange}))):this.state.view==="hsl"&&(s=i.createElement("div",{style:e.fields,className:"flexbox-fix"},i.createElement("div",{style:e.field},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"h",value:Math.round(this.props.hsl.h),onChange:this.handleChange})),i.createElement("div",{style:e.field},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"s",value:Math.round(this.props.hsl.s*100)+"%",onChange:this.handleChange})),i.createElement("div",{style:e.field},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"l",value:Math.round(this.props.hsl.l*100)+"%",onChange:this.handleChange})),i.createElement("div",{style:e.alpha},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"a",value:this.props.hsl.a,arrowOffset:.01,onChange:this.handleChange})))),i.createElement("div",{style:e.wrap,className:"flexbox-fix"},s,i.createElement("div",{style:e.toggle},i.createElement("div",{style:e.icon,onClick:this.toggleViews,ref:function(p){return t.icon=p}},i.createElement(g,{style:e.svg,onMouseOver:this.showHighlight,onMouseEnter:this.showHighlight,onMouseOut:this.hideHighlight}))))}}],[{key:"getDerivedStateFromProps",value:function(t,e){return t.hsl.a!==1&&e.view==="hex"?{view:"rgb"}:null}}]),l})(i.Component);a.defaultProps={view:"hex"};exports.ChromeFields=a;exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),u=require("./index143.cjs"),f=require("./index155.cjs"),h=require("./index201.cjs");require("./index144.cjs");require("./index145.cjs");const o=require("./index146.cjs");require("./index147.cjs");require("./index148.cjs");require("./index149.cjs");require("./index151.cjs");const g=require("./index202.cjs");var b=(function(){function n(l,r){for(var t=0;t<r.length;t++){var e=r[t];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in e&&(e.writable=!0),Object.defineProperty(l,e.key,e)}}return function(l,r,t){return r&&n(l.prototype,r),t&&n(l,t),l}})();function c(n,l){if(!(n instanceof l))throw new TypeError("Cannot call a class as a function")}function d(n,l){if(!n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return l&&(typeof l=="object"||typeof l=="function")?l:n}function v(n,l){if(typeof l!="function"&&l!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof l);n.prototype=Object.create(l&&l.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),l&&(Object.setPrototypeOf?Object.setPrototypeOf(n,l):n.__proto__=l)}var a=(function(n){v(l,n);function l(r){c(this,l);var t=d(this,(l.__proto__||Object.getPrototypeOf(l)).call(this));return t.toggleViews=function(){t.state.view==="hex"?t.setState({view:"rgb"}):t.state.view==="rgb"?t.setState({view:"hsl"}):t.state.view==="hsl"&&(t.props.hsl.a===1?t.setState({view:"hex"}):t.setState({view:"rgb"}))},t.handleChange=function(e,s){e.hex?f.isValidHex(e.hex)&&t.props.onChange({hex:e.hex,source:"hex"},s):e.r||e.g||e.b?t.props.onChange({r:e.r||t.props.rgb.r,g:e.g||t.props.rgb.g,b:e.b||t.props.rgb.b,source:"rgb"},s):e.a?(e.a<0?e.a=0:e.a>1&&(e.a=1),t.props.onChange({h:t.props.hsl.h,s:t.props.hsl.s,l:t.props.hsl.l,a:Math.round(e.a*100)/100,source:"rgb"},s)):(e.h||e.s||e.l)&&(typeof e.s=="string"&&e.s.includes("%")&&(e.s=e.s.replace("%","")),typeof e.l=="string"&&e.l.includes("%")&&(e.l=e.l.replace("%","")),e.s==1?e.s=.01:e.l==1&&(e.l=.01),t.props.onChange({h:e.h||t.props.hsl.h,s:Number(h(e.s)?t.props.hsl.s:e.s),l:Number(h(e.l)?t.props.hsl.l:e.l),source:"hsl"},s))},t.showHighlight=function(e){e.currentTarget.style.background="#eee"},t.hideHighlight=function(e){e.currentTarget.style.background="transparent"},r.hsl.a!==1&&r.view==="hex"?t.state={view:"rgb"}:t.state={view:r.view},t}return b(l,[{key:"render",value:function(){var t=this,e=u.default({default:{wrap:{paddingTop:"16px",display:"flex"},fields:{flex:"1",display:"flex",marginLeft:"-6px"},field:{paddingLeft:"6px",width:"100%"},alpha:{paddingLeft:"6px",width:"100%"},toggle:{width:"32px",textAlign:"right",position:"relative"},icon:{marginRight:"-4px",marginTop:"12px",cursor:"pointer",position:"relative"},iconHighlight:{position:"absolute",width:"24px",height:"28px",background:"#eee",borderRadius:"4px",top:"10px",left:"12px",display:"none"},input:{fontSize:"11px",color:"#333",width:"100%",borderRadius:"2px",border:"none",boxShadow:"inset 0 0 0 1px #dadada",height:"21px",textAlign:"center"},label:{textTransform:"uppercase",fontSize:"11px",lineHeight:"11px",color:"#969696",textAlign:"center",display:"block",marginTop:"12px"},svg:{fill:"#333",width:"24px",height:"24px",border:"1px transparent solid",borderRadius:"5px"}},disableAlpha:{alpha:{display:"none"}}},this.props,this.state),s=void 0;return this.state.view==="hex"?s=i.createElement("div",{style:e.fields,className:"flexbox-fix"},i.createElement("div",{style:e.field},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"hex",value:this.props.hex,onChange:this.handleChange}))):this.state.view==="rgb"?s=i.createElement("div",{style:e.fields,className:"flexbox-fix"},i.createElement("div",{style:e.field},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"r",value:this.props.rgb.r,onChange:this.handleChange})),i.createElement("div",{style:e.field},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"g",value:this.props.rgb.g,onChange:this.handleChange})),i.createElement("div",{style:e.field},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"b",value:this.props.rgb.b,onChange:this.handleChange})),i.createElement("div",{style:e.alpha},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"a",value:this.props.rgb.a,arrowOffset:.01,onChange:this.handleChange}))):this.state.view==="hsl"&&(s=i.createElement("div",{style:e.fields,className:"flexbox-fix"},i.createElement("div",{style:e.field},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"h",value:Math.round(this.props.hsl.h),onChange:this.handleChange})),i.createElement("div",{style:e.field},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"s",value:Math.round(this.props.hsl.s*100)+"%",onChange:this.handleChange})),i.createElement("div",{style:e.field},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"l",value:Math.round(this.props.hsl.l*100)+"%",onChange:this.handleChange})),i.createElement("div",{style:e.alpha},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"a",value:this.props.hsl.a,arrowOffset:.01,onChange:this.handleChange})))),i.createElement("div",{style:e.wrap,className:"flexbox-fix"},s,i.createElement("div",{style:e.toggle},i.createElement("div",{style:e.icon,onClick:this.toggleViews,ref:function(p){return t.icon=p}},i.createElement(g,{style:e.svg,onMouseOver:this.showHighlight,onMouseEnter:this.showHighlight,onMouseOut:this.hideHighlight}))))}}],[{key:"getDerivedStateFromProps",value:function(t,e){return t.hsl.a!==1&&e.view==="hex"?{view:"rgb"}:null}}]),l})(i.Component);a.defaultProps={view:"hex"};exports.ChromeFields=a;exports.default=a;