@ikas/core 1.0.1

package/dist/index74.js

@@ -0,0 +1,45 @@
+import { jsx as e, Fragment as p, jsxs as v } from "react/jsx-runtime";
+import { useState as g } from "react";
+import { DndContext as D, SortableContext as h, DragOverlay as x, useSensor as t, MouseSensor as y, TouchSensor as b, KeyboardSensor as C, PointerSensor as I, useSensors as E } from "@ikas/ui";
+import { DrawerImage as j } from "./index33.js";
+const u = {
+  delay: 100,
+  tolerance: 5
+};
+function O() {
+  const r = t(y, { activationConstraint: u }), o = t(b, { activationConstraint: u }), s = t(C, {}), a = t(I, {
+    activationConstraint: { distance: 10 }
+  });
+  return E(r, o, s, a);
+}
+function A({
+  draggable: r,
+  children: o,
+  images: s,
+  fileList: a,
+  handleDragEnd: d
+}) {
+  const S = r ? O() : void 0, [i, c] = g(null), l = i ? s.find((n) => n.id === i) : null;
+  function m(n) {
+    c(String(n.active.id));
+  }
+  function f(n) {
+    d(n), c(null);
+  }
+  return r ? /* @__PURE__ */ v(
+    D,
+    {
+      autoScroll: !1,
+      sensors: S,
+      onDragEnd: f,
+      onDragStart: m,
+      children: [
+        /* @__PURE__ */ e(h, { items: a, children: o }),
+        /* @__PURE__ */ e(x, { children: !i || !l ? null : /* @__PURE__ */ e("div", { className: "size-full cursor-grab", children: /* @__PURE__ */ e(j, { isOverlayEnabled: !1, image: l }) }) })
+      ]
+    }
+  ) : /* @__PURE__ */ e(p, { children: o });
+}
+export {
+  A as UploadWrapper
+};

package/dist/index75.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("@ikas/ui");function g({id:e,children:o}){const{isDragging:r,attributes:s,listeners:i,setNodeRef:u,transform:a,transition:c}=n.useSortable({id:e}),f={transition:c,width:"100%",height:"100%",transform:n.CSS.Transform.toString(a),cursor:r?"grab":"",opacity:r?.5:void 0};return t.jsx("div",{ref:u,style:f,...s,...i,children:o})}function x({draggable:e,id:o,children:r}){return e?t.jsx(g,{id:o,children:r}):t.jsx(t.Fragment,{children:r})}exports.BoxWrapper=x;

package/dist/index75.js

@@ -0,0 +1,30 @@
+import { jsx as n, Fragment as u } from "react/jsx-runtime";
+import { useSortable as g, CSS as p } from "@ikas/ui";
+function c({ id: t, children: o }) {
+  const {
+    isDragging: r,
+    attributes: e,
+    listeners: i,
+    setNodeRef: s,
+    transform: a,
+    transition: f
+  } = g({ id: t }), m = {
+    transition: f,
+    width: "100%",
+    height: "100%",
+    transform: p.Transform.toString(a),
+    cursor: r ? "grab" : "",
+    opacity: r ? 0.5 : void 0
+  };
+  return /* @__PURE__ */ n("div", { ref: s, style: m, ...e, ...i, children: o });
+}
+function b({
+  draggable: t,
+  id: o,
+  children: r
+}) {
+  return t ? /* @__PURE__ */ n(c, { id: o, children: r }) : /* @__PURE__ */ n(u, { children: r });
+}
+export {
+  b as BoxWrapper
+};

package/dist/index76.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),m=require("@ikas/ui"),y=require("lodash/debounce"),f=require("./index5.cjs"),h=require("./index37.cjs"),l=require("./index36.cjs"),C=require("./index48.cjs");function U(i){const o=s.useRef([]),E=s.useRef(null),S=s.useMemo(()=>i.images.map((e,n)=>({id:e.id||String(n),uid:e.id||String(n),name:n,status:"done",url:e.src||"",src:e.src||""})),[i.images]),u=i.imageLimit||10,L=s.useCallback(async()=>{const{allowVideoUpload:e}=i,n=[];for(let c=0;c<o.current.length;c++){let t;const r=e?l.VALID_VIDEO_TYPES.includes(o.current[c].type):!1;r||(t=await h.getImageBase64(o.current[c])),n.push({isVideo:r,base64:t||"",src:t||"",id:C(),file:o.current[c]})}const a=i.images;o.current=[],i.onChange(a.concat(n.slice(0,u-a.length)))},[i.images,i.onChange,i.allowVideoUpload,u]),_=s.useMemo(()=>y(L,100),[L]),g=s.useCallback(e=>{const{allowVideoUpload:n}=i;if(!(n?l.VALID_FILE_TYPES.includes(e.type):l.VALID_IMAGE_TYPES.includes(e.type))){const d=n?l.VALID_FILE_TYPES_LABELS_STRING:l.VALID_IMAGE_TYPES_LABELS_STRING;return m.message.error(f.coreTranslations.drawerImage.fileTypeError(d)),!1}const t=(n?l.VALID_VIDEO_TYPES.includes(e.type):!1)?l.VIDEO_UPLOAD_LIMIT_SIZE:l.IMAGE_UPLOAD_LIMIT_SIZE;if(e.size/1024/1024>=t){const d=n?f.coreTranslations.drawerImage.mediaUploadLimitSize(t):f.coreTranslations.drawerImage.imageUploadLimitSize(t);return m.message.error(d),!1}return o.current.push(e),_(),!1},[i.allowVideoUpload,_]),T=s.useCallback(e=>{i.onChange(i.images.filter(n=>n.id!==e))},[i.images,i.onChange]),V=s.useCallback(e=>{var c;const{active:n,over:a}=e;if(n&&a&&n.id!==a.id){const t=i.images,r=t.findIndex(I=>I.id===n.id),d=t.findIndex(I=>I.id===a.id),b=m.arrayMove(t,r,d);(c=i.onDragEnd)==null||c.call(i,b)}},[i.images,i.onDragEnd]),D=s.useCallback(()=>{var e;(e=E.current)==null||e.click()},[]),A=s.useCallback(e=>{Array.from(e.target.files||[]).forEach(a=>{g(a)}),e.target.value=""},[g]);return{fileList:S,imageLimit:u,onRemove:T,beforeUpload:g,handleDragEnd:V,triggerFileInput:D,handleFileChange:A,fileInputRef:E}}exports.useImageSelect=U;

