@ikas/core 1.0.20 → 1.0.21

package/dist/index189.js

@@ -1,177 +1,42 @@
-import i from "react";
-import y from "./index153.js";
-import { isValidHex as v, isvalidColorString as g } from "./index165.js";
-import "./index154.js";
-import "./index155.js";
-import { EditableInput as h } from "./index156.js";
-import "./index157.js";
-import "./index158.js";
-import "./index159.js";
-import "./index161.js";
-var G = function(o) {
-  var a = o.onChange, b = o.rgb, x = o.hsl, m = o.hex, f = o.hsv, p = function(r, s) {
-    if (r.hex)
-      v(r.hex) && a({
-        hex: r.hex,
-        source: "hex"
-      }, s);
-    else if (r.rgb) {
-      var d = r.rgb.split(",");
-      g(r.rgb, "rgb") && a({
-        r: d[0],
-        g: d[1],
-        b: d[2],
-        a: 1,
-        source: "rgb"
-      }, s);
-    } else if (r.hsv) {
-      var t = r.hsv.split(",");
-      g(r.hsv, "hsv") && (t[2] = t[2].replace("%", ""), t[1] = t[1].replace("%", ""), t[0] = t[0].replace("°", ""), t[1] == 1 ? t[1] = 0.01 : t[2] == 1 && (t[2] = 0.01), a({
-        h: Number(t[0]),
-        s: Number(t[1]),
-        v: Number(t[2]),
-        source: "hsv"
-      }, s));
-    } else if (r.hsl) {
-      var l = r.hsl.split(",");
-      g(r.hsl, "hsl") && (l[2] = l[2].replace("%", ""), l[1] = l[1].replace("%", ""), l[0] = l[0].replace("°", ""), n[1] == 1 ? n[1] = 0.01 : n[2] == 1 && (n[2] = 0.01), a({
-        h: Number(l[0]),
-        s: Number(l[1]),
-        v: Number(l[2]),
-        source: "hsl"
-      }, s));
-    }
-  }, e = y({
-    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"
+import { jsxs as y, jsx as s } from "react/jsx-runtime";
+import { observer as C } from "mobx-react-lite";
+import { Tooltip as D } from "@ikas/ui";
+import { ColumnAlignment as p } from "./index8.js";
+function x(o, r, c) {
+  const i = c ?? 2, e = o.toFixed(i).split(".");
+  let t = e[0];
+  const n = e[1];
+  t = t.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+  const l = n ? `${t}.${n}` : t;
+  return `${r} ${l}`;
+}
+function F(o) {
+  const { value: r, columnDefinition: c } = o;
+  if (!r)
+    return null;
+  const { sellPrice: i, discountPrice: e, currencySymbol: t, currencyDecimalDigits: n } = r, l = c.alignment, P = l === p.CENTER ? "center" : l === p.RIGHT ? "right" : "left", a = e != null && e !== i, g = c.ellipsis, m = x(i, t, n), h = (a ? x(e, t, n) : null) ?? m, u = (d, b) => {
+    const f = /* @__PURE__ */ s(
+      "span",
+      {
+        className: b ? "text-sm text-gray-blue-5 line-through" : "text-sm text-black font-normal",
+        children: d
       }
-    }
-  }), c = b.r + ", " + b.g + ", " + b.b, u = Math.round(x.h) + "°, " + Math.round(x.s * 100) + "%, " + Math.round(x.l * 100) + "%", n = Math.round(f.h) + "°, " + Math.round(f.s * 100) + "%, " + Math.round(f.v * 100) + "%";
-  return i.createElement(
+    );
+    return g ? /* @__PURE__ */ s(D, { title: d, children: /* @__PURE__ */ s("span", { className: "truncate block", children: f }) }) : f;
+  };
+  return /* @__PURE__ */ y(
     "div",
-    { style: e.wrap, className: "flexbox-fix" },
-    i.createElement(
-      "div",
-      { style: e.fields },
-      i.createElement(
-        "div",
-        { style: e.double },
-        i.createElement(h, {
-          style: { input: e.input, label: e.label },
-          label: "hex",
-          value: m,
-          onChange: p
-        })
-      ),
-      i.createElement(
-        "div",
-        { style: e.column },
-        i.createElement(
-          "div",
-          { style: e.single },
-          i.createElement(h, {
-            style: { input: e.input2, label: e.label2 },
-            label: "rgb",
-            value: c,
-            onChange: p
-          })
-        ),
-        i.createElement(
-          "div",
-          { style: e.single },
-          i.createElement(h, {
-            style: { input: e.input2, label: e.label2 },
-            label: "hsv",
-            value: n,
-            onChange: p
-          })
-        ),
-        i.createElement(
-          "div",
-          { style: e.single },
-          i.createElement(h, {
-            style: { input: e.input2, label: e.label2 },
-            label: "hsl",
-            value: u,
-            onChange: p
-          })
-        )
-      )
-    )
+    {
+      className: "flex flex-col",
+      style: { textAlign: P },
+      children: [
+        a && u(m, !0),
+        u(h)
+      ]
+    }
   );
-};
+}
+const k = C(F);
 export {
-  G as GoogleFields,
-  G as default
+  k as PriceCell
 };

