@ikas/core 1.0.1

package/dist/index14.js

@@ -0,0 +1,452 @@
+var A = Object.defineProperty;
+var S = (u, e, t) => e in u ? A(u, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[e] = t;
+var r = (u, e, t) => S(u, typeof e != "symbol" ? e + "" : e, t);
+import { action as s, makeObservable as I, toJS as f, observable as n, computed as c } from "mobx";
+import { message as m } from "@ikas/ui";
+import { coreTranslations as T } from "./index5.js";
+import { DateFilterPickerShortcutEnum as D } from "./index16.js";
+import { FilterType as b, FilterConditionEnum as d } from "./index15.js";
+import F from "./index48.js";
+var O = Object.defineProperty, E = Object.getOwnPropertyDescriptor, i = (u, e, t, o) => {
+  for (var a = o > 1 ? void 0 : o ? E(e, t) : e, p = u.length - 1, y; p >= 0; p--)
+    (y = u[p]) && (a = (o ? y(e, t, a) : y(a)) || a);
+  return o && a && O(e, t, a), a;
+};
+const w = "all", v = "undefined";
+class h {
+  constructor(e) {
+    r(this, "key");
+    r(this, "type");
+    r(this, "title");
+    r(this, "placeholder");
+    r(this, "options");
+    r(this, "onSearch");
+    r(this, "isLoading");
+    r(this, "onChange");
+    r(this, "isProductFilter");
+    r(this, "isCategoryFilter");
+    r(this, "isDynamicNotFound");
+    r(this, "filterConditionOptions");
+    this.key = e.key, this.type = e.type, this.title = e.title, this.placeholder = e.placeholder ?? null, this.options = e.options ?? null, this.isLoading = e.isLoading ?? null, this.onSearch = e.onSearch ?? null, this.onChange = e.onChange ?? null, this.isProductFilter = e.isProductFilter ?? !1, this.isCategoryFilter = e.isCategoryFilter ?? !1, this.isDynamicNotFound = e.isDynamicNotFound ?? !1, this.filterConditionOptions = e.filterConditionOptions ?? null, I(this);
+  }
+}
+i([
+  n
+], h.prototype, "key", 2);
+i([
+  n
+], h.prototype, "type", 2);
+i([
+  n
+], h.prototype, "title", 2);
+i([
+  n
+], h.prototype, "placeholder", 2);
+i([
+  n
+], h.prototype, "options", 2);
+i([
+  n
+], h.prototype, "onSearch", 2);
+i([
+  n
+], h.prototype, "isLoading", 2);
+i([
+  n
+], h.prototype, "onChange", 2);
+i([
+  n
+], h.prototype, "isProductFilter", 2);
+i([
+  n
+], h.prototype, "isCategoryFilter", 2);
+i([
+  n
+], h.prototype, "isDynamicNotFound", 2);
+i([
+  n
+], h.prototype, "filterConditionOptions", 2);
+class l {
+  constructor(e) {
+    r(this, "id", "");
+    r(this, "filters", []);
+    r(this, "filterTabs", []);
+    r(this, "showFilterButton", !0);
+    r(this, "isTabsLoading", !1);
+    r(this, "animateTabsOnLoad", !1);
+    r(this, "activeFilterTabIndex", 0);
+    r(this, "hasChange", !1);
+    r(this, "searchKeyword", "");
+    r(this, "allTab");
+    r(this, "locale", null);
+    r(this, "onChange");
+    r(this, "onTabSave");
+    r(this, "onTabDelete");
+    r(this, "onTabChange");
+    r(this, "onSortChange");
+    r(this, "notifyDataTable");
+    this.id = e.id, this.activeFilterTabIndex = e.activeFilterTabIndex ?? 0, this.filters = e.filters.map((t) => new h(t)), this.locale = e.locale ?? null, this.onChange = e.onChange ?? null, this.onTabSave = e.onTabSave ?? null, this.onTabDelete = e.onTabDelete ?? null, this.onTabChange = e.onTabChange ?? null, this.onSortChange = e.onSortChange ?? null, this.showFilterButton = e.showFilterButton ?? !0, this.allTab = e.allTab ?? this.createAllFilterTab(), this.filterTabs = e.filterTabs ?? [], this.filterTabs.forEach((t) => {
+      t.values && (t.filterRows = t.values.map((o) => ({
+        filterValue: {
+          condition: o.condition,
+          value: o.value,
+          key: o.key
+        },
+        rowId: F()
+      })));
+    }), I(this), this.validateFilterUniqueness();
+  }
+  onFilterTabClick(e) {
+    const t = this.displayedFilterTabs.findIndex(
+      (o) => o.id === e
+    );
+    t !== this.activeFilterTabIndex && (this.setActiveTabIndex(t), this.hasChange = !1, this.notifyChange());
+  }
+  setActiveTabIndex(e) {
+    var t;
+    this.activeFilterTabIndex = e, (t = this.onTabChange) == null || t.call(this, this.activeFilterTab);
+  }
+  onFilterTabDelete() {
+    var t;
+    const e = this.activeFilterTab;
+    this.filterTabs = this.filterTabs.filter((o) => o.id !== e.id), this.onFilterTabClick(w), (t = this.onTabDelete) == null || t.call(this, e);
+  }
+  onFilterTabSave(e) {
+    var o, a;
+    if (!this.isAllTabSelected && !this.isUntitledFilterTabSelected)
+      this.activeFilterTab.title = e, this.activeFilterTab.searchKeyword = this.searchKeyword || null, (o = this.onTabSave) == null || o.call(this, this.activeFilterTab);
+    else {
+      let p = 0;
+      for (const C of this.filterTabs)
+        C.order > p && (p = C.order);
+      const y = {
+        id: F(),
+        key: this.id,
+        order: p + 1,
+        createdAt: Date.now(),
+        updatedAt: Date.now(),
+        title: e,
+        searchKeyword: this.searchKeyword || null,
+        filterRows: this.activeFilterTab.filterRows
+      }, g = structuredClone(f(y));
+      this.filterTabs.push(g), (a = this.onTabSave) == null || a.call(this, g), this.setActiveTabIndex(this.displayedFilterTabs.length - 1), this.allTab = this.createAllFilterTab();
+    }
+    this.hasChange = !1, this.notifyChange();
+  }
+  createUntitledFilterTab() {
+    this.isUntitledTabPresent || this.filterTabs.push({
+      id: v,
+      key: this.id,
+      order: this.filterTabs.length,
+      createdAt: Date.now(),
+      updatedAt: Date.now(),
+      title: T.datatable.untitledFilter,
+      searchKeyword: null,
+      filterRows: this.activeTabFilterRows
+    }), this.setActiveTabIndex(this.displayedFilterTabs.length - 1);
+  }
+  addFilterRow() {
+    var e;
+    this.firstSelectableFilter && ((e = this.firstSelectableFilter.options) != null && e.length) ? (this.isAllTabSelected && (this.activeFilterTab.id = F()), this.activeFilterTab.filterRows = [
+      ...this.activeFilterTab.filterRows,
+      {
+        filterValue: {
+          key: this.firstSelectableFilter.key,
+          value: [],
+          condition: this.filterConditionOptions(
+            this.filters[0].type,
+            this.filters[0]
+          )[0].value
+        },
+        rowId: F()
+      }
+    ]) : m.warning(T.datatable.filterOptionWarning);
+  }
+  deleteFilterRow(e) {
+    this.activeFilterTab.filterRows = this.activeFilterTab.filterRows.filter(
+      (t) => t.rowId !== e.rowId
+    );
+  }
+  filterTypeValueChange(e, t, o) {
+    if (!e.filterValue) return;
+    e.filterValue.key = o;
+    const a = this.filters.find((p) => p.key === o);
+    (a == null ? void 0 : a.type) === b.NUMBER_INPUT ? e.filterValue.value = 0 : a && [
+      b.STRING_INPUT,
+      b.MULTISELECT,
+      b.SELECT,
+      b.SELECT_OPTION_GROUP,
+      b.TREE_SELECT
+    ].includes(a.type) ? e.filterValue.value = [] : (a == null ? void 0 : a.type) === b.DATE_RANGE_PICKER && (e.filterValue.value = [D.TODAY]);
+  }
+  onFilterValueChange(e, t, o) {
+    const a = this.activeFilterTab.filterRows.find(
+      (p) => o.rowId === p.rowId
+    );
+    a && (a.filterValue.value = e);
+  }
+  onFilterConditionInputChange(e, t, o) {
+    e.filterValue && (o === b.NUMBER_INPUT ? e.filterValue.condition = t : e.filterValue.condition = t === d.IN ? d.IN : d.NIN);
+  }
+  onApplyClick() {
+    !this.activeFilterTab.filterRows.length && !this.isAllTabSelected ? this.onFilterTabDelete() : (this.hasChange = !0, this.notifyChange());
+  }
+  onClear() {
+    this.onFilterTabDelete();
+  }
+  changeOptions(e, t) {
+    this.filters = this.filters.map(
+      (o) => o.key === e ? new h({ ...o, options: t }) : o
+    );
+  }
+  get firstSelectableFilter() {
+    return this.filters.find(
+      (e) => {
+        var t;
+        return e.type !== b.DATE_RANGE_PICKER && !!((t = e.options) != null && t.length);
+      }
+    );
+  }
+  get hasDuplicateFilter() {
+    const e = this.activeFilterTab.filterRows;
+    for (const t of e)
+      if (e.find(
+        (a) => a.rowId !== t.rowId && t.filterValue.key === a.filterValue.key && t.filterValue.condition === a.filterValue.condition && this.valuesOverlap(t.filterValue.value, a.filterValue.value)
+      )) return !0;
+    return !1;
+  }
+  get hasEmptyOptionFilter() {
+    return this.activeFilterTab.filterRows.some((e) => {
+      const t = e.filterValue.value;
+      return Array.isArray(t) && t.length === 0;
+    });
+  }
+  get activeTabFilterRows() {
+    return this.activeFilterTab.filterRows;
+  }
+  get activeFilterTab() {
+    return this.displayedFilterTabs[this.activeFilterTabIndex];
+  }
+  get displayedFilterTabs() {
+    return [this.allTab, ...this.filterTabs];
+  }
+  get isAllTabSelected() {
+    return this.activeFilterTabIndex === 0;
+  }
+  get isUntitledFilterTabSelected() {
+    return this.activeFilterTab.id === v;
+  }
+  get isUntitledTabPresent() {
+    return this.filterTabs.length > 0 && this.filterTabs[this.filterTabs.length - 1].id === v;
+  }
+  filterConditionOptions(e, t) {
+    return t != null && t.filterConditionOptions ? t.filterConditionOptions : e === b.NUMBER_INPUT ? [
+      { label: "<", value: d.LT },
+      { label: ">", value: d.GT },
+      { label: "≤", value: d.LTE },
+      { label: "≥", value: d.GTE },
+      { label: "=", value: d.EQ },
+      { label: "≠", value: d.NE }
+    ] : [
+      {
+        label: T.datatable.in,
+        value: d.IN
+      },
+      {
+        label: T.datatable.nin,
+        value: d.NIN
+      }
+    ];
+  }
+  notifyChange() {
+    var e, t;
+    (e = this.onChange) == null || e.call(
+      this,
+      this.activeFilterTab.filterRows.filter(
+        (o) => Array.isArray(o.filterValue.value) ? o.filterValue.value.length > 0 : !0
+      ).map((o) => o.filterValue),
+      this.activeFilterTab.searchKeyword ?? void 0
+    ), (t = this.notifyDataTable) == null || t.call(this);
+  }
+  createAllFilterTab() {
+    return {
+      id: w,
+      key: this.id,
+      order: 0,
+      createdAt: Date.now(),
+      updatedAt: Date.now(),
+      title: T.common.field.all,
+      searchKeyword: null,
+      filterRows: []
+    };
+  }
+  updateDateFilterDateRanges() {
+  }
+  // ─── Clone Helpers ──────────────────────────────────────────
+  /** Creates an IFilterManagerConfig from this instance (safe for structuredClone-sensitive contexts). */
+  toConfig() {
+    return {
+      id: this.id,
+      filters: this.cloneFiltersAsPlain(),
+      filterTabs: structuredClone(f(this.filterTabs)),
+      showFilterButton: this.showFilterButton,
+      activeFilterTabIndex: this.activeFilterTabIndex,
+      allTab: structuredClone(f(this.allTab)),
+      locale: this.locale,
+      onChange: this.onChange,
+      onTabSave: this.onTabSave,
+      onTabDelete: this.onTabDelete,
+      onTabChange: this.onTabChange,
+      onSortChange: this.onSortChange
+    };
+  }
+  setFiltersFrom(e) {
+    this.filters = e.cloneFiltersAsPlain().map((t) => new h(t));
+  }
+  /** Clones filter definitions as plain IFilter[], preserving function references. */
+  cloneFiltersAsPlain() {
+    return this.filters.map((e) => ({
+      key: e.key,
+      type: e.type,
+      title: e.title,
+      placeholder: e.placeholder,
+      options: e.options ? structuredClone(f(e.options)) : null,
+      onSearch: e.onSearch,
+      isLoading: e.isLoading,
+      onChange: e.onChange,
+      isProductFilter: e.isProductFilter,
+      isCategoryFilter: e.isCategoryFilter,
+      isDynamicNotFound: e.isDynamicNotFound,
+      filterConditionOptions: e.filterConditionOptions ? structuredClone(f(e.filterConditionOptions)) : null
+    }));
+  }
+  validateFilterUniqueness() {
+    const e = /* @__PURE__ */ new Set();
+    for (const t of this.filters) {
+      if (e.has(t.key))
+        throw new Error(T.datatable.filterKeysMustBeUnique);
+      e.add(t.key);
+    }
+  }
+  valuesOverlap(e, t) {
+    return Array.isArray(e) && Array.isArray(t) ? e.some((o) => t.includes(o)) : e === t;
+  }
+}
+i([
+  n
+], l.prototype, "filters", 2);
+i([
+  n
+], l.prototype, "filterTabs", 2);
+i([
+  n
+], l.prototype, "showFilterButton", 2);
+i([
+  n
+], l.prototype, "isTabsLoading", 2);
+i([
+  n
+], l.prototype, "animateTabsOnLoad", 2);
+i([
+  n
+], l.prototype, "activeFilterTabIndex", 2);
+i([
+  n
+], l.prototype, "hasChange", 2);
+i([
+  n
+], l.prototype, "searchKeyword", 2);
+i([
+  n
+], l.prototype, "allTab", 2);
+i([
+  n
+], l.prototype, "locale", 2);
+i([
+  s.bound
+], l.prototype, "onFilterTabClick", 1);
+i([
+  s.bound
+], l.prototype, "setActiveTabIndex", 1);
+i([
+  s.bound
+], l.prototype, "onFilterTabDelete", 1);
+i([
+  s.bound
+], l.prototype, "onFilterTabSave", 1);
+i([
+  s.bound
+], l.prototype, "createUntitledFilterTab", 1);
+i([
+  s.bound
+], l.prototype, "addFilterRow", 1);
+i([
+  s.bound
+], l.prototype, "deleteFilterRow", 1);
+i([
+  s.bound
+], l.prototype, "filterTypeValueChange", 1);
+i([
+  s.bound
+], l.prototype, "onFilterValueChange", 1);
+i([
+  s.bound
+], l.prototype, "onFilterConditionInputChange", 1);
+i([
+  s.bound
+], l.prototype, "onApplyClick", 1);
+i([
+  s.bound
+], l.prototype, "onClear", 1);
+i([
+  s.bound
+], l.prototype, "changeOptions", 1);
+i([
+  c
+], l.prototype, "firstSelectableFilter", 1);
+i([
+  c
+], l.prototype, "hasDuplicateFilter", 1);
+i([
+  c
+], l.prototype, "hasEmptyOptionFilter", 1);
+i([
+  c
+], l.prototype, "activeTabFilterRows", 1);
+i([
+  c
+], l.prototype, "activeFilterTab", 1);
+i([
+  c
+], l.prototype, "displayedFilterTabs", 1);
+i([
+  c
+], l.prototype, "isAllTabSelected", 1);
+i([
+  c
+], l.prototype, "isUntitledFilterTabSelected", 1);
+i([
+  c
+], l.prototype, "isUntitledTabPresent", 1);
+i([
+  s.bound
+], l.prototype, "filterConditionOptions", 1);
+i([
+  s.bound
+], l.prototype, "notifyChange", 1);
+i([
+  s.bound
+], l.prototype, "createAllFilterTab", 1);
+i([
+  s.bound
+], l.prototype, "updateDateFilterDateRanges", 1);
+i([
+  s.bound
+], l.prototype, "setFiltersFrom", 1);
+i([
+  s.bound
+], l.prototype, "validateFilterUniqueness", 1);
+export {
+  w as ALL_TAB_UUID,
+  l as FilterManager
+};

package/dist/index140.cjs

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),f=require("./index139.cjs"),b=require("./index225.cjs"),v=require("./index141.cjs");var g=Object.assign||function(n){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(n[r]=o[r])}return n},m=(function(){function n(t,o){for(var r=0;r<o.length;r++){var e=o[r];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in e&&(e.writable=!0),Object.defineProperty(t,e.key,e)}}return function(t,o,r){return o&&n(t.prototype,o),r&&n(t,r),t}})();function w(n,t){if(!(n instanceof t))throw new TypeError("Cannot call a class as a function")}function c(n,t){if(!n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t&&(typeof t=="object"||typeof t=="function")?t:n}function y(n,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof t);n.prototype=Object.create(t&&t.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(n,t):n.__proto__=t)}var d=(function(n){y(t,n);function t(){var o,r,e,i;w(this,t);for(var l=arguments.length,u=Array(l),p=0;p<l;p++)u[p]=arguments[p];return i=(r=(e=c(this,(o=t.__proto__||Object.getPrototypeOf(t)).call.apply(o,[this].concat(u))),e),e.handleChange=function(s){var h=b.calculateChange(s,e.props.hsl,e.props.direction,e.props.a,e.container);h&&typeof e.props.onChange=="function"&&e.props.onChange(h,s)},e.handleMouseDown=function(s){e.handleChange(s),window.addEventListener("mousemove",e.handleChange),window.addEventListener("mouseup",e.handleMouseUp)},e.handleMouseUp=function(){e.unbindEventListeners()},e.unbindEventListeners=function(){window.removeEventListener("mousemove",e.handleChange),window.removeEventListener("mouseup",e.handleMouseUp)},r),c(e,i)}return m(t,[{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"render",value:function(){var r=this,e=this.props.rgb,i=f.default({default:{alpha:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius},checkboard:{absolute:"0px 0px 0px 0px",overflow:"hidden",borderRadius:this.props.radius},gradient:{absolute:"0px 0px 0px 0px",background:"linear-gradient(to right, rgba("+e.r+","+e.g+","+e.b+`, 0) 0%,
+           rgba(`+e.r+","+e.g+","+e.b+", 1) 100%)",boxShadow:this.props.shadow,borderRadius:this.props.radius},container:{position:"relative",height:"100%",margin:"0 3px"},pointer:{position:"absolute",left:e.a*100+"%"},slider:{width:"4px",borderRadius:"1px",height:"8px",boxShadow:"0 0 2px rgba(0, 0, 0, .6)",background:"#fff",marginTop:"1px",transform:"translateX(-2px)"}},vertical:{gradient:{background:"linear-gradient(to bottom, rgba("+e.r+","+e.g+","+e.b+`, 0) 0%,
+           rgba(`+e.r+","+e.g+","+e.b+", 1) 100%)"},pointer:{left:0,top:e.a*100+"%"}},overwrite:g({},this.props.style)},{vertical:this.props.direction==="vertical",overwrite:!0});return a.createElement("div",{style:i.alpha},a.createElement("div",{style:i.checkboard},a.createElement(v.Checkboard,{renderers:this.props.renderers})),a.createElement("div",{style:i.gradient}),a.createElement("div",{style:i.container,ref:function(u){return r.container=u},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},a.createElement("div",{style:i.pointer},this.props.pointer?a.createElement(this.props.pointer,this.props):a.createElement("div",{style:i.slider}))))}}]),t})(a.PureComponent||a.Component);exports.Alpha=d;exports.default=d;