package/dist/index76.js

@@ -0,0 +1,93 @@
+import { useRef as E, useMemo as _, useCallback as r } from "react";
+import { message as S, arrayMove as w } from "@ikas/ui";
+import F from "lodash/debounce";
+import { coreTranslations as I } from "./index5.js";
+import { getImageBase64 as v } from "./index37.js";
+import { VALID_VIDEO_TYPES as V, VALID_FILE_TYPES as M, VALID_IMAGE_TYPES as P, VALID_FILE_TYPES_LABELS_STRING as b, VALID_IMAGE_TYPES_LABELS_STRING as C, VIDEO_UPLOAD_LIMIT_SIZE as O, IMAGE_UPLOAD_LIMIT_SIZE as G } from "./index36.js";
+import R from "./index48.js";
+function j(i) {
+  const s = E([]), u = E(null), T = _(
+    () => i.images.map((e, t) => ({
+      id: e.id || String(t),
+      uid: e.id || String(t),
+      name: t,
+      status: "done",
+      url: e.src || "",
+      src: e.src || ""
+    })),
+    [i.images]
+  ), d = i.imageLimit || 10, f = r(async () => {
+    const { allowVideoUpload: e } = i, t = [];
+    for (let o = 0; o < s.current.length; o++) {
+      let n;
+      const c = e ? V.includes(s.current[o].type) : !1;
+      c || (n = await v(s.current[o])), t.push({
+        isVideo: c,
+        base64: n || "",
+        src: n || "",
+        id: R(),
+        file: s.current[o]
+      });
+    }
+    const a = i.images;
+    s.current = [], i.onChange(
+      a.concat(t.slice(0, d - a.length))
+    );
+  }, [i.images, i.onChange, i.allowVideoUpload, d]), L = _(
+    () => F(f, 100),
+    [f]
+  ), m = r(
+    (e) => {
+      const { allowVideoUpload: t } = i;
+      if (!(t ? M.includes(e.type) : P.includes(e.type))) {
+        const l = t ? b : C;
+        return S.error(I.drawerImage.fileTypeError(l)), !1;
+      }
+      const n = (t ? V.includes(e.type) : !1) ? O : G;
+      if (e.size / 1024 / 1024 >= n) {
+        const l = t ? I.drawerImage.mediaUploadLimitSize(n) : I.drawerImage.imageUploadLimitSize(n);
+        return S.error(l), !1;
+      }
+      return s.current.push(e), L(), !1;
+    },
+    [i.allowVideoUpload, L]
+  ), A = r(
+    (e) => {
+      i.onChange(i.images.filter((t) => t.id !== e));
+    },
+    [i.images, i.onChange]
+  ), D = r(
+    (e) => {
+      var o;
+      const { active: t, over: a } = e;
+      if (t && a && t.id !== a.id) {
+        const n = i.images, c = n.findIndex((g) => g.id === t.id), l = n.findIndex((g) => g.id === a.id), U = w(n, c, l);
+        (o = i.onDragEnd) == null || o.call(i, U);
+      }
+    },
+    [i.images, i.onDragEnd]
+  ), h = r(() => {
+    var e;
+    (e = u.current) == null || e.click();
+  }, []), y = r(
+    (e) => {
+      Array.from(e.target.files || []).forEach((a) => {
+        m(a);
+      }), e.target.value = "";
+    },
+    [m]
+  );
+  return {
+    fileList: T,
+    imageLimit: d,
+    onRemove: A,
+    beforeUpload: m,
+    handleDragEnd: D,
+    triggerFileInput: h,
+    handleFileChange: y,
+    fileInputRef: u
+  };
+}
+export {
+  j as useImageSelect
+};