package/dist/index190.cjs

@@ -1 +1 @@
-"use strict";const q=require("./index219.cjs"),h=require("./index220.cjs"),b=require("./index221.cjs");var y="Expected a function",R=Math.max,p=Math.min;function A(x,i,u){var a,c,o,f,n,r,d=0,E=!1,l=!1,g=!0;if(typeof x!="function")throw new TypeError(y);i=b(i)||0,q(u)&&(E=!!u.leading,l="maxWait"in u,o=l?R(b(u.maxWait)||0,i):o,g="trailing"in u?!!u.trailing:g);function v(e){var t=a,s=c;return a=c=void 0,d=e,f=x.apply(s,t),f}function C(e){return d=e,n=setTimeout(m,i),E?v(e):f}function L(e){var t=e-r,s=e-d,W=i-t;return l?p(W,o-s):W}function k(e){var t=e-r,s=e-d;return r===void 0||t>=i||t<0||l&&s>=o}function m(){var e=h();if(k(e))return I(e);n=setTimeout(m,L(e))}function I(e){return n=void 0,g&&a?v(e):(a=c=void 0,f)}function M(){n!==void 0&&clearTimeout(n),d=0,a=r=c=n=void 0}function S(){return n===void 0?f:I(h())}function T(){var e=h(),t=k(e);if(a=arguments,c=this,r=e,t){if(n===void 0)return C(r);if(l)return clearTimeout(n),n=setTimeout(m,i),v(r)}return n===void 0&&(n=setTimeout(m,i)),f}return T.cancel=M,T.flush=S,T}module.exports=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("react"),y=require("mobx-react-lite"),o=require("@ikas/ui");function p(i){return i.map(e=>({label:e.label,value:String(e.value)}))}function w(i){return i.map(e=>({key:String(e.value),title:e.label,value:String(e.value),children:e.children?w(e.children):void 0}))}function C(i){const{value:e,rowData:m,columnDefinition:l,onValueChange:c}=i,[v,f]=s.useState(null),[u,g]=s.useState(!1),h=s.useRef(),n=!!l.searchOptions,d=n?v??[]:m?l.getOptions(m):[],S=s.useCallback(t=>{l.searchOptions&&(h.current&&clearTimeout(h.current),h.current=setTimeout(async()=>{if(!t){f([]);return}try{g(!0);const r=await l.searchOptions(t);f(r)}catch{}finally{g(!1)}},600))},[l]);return l.isTree?a.jsx("div",{className:"flex items-center min-w-0 w-full",children:a.jsx(o.TreeSelect,{style:{width:"100%"},treeData:w(d),treeCheckable:!0,showCheckedStrategy:o.TreeSelect.SHOW_ALL,value:Array.isArray(e)?e.map(String):e!=null?[String(e)]:void 0,onChange:t=>{const r=(Array.isArray(t)?t:[t]).map(Number);c(r)},onSearch:n?S:void 0,filterTreeNode:n?()=>!0:void 0,loading:u,maxTagCount:2,placeholder:"-"})}):l.isMultiple?a.jsx("div",{className:"flex items-center min-w-0 w-full",children:a.jsx(o.Select,{style:{width:"100%"},mode:"multiple",value:Array.isArray(e)?e.map(String):e!=null?[String(e)]:void 0,options:p(d),onChange:t=>{const r=(Array.isArray(t)?t:[t]).map(Number);c(r)},onSearch:n?S:void 0,filterOption:n?()=>!0:(t,r)=>r?String(r.label??"").toLowerCase().includes(t.toLowerCase()):!1,loading:u,allowClear:!0,showSearch:!0,placeholder:"-"})}):a.jsx("div",{className:"flex items-center min-w-0 w-full",children:a.jsx(o.Select,{style:{width:"100%"},value:e!=null?String(e):void 0,options:p(d),onChange:t=>c(Number(t)),onSearch:n?S:void 0,filterOption:n?()=>!0:(t,r)=>r?String(r.label??"").toLowerCase().includes(t.toLowerCase()):!1,loading:u,allowClear:!0,showSearch:!0,placeholder:"-"})})}const b=y.observer(C);exports.SelectCell=b;