package/dist/index140.js

@@ -0,0 +1,148 @@
+import i, { PureComponent as d, Component as f } from "react";
+import b from "./index139.js";
+import { calculateChange as v } from "./index225.js";
+import { Checkboard as g } from "./index141.js";
+var m = Object.assign || function(n) {
+  for (var t = 1; t < arguments.length; t++) {
+    var o = arguments[t];
+    for (var r in o)
+      Object.prototype.hasOwnProperty.call(o, r) && (n[r] = o[r]);
+  }
+  return n;
+}, w = /* @__PURE__ */ (function() {
+  function n(t, o) {
+    for (var r = 0; r < o.length; r++) {
+      var e = o[r];
+      e.enumerable = e.enumerable || !1, e.configurable = !0, "value" in e && (e.writable = !0), Object.defineProperty(t, e.key, e);
+    }
+  }
+  return function(t, o, r) {
+    return o && n(t.prototype, o), r && n(t, r), t;
+  };
+})();
+function x(n, t) {
+  if (!(n instanceof t))
+    throw new TypeError("Cannot call a class as a function");
+}
+function c(n, t) {
+  if (!n)
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return t && (typeof t == "object" || typeof t == "function") ? t : n;
+}
+function y(n, t) {
+  if (typeof t != "function" && t !== null)
+    throw new TypeError("Super expression must either be null or a function, not " + typeof t);
+  n.prototype = Object.create(t && t.prototype, { constructor: { value: n, enumerable: !1, writable: !0, configurable: !0 } }), t && (Object.setPrototypeOf ? Object.setPrototypeOf(n, t) : n.__proto__ = t);
+}
+var L = (function(n) {
+  y(t, n);
+  function t() {
+    var o, r, e, a;
+    x(this, t);
+    for (var h = arguments.length, p = Array(h), u = 0; u < h; u++)
+      p[u] = arguments[u];
+    return a = (r = (e = c(this, (o = t.__proto__ || Object.getPrototypeOf(t)).call.apply(o, [this].concat(p))), e), e.handleChange = function(s) {
+      var l = v(s, e.props.hsl, e.props.direction, e.props.a, e.container);
+      l && typeof e.props.onChange == "function" && e.props.onChange(l, s);
+    }, e.handleMouseDown = function(s) {
+      e.handleChange(s), window.addEventListener("mousemove", e.handleChange), window.addEventListener("mouseup", e.handleMouseUp);
+    }, e.handleMouseUp = function() {
+      e.unbindEventListeners();
+    }, e.unbindEventListeners = function() {
+      window.removeEventListener("mousemove", e.handleChange), window.removeEventListener("mouseup", e.handleMouseUp);
+    }, r), c(e, a);
+  }
+  return w(t, [{
+    key: "componentWillUnmount",
+    value: function() {
+      this.unbindEventListeners();
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var r = this, e = this.props.rgb, a = b({
+        default: {
+          alpha: {
+            absolute: "0px 0px 0px 0px",
+            borderRadius: this.props.radius
+          },
+          checkboard: {
+            absolute: "0px 0px 0px 0px",
+            overflow: "hidden",
+            borderRadius: this.props.radius
+          },
+          gradient: {
+            absolute: "0px 0px 0px 0px",
+            background: "linear-gradient(to right, rgba(" + e.r + "," + e.g + "," + e.b + `, 0) 0%,
+           rgba(` + e.r + "," + e.g + "," + e.b + ", 1) 100%)",
+            boxShadow: this.props.shadow,
+            borderRadius: this.props.radius
+          },
+          container: {
+            position: "relative",
+            height: "100%",
+            margin: "0 3px"
+          },
+          pointer: {
+            position: "absolute",
+            left: e.a * 100 + "%"
+          },
+          slider: {
+            width: "4px",
+            borderRadius: "1px",
+            height: "8px",
+            boxShadow: "0 0 2px rgba(0, 0, 0, .6)",
+            background: "#fff",
+            marginTop: "1px",
+            transform: "translateX(-2px)"
+          }
+        },
+        vertical: {
+          gradient: {
+            background: "linear-gradient(to bottom, rgba(" + e.r + "," + e.g + "," + e.b + `, 0) 0%,
+           rgba(` + e.r + "," + e.g + "," + e.b + ", 1) 100%)"
+          },
+          pointer: {
+            left: 0,
+            top: e.a * 100 + "%"
+          }
+        },
+        overwrite: m({}, this.props.style)
+      }, {
+        vertical: this.props.direction === "vertical",
+        overwrite: !0
+      });
+      return i.createElement(
+        "div",
+        { style: a.alpha },
+        i.createElement(
+          "div",
+          { style: a.checkboard },
+          i.createElement(g, { renderers: this.props.renderers })
+        ),
+        i.createElement("div", { style: a.gradient }),
+        i.createElement(
+          "div",
+          {
+            style: a.container,
+            ref: function(p) {
+              return r.container = p;
+            },
+            onMouseDown: this.handleMouseDown,
+            onTouchMove: this.handleChange,
+            onTouchStart: this.handleChange
+          },
+          i.createElement(
+            "div",
+            { style: a.pointer },
+            this.props.pointer ? i.createElement(this.props.pointer, this.props) : i.createElement("div", { style: a.slider })
+          )
+        )
+      );
+    }
+  }]), t;
+})(d || f);
+export {
+  L as Alpha,
+  L as default
+};