package/dist/index77.cjs

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./index115.cjs");/**
+ * @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 e=[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"M12 5v14",key:"s699le"}]],o=t("plus",e);exports.__iconNode=e;exports.default=o;

package/dist/index77.js

@@ -0,0 +1,15 @@
+import e from "./index115.js";
+/**
+ * @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 = [
+  ["path", { d: "M5 12h14", key: "1ays0h" }],
+  ["path", { d: "M12 5v14", key: "s699le" }]
+], s = e("plus", o);
+export {
+  o as __iconNode,
+  s as default
+};

package/dist/index78.cjs

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./index115.cjs");/**
+ * @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 e=[["polyline",{points:"22 12 16 12 14 15 10 15 8 12 2 12",key:"o97t9d"}],["path",{d:"M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z",key:"oot6mr"}]],t=o("inbox",e);exports.__iconNode=e;exports.default=t;

package/dist/index78.js

@@ -0,0 +1,21 @@
+import o from "./index115.js";
+/**
+ * @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 t = [
+  ["polyline", { points: "22 12 16 12 14 15 10 15 8 12 2 12", key: "o97t9d" }],
+  [
+    "path",
+    {
+      d: "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z",
+      key: "oot6mr"
+    }
+  ]
+], n = o("inbox", t);
+export {
+  t as __iconNode,
+  n as default
+};

package/dist/index79.cjs

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./index115.cjs");/**
+ * @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 e=[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",ry:"2",key:"1m3agn"}],["circle",{cx:"9",cy:"9",r:"2",key:"af1f0g"}],["path",{d:"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21",key:"1xmnt7"}]],c=t("image",e);exports.__iconNode=e;exports.default=c;

package/dist/index79.js

@@ -0,0 +1,16 @@
+import e from "./index115.js";
+/**
+ * @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 c = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
+  ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }],
+  ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", key: "1xmnt7" }]
+], a = e("image", c);
+export {
+  c as __iconNode,
+  a as default
+};

package/dist/index8.cjs

@@ -0,0 +1 @@
+"use strict";var g=Object.defineProperty;var u=(s,a,e)=>a in s?g(s,a,{enumerable:!0,configurable:!0,writable:!0,value:e}):s[a]=e;var t=(s,a,e)=>u(s,typeof a!="symbol"?a+"":a,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var o=(s=>(s.TEXT="text",s.NUMBER="number",s.PRODUCT="product",s.SELECT="select",s.IMAGE_SELECT="image-select",s.PRICE="price",s.CUSTOM="custom",s))(o||{}),l=(s=>(s.LEFT="flex-start",s.CENTER="center",s.RIGHT="flex-end",s))(l||{});class r{constructor(a,e){t(this,"type");t(this,"columnKey");t(this,"isDragDisabled");t(this,"getValue");t(this,"setValue");t(this,"isDisabled");t(this,"headerText");t(this,"summaryText");t(this,"headerTooltipProps");t(this,"isSortable");t(this,"isArrangable");t(this,"isArrangableDefaultVisible");t(this,"showAtEndWhenNotArrangeable");t(this,"isStringSort");t(this,"isLinkEnabled");t(this,"isLinkCoverContent");t(this,"getSortValue");t(this,"width");t(this,"minWidth");t(this,"alignment");t(this,"headerAlignment");t(this,"borderLeft");t(this,"borderRight");this.type=a,this.columnKey=e.columnKey,this.getValue=e.getValue,this.setValue=e.setValue,this.isDisabled=e.isDisabled,this.isDragDisabled=e.isDragDisabled,this.headerText=e.headerText,this.summaryText=e.summaryText,this.headerTooltipProps=e.headerTooltipProps,this.isSortable=e.isSortable,this.isArrangable=e.isArrangable,this.isArrangableDefaultVisible=e.isArrangableDefaultVisible,this.showAtEndWhenNotArrangeable=e.showAtEndWhenNotArrangeable,this.isStringSort=e.isStringSort,this.isLinkEnabled=e.isLinkEnabled,this.isLinkCoverContent=e.isLinkCoverContent,this.getSortValue=e.getSortValue,this.width=e.width,this.minWidth=e.minWidth,this.alignment=e.alignment,this.headerAlignment=e.headerAlignment,this.borderLeft=e.borderLeft,this.borderRight=e.borderRight}}class h extends r{constructor(e){super("custom",e);t(this,"render");this.render=e.render}}class m extends r{constructor(e){super("text",e);t(this,"inputMode");t(this,"getSecondLineValue");this.inputMode=e.inputMode,this.getSecondLineValue=e.getSecondLineValue}}class n extends r{constructor(e){super("number",e);t(this,"inputMode");t(this,"maskOptions");this.inputMode=e.inputMode,this.maskOptions=e.maskOptions}}class i extends r{constructor(e){super("price",e);t(this,"ellipsis");this.ellipsis=e.ellipsis}}class c extends r{constructor(e){super("select",e);t(this,"isTree");t(this,"isMultiple");t(this,"searchOptions");t(this,"getOptions");this.isTree=e.isTree,this.isMultiple=e.isMultiple,this.searchOptions=e.searchOptions,this.getOptions=e.getOptions}}class p extends r{constructor(e){super("image-select",e);t(this,"allowVideoUpload");t(this,"getGalleryImages");t(this,"getDrawerTitle");t(this,"disableUpload");t(this,"rightContent");t(this,"onDrawerToggle");t(this,"productImages");t(this,"onImageNameSave");t(this,"imageNameMaxLength");this.allowVideoUpload=e.allowVideoUpload,this.getGalleryImages=e.getGalleryImages,this.getDrawerTitle=e.getDrawerTitle,this.disableUpload=e.disableUpload,this.rightContent=e.rightContent,this.onDrawerToggle=e.onDrawerToggle,this.productImages=e.productImages,this.onImageNameSave=e.onImageNameSave,this.imageNameMaxLength=e.imageNameMaxLength}}class b extends r{constructor(e){super("product",e);t(this,"getProduct");t(this,"getProductVariant");t(this,"getName");t(this,"getImage");t(this,"getBarcodeSKU");t(this,"getVariantValue");t(this,"getAvatarLabel");t(this,"getCustomCellPadding");t(this,"showVariantValue");t(this,"enableHoverImageZoomPopover");t(this,"customContent");t(this,"topCustomContent");t(this,"customNameRightContent");this.getProduct=e.getProduct,this.getProductVariant=e.getProductVariant,this.getName=e.getName,this.getImage=e.getImage,this.getBarcodeSKU=e.getBarcodeSKU,this.getVariantValue=e.getVariantValue,this.getAvatarLabel=e.getAvatarLabel,this.getCustomCellPadding=e.getCustomCellPadding,this.showVariantValue=e.showVariantValue,this.enableHoverImageZoomPopover=e.enableHoverImageZoomPopover,this.customContent=e.customContent,this.topCustomContent=e.topCustomContent,this.customNameRightContent=e.customNameRightContent}}exports.CellType=o;exports.ColumnAlignment=l;exports.ColumnDefinition=r;exports.CustomColumnDefinition=h;exports.ImageSelectColumnDefinition=p;exports.NumberColumnDefinition=n;exports.PriceColumnDefinition=i;exports.ProductColumnDefinition=b;exports.SelectColumnDefinition=c;exports.TextColumnDefinition=m;

package/dist/index8.js

@@ -0,0 +1,119 @@
+var o = Object.defineProperty;
+var l = (s, a, e) => a in s ? o(s, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[a] = e;
+var t = (s, a, e) => l(s, typeof a != "symbol" ? a + "" : a, e);
+var g = /* @__PURE__ */ ((s) => (s.TEXT = "text", s.NUMBER = "number", s.PRODUCT = "product", s.SELECT = "select", s.IMAGE_SELECT = "image-select", s.PRICE = "price", s.CUSTOM = "custom", s))(g || {}), h = /* @__PURE__ */ ((s) => (s.LEFT = "flex-start", s.CENTER = "center", s.RIGHT = "flex-end", s))(h || {});
+class r {
+  constructor(a, e) {
+    t(this, "type");
+    t(this, "columnKey");
+    t(this, "isDragDisabled");
+    t(this, "getValue");
+    t(this, "setValue");
+    t(this, "isDisabled");
+    t(this, "headerText");
+    t(this, "summaryText");
+    t(this, "headerTooltipProps");
+    t(this, "isSortable");
+    t(this, "isArrangable");
+    t(this, "isArrangableDefaultVisible");
+    t(this, "showAtEndWhenNotArrangeable");
+    t(this, "isStringSort");
+    t(this, "isLinkEnabled");
+    t(this, "isLinkCoverContent");
+    t(this, "getSortValue");
+    t(this, "width");
+    t(this, "minWidth");
+    t(this, "alignment");
+    t(this, "headerAlignment");
+    t(this, "borderLeft");
+    t(this, "borderRight");
+    this.type = a, this.columnKey = e.columnKey, this.getValue = e.getValue, this.setValue = e.setValue, this.isDisabled = e.isDisabled, this.isDragDisabled = e.isDragDisabled, this.headerText = e.headerText, this.summaryText = e.summaryText, this.headerTooltipProps = e.headerTooltipProps, this.isSortable = e.isSortable, this.isArrangable = e.isArrangable, this.isArrangableDefaultVisible = e.isArrangableDefaultVisible, this.showAtEndWhenNotArrangeable = e.showAtEndWhenNotArrangeable, this.isStringSort = e.isStringSort, this.isLinkEnabled = e.isLinkEnabled, this.isLinkCoverContent = e.isLinkCoverContent, this.getSortValue = e.getSortValue, this.width = e.width, this.minWidth = e.minWidth, this.alignment = e.alignment, this.headerAlignment = e.headerAlignment, this.borderLeft = e.borderLeft, this.borderRight = e.borderRight;
+  }
+}
+class m extends r {
+  constructor(e) {
+    super("custom", e);
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    t(this, "render");
+    this.render = e.render;
+  }
+}
+class c extends r {
+  constructor(e) {
+    super("text", e);
+    t(this, "inputMode");
+    t(this, "getSecondLineValue");
+    this.inputMode = e.inputMode, this.getSecondLineValue = e.getSecondLineValue;
+  }
+}
+class n extends r {
+  constructor(e) {
+    super("number", e);
+    t(this, "inputMode");
+    t(this, "maskOptions");
+    this.inputMode = e.inputMode, this.maskOptions = e.maskOptions;
+  }
+}
+class i extends r {
+  constructor(e) {
+    super("price", e);
+    t(this, "ellipsis");
+    this.ellipsis = e.ellipsis;
+  }
+}
+class p extends r {
+  constructor(e) {
+    super("select", e);
+    t(this, "isTree");
+    t(this, "isMultiple");
+    t(this, "searchOptions");
+    t(this, "getOptions");
+    this.isTree = e.isTree, this.isMultiple = e.isMultiple, this.searchOptions = e.searchOptions, this.getOptions = e.getOptions;
+  }
+}
+class b extends r {
+  constructor(e) {
+    super("image-select", e);
+    t(this, "allowVideoUpload");
+    t(this, "getGalleryImages");
+    t(this, "getDrawerTitle");
+    t(this, "disableUpload");
+    t(this, "rightContent");
+    t(this, "onDrawerToggle");
+    t(this, "productImages");
+    t(this, "onImageNameSave");
+    t(this, "imageNameMaxLength");
+    this.allowVideoUpload = e.allowVideoUpload, this.getGalleryImages = e.getGalleryImages, this.getDrawerTitle = e.getDrawerTitle, this.disableUpload = e.disableUpload, this.rightContent = e.rightContent, this.onDrawerToggle = e.onDrawerToggle, this.productImages = e.productImages, this.onImageNameSave = e.onImageNameSave, this.imageNameMaxLength = e.imageNameMaxLength;
+  }
+}
+class C extends r {
+  constructor(e) {
+    super("product", e);
+    t(this, "getProduct");
+    t(this, "getProductVariant");
+    t(this, "getName");
+    t(this, "getImage");
+    t(this, "getBarcodeSKU");
+    t(this, "getVariantValue");
+    t(this, "getAvatarLabel");
+    t(this, "getCustomCellPadding");
+    t(this, "showVariantValue");
+    t(this, "enableHoverImageZoomPopover");
+    t(this, "customContent");
+    t(this, "topCustomContent");
+    t(this, "customNameRightContent");
+    this.getProduct = e.getProduct, this.getProductVariant = e.getProductVariant, this.getName = e.getName, this.getImage = e.getImage, this.getBarcodeSKU = e.getBarcodeSKU, this.getVariantValue = e.getVariantValue, this.getAvatarLabel = e.getAvatarLabel, this.getCustomCellPadding = e.getCustomCellPadding, this.showVariantValue = e.showVariantValue, this.enableHoverImageZoomPopover = e.enableHoverImageZoomPopover, this.customContent = e.customContent, this.topCustomContent = e.topCustomContent, this.customNameRightContent = e.customNameRightContent;
+  }
+}
+export {
+  g as CellType,
+  h as ColumnAlignment,
+  r as ColumnDefinition,
+  m as CustomColumnDefinition,
+  b as ImageSelectColumnDefinition,
+  n as NumberColumnDefinition,
+  i as PriceColumnDefinition,
+  C as ProductColumnDefinition,
+  p as SelectColumnDefinition,
+  c as TextColumnDefinition
+};

