@ikas/core 1.0.8 → 1.0.9

package/dist/index108.js

@@ -1,101 +1,225 @@
-var d = Object.defineProperty;
-var u = (s, e, o) => e in s ? d(s, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : s[e] = o;
-var l = (s, e, o) => u(s, typeof e != "symbol" ? e + "" : e, o);
-import { jsx as g } from "react/jsx-runtime";
-import f from "react";
-import { observer as b } from "mobx-react";
-import { makeObservable as C, action as p, observable as c } from "mobx";
-import { Modal as I } from "@ikas/ui";
-import { ImageSelect as v } from "./index40.js";
-import { coreTranslations as h } from "./index5.js";
-var U = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, n = (s, e, o, t) => {
-  for (var r = t > 1 ? void 0 : t ? _(e, o) : e, a = s.length - 1, m; a >= 0; a--)
-    (m = s[a]) && (r = (t ? m(e, o, r) : m(r)) || r);
-  return t && r && U(e, o, r), r;
-};
-let i = class extends f.Component {
-  constructor(e) {
-    super(e);
-    l(this, "image", null);
-    l(this, "isUploading", !1);
-    C(this);
-  }
-  onClose() {
-    this.image = null, this.props.onClose();
-  }
-  insertImage() {
-    var o;
-    const { summernoteObj: e } = this.props;
-    try {
-      e.summernote("editor.focus"), e.summernote("editor.saveRange"), e.summernote("editor.restoreRange"), e.summernote("editor.insertImage", (o = this.image) == null ? void 0 : o.src), this.onClose();
-    } catch (t) {
-      e.summernote("editor.restoreRange"), console.log("image insert error", t);
-    }
-  }
-  async onImageChange(e) {
-    const { onImageUpload: o } = this.props;
-    if (this.isUploading = !0, e.length) {
-      const t = e[0];
-      if (!!t.file || !!t.base64 || !t.src) {
-        const a = await o(t);
-        if (a) {
-          const m = {
-            src: a
-          };
-          this.image = m;
+import { useState as f, useRef as q, useMemo as g, useCallback as l, useEffect as S } from "react";
+import { flushSync as z } from "react-dom";
+import { reaction as V } from "mobx";
+function Q({
+  sidebarViewModel: e,
+  onNavigate: x
+}) {
+  const [M, E] = f([]), [F, T] = f([]), [d, w] = f(null), [P, B] = f(!1), h = q(
+    null
+  ), [A, k] = f(!0), [O, m] = f(!0), i = g(() => {
+    const n = (t) => {
+      var u;
+      for (let a = 0; a < t.length; a++) {
+        const o = t[a];
+        if (o.childItems) {
+          const r = n(o.childItems);
+          if (r) return r;
+        } else if (o.useExactRoute) {
+          if (e.currentPath === "/admin" + o.path) return o.uuid;
+        } else if ((u = e.currentPath) != null && u.startsWith("/admin" + (o.path || "")))
+          return o.uuid;
+      }
+    }, s = [...e.menuItems];
+    return e.footerTopMenu && s.push(e.footerTopMenu), e.salesChannelMenu && s.push(e.salesChannelMenu), e.bottomMenuItems && s.push(...e.bottomMenuItems), n(s);
+  }, [
+    e.currentPath,
+    e.menuItems,
+    e.footerTopMenu,
+    e.salesChannelMenu,
+    e.bottomMenuItems
+  ]), C = g(
+    () => i ? [i] : [],
+    [i]
+  ), R = l(
+    (n) => {
+      const s = (u) => {
+        for (let a = 0; a < u.length; a++) {
+          const o = u[a];
+          if (o.uuid === n) return o;
+          if (o.childItems) {
+            const r = s(o.childItems);
+            if (r) return r;
+          }
+        }
+      }, t = [...e.menuItems];
+      return e.footerTopMenu && t.push(e.footerTopMenu), e.bottomMenuItems && t.push(...e.bottomMenuItems), s(t);
+    },
+    [e.menuItems, e.footerTopMenu, e.bottomMenuItems]
+  ), c = l(
+    (n, s = !0) => {
+      h.current && clearTimeout(h.current), e.sidebarCollapsed && s && e.setSidebarCollapsed(!1), w(n), B(!0);
+    },
+    [e]
+  ), I = l(
+    (n = !1) => {
+      var t;
+      h.current && clearTimeout(h.current);
+      const s = () => {
+        var u;
+        (u = d == null ? void 0 : d.expandedMenuSettings) != null && u.onBackClick && d.expandedMenuSettings.onBackClick(), w(null);
+      };
+      B(!1), n || (t = d == null ? void 0 : d.expandedMenuSettings) != null && t.closeFast ? s() : h.current = setTimeout(s, 300);
+    },
+    [d]
+  ), U = l(
+    (n) => {
+      if (!e.sidebarCollapsed && n.length) {
+        const s = n[n.length - 1];
+        let t = i;
+        e.menuItems.forEach((u) => {
+          var o;
+          ((o = u.childItems) == null ? void 0 : o.find(
+            (r) => r.uuid === i
+          )) && (t = u.uuid);
+        }), n.find((u) => u === t) && t !== s && (n = [t, s]);
+      }
+      E(n.slice(n.length - 2, n.length) || []);
+    },
+    [e.sidebarCollapsed, e.menuItems, i]
+  ), y = l(
+    (n) => {
+      e.expandMenuItem && e.expandMenuItem.path === n.path && e.expandMenuItem.isExpandableMenu || n.isExpandableMenu || n.path && (!document.startViewTransition || n.skipViewTransition || e.isExpandedMenu ? x(n.path) : document.startViewTransition(() => {
+        z(() => {
+          x(n.path);
+        });
+      }));
+    },
+    [e.expandMenuItem, e.isExpandedMenu, x]
+  ), D = l(
+    (n) => {
+      var s;
+      if (e.expandMenuItem)
+        if (e.expandMenuItem.path === n.path) {
+          const t = e.menuItems.find(
+            (u) => {
+              var a;
+              return ((a = e.expandMenuItem) == null ? void 0 : a.uuid) === u.uuid;
+            }
+          ) || e.expandMenuItem;
+          c(t, !1);
+          return;
         } else
-          this.image = null;
-      } else
-        this.image = null;
-    } else
-      this.image = null;
-    this.isUploading = !1;
-  }
-  render() {
-    var o, t;
-    const { open: e } = this.props;
-    return /* @__PURE__ */ g(
-      I,
-      {
-        open: e,
-        onCancel: this.onClose,
-        onOk: this.insertImage,
-        okText: h.richText.addImage,
-        title: h.richText.image,
-        okButtonProps: {
-          disabled: !((t = (o = this.image) == null ? void 0 : o.src) != null && t.length) || this.isUploading
-        },
-        children: /* @__PURE__ */ g(
-          v,
-          {
-            images: this.image ? [this.image] : [],
-            imageLimit: 1,
-            onChange: this.onImageChange
+          I(!0);
+      n.isExpandableMenu ? c(n, !1) : (s = n == null ? void 0 : n.onClick) == null || s.call(n);
+    },
+    [e.expandMenuItem, e.menuItems, c, I]
+  ), b = l(() => {
+    C.length && !M.length && e.menuItems.forEach((n) => {
+      var t;
+      ((t = n.childItems) == null ? void 0 : t.find(
+        (u) => u.uuid === i
+      )) && E([n.uuid]);
+    });
+  }, [C, M, e.menuItems, i]), K = l(
+    (n) => {
+      var t, u;
+      if ((t = n.childItems) == null ? void 0 : t.some(
+        (a) => a.isExpandableMenu
+      )) {
+        const a = (u = n.childItems) == null ? void 0 : u.find(
+          (o) => {
+            var r;
+            return (r = o.childItems) == null ? void 0 : r.find((j) => j.uuid === i);
           }
-        )
+        );
+        a && c(a);
+      }
+    },
+    [i, c]
+  ), p = l(
+    (n = !0) => {
+      if (!e.expandMenuItem) return;
+      const s = e.menuItems.find(
+        (t) => {
+          var u;
+          return ((u = e.expandMenuItem) == null ? void 0 : u.uuid) === t.uuid;
+        }
+      ) || e.expandMenuItem;
+      c(s, n);
+    },
+    [e.expandMenuItem, e.menuItems, c]
+  ), L = g(() => {
+    if (d)
+      return {
+        sidebarCollapsed: e.sidebarCollapsed,
+        menuItems: [d],
+        currentPath: e.currentPath,
+        footerMenu: void 0,
+        isExpandedMenu: !0,
+        setSidebarCollapsed: e.setSidebarCollapsed
+      };
+  }, [d, e.sidebarCollapsed, e.currentPath, e.setSidebarCollapsed]), N = l(
+    (n) => {
+      var s, t;
+      if (n != null && n.iconBackgroundColor)
+        return n.iconBackgroundColor;
+      if ((s = n == null ? void 0 : n.expandedMenuSettings) != null && s.backgroundColor)
+        return n.expandedMenuSettings.backgroundColor;
+      if ((t = n.icon) != null && t.displayName) {
+        const u = n.icon.displayName;
+        if (u === "world-icon") return "#B2A4FF";
+        if (u === "building-icon") return "#8FCCF8";
+        if (u === "store-icon") return "#9AA4B2";
+      }
+    },
+    []
+  );
+  S(() => {
+    var n, s;
+    if (e.sidebarCollapsed || b(), e.salesChannelMenu && T([e.salesChannelMenu.uuid]), p(), M.length || (e.menuItems.forEach((t) => K(t)), e.salesChannelMenu && K(e.salesChannelMenu)), e.isExpandedMenu && e.menuItems.length && ((n = e.menuItems[0].childItems) != null && n.length)) {
+      const t = e.menuItems[0].childItems;
+      !t.slice(1).some(
+        (o) => o.uuid === i
+      ) && t[0] && y(t[0]);
+    }
+    (s = e.footerMenu) != null && s.thumbnailImageSrc && k(!1);
+  }, []), S(() => {
+    const n = V(
+      () => e.sidebarCollapsed,
+      (s) => {
+        s ? m(!1) : (m(!0), setTimeout(() => {
+          b(), p();
+        }, 300));
       }
     );
-  }
-};
-n([
-  c
-], i.prototype, "image", 2);
-n([
-  c
-], i.prototype, "isUploading", 2);
-n([
-  p.bound
-], i.prototype, "onClose", 1);
-n([
-  p.bound
-], i.prototype, "insertImage", 1);
-n([
-  p.bound
-], i.prototype, "onImageChange", 1);
-i = n([
-  b
-], i);
-const M = i;
+    return () => n();
+  }, [e, b, p]), S(() => {
+    const n = V(
+      () => !!e.expandMenuItem,
+      () => {
+        e.expandMenuItem ? p() : I();
+      }
+    );
+    return () => n();
+  }, [e, p, I]);
+  const W = e.isExpandedMenu && e.sidebarCollapsed;
+  return {
+    // State
+    openKeys: M,
+    salesChannelOpenKey: F,
+    selectedExpandedMenu: d,
+    isSelectedExpandedMenuVisible: P,
+    showAvatarBorder: A,
+    showTypographyText: O,
+    selectedItemUUID: i,
+    selectedUUIDList: C,
+    isExpandedFooterVisible: W,
+    salesChannelsSidebarModel: L,
+    // Setters
+    setShowAvatarBorder: k,
+    setSalesChannelOpenKey: T,
+    // Actions
+    getItem: R,
+    expandMenu: c,
+    clearExpandedMenu: I,
+    onOpenKeysChange: U,
+    onItemClick: y,
+    onLeafClick: D,
+    openExpandedItem: p,
+    getSalesChannelIconBackgroundColor: N
+  };
+}
 export {
-  M as default
+  Q as useNavigation
 };

package/dist/index109.cjs

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