package/dist/index190.js

@@ -1,54 +1,94 @@
-import S from "./index219.js";
-import h from "./index220.js";
-import W from "./index221.js";
-var y = "Expected a function", R = Math.max, A = Math.min;
-function _(x, i, u) {
-  var a, d, c, f, n, r, l = 0, E = !1, m = !1, g = !0;
-  if (typeof x != "function")
-    throw new TypeError(y);
-  i = W(i) || 0, S(u) && (E = !!u.leading, m = "maxWait" in u, c = m ? R(W(u.maxWait) || 0, i) : c, g = "trailing" in u ? !!u.trailing : g);
-  function v(e) {
-    var t = a, o = d;
-    return a = d = void 0, l = e, f = x.apply(o, t), f;
-  }
-  function b(e) {
-    return l = e, n = setTimeout(s, i), E ? v(e) : f;
-  }
-  function C(e) {
-    var t = e - r, o = e - l, p = i - t;
-    return m ? A(p, c - o) : p;
-  }
-  function k(e) {
-    var t = e - r, o = e - l;
-    return r === void 0 || t >= i || t < 0 || m && o >= c;
-  }
-  function s() {
-    var e = h();
-    if (k(e))
-      return I(e);
-    n = setTimeout(s, C(e));
-  }
-  function I(e) {
-    return n = void 0, g && a ? v(e) : (a = d = void 0, f);
-  }
-  function L() {
-    n !== void 0 && clearTimeout(n), l = 0, a = r = d = n = void 0;
-  }
-  function M() {
-    return n === void 0 ? f : I(h());
-  }
-  function T() {
-    var e = h(), t = k(e);
-    if (a = arguments, d = this, r = e, t) {
-      if (n === void 0)
-        return b(r);
-      if (m)
-        return clearTimeout(n), n = setTimeout(s, i), v(r);
+import { jsx as a } from "react/jsx-runtime";
+import { useState as S, useRef as C, useCallback as b } from "react";
+import { observer as O } from "mobx-react-lite";
+import { TreeSelect as p, Select as g } from "@ikas/ui";
+function w(i) {
+  return i.map((e) => ({
+    label: e.label,
+    value: String(e.value)
+  }));
+}
+function v(i) {
+  return i.map((e) => ({
+    key: String(e.value),
+    title: e.label,
+    value: String(e.value),
+    children: e.children ? v(e.children) : void 0
+  }));
+}
+function A(i) {
+  const { value: e, rowData: h, columnDefinition: l, onValueChange: o } = i, [y, d] = S(null), [s, f] = S(!1), c = C(), n = !!l.searchOptions, u = n ? y ?? [] : h ? l.getOptions(h) : [], m = b(
+    (r) => {
+      l.searchOptions && (c.current && clearTimeout(c.current), c.current = setTimeout(async () => {
+        if (!r) {
+          d([]);
+          return;
+        }
+        try {
+          f(!0);
+          const t = await l.searchOptions(r);
+          d(t);
+        } catch {
+        } finally {
+          f(!1);
+        }
+      }, 600));
+    },
+    [l]
+  );
+  return l.isTree ? /* @__PURE__ */ a("div", { className: "flex items-center min-w-0 w-full", children: /* @__PURE__ */ a(
+    p,
+    {
+      style: { width: "100%" },
+      treeData: v(u),
+      treeCheckable: !0,
+      showCheckedStrategy: p.SHOW_ALL,
+      value: Array.isArray(e) ? e.map(String) : e != null ? [String(e)] : void 0,
+      onChange: (r) => {
+        const t = (Array.isArray(r) ? r : [r]).map(Number);
+        o(t);
+      },
+      onSearch: n ? m : void 0,
+      filterTreeNode: n ? () => !0 : void 0,
+      loading: s,
+      maxTagCount: 2,
+      placeholder: "-"
+    }
+  ) }) : l.isMultiple ? /* @__PURE__ */ a("div", { className: "flex items-center min-w-0 w-full", children: /* @__PURE__ */ a(
+    g,
+    {
+      style: { width: "100%" },
+      mode: "multiple",
+      value: Array.isArray(e) ? e.map(String) : e != null ? [String(e)] : void 0,
+      options: w(u),
+      onChange: (r) => {
+        const t = (Array.isArray(r) ? r : [r]).map(Number);
+        o(t);
+      },
+      onSearch: n ? m : void 0,
+      filterOption: n ? () => !0 : (r, t) => t ? String(t.label ?? "").toLowerCase().includes(r.toLowerCase()) : !1,
+      loading: s,
+      allowClear: !0,
+      showSearch: !0,
+      placeholder: "-"
+    }
+  ) }) : /* @__PURE__ */ a("div", { className: "flex items-center min-w-0 w-full", children: /* @__PURE__ */ a(
+    g,
+    {
+      style: { width: "100%" },
+      value: e != null ? String(e) : void 0,
+      options: w(u),
+      onChange: (r) => o(Number(r)),
+      onSearch: n ? m : void 0,
+      filterOption: n ? () => !0 : (r, t) => t ? String(t.label ?? "").toLowerCase().includes(r.toLowerCase()) : !1,
+      loading: s,
+      allowClear: !0,
+      showSearch: !0,
+      placeholder: "-"
     }
-    return n === void 0 && (n = setTimeout(s, i)), f;
-  }
-  return T.cancel = L, T.flush = M, T;
+  ) });
 }
+const R = O(A);
 export {
-  _ as default
+  R as SelectCell
 };

package/dist/index191.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),c=require("react"),v=require("mobx-react-lite"),S=require("@ikas/ui"),p=require("./index5.cjs"),T=require("./index146.cjs"),b=5;function L(o){return o.length>b?`${o.slice(0,b)}...`:o}function j(o){var f;const{filterRow:u,model:i,onChange:d}=o,[r,g]=c.useState(""),s=u.filterValue.value||[],h=c.useMemo(()=>{switch(i.locale){case"tr":return"tr-TR";case"en":return"en-US";case"de":return"de-DE";default:return"tr-TR"}},[i.locale]),a=c.useMemo(()=>i.filters.find(e=>{var t;return e.key===((t=u.filterValue)==null?void 0:t.key)}),[i.filters,(f=u.filterValue)==null?void 0:f.key]),x=c.useMemo(()=>{var m;const e=((m=a==null?void 0:a.options)==null?void 0:m.map(n=>({label:n.label,value:n.value})))??[],t=s.filter(n=>!e.some(w=>w.value===n)).map(n=>({label:L(n),value:n}));return[...e,...t]},[a==null?void 0:a.options,s]),y=e=>{e.key!=="Enter"||!r||(e.preventDefault(),e.stopPropagation(),r.trim()!==""&&!s.find(t=>r===t)&&d([...s,r]),g(""))};return l.jsxs("div",{className:"relative",style:{maxWidth:330,minWidth:330},onKeyDownCapture:y,children:[l.jsx(S.Select,{mode:"tags",maxTagCount:"responsive",value:s,showSearch:!0,searchValue:r,onSearch:g,onChange:e=>{const t=e;t.length<=s.length&&d(t)},options:x,tagClosable:!0,filterOption:(e,t)=>t?String(t.label??"").toLocaleLowerCase(h).includes(e.toLocaleLowerCase(h)):!1,style:{width:"100%"},placeholder:p.coreTranslations.common.actions.enterValue}),!!r.length&&l.jsxs("div",{className:"pointer-events-none absolute right-9 top-1/2 -translate-y-1/2 flex items-center gap-1.5 bg-white",children:[l.jsx(T.default,{className:"h-4 w-4 text-gray-blue-5"}),l.jsx("span",{className:"text-sm leading-5 text-gray-blue-9",children:p.coreTranslations.common.actions.enter})]})]})}const C=v.observer(j);exports.FilterStringInput=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),h=require("react"),j=require("mobx-react-lite"),C=require("./index37.cjs"),v=require("./index55.cjs"),U=require("./index80.cjs");function V(m){var i;const{value:o,rowData:a,columnDefinition:e,onValueChange:u}=m,[x,c]=h.useState(!1),p=a&&e.getDrawerTitle?e.getDrawerTitle(a):void 0,w=a&&e.getGalleryImages?e.getGalleryImages(a):void 0,I=a&&e.disableUpload?e.disableUpload(a):void 0,d=a&&e.productImages?e.productImages(a):void 0,b=d==null?void 0:d.map(r=>({imageId:r.id??null,fileName:r.name??null})),f=r=>{var l;r.stopPropagation(),c(!0),a&&((l=e.onDrawerToggle)==null||l.call(e,a,!0))},S=()=>{var r;c(!1),a&&((r=e.onDrawerToggle)==null||r.call(e,a,!1))},y=e.onImageNameSave?r=>{var n;const l=o==null?void 0:o.find(N=>N.id===r.imageId);a&&l&&((n=e.onImageNameSave)==null||n.call(e,a,l,r.name??""))}:void 0,s=o!=null&&o.length?o.find(r=>!(r!=null&&r.isVideo)):void 0,g=(s==null?void 0:s.thumbnailSrc)||(s==null?void 0:s.url)||(s==null?void 0:s.src);return t.jsxs("div",{className:"flex items-center",children:[t.jsx("button",{type:"button",className:"flex-shrink-0 w-9 h-9 flex items-center justify-center rounded border border-solid border-gray-blue-2 bg-gray-blue-0 cursor-pointer overflow-hidden outline-none",onClick:f,children:g?t.jsx("img",{src:g,alt:(s==null?void 0:s.name)??"",className:"w-full h-full object-cover"}):o!=null&&o.length&&e.allowVideoUpload?t.jsx(v.default,{className:"h-[18px] w-[18px] text-gray-blue-7"}):t.jsx(U.default,{className:"h-[18px] w-[18px] text-gray-blue-7"})}),a&&((i=e.rightContent)==null?void 0:i.call(e,a)),t.jsx(C.DrawerImageSelect,{allowVideoUpload:e.allowVideoUpload,title:p,visible:x,images:o,galleryImages:w,disableUpload:I,onChange:r=>u(r),onClose:S,onImageNameSave:y,imageNameMaxLength:e.imageNameMaxLength,productImages:b})]})}const q=j.observer(V);exports.ImageSelectCell=q;