package/dist/index80.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),v=require("./index139.cjs"),m=require("./index140.cjs");require("./index141.cjs");require("./index142.cjs");require("./index143.cjs");require("./index144.cjs");require("./index145.cjs");const P=require("./index146.cjs");require("./index147.cjs");const b=require("./index148.cjs");var y=Object.assign||function(i){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(i[t]=r[t])}return i},a=function(e){var r=e.rgb,t=e.hsl,s=e.width,h=e.height,p=e.onChange,c=e.direction,u=e.style,d=e.renderers,g=e.pointer,n=e.className,q=n===void 0?"":n,l=v.default({default:{picker:{position:"relative",width:s,height:h},alpha:{radius:"2px",style:u}}});return o.createElement("div",{style:l.picker,className:"alpha-picker "+q},o.createElement(m.Alpha,y({},l.alpha,{rgb:r,hsl:t,pointer:g,renderers:d,onChange:p,direction:c})))};a.defaultProps={width:"316px",height:"16px",direction:"horizontal",pointer:b.AlphaPointer};P.ColorWrap(a);exports.AlphaPicker=a;

package/dist/index80.js

@@ -0,0 +1,55 @@
+import n from "react";
+import v from "./index139.js";
+import { Alpha as f } from "./index140.js";
+import "./index141.js";
+import "./index142.js";
+import "./index143.js";
+import "./index144.js";
+import "./index145.js";
+import { ColorWrap as b } from "./index146.js";
+import "./index147.js";
+import { AlphaPointer as w } from "./index148.js";
+var x = Object.assign || function(i) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = arguments[r];
+    for (var e in t)
+      Object.prototype.hasOwnProperty.call(t, e) && (i[e] = t[e]);
+  }
+  return i;
+}, p = function(r) {
+  var t = r.rgb, e = r.hsl, l = r.width, h = r.height, s = r.onChange, m = r.direction, c = r.style, d = r.renderers, g = r.pointer, a = r.className, u = a === void 0 ? "" : a, o = v({
+    default: {
+      picker: {
+        position: "relative",
+        width: l,
+        height: h
+      },
+      alpha: {
+        radius: "2px",
+        style: c
+      }
+    }
+  });
+  return n.createElement(
+    "div",
+    { style: o.picker, className: "alpha-picker " + u },
+    n.createElement(f, x({}, o.alpha, {
+      rgb: t,
+      hsl: e,
+      pointer: g,
+      renderers: d,
+      onChange: s,
+      direction: m
+    }))
+  );
+};
+p.defaultProps = {
+  width: "316px",
+  height: "16px",
+  direction: "horizontal",
+  pointer: w
+};
+b(p);
+export {
+  p as AlphaPicker
+};