package/dist/index141.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),g=require("./index139.cjs"),h=require("./index226.cjs");var i=Object.assign||function(d){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(d[t]=r[t])}return d},o=function(e){var r=e.white,t=e.grey,l=e.size,u=e.renderers,c=e.borderRadius,b=e.boxShadow,a=e.children,s=g.default({default:{grid:{borderRadius:c,boxShadow:b,absolute:"0px 0px 0px 0px",background:"url("+h.get(r,t,l,u.canvas)+") center left"}}});return n.isValidElement(a)?n.cloneElement(a,i({},a.props,{style:i({},a.props.style,s.grid)})):n.createElement("div",{style:s.grid})};o.defaultProps={size:8,white:"transparent",grey:"rgba(0,0,0,.08)",renderers:{}};exports.Checkboard=o;exports.default=o;

package/dist/index141.js

@@ -0,0 +1,33 @@
+import n, { isValidElement as u } from "react";
+import b from "./index139.js";
+import { get as g } from "./index226.js";
+var s = Object.assign || function(o) {
+  for (var r = 1; r < arguments.length; r++) {
+    var e = arguments[r];
+    for (var t in e)
+      Object.prototype.hasOwnProperty.call(e, t) && (o[t] = e[t]);
+  }
+  return o;
+}, h = function(r) {
+  var e = r.white, t = r.grey, i = r.size, l = r.renderers, p = r.borderRadius, c = r.boxShadow, a = r.children, d = b({
+    default: {
+      grid: {
+        borderRadius: p,
+        boxShadow: c,
+        absolute: "0px 0px 0px 0px",
+        background: "url(" + g(e, t, i, l.canvas) + ") center left"
+      }
+    }
+  });
+  return u(a) ? n.cloneElement(a, s({}, a.props, { style: s({}, a.props.style, d.grid) })) : n.createElement("div", { style: d.grid });
+};
+h.defaultProps = {
+  size: 8,
+  white: "transparent",
+  grey: "rgba(0,0,0,.08)",
+  renderers: {}
+};
+export {
+  h as Checkboard,
+  h as default
+};

