@ikas/core 1.0.1

package/dist/index17.js

@@ -0,0 +1,444 @@
+import { jsxs as o, jsx as t, Fragment as ge } from "react/jsx-runtime";
+import { useState as s, useRef as be, useEffect as W, useMemo as S, useCallback as y } from "react";
+import { observer as Ce } from "mobx-react-lite";
+import { toJS as v, reaction as q, action as w } from "mobx";
+import { Popover as d, Button as h, Tooltip as Fe, SimpleTabs as ye, SearchInput as xe } from "@ikas/ui";
+import { cn as N } from "./index3.js";
+import { FilterManager as H, ALL_TAB_UUID as J } from "./index14.js";
+import { FilterType as Te } from "./index15.js";
+import { FilterPopoverContent as Se } from "./index56.js";
+import { SaveFilterPopover as G } from "./index57.js";
+import { FilterInfoTag as we } from "./index18.js";
+import { DeleteFilterPopover as Ne } from "./index58.js";
+import { FilterSortModal as ke } from "./index59.js";
+import { ArrangableColumnsPopoverContent as Ae } from "./index60.js";
+import { coreTranslations as c } from "./index5.js";
+import Ie from "./index61.js";
+import Re from "./index62.js";
+import Pe from "./index63.js";
+function De(Q) {
+  var E;
+  const {
+    dataTableViewModel: l,
+    filterManagerModel: e,
+    customFilterSearchLeftContent: X,
+    customFilterSearchRightContent: k,
+    searchProps: i,
+    style: Y,
+    isVisibleSelectedView: Z,
+    customSelectedContent: $,
+    getClonedFilterManager: p,
+    setSelectedData: g,
+    filterPopoverPlacement: M
+  } = Q, [ee, A] = s(!1), [te, I] = s(!1), [re, R] = s(!1), [f, P] = s(null), [b, C] = s(null), [D, F] = s(!1), [le, m] = s(!1), [_, L] = s(!1), [O, x] = s(!1), [ie, V] = s(!1), [ne, j] = s(!0), B = be(!1);
+  W(() => {
+    e && !B.current && (P(
+      new H(e.toConfig())
+    ), C(
+      structuredClone(v(e.activeFilterTab))
+    ), B.current = !0);
+  }, [e]), W(() => {
+    if (!e || !f) return;
+    const r = q(
+      () => e.filters,
+      () => {
+        f && f.setFiltersFrom(e);
+      }
+    ), n = q(
+      () => e.activeFilterTabIndex,
+      () => {
+        C(
+          structuredClone(v(e.activeFilterTab))
+        );
+      }
+    );
+    return () => {
+      r(), n();
+    };
+  }, [e, f]);
+  const ae = S(() => i != null && i.onChange ? !0 : l ? l.isLocal ? !!l.searchIndex : !!l.onSearch : !1, [l, i == null ? void 0 : i.onChange]), oe = S(
+    () => (i == null ? void 0 : i.placeholder) || (l == null ? void 0 : l.searchPlaceholder) || c.datatable.searchTable,
+    [i == null ? void 0 : i.placeholder, l == null ? void 0 : l.searchPlaceholder]
+  ), se = (i == null ? void 0 : i.value) || (l == null ? void 0 : l.searchKeyword), ce = (i == null ? void 0 : i.isLoading) || (l == null ? void 0 : l.showLoader), me = y(
+    (r) => {
+      i != null && i.onChange ? i.onChange(r) : l == null || l.onSearchKeywordChange(r);
+    },
+    [i, l]
+  ), T = y(
+    w(
+      (r, n) => {
+        if (r && e) {
+          const u = new H(
+            e.toConfig()
+          );
+          P(u), p == null || p(u);
+        }
+        if (e && n) {
+          const u = n.displayedFilterTabs[n.activeFilterTabIndex].filterRows.filter((a) => {
+            var K;
+            const de = (K = e.filters.find(
+              (ve) => {
+                var z;
+                return ve.key === ((z = a.filterValue) == null ? void 0 : z.key);
+              }
+            )) == null ? void 0 : K.type;
+            return !!(Array.isArray(a.filterValue.value) && a.filterValue.value.length || a.filterValue.value && typeof a.filterValue.value == "object" && !Array.isArray(a.filterValue.value) && "dateRange" in a.filterValue.value || de === Te.NUMBER_INPUT);
+          });
+          e.displayedFilterTabs[e.activeFilterTabIndex].filterRows = u, e.onApplyClick();
+        }
+        A(r), r || p == null || p(null);
+      }
+    ),
+    [e, p]
+  ), he = y(
+    w((r) => {
+      m(!1), F(!1), (e == null ? void 0 : e.activeFilterTab.id) !== r && (e != null && e.activeFilterTab && e.activeFilterTab.id !== J && (e.activeFilterTab.filterRows = structuredClone(
+        v((b == null ? void 0 : b.filterRows) || [])
+      )), g == null || g([]), e == null || e.onFilterTabClick(r), A(!1), R(!1), j(!1), setTimeout(() => {
+        j(!0);
+      }, 0));
+    }),
+    [e, b, g]
+  ), pe = y(
+    w(() => {
+      e && (e.activeFilterTab.filterRows = [], e.hasChange = !0, R(!0), e.notifyChange());
+    }),
+    [e]
+  ), fe = () => {
+    var r, n;
+    return e ? !e.isAllTabSelected && re && e.hasChange && !((r = e.activeTabFilterRows) != null && r.length) ? /* @__PURE__ */ t(
+      h,
+      {
+        variant: "primary-ghost",
+        onClick: () => e.onFilterTabDelete(),
+        children: c.datatable.saveChanges
+      }
+    ) : (n = e.activeTabFilterRows) != null && n.length ? /* @__PURE__ */ o(ge, { children: [
+      e.isAllTabSelected && !!e.onTabSave && /* @__PURE__ */ t(
+        d,
+        {
+          trigger: "click",
+          onOpenChange: I,
+          placement: "bottom",
+          open: te,
+          content: /* @__PURE__ */ t(
+            G,
+            {
+              model: e,
+              onCancel: I
+            }
+          ),
+          popoverContentStyle: { padding: 0 },
+          children: /* @__PURE__ */ t(h, { variant: "primary-ghost", children: c.common.actions.save })
+        }
+      ),
+      !e.isAllTabSelected && e.hasChange && /* @__PURE__ */ t(
+        h,
+        {
+          variant: "primary-ghost",
+          onClick: () => {
+            C(
+              structuredClone(v(e.activeFilterTab))
+            ), e.onFilterTabSave(
+              e.activeFilterTab.title
+            );
+          },
+          children: c.datatable.saveChanges
+        }
+      )
+    ] }) : null : null;
+  }, ue = S(() => !e || !D ? null : /* @__PURE__ */ o("div", { className: "py-1.5 min-w-[180px]", children: [
+    /* @__PURE__ */ t(
+      d,
+      {
+        trigger: "click",
+        onOpenChange: (r) => L(r),
+        open: _,
+        content: /* @__PURE__ */ t(
+          G,
+          {
+            model: e,
+            isEdit: !0,
+            onCancel: (r) => {
+              r || (L(!1), setTimeout(() => {
+                m(!1);
+              }, 0));
+            },
+            onTabSave: () => {
+              C(
+                structuredClone(v(e.activeFilterTab))
+              ), setTimeout(() => {
+                m(!1);
+              }, 0);
+            }
+          }
+        ),
+        placement: "right",
+        popoverContentStyle: { padding: 0 },
+        showArrow: !1,
+        children: /* @__PURE__ */ t(
+          h,
+          {
+            variant: "ghost",
+            className: "w-full h-10 px-3 justify-start text-sm font-normal text-gray-blue-9 hover:bg-gray-blue-1 hover:text-gray-blue-9 border-0",
+            children: c.datatable.changeFilterName
+          }
+        )
+      }
+    ),
+    !!e.onSortChange && /* @__PURE__ */ t(
+      h,
+      {
+        variant: "ghost",
+        className: "w-full h-10 px-3 justify-start text-sm font-normal text-gray-blue-9 hover:bg-gray-blue-1 hover:text-gray-blue-9 border-0",
+        onClick: () => {
+          m(!1), V(!0);
+        },
+        children: c.datatable.filterSort
+      }
+    ),
+    /* @__PURE__ */ t(
+      d,
+      {
+        trigger: "click",
+        onOpenChange: (r) => x(r),
+        open: O,
+        content: /* @__PURE__ */ t(
+          Ne,
+          {
+            model: e,
+            onCancel: (r) => {
+              r || (x(!1), setTimeout(() => {
+                m(!1);
+              }, 0));
+            },
+            onDelete: () => {
+              x(!1), setTimeout(() => {
+                m(!1);
+              }, 0);
+            }
+          }
+        ),
+        placement: "right",
+        popoverContentStyle: { padding: 0 },
+        showArrow: !1,
+        children: /* @__PURE__ */ t(
+          h,
+          {
+            variant: "ghost",
+            className: "w-full h-10 px-3 justify-start text-sm font-normal text-error hover:bg-gray-blue-1 hover:text-error border-0",
+            children: c.datatable.deleteFilter
+          }
+        )
+      }
+    )
+  ] }), [
+    e,
+    D,
+    _,
+    O
+  ]), U = (() => {
+    if (!e || e.displayedFilterTabs.length <= 1)
+      return null;
+    const r = e.activeFilterTab.id;
+    return e.displayedFilterTabs.map((n) => {
+      const u = n.id === r && n.id !== J;
+      return {
+        key: n.id,
+        tab: ne && u ? /* @__PURE__ */ t(
+          d,
+          {
+            trigger: "click",
+            content: ue,
+            open: le,
+            onOpenChange: (a) => {
+              a && e.hasChange || (a && F(!0), setTimeout(() => {
+                m(a);
+              }, 0));
+            },
+            placement: "bottomLeft",
+            popoverContentStyle: { padding: "0 6px" },
+            showArrow: !1,
+            align: { offset: [0, 5] },
+            children: /* @__PURE__ */ o(
+              "div",
+              {
+                className: "flex items-center gap-1.5 h-full",
+                onContextMenu: (a) => {
+                  a.preventDefault(), e.hasChange || (F(!0), m(!0));
+                },
+                onClick: () => {
+                  e.hasChange || (F(!0), m(!0));
+                },
+                children: [
+                  n.title,
+                  /* @__PURE__ */ t(
+                    Fe,
+                    {
+                      title: e.hasChange ? c.datatable.pleaseSaveChanges : null,
+                      children: /* @__PURE__ */ t(
+                        "span",
+                        {
+                          className: N(
+                            "inline-flex items-center",
+                            e.hasChange ? "cursor-not-allowed" : "cursor-pointer"
+                          ),
+                          style: {
+                            opacity: e.hasChange ? 0.5 : 1
+                          },
+                          children: /* @__PURE__ */ t(Ie, { className: "h-3 w-3 text-gray-blue-6" })
+                        }
+                      )
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        ) : /* @__PURE__ */ t("div", { className: "flex items-center gap-1.5 h-full", children: n.title }),
+        children: null
+      };
+    });
+  })();
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: "ikas-datatable-filter-search sticky left-0 z-[5] w-full flex flex-col",
+      style: Y,
+      children: [
+        /* @__PURE__ */ o(
+          "div",
+          {
+            className: N(
+              "flex flex-col",
+              !(e != null && e.activeTabFilterRows.length) && "mb-4"
+            ),
+            children: [
+              U && e && /* @__PURE__ */ t(
+                "div",
+                {
+                  className: N(
+                    e.animateTabsOnLoad && "overflow-hidden animate-tabs-appear"
+                  ),
+                  children: /* @__PURE__ */ t(
+                    ye,
+                    {
+                      items: U,
+                      activeKey: e.activeFilterTab.id,
+                      onChange: he,
+                      size: "sm",
+                      className: "[&_[role=tablist]]:border-b-0 [&_[role=tablist]]:gap-6 [&_[role=tab]]:text-sm [&_[role=tab]]:h-8"
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ o("div", { className: "flex items-center justify-between gap-2 filter-and-search", children: [
+                /* @__PURE__ */ o("div", { className: "flex items-center gap-2 flex-1 min-w-0 filter-and-search__left", children: [
+                  Z ? $ : null,
+                  ae && /* @__PURE__ */ t("div", { className: "w-[300px] flex-shrink-0", children: /* @__PURE__ */ t(
+                    xe,
+                    {
+                      placeholder: oe,
+                      value: se || "",
+                      onChange: me,
+                      isLoading: !!ce
+                    }
+                  ) }),
+                  !!e && !!e.showFilterButton && !!f && /* @__PURE__ */ t(
+                    d,
+                    {
+                      trigger: "click",
+                      content: /* @__PURE__ */ t(
+                        Se,
+                        {
+                          model: f,
+                          originalModel: e,
+                          onHidePopoverContent: T,
+                          onPopoverApplyClick: T
+                        }
+                      ),
+                      open: ee,
+                      onOpenChange: (r) => T(r),
+                      placement: M || "bottom",
+                      popoverContentStyle: { padding: 0 },
+                      children: /* @__PURE__ */ o(
+                        h,
+                        {
+                          icon: /* @__PURE__ */ t(Re, { className: "h-4 w-4 -mr-0.5 text-gray-blue" }),
+                          children: [
+                            /* @__PURE__ */ t("span", { className: "text-gray-blue-9", children: c.common.field.filter }),
+                            !!((E = e.activeTabFilterRows) != null && E.length) && /* @__PURE__ */ o("span", { className: "text-gray-blue-6 ml-0.5", children: [
+                              "(",
+                              e.activeTabFilterRows.length,
+                              ")"
+                            ] })
+                          ]
+                        }
+                      )
+                    }
+                  ),
+                  fe(),
+                  X
+                ] }),
+                (!!k || !!(l != null && l.hasArrangableColumn)) && /* @__PURE__ */ o("div", { className: "flex items-center gap-2 filter-and-search__right", children: [
+                  k,
+                  (l == null ? void 0 : l.hasArrangableColumn) && /* @__PURE__ */ t(
+                    d,
+                    {
+                      trigger: "click",
+                      placement: "bottomRight",
+                      content: /* @__PURE__ */ t(
+                        Ae,
+                        {
+                          model: l
+                        }
+                      ),
+                      popoverContentStyle: { padding: 0 },
+                      children: /* @__PURE__ */ t(
+                        h,
+                        {
+                          square: !0,
+                          icon: /* @__PURE__ */ t(Pe, { className: "h-4 w-4 text-gray-blue" })
+                        }
+                      )
+                    }
+                  )
+                ] })
+              ] })
+            ]
+          }
+        ),
+        !!e && !!e.activeTabFilterRows.length && /* @__PURE__ */ o("div", { className: "flex gap-1 mt-3 mb-4 overflow-x-auto flex-wrap", children: [
+          e.activeTabFilterRows.map((r) => /* @__PURE__ */ t(
+            we,
+            {
+              filterRow: r,
+              model: e
+            },
+            r.rowId
+          )),
+          /* @__PURE__ */ t(
+            "span",
+            {
+              className: "inline-flex items-center min-h-[24px] px-[5px] py-0.5 text-xs leading-[18px] font-medium bg-white rounded text-[var(--purple)] cursor-pointer select-none",
+              onClick: pe,
+              children: c.datatable.clear
+            }
+          )
+        ] }),
+        !!e && /* @__PURE__ */ t(
+          ke,
+          {
+            model: e,
+            open: ie,
+            onClose: () => V(!1)
+          }
+        )
+      ]
+    }
+  );
+}
+const Ze = Ce(De);
+export {
+  Ze as FilterAndSearch
+};

package/dist/index170.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react"),h=require("./index139.cjs"),c=require("./index200.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;

package/dist/index170.js

@@ -0,0 +1,82 @@
+import t from "react";
+import i from "./index139.js";
+import { SliderSwatch as c } from "./index200.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"
+      }
+    }
+  }), 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 })
+  );
+};
+export {
+  m as SliderSwatches,
+  m as default
+};