package/dist/index81.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),r=require("./index149.cjs"),m=require("./index139.cjs"),C=require("./index150.cjs"),c=require("./index151.cjs");require("./index140.cjs");const q=require("./index141.cjs"),w=require("./index142.cjs");require("./index143.cjs");require("./index144.cjs");require("./index145.cjs");const S=require("./index146.cjs");require("./index147.cjs");const k=require("./index152.cjs");var a=function(e){var p=e.onChange,u=e.onSwatchHover,o=e.hex,h=e.colors,x=e.width,g=e.triangle,i=e.styles,b=i===void 0?{}:i,l=e.className,y=l===void 0?"":l,v=o==="transparent",s=function(d,f){c.isValidHex(d)&&p({hex:d,source:"hex"},f)},n=m.default(C({default:{card:{width:x,background:"#fff",boxShadow:"0 1px rgba(0,0,0,.1)",borderRadius:"6px",position:"relative"},head:{height:"110px",background:o,borderRadius:"6px 6px 0 0",display:"flex",alignItems:"center",justifyContent:"center",position:"relative"},body:{padding:"10px"},label:{fontSize:"18px",color:c.getContrastingColor(o),position:"relative"},triangle:{width:"0px",height:"0px",borderStyle:"solid",borderWidth:"0 10px 10px 10px",borderColor:"transparent transparent "+o+" transparent",position:"absolute",top:"-10px",left:"50%",marginLeft:"-10px"},input:{width:"100%",fontSize:"12px",color:"#666",border:"0px",outline:"none",height:"22px",boxShadow:"inset 0 0 0 1px #ddd",borderRadius:"4px",padding:"0 7px",boxSizing:"border-box"}},"hide-triangle":{triangle:{display:"none"}}},b),{"hide-triangle":g==="hide"});return t.createElement("div",{style:n.card,className:"block-picker "+y},t.createElement("div",{style:n.triangle}),t.createElement("div",{style:n.head},v&&t.createElement(q.Checkboard,{borderRadius:"6px 6px 0 0"}),t.createElement("div",{style:n.label},o)),t.createElement("div",{style:n.body},t.createElement(k.BlockSwatches,{colors:h,onClick:s,onSwatchHover:u}),t.createElement(w.EditableInput,{style:{input:n.input},value:o,onChange:s})))};a.propTypes={width:r.oneOfType([r.string,r.number]),colors:r.arrayOf(r.string),triangle:r.oneOf(["top","hide"]),styles:r.object};a.defaultProps={width:170,colors:["#D9E3F0","#F47373","#697689","#37D67A","#2CCCE4","#555555","#dce775","#ff8a65","#ba68c8"],triangle:"top",styles:{}};S.ColorWrap(a);exports.Block=a;