package/dist/index191.js

@@ -1,78 +1,62 @@
-import { jsxs as g, jsx as u } from "react/jsx-runtime";
-import { useState as x, useMemo as m } from "react";
-import { observer as C } from "mobx-react-lite";
-import { Select as S } from "@ikas/ui";
-import { coreTranslations as w } from "./index5.js";
-import T from "./index146.js";
-const y = 5;
-function L(l) {
-  return l.length > y ? `${l.slice(0, y)}...` : l;
-}
-function V(l) {
-  var d;
-  const { filterRow: i, model: s, onChange: p } = l, [n, f] = x(""), o = i.filterValue.value || [], h = m(() => {
-    switch (s.locale) {
-      case "tr":
-        return "tr-TR";
-      case "en":
-        return "en-US";
-      case "de":
-        return "de-DE";
-      default:
-        return "tr-TR";
-    }
-  }, [s.locale]), a = m(
-    () => s.filters.find((e) => {
-      var t;
-      return e.key === ((t = i.filterValue) == null ? void 0 : t.key);
-    }),
-    [s.filters, (d = i.filterValue) == null ? void 0 : d.key]
-  ), b = m(() => {
+import { jsxs as C, jsx as t } from "react/jsx-runtime";
+import { useState as u } from "react";
+import { observer as V } from "mobx-react-lite";
+import { DrawerImageSelect as U } from "./index37.js";
+import v from "./index55.js";
+import T from "./index80.js";
+function j(n) {
+  var m;
+  const { value: s, rowData: r, columnDefinition: e, onValueChange: p } = n, [w, g] = u(!1), I = r && e.getDrawerTitle ? e.getDrawerTitle(r) : void 0, f = r && e.getGalleryImages ? e.getGalleryImages(r) : void 0, b = r && e.disableUpload ? e.disableUpload(r) : void 0, d = r && e.productImages ? e.productImages(r) : void 0, x = d == null ? void 0 : d.map((a) => ({
+    imageId: a.id ?? null,
+    fileName: a.name ?? null
+  })), N = (a) => {
+    var l;
+    a.stopPropagation(), g(!0), r && ((l = e.onDrawerToggle) == null || l.call(e, r, !0));
+  }, h = () => {
+    var a;
+    g(!1), r && ((a = e.onDrawerToggle) == null || a.call(e, r, !1));
+  }, S = e.onImageNameSave ? (a) => {
     var c;
-    const e = ((c = a == null ? void 0 : a.options) == null ? void 0 : c.map((r) => ({
-      label: r.label,
-      value: r.value
-    }))) ?? [], t = o.filter((r) => !e.some((v) => v.value === r)).map((r) => ({ label: L(r), value: r }));
-    return [...e, ...t];
-  }, [a == null ? void 0 : a.options, o]);
-  return /* @__PURE__ */ g(
-    "div",
-    {
-      className: "relative",
-      style: { maxWidth: 330, minWidth: 330 },
-      onKeyDownCapture: (e) => {
-        e.key !== "Enter" || !n || (e.preventDefault(), e.stopPropagation(), n.trim() !== "" && !o.find((t) => n === t) && p([...o, n]), f(""));
-      },
-      children: [
-        /* @__PURE__ */ u(
-          S,
+    const l = s == null ? void 0 : s.find((y) => y.id === a.imageId);
+    r && l && ((c = e.onImageNameSave) == null || c.call(e, r, l, a.name ?? ""));
+  } : void 0, o = s != null && s.length ? s.find((a) => !(a != null && a.isVideo)) : void 0, i = (o == null ? void 0 : o.thumbnailSrc) || (o == null ? void 0 : o.url) || (o == null ? void 0 : o.src);
+  return /* @__PURE__ */ C("div", { className: "flex items-center", children: [
+    /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        className: "flex-shrink-0 w-9 h-9 flex items-center justify-center rounded border border-solid border-gray-blue-2 bg-gray-blue-0 cursor-pointer overflow-hidden outline-none",
+        onClick: N,
+        children: i ? /* @__PURE__ */ t(
+          "img",
           {
-            mode: "tags",
-            maxTagCount: "responsive",
-            value: o,
-            showSearch: !0,
-            searchValue: n,
-            onSearch: f,
-            onChange: (e) => {
-              const t = e;
-              t.length <= o.length && p(t);
-            },
-            options: b,
-            tagClosable: !0,
-            filterOption: (e, t) => t ? String(t.label ?? "").toLocaleLowerCase(h).includes(e.toLocaleLowerCase(h)) : !1,
-            style: { width: "100%" },
-            placeholder: w.common.actions.enterValue
+            src: i,
+            alt: (o == null ? void 0 : o.name) ?? "",
+            className: "w-full h-full object-cover"
           }
-        ),
-        !!n.length && /* @__PURE__ */ g("div", { className: "pointer-events-none absolute right-9 top-1/2 -translate-y-1/2 flex items-center gap-1.5 bg-white", children: [
-          /* @__PURE__ */ u(T, { className: "h-4 w-4 text-gray-blue-5" }),
-          /* @__PURE__ */ u("span", { className: "text-sm leading-5 text-gray-blue-9", children: w.common.actions.enter })
-        ] })
-      ]
-    }
-  );
+        ) : s != null && s.length && e.allowVideoUpload ? /* @__PURE__ */ t(v, { className: "h-[18px] w-[18px] text-gray-blue-7" }) : /* @__PURE__ */ t(T, { className: "h-[18px] w-[18px] text-gray-blue-7" })
+      }
+    ),
+    r && ((m = e.rightContent) == null ? void 0 : m.call(e, r)),
+    /* @__PURE__ */ t(
+      U,
+      {
+        allowVideoUpload: e.allowVideoUpload,
+        title: I,
+        visible: w,
+        images: s,
+        galleryImages: f,
+        disableUpload: b,
+        onChange: (a) => p(a),
+        onClose: h,
+        onImageNameSave: S,
+        imageNameMaxLength: e.imageNameMaxLength,
+        productImages: x
+      }
+    )
+  ] });
 }