package/dist/index171.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react"),i=require("./index139.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/index171.js

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

package/dist/index172.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),s=require("./index139.cjs"),p=require("./index153.cjs"),v=require("./index201.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/index172.js

@@ -0,0 +1,35 @@
+import a from "react";
+import l from "./index139.js";
+import m from "./index153.js";
+import { SwatchesColor as u } from "./index201.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"
+      }
+    }
+  });
+  return a.createElement(
+    "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
+      });
+    })
+  );
+};
+export {
+  w as SwatchesGroup,
+  w as default
+};

package/dist/index173.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),n=require("./index139.cjs"),e=require("./index149.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/index173.js

@@ -0,0 +1,33 @@
+import l from "react";
+import a from "./index139.js";
+import r from "./index149.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) + "%)"
+      }
+    }
+  });
+  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 {
+  t as GooglePointerCircle,
+  t as default
+};

package/dist/index174.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),s=require("./index139.cjs"),e=require("./index149.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/index174.js

@@ -0,0 +1,33 @@
+import a from "react";
+import p from "./index139.js";
+import r from "./index149.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 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 {
+  e as GooglePointer,
+  e as default
+};

package/dist/index175.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),v=require("./index139.cjs"),b=require("./index151.cjs");require("./index140.cjs");require("./index141.cjs");const d=require("./index142.cjs");require("./index143.cjs");require("./index144.cjs");require("./index145.cjs");require("./index147.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;