package/dist/index81.js

@@ -0,0 +1,118 @@
+import t from "react";
+import r from "./index149.js";
+import y from "./index139.js";
+import v from "./index150.js";
+import { getContrastingColor as C, isValidHex as w } from "./index151.js";
+import "./index140.js";
+import { Checkboard as S } from "./index141.js";
+import { EditableInput as E } from "./index142.js";
+import "./index143.js";
+import "./index144.js";
+import "./index145.js";
+import { ColorWrap as k } from "./index146.js";
+import "./index147.js";
+import { BlockSwatches as R } from "./index152.js";
+var i = function(e) {
+  var s = e.onChange, c = e.onSwatchHover, o = e.hex, m = e.colors, h = e.width, x = e.triangle, n = e.styles, g = n === void 0 ? {} : n, l = e.className, b = l === void 0 ? "" : l, f = o === "transparent", p = function(d, u) {
+    w(d) && s({
+      hex: d,
+      source: "hex"
+    }, u);
+  }, a = y(v({
+    default: {
+      card: {
+        width: h,
+        background: "#fff",
+        boxShadow: "0 1px rgba(0,0,0,.1)",
+        borderRadius: "6px",
+        position: "relative"
+      },
+      head: {
+        height: "110px",
+        background: o,
+        borderRadius: "6px 6px 0 0",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        position: "relative"
+      },
+      body: {
+        padding: "10px"
+      },
+      label: {
+        fontSize: "18px",
+        color: C(o),
+        position: "relative"
+      },
+      triangle: {
+        width: "0px",
+        height: "0px",
+        borderStyle: "solid",
+        borderWidth: "0 10px 10px 10px",
+        borderColor: "transparent transparent " + o + " transparent",
+        position: "absolute",
+        top: "-10px",
+        left: "50%",
+        marginLeft: "-10px"
+      },
+      input: {
+        width: "100%",
+        fontSize: "12px",
+        color: "#666",
+        border: "0px",
+        outline: "none",
+        height: "22px",
+        boxShadow: "inset 0 0 0 1px #ddd",
+        borderRadius: "4px",
+        padding: "0 7px",
+        boxSizing: "border-box"
+      }
+    },
+    "hide-triangle": {
+      triangle: {
+        display: "none"
+      }
+    }
+  }, g), { "hide-triangle": x === "hide" });
+  return t.createElement(
+    "div",
+    { style: a.card, className: "block-picker " + b },
+    t.createElement("div", { style: a.triangle }),
+    t.createElement(
+      "div",
+      { style: a.head },
+      f && t.createElement(S, { borderRadius: "6px 6px 0 0" }),
+      t.createElement(
+        "div",
+        { style: a.label },
+        o
+      )
+    ),
+    t.createElement(
+      "div",
+      { style: a.body },
+      t.createElement(R, { colors: m, onClick: p, onSwatchHover: c }),
+      t.createElement(E, {
+        style: { input: a.input },
+        value: o,
+        onChange: p
+      })
+    )
+  );
+};
+i.propTypes = {
+  width: r.oneOfType([r.string, r.number]),
+  colors: r.arrayOf(r.string),
+  triangle: r.oneOf(["top", "hide"]),
+  styles: r.object
+};
+i.defaultProps = {
+  width: 170,
+  colors: ["#D9E3F0", "#F47373", "#697689", "#37D67A", "#2CCCE4", "#555555", "#dce775", "#ff8a65", "#ba68c8"],
+  triangle: "top",
+  styles: {}
+};
+k(i);
+export {
+  i as Block
+};