-const _ = C(V);
+const q = V(j);
 export {
-  _ as FilterStringInput
+  q as ImageSelectCell
 };

package/dist/index194.cjs

@@ -1 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index195.cjs"),R=require("./index196.cjs"),N=require("./index197.cjs"),A=require("./index198.cjs"),M=require("./index199.cjs"),b=require("./index200.cjs"),H=require("./index201.cjs");var s;function L(){if(s)return e.__exports;s=1,Object.defineProperty(e.__exports,"__esModule",{value:!0}),e.__exports.ReactCSS=e.__exports.loop=e.__exports.handleActive=e.__exports.handleHover=e.__exports.hover=void 0;var i=R.__require(),n=r(i),v=N.__require(),l=r(v),p=A.__require(),f=r(p),d=M.__require(),o=r(d),c=b.__require(),x=r(c),q=H.__require(),h=r(q);function r(t){return t&&t.__esModule?t:{default:t}}e.__exports.hover=o.default,e.__exports.handleHover=o.default,e.__exports.handleActive=x.default,e.__exports.loop=h.default;var m=e.__exports.ReactCSS=function(S){for(var _=arguments.length,u=Array(_>1?_-1:0),a=1;a<_;a++)u[a-1]=arguments[a];var g=(0,n.default)(u),C=(0,l.default)(S,g);return(0,f.default)(C)};return e.__exports.default=m,e.__exports}exports.__require=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});/**
+ * @license lucide-react v0.563.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const o=t=>t.replace(/^([A-Z])|[\s-_]+(\w)/g,(s,a,e)=>e?e.toUpperCase():a.toLowerCase());exports.toCamelCase=o;