package/dist/index142.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),h=require("./index139.cjs");var f=(function(){function r(t,a){for(var e=0;e<a.length;e++){var n=a[e];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(t,a,e){return a&&r(t.prototype,a),e&&r(t,e),t}})();function d(r,t,a){return t in r?Object.defineProperty(r,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[t]=a,r}function v(r,t){if(!(r instanceof t))throw new TypeError("Cannot call a class as a function")}function c(r,t){if(!r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t&&(typeof t=="object"||typeof t=="function")?t:r}function b(r,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof t);r.prototype=Object.create(t&&t.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(r,t):r.__proto__=t)}var g=1,u=38,y=40,m=[u,y],w=function(t){return m.indexOf(t)>-1},E=function(t){return Number(String(t).replace(/%/g,""))},O=1,s=(function(r){b(t,r);function t(a){v(this,t);var e=c(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return e.handleBlur=function(){e.state.blurValue&&e.setState({value:e.state.blurValue,blurValue:null})},e.handleChange=function(n){e.setUpdatedValue(n.target.value,n)},e.handleKeyDown=function(n){var i=E(n.target.value);if(!isNaN(i)&&w(n.keyCode)){var l=e.getArrowOffset(),p=n.keyCode===u?i+l:i-l;e.setUpdatedValue(p,n)}},e.handleDrag=function(n){if(e.props.dragLabel){var i=Math.round(e.props.value+n.movementX);i>=0&&i<=e.props.dragMax&&e.props.onChange&&e.props.onChange(e.getValueObjectWithLabel(i),n)}},e.handleMouseDown=function(n){e.props.dragLabel&&(n.preventDefault(),e.handleDrag(n),window.addEventListener("mousemove",e.handleDrag),window.addEventListener("mouseup",e.handleMouseUp))},e.handleMouseUp=function(){e.unbindEventListeners()},e.unbindEventListeners=function(){window.removeEventListener("mousemove",e.handleDrag),window.removeEventListener("mouseup",e.handleMouseUp)},e.state={value:String(a.value).toUpperCase(),blurValue:String(a.value).toUpperCase()},e.inputId="rc-editable-input-"+O++,e}return f(t,[{key:"componentDidUpdate",value:function(e,n){this.props.value!==this.state.value&&(e.value!==this.props.value||n.value!==this.state.value)&&(this.input===document.activeElement?this.setState({blurValue:String(this.props.value).toUpperCase()}):this.setState({value:String(this.props.value).toUpperCase(),blurValue:!this.state.blurValue&&String(this.props.value).toUpperCase()}))}},{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"getValueObjectWithLabel",value:function(e){return d({},this.props.label,e)}},{key:"getArrowOffset",value:function(){return this.props.arrowOffset||g}},{key:"setUpdatedValue",value:function(e,n){var i=this.props.label?this.getValueObjectWithLabel(e):e;this.props.onChange&&this.props.onChange(i,n),this.setState({value:e})}},{key:"render",value:function(){var e=this,n=h.default({default:{wrap:{position:"relative"}},"user-override":{wrap:this.props.style&&this.props.style.wrap?this.props.style.wrap:{},input:this.props.style&&this.props.style.input?this.props.style.input:{},label:this.props.style&&this.props.style.label?this.props.style.label:{}},"dragLabel-true":{label:{cursor:"ew-resize"}}},{"user-override":!0},this.props);return o.createElement("div",{style:n.wrap},o.createElement("input",{id:this.inputId,style:n.input,ref:function(l){return e.input=l},value:this.state.value,onKeyDown:this.handleKeyDown,onChange:this.handleChange,onBlur:this.handleBlur,placeholder:this.props.placeholder,spellCheck:"false"}),this.props.label&&!this.props.hideLabel?o.createElement("label",{htmlFor:this.inputId,style:n.label,onMouseDown:this.handleMouseDown},this.props.label):null)}}]),t})(o.PureComponent||o.Component);exports.EditableInput=s;exports.default=s;