package/dist/index82.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),i=require("./index149.cjs"),b=require("./index139.cjs"),v=require("./index153.cjs"),x=require("./index150.cjs"),e=require("./index154.cjs");require("./index140.cjs");require("./index141.cjs");require("./index142.cjs");require("./index143.cjs");require("./index144.cjs");require("./index145.cjs");const f=require("./index146.cjs");require("./index147.cjs");const z=require("./index155.cjs");var l=function(r){var s=r.width,u=r.onChange,d=r.onSwatchHover,p=r.colors,g=r.hex,h=r.circleSize,t=r.styles,m=t===void 0?{}:t,n=r.circleSpacing,a=r.className,S=a===void 0?"":a,y=b.default(x({default:{card:{width:s,display:"flex",flexWrap:"wrap",marginRight:-n,marginBottom:-n}}},m)),q=function(w,C){return u({hex:w,source:"hex"},C)};return o.createElement("div",{style:y.card,className:"circle-picker "+S},v(p,function(c){return o.createElement(z.default,{key:c,color:c,onClick:q,onSwatchHover:d,active:g===c.toLowerCase(),circleSize:h,circleSpacing:n})}))};l.propTypes={width:i.oneOfType([i.string,i.number]),circleSize:i.number,circleSpacing:i.number,styles:i.object};l.defaultProps={width:252,circleSize:28,circleSpacing:14,colors:[e.red[500],e.pink[500],e.purple[500],e.deepPurple[500],e.indigo[500],e.blue[500],e.lightBlue[500],e.cyan[500],e.teal[500],e.green[500],e.lightGreen[500],e.lime[500],e.yellow[500],e.amber[500],e.orange[500],e.deepOrange[500],e.brown[500],e.blueGrey[500]],styles:{}};f.ColorWrap(l);exports.Circle=l;

package/dist/index82.js