package/dist/index194.js

@@ -1,29 +1,13 @@
-import { __exports as e } from "./index195.js";
-import { __require as x } from "./index196.js";
-import { __require as A } from "./index197.js";
-import { __require as N } from "./index198.js";
-import { __require as H } from "./index199.js";
-import { __require as L } from "./index200.js";
-import { __require as M } from "./index201.js";
-var v;
-function B() {
-  if (v) return e;
-  v = 1, Object.defineProperty(e, "__esModule", {
-    value: !0
-  }), e.ReactCSS = e.loop = e.handleActive = e.handleHover = e.hover = void 0;
-  var f = x(), _ = r(f), l = A(), s = r(l), m = N(), n = r(m), d = H(), i = r(d), p = L(), q = r(p), c = M(), h = r(c);
-  function r(a) {
-    return a && a.__esModule ? a : { default: a };
-  }
-  e.hover = i.default, e.handleHover = i.default, e.handleActive = q.default, e.loop = h.default;
-  var S = e.ReactCSS = function(g) {
-    for (var u = arguments.length, o = Array(u > 1 ? u - 1 : 0), t = 1; t < u; t++)
-      o[t - 1] = arguments[t];
-    var C = (0, _.default)(o), R = (0, s.default)(g, C);
-    return (0, n.default)(R);
-  };
-  return e.default = S, e;
-}
+/**
+ * @license lucide-react v0.563.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const s = (a) => a.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (t, o, e) => e ? e.toUpperCase() : o.toLowerCase()
+);
 export {
-  B as __require
+  s as toCamelCase
 };

package/dist/index195.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index196.cjs"),t=require("./index197.cjs"),u=require("./index198.cjs"),s=require("./index199.cjs");var r;function _(){if(r)return e.__module.exports;if(r=1,process.env.NODE_ENV!=="production"){var o=t.__require(),i=!0;e.__module.exports=u.__require()(o.isElement,i)}else e.__module.exports=s.__require()();return e.__module.exports}exports.__require=_;

package/dist/index195.js

@@ -1,4 +1,17 @@
-var r = {};
+import { __module as r } from "./index196.js";
+import { __require as s } from "./index197.js";
+import { __require as t } from "./index198.js";
+import { __require as p } from "./index199.js";
+var e;
+function q() {
+  if (e) return r.exports;
+  if (e = 1, process.env.NODE_ENV !== "production") {
+    var o = s(), i = !0;
+    r.exports = /* @__PURE__ */ t()(o.isElement, i);
+  } else
+    r.exports = /* @__PURE__ */ p()();
+  return r.exports;
+}
 export {
-  r as __exports
+  q as __require
 };

package/dist/index196.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index222.cjs"),$=require("lodash/isString"),N=require("lodash/forOwn"),x=require("lodash/isPlainObject"),O=require("lodash/map");var i;function g(){if(i)return t.__exports;i=1,Object.defineProperty(t.__exports,"__esModule",{value:!0}),t.__exports.flattenNames=void 0;var f=$,_=u(f),l=N,o=u(l),c=x,d=u(c),p=O,m=u(p);function u(e){return e&&e.__esModule?e:{default:e}}var q=t.__exports.flattenNames=function e(){var v=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[],a=[];return(0,m.default)(v,function(r){Array.isArray(r)?e(r).map(function(n){return a.push(n)}):(0,d.default)(r)?(0,o.default)(r,function(n,s){n===!0&&a.push(s),a.push(s+"-"+n)}):(0,_.default)(r)&&a.push(r)}),a};return t.__exports.default=q,t.__exports}exports.__require=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;