@ikas/core 1.0.3 → 1.0.5

package/dist/index107.js

@@ -1,225 +1,121 @@
-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
-          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]);
+var u = Object.defineProperty;
+var m = (r, e, o) => e in r ? u(r, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[e] = o;
+var d = (r, e, o) => m(r, typeof e != "symbol" ? e + "" : e, o);
+import { jsx as a, jsxs as f } from "react/jsx-runtime";
+import k from "react";
+import { observer as g } from "mobx-react";
+import { makeObservable as C, action as p, observable as w } from "mobx";
+import { Modal as v, Input as b, Checkbox as x } from "@ikas/ui";
+import { coreTranslations as h } from "./index5.js";
+import { ModalContainer as L, Title as I, Label as y } from "./index101.js";
+var N = Object.defineProperty, T = Object.getOwnPropertyDescriptor, l = (r, e, o, t) => {
+  for (var n = t > 1 ? void 0 : t ? T(e, o) : e, s = r.length - 1, c; s >= 0; s--)
+    (c = r[s]) && (n = (t ? c(e, o, n) : c(n)) || n);
+  return t && n && N(e, o, n), n;
+};
+let i = class extends k.Component {
+  constructor(e) {
+    super(e);
+    d(this, "linkInfo", null);
+    C(this);
+  }
+  componentDidUpdate(e, o, t) {
+    this.props.open && !e.open && this.init();
+  }
+  init() {
+    var o, t;
+    const { summernoteObj: e } = this.props;
+    try {
+      const n = (o = e.summernote) == null ? void 0 : o.call(e, "editor.createRange"), s = (t = e.summernote) == null ? void 0 : t.call(e, "editor.getLinkInfo", n);
+      this.linkInfo = s;
+    } catch (n) {
+      console.log("video insert error", n);
     }
-    (s = e.footerMenu) != null && s.thumbnailImageSrc && k(!1);
-  }, []), S(() => {
-    const n = V(
-      () => e.sidebarCollapsed,
-      (s) => {
-        s ? m(!1) : (m(!0), setTimeout(() => {
-          b(), p();
-        }, 300));
-      }
-    );
-    return () => n();
-  }, [e, b, p]), S(() => {
-    const n = V(
-      () => !!e.expandMenuItem,
-      () => {
-        e.expandMenuItem ? p() : I();
+  }
+  onClose() {
+    this.linkInfo = null, this.props.onClose();
+  }
+  insertLink() {
+    const { summernoteObj: e } = this.props;
+    try {
+      e.summernote("editor.saveRange"), e.summernote("editor.restoreRange");
+      const o = this.linkInfo;
+      e.summernote("editor.createLink", {
+        url: o == null ? void 0 : o.url,
+        range: o == null ? void 0 : o.range,
+        text: o == null ? void 0 : o.text,
+        isNewWindow: o == null ? void 0 : o.isNewWindow,
+        checkProtocol: !0
+      }), this.onClose();
+    } catch (o) {
+      e.summernote("editor.restoreRange"), console.log("video insert error", o);
+    }
+  }
+  onLinkChange(e) {
+    this.linkInfo && (this.linkInfo.url = e.target.value);
+  }
+  onNewWindowChange(e) {
+    this.linkInfo && (this.linkInfo.isNewWindow = e);
+  }
+  render() {
+    var o, t, n, s;
+    const { open: e } = this.props;
+    return /* @__PURE__ */ a(
+      v,
+      {
+        open: e,
+        onCancel: this.onClose,
+        onOk: this.insertLink,
+        okText: h.richText.addLink,
+        title: h.richText.link,
+        okButtonProps: {
+          disabled: !((t = (o = this.linkInfo) == null ? void 0 : o.url) != null && t.length)
+        },
+        children: /* @__PURE__ */ f(L, { children: [
+          /* @__PURE__ */ a(I, { children: /* @__PURE__ */ a(y, { children: h.richText.linkUrl }) }),
+          /* @__PURE__ */ a(
+            b,
+            {
+              value: (n = this.linkInfo) == null ? void 0 : n.url,
+              onChange: this.onLinkChange,
+              placeholder: h.richText.enterURL
+            }
+          ),
+          /* @__PURE__ */ a(
+            x,
+            {
+              checked: (s = this.linkInfo) == null ? void 0 : s.isNewWindow,
+              onCheckedChange: this.onNewWindowChange,
+              label: h.richText.openInNewWindow
+            }
+          )
+        ] })
       }
     );
-    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
-  };
-}
+  }
+};
+l([
+  w
+], i.prototype, "linkInfo", 2);
+l([
+  p.bound
+], i.prototype, "init", 1);
+l([
+  p.bound
+], i.prototype, "onClose", 1);
+l([
+  p.bound
+], i.prototype, "insertLink", 1);
+l([
+  p.bound
+], i.prototype, "onLinkChange", 1);
+l([
+  p.bound
+], i.prototype, "onNewWindowChange", 1);
+i = l([
+  g
+], i);
+const j = i;
 export {
-  Q as useNavigation
+  j as default
 };

package/dist/index108.cjs

@@ -1 +1 @@
-"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("./index123.cjs"),w=require("./index124.cjs"),q=require("./index125.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),N=require("react-dom"),B=require("mobx");function L({sidebarViewModel:e,onNavigate:M}){const[I,x]=a.useState([]),[K,S]=a.useState([]),[i,g]=a.useState(null),[P,E]=a.useState(!1),f=a.useRef(null),[V,T]=a.useState(!0),[m,k]=a.useState(!0),r=a.useMemo(()=>{const n=t=>{var u;for(let l=0;l<t.length;l++){const o=t[l];if(o.childItems){const d=n(o.childItems);if(d)return d}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]),b=a.useMemo(()=>r?[r]:[],[r]),F=a.useCallback(n=>{const s=u=>{for(let l=0;l<u.length;l++){const o=u[l];if(o.uuid===n)return o;if(o.childItems){const d=s(o.childItems);if(d)return d}}},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=a.useCallback((n,s=!0)=>{f.current&&clearTimeout(f.current),e.sidebarCollapsed&&s&&e.setSidebarCollapsed(!1),g(n),E(!0)},[e]),h=a.useCallback((n=!1)=>{var t;f.current&&clearTimeout(f.current);const s=()=>{var u;(u=i==null?void 0:i.expandedMenuSettings)!=null&&u.onBackClick&&i.expandedMenuSettings.onBackClick(),g(null)};E(!1),n||(t=i==null?void 0:i.expandedMenuSettings)!=null&&t.closeFast?s():f.current=setTimeout(s,300)},[i]),A=a.useCallback(n=>{if(!e.sidebarCollapsed&&n.length){const s=n[n.length-1];let t=r;e.menuItems.forEach(u=>{var o;((o=u.childItems)==null?void 0:o.find(d=>d.uuid===r))&&(t=u.uuid)}),n.find(u=>u===t)&&t!==s&&(n=[t,s])}x(n.slice(n.length-2,n.length)||[])},[e.sidebarCollapsed,e.menuItems,r]),w=a.useCallback(n=>{e.expandMenuItem&&e.expandMenuItem.path===n.path&&e.expandMenuItem.isExpandableMenu||n.isExpandableMenu||n.path&&(!document.startViewTransition||n.skipViewTransition||e.isExpandedMenu?M(n.path):document.startViewTransition(()=>{N.flushSync(()=>{M(n.path)})}))},[e.expandMenuItem,e.isExpandedMenu,M]),O=a.useCallback(n=>{var s;if(e.expandMenuItem)if(e.expandMenuItem.path===n.path){const t=e.menuItems.find(u=>{var l;return((l=e.expandMenuItem)==null?void 0:l.uuid)===u.uuid})||e.expandMenuItem;c(t,!1);return}else h(!0);n.isExpandableMenu?c(n,!1):(s=n==null?void 0:n.onClick)==null||s.call(n)},[e.expandMenuItem,e.menuItems,c,h]),C=a.useCallback(()=>{b.length&&!I.length&&e.menuItems.forEach(n=>{var t;((t=n.childItems)==null?void 0:t.find(u=>u.uuid===r))&&x([n.uuid])})},[b,I,e.menuItems,r]),y=a.useCallback(n=>{var t,u;if((t=n.childItems)==null?void 0:t.some(l=>l.isExpandableMenu)){const l=(u=n.childItems)==null?void 0:u.find(o=>{var d;return(d=o.childItems)==null?void 0:d.find(D=>D.uuid===r)});l&&c(l)}},[r,c]),p=a.useCallback((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]),R=a.useMemo(()=>{if(i)return{sidebarCollapsed:e.sidebarCollapsed,menuItems:[i],currentPath:e.currentPath,footerMenu:void 0,isExpandedMenu:!0,setSidebarCollapsed:e.setSidebarCollapsed}},[i,e.sidebarCollapsed,e.currentPath,e.setSidebarCollapsed]),U=a.useCallback(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"}},[]);a.useEffect(()=>{var n,s;if(e.sidebarCollapsed||C(),e.salesChannelMenu&&S([e.salesChannelMenu.uuid]),p(),I.length||(e.menuItems.forEach(t=>y(t)),e.salesChannelMenu&&y(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===r)&&t[0]&&w(t[0])}(s=e.footerMenu)!=null&&s.thumbnailImageSrc&&T(!1)},[]),a.useEffect(()=>{const n=B.reaction(()=>e.sidebarCollapsed,s=>{s?k(!1):(k(!0),setTimeout(()=>{C(),p()},300))});return()=>n()},[e,C,p]),a.useEffect(()=>{const n=B.reaction(()=>!!e.expandMenuItem,()=>{e.expandMenuItem?p():h()});return()=>n()},[e,p,h]);const q=e.isExpandedMenu&&e.sidebarCollapsed;return{openKeys:I,salesChannelOpenKey:K,selectedExpandedMenu:i,isSelectedExpandedMenuVisible:P,showAvatarBorder:V,showTypographyText:m,selectedItemUUID:r,selectedUUIDList:b,isExpandedFooterVisible:q,salesChannelsSidebarModel:R,setShowAvatarBorder:T,setSalesChannelOpenKey:S,getItem:F,expandMenu:c,clearExpandedMenu:h,onOpenKeysChange:A,onItemClick:w,onLeafClick:O,openExpandedItem:p,getSalesChannelIconBackgroundColor:U}}exports.useNavigation=L;