@@ -0,0 +1,62 @@
+import a from "react";
+import r from "./index149.js";
+import C from "./index139.js";
+import v from "./index153.js";
+import b from "./index150.js";
+import { red as x, pink as z, purple as k, deepPurple as N, indigo as H, blue as P, lightBlue as T, cyan as B, teal as E, green as G, lightGreen as O, lime as R, yellow as W, amber as $, orange as j, deepOrange as L, brown as q, blueGrey as A } from "./index154.js";
+import "./index140.js";
+import "./index141.js";
+import "./index142.js";
+import "./index143.js";
+import "./index144.js";
+import "./index145.js";
+import { ColorWrap as D } from "./index146.js";
+import "./index147.js";
+import F from "./index155.js";
+var t = function(e) {
+  var n = e.width, p = e.onChange, m = e.onSwatchHover, s = e.colors, d = e.hex, h = e.circleSize, c = e.styles, g = c === void 0 ? {} : c, o = e.circleSpacing, l = e.className, u = l === void 0 ? "" : l, S = C(b({
+    default: {
+      card: {
+        width: n,
+        display: "flex",
+        flexWrap: "wrap",
+        marginRight: -o,
+        marginBottom: -o
+      }
+    }
+  }, g)), y = function(f, w) {
+    return p({ hex: f, source: "hex" }, w);
+  };
+  return a.createElement(
+    "div",
+    { style: S.card, className: "circle-picker " + u },
+    v(s, function(i) {
+      return a.createElement(F, {
+        key: i,
+        color: i,
+        onClick: y,
+        onSwatchHover: m,
+        active: d === i.toLowerCase(),
+        circleSize: h,
+        circleSpacing: o
+      });
+    })
+  );
+};
+t.propTypes = {
+  width: r.oneOfType([r.string, r.number]),
+  circleSize: r.number,
+  circleSpacing: r.number,
+  styles: r.object
+};
+t.defaultProps = {
+  width: 252,
+  circleSize: 28,
+  circleSpacing: 14,
+  colors: [x[500], z[500], k[500], N[500], H[500], P[500], T[500], B[500], E[500], G[500], O[500], R[500], W[500], $[500], j[500], L[500], q[500], A[500]],
+  styles: {}
+};
+D(t);
+export {
+  t as Circle
+};

package/dist/index83.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react"),i=require("./index149.cjs"),y=require("./index139.cjs"),C=require("./index150.cjs"),w=require("./index140.cjs"),f=require("./index141.cjs");require("./index142.cjs");const q=require("./index143.cjs");require("./index144.cjs");const E=require("./index145.cjs"),A=require("./index146.cjs");require("./index147.cjs");const S=require("./index156.cjs"),c=require("./index157.cjs"),k=require("./index158.cjs");var s=function(r){var u=r.width,o=r.onChange,n=r.disableAlpha,a=r.rgb,l=r.hsl,x=r.hsv,m=r.hex,d=r.renderers,h=r.styles,b=h===void 0?{}:h,p=r.className,g=p===void 0?"":p,v=r.defaultView,t=y.default(C({default:{picker:{width:u,background:"#fff",borderRadius:"2px",boxShadow:"0 0 2px rgba(0,0,0,.3), 0 4px 8px rgba(0,0,0,.3)",boxSizing:"initial",fontFamily:"Menlo"},saturation:{width:"100%",paddingBottom:"55%",position:"relative",borderRadius:"2px 2px 0 0",overflow:"hidden"},Saturation:{radius:"2px 2px 0 0"},body:{padding:"16px 16px 12px"},controls:{display:"flex"},color:{width:"32px"},swatch:{marginTop:"6px",width:"16px",height:"16px",borderRadius:"8px",position:"relative",overflow:"hidden"},active:{absolute:"0px 0px 0px 0px",borderRadius:"8px",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.1)",background:"rgba("+a.r+", "+a.g+", "+a.b+", "+a.a+")",zIndex:"2"},toggles:{flex:"1"},hue:{height:"10px",position:"relative",marginBottom:"8px"},Hue:{radius:"2px"},alpha:{height:"10px",position:"relative"},Alpha:{radius:"2px"}},disableAlpha:{color:{width:"22px"},alpha:{display:"none"},hue:{marginBottom:"0px"},swatch:{width:"10px",height:"10px",marginTop:"0px"}}},b),{disableAlpha:n});return e.createElement("div",{style:t.picker,className:"chrome-picker "+g},e.createElement("div",{style:t.saturation},e.createElement(E.Saturation,{style:t.Saturation,hsl:l,hsv:x,pointer:k.ChromePointerCircle,onChange:o})),e.createElement("div",{style:t.body},e.createElement("div",{style:t.controls,className:"flexbox-fix"},e.createElement("div",{style:t.color},e.createElement("div",{style:t.swatch},e.createElement("div",{style:t.active}),e.createElement(f.Checkboard,{renderers:d}))),e.createElement("div",{style:t.toggles},e.createElement("div",{style:t.hue},e.createElement(q.Hue,{style:t.Hue,hsl:l,pointer:c.ChromePointer,onChange:o})),e.createElement("div",{style:t.alpha},e.createElement(w.Alpha,{style:t.Alpha,rgb:a,hsl:l,pointer:c.ChromePointer,renderers:d,onChange:o})))),e.createElement(S.ChromeFields,{rgb:a,hsl:l,hex:m,view:v,onChange:o,disableAlpha:n})))};s.propTypes={width:i.oneOfType([i.string,i.number]),disableAlpha:i.bool,styles:i.object,defaultView:i.oneOf(["hex","rgb","hsl"])};s.defaultProps={width:225,disableAlpha:!1,styles:{}};const P=A.ColorWrap(s);exports.Chrome=s;exports.default=P;