@ikas/core 1.0.6 → 1.0.8

package/dist/index109.js

@@ -1,169 +1,165 @@
-import { jsx as e, jsxs as l, Fragment as j } from "react/jsx-runtime";
-import a from "react";
-import { useSidebar as L, SidebarHeader as x } from "@ikas/ui";
-import { cn as _ } from "./index3.js";
-import { Logo as p, LightSidebarIkasLogo as C, LogoIkas as R } from "./index124.js";
-import S from "./index125.js";
-import A from "./index126.js";
-function T({
-  theme: r = "dark",
-  isExpandedMenu: i,
-  menuItems: n,
-  logoRightSideContent: o,
-  logo: f,
-  collapsedLogo: u,
-  onLogoSectionClick: s,
-  clearExpandedMenu: h,
-  expandedMenuItem: N,
-  getSalesChannelIconBackgroundColor: w,
-  onCollapse: d,
-  salesChannelMenuUUID: m,
-  setSalesChannelOpenKey: y
-}) {
-  const { state: v } = L(), b = v === "collapsed";
-  if (!i)
-    return /* @__PURE__ */ e(x, { className: "h-[72px] min-h-[72px] flex-row items-center justify-between p-4", children: b ? (
-      /* Collapsed logo box: padding 8px, radius 4px, bg #000 in BOTH
-         themes, hover bg #2e2e33 (original style.tsx:157-180) */
-      /* @__PURE__ */ e(
-        "button",
-        {
-          onClick: () => d(!1),
-          className: "mx-auto flex items-center justify-center rounded bg-black p-2 text-sidebar-foreground transition-colors duration-300 hover:bg-gray-black-7 hover:text-sidebar-accent-foreground",
-          children: u ?? /* @__PURE__ */ e(p, { className: "h-6 w-6" })
-        }
-      )
-    ) : /* @__PURE__ */ l(j, { children: [
-      /* @__PURE__ */ l(
-        "div",
-        {
-          onClick: s,
-          className: "flex h-10 flex-1 items-center gap-2 pl-1.5",
-          style: { cursor: s ? "pointer" : void 0 },
-          children: [
-            f ?? (r === "light" ? /* @__PURE__ */ e(C, {}) : /* @__PURE__ */ e(R, {})),
-            o
-          ]
-        }
-      ),
-      /* @__PURE__ */ e(
-        "button",
-        {
-          onClick: () => {
-            d(!0), m && y([m]);
-          },
-          className: "flex h-10 w-10 shrink-0 items-center justify-center text-gray-blue-5 transition-colors duration-300 hover:text-sidebar-accent-foreground dark:text-gray-black-4",
-          style: {
-            marginRight: "calc((18px - 40px) / 2)"
-          },
-          children: /* @__PURE__ */ e(S, { className: "h-[18px] w-[18px]" })
-        }
-      )
-    ] }) });
-  const t = n[0], g = t ? w(t) : void 0, c = N ?? t;
-  return /* @__PURE__ */ e(x, { className: "h-[72px] min-h-[72px] p-0 border-b border-sidebar-accent", children: b ? (
-    /* Collapsed logo box (expanded-menu mode): padding 10px when an icon
-       is present, bg #000 in both themes (original index.tsx:764-781) */
-    /* @__PURE__ */ e(
-      "button",
+var G = Object.defineProperty;
+var H = (i, e, t) => e in i ? G(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var V = (i, e, t) => H(i, typeof e != "symbol" ? e + "" : e, t);
+import { jsx as g, jsxs as k } from "react/jsx-runtime";
+import J from "react";
+import { observer as K } from "mobx-react";
+import { makeObservable as Q, action as w, observable as W } from "mobx";
+import { Modal as X, Input as Y } from "@ikas/ui";
+import { coreTranslations as p } from "./index5.js";
+import { ModalContainer as ee, Title as te, Label as T } from "./index104.js";
+var oe = Object.defineProperty, re = Object.getOwnPropertyDescriptor, d = (i, e, t, a) => {
+  for (var n = a > 1 ? void 0 : a ? re(e, t) : e, s = i.length - 1, m; s >= 0; s--)
+    (m = i[s]) && (n = (a ? m(e, t, n) : m(n)) || n);
+  return a && n && oe(e, t, n), n;
+};
+let l = class extends J.Component {
+  constructor(e) {
+    super(e);
+    V(this, "url", "");
+    Q(this);
+  }
+  onClose() {
+    this.url = "", this.props.onClose();
+  }
+  insertVideo() {
+    const { summernoteObj: e } = this.props;
+    try {
+      e.summernote("editor.saveRange"), e.summernote("editor.restoreRange");
+      const t = this.createVideoNode();
+      t && e.summernote("editor.insertNode", t), this.onClose();
+    } catch (t) {
+      e.summernote("editor.restoreRange"), console.log("video insert error", t);
+    }
+  }
+  createVideoNode() {
+    const e = this.url;
+    if (!e) return null;
+    const t = /(?:youtu\.be\/|youtube\.com\/(?:[^\/\n\s]+\/\S+\/|(?:v|e(?:mbed)?)\/|\S*?[?&]v=))([^&\n?]+)(?:.*[?&]t=(\d+))?.*/, a = e.match(t), n = /(?:\.|\/\/)drive\.google\.com\/file\/d\/(.[a-zA-Z0-9_-]*)\/view/, s = e.match(n), m = /(?:www\.|\/\/)instagram\.com\/p\/(.[a-zA-Z0-9_-]*)/, b = e.match(m), N = /\/\/vine\.co\/v\/([a-zA-Z0-9]+)/, v = e.match(N), z = /\/\/(player\.)?vimeo\.com\/([a-z]*\/)*(\d+)[?]?.*/, x = e.match(z), L = /.+dailymotion.com\/(video|hub)\/([^_]+)[^#]*(#video=([^_&]+))?/, y = e.match(L), O = /\/\/v\.youku\.com\/v_show\/id_(\w+)=*\.html/, R = e.match(O), j = /\/\/(.*)\/videos\/watch\/([^?]*)(?:\?(?:start=(\w*))?(?:&stop=(\w*))?(?:&loop=([10]))?(?:&autoplay=([10]))?(?:&muted=([10]))?)?/, o = e.match(j), I = /\/\/v\.qq\.com.*?vid=(.+)/, h = e.match(I), P = /\/\/v\.qq\.com\/x?\/?(page|cover).*?\/([^\/]+)\.html\??.*/, u = e.match(P), U = /^.+.(mp4|m4v)$/, A = e.match(U), D = /^.+.(ogg|ogv)$/, Z = e.match(D), S = /^.+.(webm)$/, B = e.match(S), F = /(?:www\.|\/\/)facebook\.com\/([^\/]+)\/videos\/([0-9]+)/, M = e.match(F);
+    let r, f = 0;
+    if (a && a[1].length === 11) {
+      const c = a[1];
+      typeof a[2] < "u" && (f = parseInt(a[2], 10)), r = $("<iframe>").attr("frameborder", 0).attr(
+        "src",
+        "//www.youtube.com/embed/" + c + (f > 0 ? "?start=" + f : "")
+      ).attr("width", "640").attr("height", "360");
+    } else if (s && s[0].length)
+      r = $("<iframe>").attr("frameborder", 0).attr(
+        "src",
+        "https://drive.google.com/file/d/" + s[1] + "/preview"
+      ).attr("width", "640").attr("height", "480");
+    else if (b && b[0].length)
+      r = $("<iframe>").attr("frameborder", 0).attr("src", "https://instagram.com/p/" + b[1] + "/embed/").attr("width", "612").attr("height", "710").attr("scrolling", "no").attr("allowtransparency", "true");
+    else if (v && v[0].length)
+      r = $("<iframe>").attr("frameborder", 0).attr("src", v[0] + "/embed/simple").attr("width", "600").attr("height", "600").attr("class", "vine-embed");
+    else if (x && x[3].length)
+      r = $(
+        "<iframe webkitallowfullscreen mozallowfullscreen allowfullscreen>"
+      ).attr("frameborder", 0).attr("src", "//player.vimeo.com/video/" + x[3]).attr("width", "640").attr("height", "360");
+    else if (y && y[2].length)
+      r = $("<iframe>").attr("frameborder", 0).attr("src", "//www.dailymotion.com/embed/video/" + y[2]).attr("width", "640").attr("height", "360");
+    else if (R && R[1].length)
+      r = $(
+        "<iframe webkitallowfullscreen mozallowfullscreen allowfullscreen>"
+      ).attr("frameborder", 0).attr("height", "498").attr("width", "510").attr("src", "//player.youku.com/embed/" + R[1]);
+    else if (o && o[0].length) {
+      let c = 0;
+      o[2] !== "undefined" && (c = Number(o[2]));
+      let C = 0;
+      o[3] !== "undefined" && (C = Number(o[3]));
+      let _ = 0;
+      o[4] !== "undefined" && (_ = Number(o[4]));
+      let q = 0;
+      o[5] !== "undefined" && (q = Number(o[5]));
+      let E = 0;
+      o[6] !== "undefined" && (E = Number(o[6])), r = $(
+        '<iframe allowfullscreen sandbox="allow-same-origin allow-scripts allow-popups">'
+      ).attr("frameborder", 0).attr(
+        "src",
+        "//" + o[1] + "/videos/embed/" + o[2] + "?loop=" + _ + "&autoplay=" + q + "&muted=" + E + (c > 0 ? "&start=" + c : "") + (C > 0 ? "&end=" + f : "")
+      ).attr("width", "560").attr("height", "315");
+    } else if (h && h[1].length || u && u[2].length) {
+      const c = h && h[1].length ? h[1] : u ? u[2] : "";
+      r = $(
+        "<iframe webkitallowfullscreen mozallowfullscreen allowfullscreen>"
+      ).attr("frameborder", 0).attr("height", "310").attr("width", "500").attr(
+        "src",
+        "https://v.qq.com/txp/iframe/player.html?vid=" + c + "&amp;auto=0"
+      );
+    } else if (A || Z || B)
+      r = $("<video controls>").attr("src", e).attr("width", "640").attr("height", "360");
+    else if (M && M[0].length)
+      r = $("<iframe>").attr("frameborder", 0).attr(
+        "src",
+        "https://www.facebook.com/plugins/video.php?href=" + encodeURIComponent(M[0]) + "&show_text=0&width=560"
+      ).attr("width", "560").attr("height", "301").attr("scrolling", "no").attr("allowtransparency", "true");
+    else
+      return !1;
+    return r.addClass("note-video-clip"), r[0];
+  }
+  onVideoLinkChange(e) {
+    this.url = e.target.value;
+  }
+  render() {
+    const { open: e } = this.props;
+    return /* @__PURE__ */ g(
+      X,
       {
-        onClick: () => d(!1),
-        className: _(
-          "mx-auto flex items-center justify-center rounded bg-black text-sidebar-foreground transition-colors duration-300 hover:bg-gray-black-7 hover:text-sidebar-accent-foreground",
-          t != null && t.icon ? "p-2.5" : "p-2"
-        ),
-        children: t != null && t.icon ? /* @__PURE__ */ e(
-          k,
-          {
-            icon: t.icon,
-            fillColor: g,
-            size: 20
-          }
-        ) : /* @__PURE__ */ e(p, { className: "h-6 w-6" })
-      }
-    )
-  ) : /* @__PURE__ */ l(
-    "button",
-    {
-      onClick: () => h == null ? void 0 : h(),
-      className: "flex h-full w-full items-center gap-2 px-[26px] text-sidebar-foreground transition-colors duration-300 hover:bg-sidebar-accent select-none",
-      children: [
-        /* @__PURE__ */ e(A, { className: "h-4 w-4 shrink-0" }),
-        /* @__PURE__ */ l("div", { className: "flex flex-1 items-center gap-2 min-w-0", children: [
-          (t == null ? void 0 : t.icon) && /* @__PURE__ */ e(
-            k,
+        open: e,
+        onCancel: this.onClose,
+        onOk: this.insertVideo,
+        okText: p.richText.addVideo,
+        title: p.richText.video,
+        okButtonProps: {
+          disabled: !this.url.length
+        },
+        children: /* @__PURE__ */ k(ee, { children: [
+          /* @__PURE__ */ k(
+            te,
             {
-              icon: t.icon,
-              fillColor: g,
-              size: 20
+              style: {
+                flexDirection: "column",
+                alignItems: "flex-start",
+                gap: 4
+              },
+              children: [
+                /* @__PURE__ */ g(T, { children: p.richText.addVideoLink }),
+                /* @__PURE__ */ g(T, { children: p.richText.suppoertedVideoLinks })
+              ]
             }
           ),
-          /* @__PURE__ */ e("span", { className: "max-w-[136px] truncate text-sm font-medium", children: (c == null ? void 0 : c.label) ?? (c == null ? void 0 : c.labelTitle) })
+          /* @__PURE__ */ g(
+            Y,
+            {
+              value: this.url,
+              onChange: this.onVideoLinkChange,
+              placeholder: p.richText.enterURL
+            }
+          )
         ] })
-      ]
-    }
-  ) });
-}
-function z({
-  icon: r,
-  fillColor: i,
-  size: n = 16
-}) {
-  if (!r) return null;
-  const o = a.isValidElement(r) ? r : /* @__PURE__ */ e(
-    r,
-    {
-      style: {
-        width: "100%",
-        height: "100%",
-        fill: "none",
-        ...i ? { "--icon-fill-color": i } : {}
       }
-    }
-  );
-  return /* @__PURE__ */ e(
-    "span",
-    {
-      className: "flex shrink-0 items-center justify-center [&_svg_rect]:transition-colors",
-      style: { width: n, height: n },
-      children: o
-    }
-  );
-}
-function k({
-  icon: r,
-  fillColor: i,
-  size: n = 16
-}) {
-  if (!r) return null;
-  const o = a.useRef(null);
-  a.useEffect(() => {
-    o.current && i && o.current.querySelectorAll("svg rect").forEach((s) => {
-      s.style.fill = i;
-    });
-  }, [i]);
-  const f = a.isValidElement(r) ? r : /* @__PURE__ */ e(
-    r,
-    {
-      style: {
-        width: "100%",
-        height: "100%",
-        fill: "none"
-      }
-    }
-  );
-  return /* @__PURE__ */ e(
-    "span",
-    {
-      ref: o,
-      className: "flex shrink-0 items-center justify-center",
-      style: { width: n, height: n },
-      children: f
-    }
-  );
-}
+    );
+  }
+};
+d([
+  W
+], l.prototype, "url", 2);
+d([
+  w.bound
+], l.prototype, "onClose", 1);
+d([
+  w.bound
+], l.prototype, "insertVideo", 1);
+d([
+  w.bound
+], l.prototype, "createVideoNode", 1);
+d([
+  w.bound
+], l.prototype, "onVideoLinkChange", 1);
+l = d([
+  K
+], l);
+const he = l;
 export {
-  k as IconWithFill,
-  z as IconWrapper,
-  T as NavigationHeader
+  he as default
 };

package/dist/index11.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),R=require("react"),T=require("mobx-react-lite"),m=require("@ikas/ui"),k=require("./index3.cjs"),$=require("./index52.cjs"),U=require("./index53.cjs");function Z(u){const{color:r,image:e,label:o}=u;return t.jsx(m.Tooltip,{content:o,children:t.jsxs("div",{className:"flex items-center gap-3 flex-shrink-0",children:[e?t.jsx("img",{src:e,alt:o,className:"w-4 h-4 rounded-sm border border-gray-blue-2 object-cover flex-shrink-0"}):r?t.jsx("div",{className:"w-4 h-4 rounded-sm border border-gray-blue-2 flex-shrink-0",style:{backgroundColor:r}}):null,t.jsx("span",{className:"text-sm text-gray-blue-9 whitespace-nowrap",children:o})]})})}function z(u){const{items:r}=u;return t.jsx("div",{className:"flex flex-wrap items-center gap-x-1 gap-y-0.5",children:r.map((e,o)=>{var d,a;return t.jsxs(R.Fragment,{children:[t.jsx(Z,{color:e.colorCode??void 0,image:((d=e.$thumbnailImage)==null?void 0:d.src)||((a=e.$thumbnailImage)==null?void 0:a.url),label:e.name}),o<r.length-1&&t.jsx("span",{className:"w-1 h-1 rounded-full bg-gray-blue-4 mx-2"})]},e.id)})})}function K(u){var h,b,j,f,v,y,N,w,C;const{rowData:r,columnDefinition:e,enableHoverImageZoomPopover:o,popoverZIndex:d}=u;if(!r)return null;const a=(h=e.getProduct)==null?void 0:h.call(e,r),s=(b=e.getProductVariant)==null?void 0:b.call(e,r),c=(e.getName?e.getName(r):a==null?void 0:a.name)??"",i=(j=e.getImage)==null?void 0:j.call(e,r),x=e.getBarcodeSKU?e.getBarcodeSKU(r):s==null?void 0:s.barcodeSkuText,I=(f=e.getCustomCellPadding)==null?void 0:f.call(e,r),P=!!((v=s==null?void 0:s.images)!=null&&v.length)&&s.images.every(l=>l==null?void 0:l.isVideo);let n;e.showVariantValue&&(e.getVariantValue?n=e.getVariantValue(r):Array.isArray(s==null?void 0:s.$variantValues)&&(n=s.$variantValues));const p=((N=(y=e.getAvatarLabel)==null?void 0:y.call(e,r))==null?void 0:N.slice(0,2))??(s?c==null?void 0:c.slice(0,2):(C=(w=e.getName)==null?void 0:w.call(e,r))==null?void 0:C.slice(0,2)),g=e.getImage?(i==null?void 0:i.thumbnailSrc)||(i==null?void 0:i.url):(a==null?void 0:a.thumbnailImageSrc)??void 0,S=o??e.enableHoverImageZoomPopover,V=g?g.replace(/image_180\.webp$/,"image_540.webp"):void 0,q=()=>S&&g?t.jsx(m.Popover,{placement:"bottomRight",showArrow:!1,mouseEnterDelay:.3,mouseLeaveDelay:.3,overlayStyle:{paddingLeft:"6px",...d?{zIndex:d}:{}},align:{offset:["100%",0]},content:t.jsx("img",{src:V,width:200,height:200,className:"object-contain",onClick:l=>{l.preventDefault(),l.stopPropagation()}}),children:t.jsxs("div",{className:"relative h-9 w-9 flex-shrink-0 group cursor-pointer",onClick:l=>{l.preventDefault(),l.stopPropagation()},children:[t.jsx(m.Avatar,{size:36,shape:"square",src:g,alt:c,className:k.cn("transition-all","group-hover:border-purple-3 group-hover:backdrop-blur-[0.4px] group-hover:bg-white/40")}),t.jsx($.default,{className:k.cn("absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2","h-4 w-4 text-purple-5 opacity-0 group-hover:opacity-100 transition-opacity")})]})}):t.jsx(m.Avatar,{size:36,shape:"square",src:g,fallback:P?t.jsx(U.default,{className:"h-[18px] w-[18px]"}):p==null?void 0:p.toUpperCase(),className:"flex-shrink-0"}),A=()=>n?typeof n=="string"?t.jsx("span",{className:"text-sm text-purple truncate",children:n}):Array.isArray(n)&&n.length>0?t.jsx(z,{items:n}):null:null;return t.jsxs("div",{className:"flex items-center min-w-0 overflow-hidden w-full",style:{padding:I??void 0},children:[q(),t.jsxs("div",{className:"flex flex-col justify-center min-w-0 ml-3 flex-1 overflow-hidden break-words",children:[e.topCustomContent&&t.jsx("div",{className:"mb-0.5",children:e.topCustomContent(r)}),t.jsxs("div",{className:"flex items-center gap-2 min-w-0",children:[t.jsx(m.Tooltip,{content:c,children:t.jsx("span",{className:"text-sm text-gray-blue-9 font-medium truncate",children:c})}),e.customNameRightContent&&t.jsx("span",{className:"flex-shrink-0",children:e.customNameRightContent(r)})]}),A(),x&&t.jsx(m.Tooltip,{content:x,children:t.jsx("span",{className:"text-xs text-gray-blue truncate",children:x})}),e.customContent&&t.jsx("div",{className:"mt-0.5",children:e.customContent(r)})]})]})}const L=T.observer(K);exports.ProductCell=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),R=require("react"),T=require("mobx-react-lite"),m=require("@ikas/ui"),k=require("./index3.cjs"),$=require("./index54.cjs"),U=require("./index55.cjs");function Z(u){const{color:r,image:e,label:o}=u;return t.jsx(m.Tooltip,{content:o,children:t.jsxs("div",{className:"flex items-center gap-3 flex-shrink-0",children:[e?t.jsx("img",{src:e,alt:o,className:"w-4 h-4 rounded-sm border border-gray-blue-2 object-cover flex-shrink-0"}):r?t.jsx("div",{className:"w-4 h-4 rounded-sm border border-gray-blue-2 flex-shrink-0",style:{backgroundColor:r}}):null,t.jsx("span",{className:"text-sm text-gray-blue-9 whitespace-nowrap",children:o})]})})}function z(u){const{items:r}=u;return t.jsx("div",{className:"flex flex-wrap items-center gap-x-1 gap-y-0.5",children:r.map((e,o)=>{var d,a;return t.jsxs(R.Fragment,{children:[t.jsx(Z,{color:e.colorCode??void 0,image:((d=e.$thumbnailImage)==null?void 0:d.src)||((a=e.$thumbnailImage)==null?void 0:a.url),label:e.name}),o<r.length-1&&t.jsx("span",{className:"w-1 h-1 rounded-full bg-gray-blue-4 mx-2"})]},e.id)})})}function K(u){var h,b,j,f,v,y,N,w,C;const{rowData:r,columnDefinition:e,enableHoverImageZoomPopover:o,popoverZIndex:d}=u;if(!r)return null;const a=(h=e.getProduct)==null?void 0:h.call(e,r),s=(b=e.getProductVariant)==null?void 0:b.call(e,r),c=(e.getName?e.getName(r):a==null?void 0:a.name)??"",i=(j=e.getImage)==null?void 0:j.call(e,r),x=e.getBarcodeSKU?e.getBarcodeSKU(r):s==null?void 0:s.barcodeSkuText,I=(f=e.getCustomCellPadding)==null?void 0:f.call(e,r),P=!!((v=s==null?void 0:s.images)!=null&&v.length)&&s.images.every(l=>l==null?void 0:l.isVideo);let n;e.showVariantValue&&(e.getVariantValue?n=e.getVariantValue(r):Array.isArray(s==null?void 0:s.$variantValues)&&(n=s.$variantValues));const p=((N=(y=e.getAvatarLabel)==null?void 0:y.call(e,r))==null?void 0:N.slice(0,2))??(s?c==null?void 0:c.slice(0,2):(C=(w=e.getName)==null?void 0:w.call(e,r))==null?void 0:C.slice(0,2)),g=e.getImage?(i==null?void 0:i.thumbnailSrc)||(i==null?void 0:i.url):(a==null?void 0:a.thumbnailImageSrc)??void 0,S=o??e.enableHoverImageZoomPopover,V=g?g.replace(/image_180\.webp$/,"image_540.webp"):void 0,q=()=>S&&g?t.jsx(m.Popover,{placement:"bottomRight",showArrow:!1,mouseEnterDelay:.3,mouseLeaveDelay:.3,overlayStyle:{paddingLeft:"6px",...d?{zIndex:d}:{}},align:{offset:["100%",0]},content:t.jsx("img",{src:V,width:200,height:200,className:"object-contain",onClick:l=>{l.preventDefault(),l.stopPropagation()}}),children:t.jsxs("div",{className:"relative h-9 w-9 flex-shrink-0 group cursor-pointer",onClick:l=>{l.preventDefault(),l.stopPropagation()},children:[t.jsx(m.Avatar,{size:36,shape:"square",src:g,alt:c,className:k.cn("transition-all","group-hover:border-purple-3 group-hover:backdrop-blur-[0.4px] group-hover:bg-white/40")}),t.jsx($.default,{className:k.cn("absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2","h-4 w-4 text-purple-5 opacity-0 group-hover:opacity-100 transition-opacity")})]})}):t.jsx(m.Avatar,{size:36,shape:"square",src:g,fallback:P?t.jsx(U.default,{className:"h-[18px] w-[18px]"}):p==null?void 0:p.toUpperCase(),className:"flex-shrink-0"}),A=()=>n?typeof n=="string"?t.jsx("span",{className:"text-sm text-purple truncate",children:n}):Array.isArray(n)&&n.length>0?t.jsx(z,{items:n}):null:null;return t.jsxs("div",{className:"flex items-center min-w-0 overflow-hidden w-full",style:{padding:I??void 0},children:[q(),t.jsxs("div",{className:"flex flex-col justify-center min-w-0 ml-3 flex-1 overflow-hidden break-words",children:[e.topCustomContent&&t.jsx("div",{className:"mb-0.5",children:e.topCustomContent(r)}),t.jsxs("div",{className:"flex items-center gap-2 min-w-0",children:[t.jsx(m.Tooltip,{content:c,children:t.jsx("span",{className:"text-sm text-gray-blue-9 font-medium truncate",children:c})}),e.customNameRightContent&&t.jsx("span",{className:"flex-shrink-0",children:e.customNameRightContent(r)})]}),A(),x&&t.jsx(m.Tooltip,{content:x,children:t.jsx("span",{className:"text-xs text-gray-blue truncate",children:x})}),e.customContent&&t.jsx("div",{className:"mt-0.5",children:e.customContent(r)})]})]})}const L=T.observer(K);exports.ProductCell=L;

package/dist/index11.js

@@ -3,8 +3,8 @@ import Z from "react";
 import { observer as _ } from "mobx-react-lite";
 import { Tooltip as b, Popover as z, Avatar as V } from "@ikas/ui";
 import { cn as P } from "./index3.js";
-import E from "./index52.js";
-import K from "./index53.js";
+import E from "./index54.js";
+import K from "./index55.js";
 function q(d) {
   const { color: t, image: e, label: n } = d;
   return /* @__PURE__ */ r(b, { content: n, children: /* @__PURE__ */ m("div", { className: "flex items-center gap-3 flex-shrink-0", children: [

package/dist/index110.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),N=require("react"),r=require("@ikas/ui"),v=require("./index3.cjs"),O=require("./index5.cjs"),M=require("./index109.cjs");function I(e){return v.cn("flex min-h-7 items-center rounded px-3 py-1 text-sm font-normal shadow-xs",e==="light"?"border-none bg-white text-gray-blue-9":"dark bg-sidebar-popup text-sidebar-accent-foreground")}function S({children:e}){return n.jsx("span",{className:"flex max-h-[18px] shrink-0 items-center justify-center rounded bg-purple px-1.5 py-[3px] text-xs font-normal text-white",children:e??O.coreTranslations.navigation.new})}function P(){return n.jsx("span",{className:"shrink-0 rounded border border-gray-blue-2 bg-gray-blue-0 px-[5px] py-0.5 text-xs font-medium text-gray-blue-6",children:O.coreTranslations.navigation.admin})}function R({items:e,selectedUUIDList:u,openKeys:c,onOpenKeysChange:x,onItemClick:a,onLeafClick:l,isExpandedMenu:s,isSalesChannel:p,showTypographyText:o,getSalesChannelIconBackgroundColor:d,theme:i}){return n.jsx(r.SidebarMenu,{children:e.map(b=>n.jsx(y,{item:b,selectedUUIDList:u,openKeys:c,onOpenKeysChange:x,onItemClick:a,onLeafClick:l,isExpandedMenu:s,isSalesChannel:p,showTypographyText:o,getSalesChannelIconBackgroundColor:d,theme:i},b.uuid))})}function y({item:e,selectedUUIDList:u,openKeys:c,onOpenKeysChange:x,onItemClick:a,onLeafClick:l,isExpandedMenu:s,isSalesChannel:p,showTypographyText:o,getSalesChannelIconBackgroundColor:d,theme:i}){var b;return(b=e.expandedMenuSettings)!=null&&b.visibleOnlyExpanded?null:e.isExpandableMenu?n.jsx(A,{item:e,selectedUUIDList:u,onLeafClick:l,onItemClick:a,isSalesChannel:p,showTypographyText:o,getSalesChannelIconBackgroundColor:d,isExpandedMenu:s,theme:i}):e.childItems?n.jsx(k,{item:e,selectedUUIDList:u,openKeys:c,onOpenKeysChange:x,onItemClick:a,onLeafClick:l,isSalesChannel:p,showTypographyText:o,getSalesChannelIconBackgroundColor:d,isExpandedMenu:s,theme:i}):n.jsx(A,{item:e,selectedUUIDList:u,onLeafClick:l,onItemClick:a,isSalesChannel:p,showTypographyText:o,getSalesChannelIconBackgroundColor:d,isExpandedMenu:s,theme:i})}function A({item:e,selectedUUIDList:u,onLeafClick:c,onItemClick:x,isSalesChannel:a,showTypographyText:l,getSalesChannelIconBackgroundColor:s,isExpandedMenu:p,theme:o}){const{state:d}=r.useSidebar(),i=d==="collapsed",b=u.includes(e.uuid),j=s(e),f=a?20:16,t=e.label??e.labelTitle??"",g=N.useRef(null),[w,m]=N.useState(!1);N.useEffect(()=>{const T=g.current;T&&m(T.scrollWidth>T.clientWidth)},[t,i]);const h=j?M.IconWithFill:M.IconWrapper;return n.jsxs(r.SidebarMenuItem,{children:[n.jsxs(r.SidebarMenuButton,{isActive:b,tooltip:!e.parent||p?{children:e.labelTitle,className:I(o),showArrow:!1}:void 0,onClick:()=>{e.isExpandableMenu?c(e):(c(e),x(e))},className:v.cn(e.isWhite&&"text-white hover:text-white",a&&!i&&"px-2"),children:[e.icon&&n.jsx(h,{icon:e.icon,fillColor:j,size:f}),(!i||!e.icon)&&l&&(w&&!p?n.jsx(r.Tooltip,{content:t,className:I(o),showArrow:!1,children:n.jsx("span",{ref:g,className:"truncate",children:t})}):n.jsx("span",{ref:g,className:"truncate",children:t})),e.adminBadgeRender&&!i&&n.jsx(P,{}),e.isNew&&!i&&n.jsx(S,{})]}),!!e.newDataCount&&n.jsx(r.SidebarMenuBadge,{className:"bg-purple text-white rounded-xl min-w-[26px] h-5 text-xs font-medium",children:e.newDataCount})]})}function k({item:e,selectedUUIDList:u,openKeys:c,onOpenKeysChange:x,onItemClick:a,onLeafClick:l,isSalesChannel:s,showTypographyText:p,getSalesChannelIconBackgroundColor:o,isExpandedMenu:d,theme:i}){var m;const{state:b}=r.useSidebar(),j=b==="collapsed",f=c.includes(e.uuid),t=s?20:16,g=e.label??e.labelTitle??"",w=(m=e.childItems)==null?void 0:m.some(h=>u.includes(h.uuid));return j?s?null:n.jsx(q,{item:e,selectedUUIDList:u,onItemClick:a,onLeafClick:l,hasActiveChild:w,isSalesChannel:s,showTypographyText:p,getSalesChannelIconBackgroundColor:o,isExpandedMenu:d,theme:i}):n.jsxs(r.SidebarMenuItem,{children:[n.jsxs(r.SidebarMenuButton,{isActive:!1,onClick:()=>{x(f?c.filter(h=>h!==e.uuid):[...c,e.uuid])},className:v.cn(s&&"text-sidebar-accent-foreground hover:bg-transparent data-[state=open]:hover:bg-transparent"),children:[e.icon&&n.jsx(M.IconWrapper,{icon:e.icon,size:t}),p&&n.jsx("span",{className:"truncate",children:g}),n.jsx("span",{className:"sidebar-submenu-arrow ml-auto shrink-0","data-open":f?"true":void 0,"aria-hidden":!0})]}),n.jsx("div",{className:"grid transition-[grid-template-rows] duration-300 ease-in-out",style:{gridTemplateRows:f?"1fr":"0fr"},children:n.jsx("div",{className:"overflow-hidden",children:n.jsx(r.SidebarMenuSub,{children:e.childItems.map(h=>n.jsx(W,{item:h,selectedUUIDList:u,onItemClick:a,onLeafClick:l,getSalesChannelIconBackgroundColor:o,isSalesChannel:s,isExpandedMenu:d,theme:i},h.uuid))})})})]})}function W({item:e,selectedUUIDList:u,onItemClick:c,onLeafClick:x,isSalesChannel:a}){var s;if((s=e.expandedMenuSettings)!=null&&s.visibleOnlyExpanded)return null;const l=u.includes(e.uuid);return e.isExpandableMenu?n.jsx(r.SidebarMenuSubItem,{children:n.jsx(r.SidebarMenuSubButton,{asChild:!0,isActive:l,onClick:()=>x(e),className:v.cn(a&&"px-2"),children:n.jsx("button",{className:"w-full",children:n.jsx("span",{className:"truncate",children:e.label??e.labelTitle})})})}):n.jsx(r.SidebarMenuSubItem,{children:n.jsx(r.SidebarMenuSubButton,{asChild:!0,isActive:l,onClick:()=>{x(e),c(e)},className:v.cn(a&&"px-2"),children:n.jsxs("button",{className:"w-full",children:[n.jsx("span",{className:"truncate",children:e.label??e.labelTitle}),e.isNew&&n.jsx(S,{})]})})})}function q({item:e,selectedUUIDList:u,onItemClick:c,onLeafClick:x,hasActiveChild:a,isSalesChannel:l,theme:s}){var f;const[p,o]=N.useState(!1),d=N.useRef(null),i=l?20:16,b=()=>{d.current&&(clearTimeout(d.current),d.current=null),o(!0)},j=()=>{d.current=setTimeout(()=>{o(!1)},100)};return n.jsx(r.SidebarMenuItem,{children:n.jsxs(r.Popover,{open:p,onOpenChange:o,children:[n.jsx(r.PopoverTrigger,{asChild:!0,children:n.jsx(r.SidebarMenuButton,{isActive:a,onMouseEnter:b,onMouseLeave:j,children:e.icon&&n.jsx(M.IconWrapper,{icon:e.icon,size:i})})}),n.jsxs(r.PopoverContent,{side:"right",align:"start",sideOffset:8,showArrow:!1,className:v.cn("flex min-w-fit max-w-[300px] flex-col gap-1 rounded border-sidebar-popup bg-sidebar-popup p-[5px] shadow-xl",s==="dark"&&"dark text-sidebar-foreground"),onMouseEnter:b,onMouseLeave:j,children:[n.jsx("div",{className:"flex h-10 shrink-0 cursor-default items-center rounded px-2.5 text-sm font-medium text-gray-blue-5 dark:text-gray-black-4",children:e.labelTitle}),(f=e.childItems)==null?void 0:f.map(t=>{var w;if((w=t.expandedMenuSettings)!=null&&w.visibleOnlyExpanded)return null;const g=u.includes(t.uuid);return n.jsxs("button",{onClick:()=>{t.isExpandableMenu?x(t):(x(t),c(t)),o(!1)},className:v.cn("flex h-10 w-full shrink-0 items-center gap-1.5 whitespace-nowrap rounded border border-transparent px-2.5 text-sm text-sidebar-accent-foreground transition-colors duration-300 dark:font-medium","hover:border-gray-blue-1 hover:bg-sidebar-popup-hover dark:hover:border-sidebar-popup-hover",g&&"dark:bg-sidebar-popup-hover"),children:[n.jsx("span",{className:"truncate",children:t.label??t.labelTitle}),t.isNew&&n.jsx(S,{})]},t.uuid)})]})]})})}exports.NavigationMenu=R;exports.NewFeatureTag=S;exports.getSidebarTooltipClass=I;
+"use strict";var g=Object.defineProperty;var x=(i,t,e)=>t in i?g(i,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[t]=e;var k=(i,t,e)=>x(i,typeof t!="symbol"?t+"":t,e);const h=require("react/jsx-runtime"),C=require("react"),w=require("mobx-react"),a=require("mobx"),d=require("@ikas/ui"),p=require("./index5.cjs"),u=require("./index104.cjs");var b=Object.defineProperty,f=Object.getOwnPropertyDescriptor,c=(i,t,e,n)=>{for(var o=n>1?void 0:n?f(t,e):t,r=i.length-1,l;r>=0;r--)(l=i[r])&&(o=(n?l(t,e,o):l(o))||o);return n&&o&&b(t,e,o),o};let s=class extends C.Component{constructor(e){super(e);k(this,"linkInfo",null);a.makeObservable(this)}componentDidUpdate(e,n,o){this.props.open&&!e.open&&this.init()}init(){var n,o;const{summernoteObj:e}=this.props;try{const r=(n=e.summernote)==null?void 0:n.call(e,"editor.createRange"),l=(o=e.summernote)==null?void 0:o.call(e,"editor.getLinkInfo",r);this.linkInfo=l}catch(r){console.log("video insert error",r)}}onClose(){this.linkInfo=null,this.props.onClose()}insertLink(){const{summernoteObj:e}=this.props;try{e.summernote("editor.saveRange"),e.summernote("editor.restoreRange");const n=this.linkInfo;e.summernote("editor.createLink",{url:n==null?void 0:n.url,range:n==null?void 0:n.range,text:n==null?void 0:n.text,isNewWindow:n==null?void 0:n.isNewWindow,checkProtocol:!0}),this.onClose()}catch(n){e.summernote("editor.restoreRange"),console.log("video insert error",n)}}onLinkChange(e){this.linkInfo&&(this.linkInfo.url=e.target.value)}onNewWindowChange(e){this.linkInfo&&(this.linkInfo.isNewWindow=e)}render(){var n,o,r,l;const{open:e}=this.props;return h.jsx(d.Modal,{open:e,onCancel:this.onClose,onOk:this.insertLink,okText:p.coreTranslations.richText.addLink,title:p.coreTranslations.richText.link,okButtonProps:{disabled:!((o=(n=this.linkInfo)==null?void 0:n.url)!=null&&o.length)},children:h.jsxs(u.ModalContainer,{children:[h.jsx(u.Title,{children:h.jsx(u.Label,{children:p.coreTranslations.richText.linkUrl})}),h.jsx(d.Input,{value:(r=this.linkInfo)==null?void 0:r.url,onChange:this.onLinkChange,placeholder:p.coreTranslations.richText.enterURL}),h.jsx(d.Checkbox,{checked:(l=this.linkInfo)==null?void 0:l.isNewWindow,onCheckedChange:this.onNewWindowChange,label:p.coreTranslations.richText.openInNewWindow})]})})}};c([a.observable],s.prototype,"linkInfo",2);c([a.action.bound],s.prototype,"init",1);c([a.action.bound],s.prototype,"onClose",1);c([a.action.bound],s.prototype,"insertLink",1);c([a.action.bound],s.prototype,"onLinkChange",1);c([a.action.bound],s.prototype,"onNewWindowChange",1);s=c([w.observer],s);const v=s;module.exports=v;