@ikas/core 1.0.6 → 1.0.10

package/dist/index43.js

@@ -1,239 +1,207 @@
-import { jsx as a, jsxs as l } from "react/jsx-runtime";
-import { observer as L } from "mobx-react-lite";
-import { SidebarProvider as T, Sidebar as U, SidebarContent as K, SidebarGroup as B } from "@ikas/ui";
-import { cn as p } from "./index3.js";
-import { useNavigation as O } from "./index108.js";
-import { NavigationHeader as D } from "./index109.js";
-import { NavigationMenu as y, NewFeatureTag as V } from "./index110.js";
-import { NavigationFooter as F } from "./index111.js";
-import { SalesChannelMenu as j } from "./index112.js";
-import { ExpandedOverlay as A } from "./index113.js";
-const _ = L(function(s) {
-  var f, b, M;
-  const {
-    sidebarViewModel: n,
-    onNavigate: i,
-    clearExpandedMenu: d,
-    extraTopContent: m,
-    expandedMenuTopContent: u,
-    extraFooterContent: h,
-    logoRightSideContent: I,
-    logo: v,
-    collapsedLogo: k,
-    onLogoSectionClick: N,
-    className: S,
-    style: g,
-    theme: o = "dark",
-    verticalOffset: c,
-    expandedMenuItem: x
-  } = s, e = O({ sidebarViewModel: n, onNavigate: i }), E = (r) => {
-    n.setSidebarCollapsed(r);
-  }, C = d ?? e.clearExpandedMenu, w = !!!d && e.isSelectedExpandedMenuVisible;
-  return /* @__PURE__ */ a(
-    T,
+import { jsx as n, jsxs as d } from "react/jsx-runtime";
+import { createContext as T, useState as m, useEffect as h, useContext as A, useRef as B } from "react";
+import "./index83.js";
+import "./index84.js";
+import "./index85.js";
+import P from "./index86.js";
+import "./index87.js";
+import "./index88.js";
+import "./index89.js";
+import "./index90.js";
+import "./index91.js";
+import "./index92.js";
+import "./index93.js";
+import "./index94.js";
+import "./index95.js";
+import "./index96.js";
+import "./index97.js";
+import { Tooltip as k } from "@ikas/ui";
+import { rgbToHex as g, rgbaToHex as f, hexToRGBA as C, isValidHexColor as E } from "./index6.js";
+import { coreTranslations as v } from "./index5.js";
+/* empty css        */
+import _ from "./index99.js";
+import H from "./index100.js";
+import I from "./index101.js";
+const y = "#000000", w = ({ r: t, g: e, b: a, a: l = 1 }) => `rgba(${t}, ${e}, ${a}, ${l})`, N = T(void 0), ie = (t) => {
+  const e = m("hex"), a = !!t.disableAlpha, l = () => {
+    const o = t.color || y, b = typeof o == "string";
+    return {
+      hex: b ? o : a || o.a === 1 ? g(o) : f(o),
+      rgb: b ? C(o) || C(y) : o
+    };
+  }, [s, r] = m(() => l());
+  h(() => {
+    r(() => l());
+  }, [t.color]);
+  const c = (o) => {
+    var b;
+    (b = t.onChangeComplete) == null || b.call(t, o);
+  };
+  return /* @__PURE__ */ n(
+    N.Provider,
     {
-      open: !n.sidebarCollapsed,
-      onOpenChange: (r) => n.setSidebarCollapsed(!r),
-      children: /* @__PURE__ */ l(
-        U,
-        {
-          collapsible: "icon",
-          side: "left",
-          className: p(
-            // Dark: box-shadow 0 2px 8px rgba(0,0,0,.15), NO right border;
-            // Light: 1px #eef2f6 right border, no shadow
-            // (original style.tsx:1492-1497). Theme-conditional because `dark:`
-            // variants don't match the element carrying the .dark class itself.
-            o === "dark" && "dark border-r-0 shadow-[0px_2px_8px_rgba(0,0,0,0.15)]",
-            S
-          ),
-          style: {
-            top: c,
-            height: c ? `calc(100dvh - ${c}px)` : "100dvh",
-            ...g
-          },
-          children: [
-            /* @__PURE__ */ l(
-              "div",
-              {
-                className: p(
-                  "flex h-full min-h-0 w-full flex-col transition-transform duration-300",
-                  w ? "-translate-x-full" : "translate-x-0"
-                ),
-                children: [
-                  /* @__PURE__ */ a(
-                    D,
-                    {
-                      theme: o,
-                      isExpandedMenu: n.isExpandedMenu,
-                      menuItems: n.menuItems,
-                      logoRightSideContent: I,
-                      logo: v,
-                      collapsedLogo: k,
-                      onLogoSectionClick: N,
-                      clearExpandedMenu: C,
-                      expandedMenuItem: x,
-                      getSalesChannelIconBackgroundColor: e.getSalesChannelIconBackgroundColor,
-                      onCollapse: E,
-                      salesChannelMenuUUID: (f = n.salesChannelMenu) == null ? void 0 : f.uuid,
-                      setSalesChannelOpenKey: e.setSalesChannelOpenKey
-                    }
-                  ),
-                  n.isExpandedMenu && u && /* @__PURE__ */ a("div", { className: "bg-sidebar text-sidebar-foreground", children: u }),
-                  /* @__PURE__ */ l(
-                    K,
-                    {
-                      className: o === "light" ? "sidebar-light-scrollbar" : "sidebar-scrollbar",
-                      children: [
-                        m && /* @__PURE__ */ a("div", { className: "text-sidebar-foreground", children: m }),
-                        /* @__PURE__ */ a(
-                          B,
-                          {
-                            className: n.isExpandedMenu ? "mt-4" : void 0,
-                            children: /* @__PURE__ */ a(
-                              y,
-                              {
-                                items: n.isExpandedMenu ? ((b = n.menuItems[0]) == null ? void 0 : b.childItems) ?? [] : n.menuItems.filter(
-                                  (r) => !r.hideInSidebarUntilMenuExpanded
-                                ),
-                                selectedUUIDList: e.selectedUUIDList,
-                                openKeys: e.openKeys,
-                                onOpenKeysChange: e.onOpenKeysChange,
-                                onItemClick: e.onItemClick,
-                                onLeafClick: e.onLeafClick,
-                                isExpandedMenu: n.isExpandedMenu,
-                                showTypographyText: e.showTypographyText,
-                                getSalesChannelIconBackgroundColor: e.getSalesChannelIconBackgroundColor,
-                                theme: o
-                              }
-                            )
-                          }
-                        ),
-                        n.salesChannelMenu && /* @__PURE__ */ a(
-                          j,
-                          {
-                            salesChannelMenu: n.salesChannelMenu,
-                            selectedUUIDList: [],
-                            openKeys: e.salesChannelOpenKey,
-                            onOpenKeysChange: e.setSalesChannelOpenKey,
-                            onItemClick: e.onItemClick,
-                            onLeafClick: e.onLeafClick,
-                            showTypographyText: e.showTypographyText,
-                            getSalesChannelIconBackgroundColor: e.getSalesChannelIconBackgroundColor,
-                            theme: o
-                          }
-                        )
-                      ]
-                    }
-                  ),
-                  !!((M = n.bottomMenuItems) != null && M.length) && /* @__PURE__ */ a("div", { className: "flex h-20 shrink-0 flex-col justify-center bg-sidebar pl-4 group-data-[collapsible=icon]:pl-4.5", children: /* @__PURE__ */ a(
-                    y,
-                    {
-                      items: n.bottomMenuItems,
-                      selectedUUIDList: e.selectedUUIDList,
-                      openKeys: e.openKeys,
-                      onOpenKeysChange: e.onOpenKeysChange,
-                      onItemClick: e.onItemClick,
-                      onLeafClick: e.onLeafClick,
-                      showTypographyText: e.showTypographyText,
-                      getSalesChannelIconBackgroundColor: e.getSalesChannelIconBackgroundColor,
-                      theme: o
-                    }
-                  ) }),
-                  h && /* @__PURE__ */ a("div", { className: "text-sidebar-foreground bg-sidebar", children: h }),
-                  /* @__PURE__ */ a(
-                    F,
-                    {
-                      footerMenu: n.footerMenu,
-                      footerTopMenu: n.footerTopMenu,
-                      showAvatarBorder: e.showAvatarBorder,
-                      setShowAvatarBorder: e.setShowAvatarBorder,
-                      selectedUUIDList: e.selectedUUIDList,
-                      onItemClick: e.onItemClick,
-                      onLeafClick: e.onLeafClick,
-                      theme: o,
-                      isExpandedFooterVisible: e.isExpandedFooterVisible,
-                      clearExpandedMenu: C
-                    }
-                  )
-                ]
-              }
-            ),
-            n.sidebarModal,
-            /* @__PURE__ */ a(
-              A,
-              {
-                isVisible: e.isSelectedExpandedMenuVisible,
-                sidebarModel: e.salesChannelsSidebarModel,
-                sidebarViewModel: n,
-                onNavigate: i,
-                clearExpandedMenu: e.clearExpandedMenu,
-                theme: o,
-                style: g,
-                verticalOffset: c,
-                expandedMenuItem: x,
-                selectedExpandedMenu: e.selectedExpandedMenu,
-                menuItems: n.menuItems,
-                expandedMenuTopContent: u,
-                NavigationComponent: _
-              }
-            )
-          ]
-        }
-      )
+      value: {
+        disableAlpha: a,
+        color: s,
+        currentType: e
+      },
+      children: /* @__PURE__ */ d("div", { className: t.className, children: [
+        /* @__PURE__ */ n("div", { className: "ikas-color-picker", children: /* @__PURE__ */ n(
+          P,
+          {
+            color: s.rgb,
+            disableAlpha: a,
+            onChange: (o) => {
+              const i = {
+                hex: a ? o.hex : o.rgb.a === 1 || o.rgb.a === 0 ? g(o.rgb) : f(o.rgb),
+                rgb: o.rgb
+              };
+              r(i);
+            },
+            onChangeComplete: () => {
+              r((o) => (c(o), o));
+            }
+          }
+        ) }),
+        /* @__PURE__ */ d("div", { className: "flex w-[296px] items-end", children: [
+          /* @__PURE__ */ d("div", { className: "flex w-[296px] items-end", children: [
+            e[0] === "hex" && /* @__PURE__ */ n(G, { onChangeComplete: c }),
+            e[0] === "rgb" && /* @__PURE__ */ n(D, { onChangeComplete: c }),
+            /* @__PURE__ */ n(R, {})
+          ] }),
+          /* @__PURE__ */ n(V, {})
+        ] })
+      ] })
     }
   );
-});
-function Y({
-  title: t,
-  description: s,
-  isNew: n,
-  onClick: i,
-  className: d
-}) {
-  return /* @__PURE__ */ l(
+}, x = () => {
+  const t = A(N);
+  if (!t) throw Error("ColorPickerContext value should exist.");
+  return t;
+}, R = () => {
+  const [t, e] = m(!1), { currentType: a, color: l } = x(), s = () => {
+    if (t) return;
+    const c = a[0] === "hex" ? l.hex : w(l.rgb);
+    navigator.clipboard.writeText(c), e(!0), setTimeout(() => e(!1), 1e3);
+  }, r = t ? v.colorPicker.copiedToClipboard : v.colorPicker.copyToClipboard;
+  return /* @__PURE__ */ n(k, { title: r, children: /* @__PURE__ */ d(
     "button",
     {
-      onClick: i,
-      className: p(
-        "flex h-full w-full select-none flex-col rounded-md bg-gray-blue-1 px-4 py-3 text-left transition-colors duration-300 hover:bg-purple-1",
-        n && "border border-purple",
-        d
-      ),
+      type: "button",
+      "aria-label": r,
+      onClick: s,
+      className: `relative ml-2 flex h-9 w-9 cursor-pointer items-center justify-center rounded border outline-none ${t ? "border-[var(--success)] bg-[var(--success)] text-white" : "border-[var(--gray-blue-2)] bg-white text-[var(--gray-blue-6)]"}`,
       children: [
-        /* @__PURE__ */ l("div", { className: "flex w-full items-center justify-between", children: [
-          /* @__PURE__ */ l("div", { className: "flex min-w-0 items-center", children: [
-            /* @__PURE__ */ a("span", { className: "mr-2 h-1.5 w-1.5 shrink-0 rounded-full bg-purple" }),
-            /* @__PURE__ */ a("span", { className: "truncate text-base font-medium text-gray-blue-9", children: t })
-          ] }),
-          n && /* @__PURE__ */ a(V, {})
-        ] }),
-        s && /* @__PURE__ */ a("span", { className: "mt-1 pl-3.5 text-xs leading-5 text-gray-blue-5", children: s })
+        /* @__PURE__ */ n(_, { size: 16, strokeWidth: 1.4, className: "block" }),
+        t && /* @__PURE__ */ n(
+          H,
+          {
+            size: 16,
+            strokeWidth: 1.4,
+            className: "absolute inset-0 z-[1] m-auto block"
+          }
+        )
       ]
     }
-  );
-}
-function Z({
-  title: t,
-  children: s,
-  className: n
-}) {
-  return /* @__PURE__ */ l(
-    "div",
+  ) });
+}, V = () => {
+  const { currentType: t } = x(), e = v.colorPicker.changeColorInputType;
+  return /* @__PURE__ */ n(k, { title: e, children: /* @__PURE__ */ n(
+    "button",
     {
-      className: p(
-        "mx-auto mt-6 flex w-full max-w-[1000px] flex-col gap-3",
-        n
-      ),
-      children: [
-        t && /* @__PURE__ */ a("h3", { className: "text-sm font-medium text-gray-blue-9", children: t }),
-        /* @__PURE__ */ a("div", { className: "grid grid-cols-1 gap-3 md:grid-cols-2 xl:grid-cols-3", children: s })
-      ]
+      type: "button",
+      "aria-label": e,
+      onClick: () => {
+        t[1](t[0] === "hex" ? "rgb" : "hex");
+      },
+      className: "flex h-9 w-9 shrink-0 cursor-pointer items-center justify-center rounded border border-[var(--gray-blue-2)] bg-white text-[var(--gray-blue-6)] outline-none",
+      children: /* @__PURE__ */ n(I, { size: 16, strokeWidth: 1.4, className: "block" })
     }
-  );
-}
+  ) });
+}, G = (t) => {
+  const { color: e } = x(), [a, l] = m("");
+  h(() => {
+    l(e.hex);
+  }, [e.rgb, e.hex]);
+  const s = () => {
+    let r = a;
+    r.charAt(0) !== "#" && (r = "#" + r), E(r) ? (t.onChangeComplete({
+      hex: r,
+      rgb: C(r) || e.rgb
+    }), l(r)) : l(e.hex);
+  };
+  return /* @__PURE__ */ d("label", { children: [
+    /* @__PURE__ */ n("span", { className: "mb-1.5 block text-sm font-normal leading-5 text-[var(--gray-blue-6)]", children: "HEX" }),
+    /* @__PURE__ */ d("div", { className: "relative", children: [
+      /* @__PURE__ */ n(
+        "input",
+        {
+          className: "box-border h-9 w-[136px] rounded border border-[var(--gray-blue-2)] bg-white py-2 pl-9 pr-2.5 text-sm outline-none",
+          defaultValue: e.hex,
+          value: a || void 0,
+          onChange: (r) => {
+            l(r.target.value);
+          },
+          onBlur: s,
+          onKeyDown: (r) => r.key === "Enter" && s()
+        }
+      ),
+      /* @__PURE__ */ n(
+        "span",
+        {
+          className: "absolute left-2.5 top-1/2 h-[18px] w-[18px] -translate-y-1/2 rounded",
+          title: e.hex,
+          style: { backgroundColor: w(e.rgb) }
+        }
+      )
+    ] })
+  ] });
+}, p = ({ label: t, alpha: e, field: a, value: l, onCommit: s }) => {
+  const r = B(!1), [c, o] = m(l);
+  h(() => {
+    o(l);
+  }, [l]);
+  const b = (u) => {
+    o(+u.target.value), r.current = !0;
+  }, i = () => {
+    let u;
+    e ? u = Math.min(1, Math.max(0, c)) : u = Math.min(255, Math.max(0, c)), u !== c && o(u), r.current && (s(a, u), r.current = !1);
+  };
+  return /* @__PURE__ */ d("label", { children: [
+    /* @__PURE__ */ n("span", { className: "mb-1.5 block text-sm font-normal leading-5 text-[var(--gray-blue-6)]", children: t }),
+    /* @__PURE__ */ n(
+      "input",
+      {
+        type: "number",
+        value: c,
+        min: 0,
+        step: e ? "0.01" : 1,
+        max: e ? 1 : 255,
+        onChange: b,
+        onBlur: i,
+        onKeyDown: (u) => u.key === "Enter" && i(),
+        className: "box-border h-9 w-[41px] border border-[var(--gray-blue-2)] px-0 py-2 text-center text-sm text-[var(--gray-blue-9)] outline-none [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none"
+      }
+    )
+  ] });
+}, D = (t) => {
+  const { color: e, disableAlpha: a } = x(), [l, s] = m(e.rgb);
+  h(() => {
+    s(e.rgb);
+  }, [e.rgb, e.hex]);
+  const r = (c, o) => {
+    s((b) => {
+      const i = { ...b, [c]: o }, u = typeof i.a == "number" && i.a < 1 && i.a > 0 ? f(i) : g(i);
+      return t.onChangeComplete({ hex: u, rgb: i }), i;
+    });
+  };
+  return /* @__PURE__ */ n("div", { className: "flex items-end gap-2", children: /* @__PURE__ */ d("div", { className: "inline-flex overflow-hidden rounded [&_label:first-child_input]:rounded-l [&_label:last-child_input]:rounded-r [&_label:not(:last-child)_input]:border-r-0", children: [
+    /* @__PURE__ */ n(p, { field: "r", label: "R", value: l.r ?? 0, onCommit: r }),
+    /* @__PURE__ */ n(p, { field: "g", label: "G", value: l.g ?? 0, onCommit: r }),
+    /* @__PURE__ */ n(p, { field: "b", label: "B", value: l.b ?? 0, onCommit: r }),
+    !a && /* @__PURE__ */ n(p, { field: "a", label: "A", alpha: !0, value: l.a ?? 1, onCommit: r })
+  ] }) });
+};
 export {
-  _ as Navigation,
-  Y as NavigationBox,
-  Z as NavigationSection
+  ie as ColorPicker
 };

package/dist/index44.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("react"),w=require("@ikas/ui"),$=require("./index3.cjs"),S=require("./index5.cjs"),G=require("./index96.cjs"),M=require("./index97.cjs"),V=2e3,X=6,H=t=>navigator.clipboard?navigator.clipboard.writeText(t).then(()=>!0).catch(()=>B(t)):Promise.resolve(B(t)),B=t=>{const e=document.createElement("textarea");e.value=t,e.style.position="fixed",e.style.left="-9999px",e.style.top="-9999px",document.body.appendChild(e),e.focus(),e.select();try{const n=document.execCommand("copy");return document.body.removeChild(e),n}catch{return document.body.removeChild(e),!1}},E=(t,e,n,l)=>{const s=t?e:!e,c={gap:`${n}px`,opacity:s?1:0};return l==="blur"?{...c,transition:"filter 0.5s ease, transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease",pointerEvents:"none",filter:s?"blur(0px)":"blur(6px)",transform:s?"scale(1)":"scale(0.05)"}:{...c,transition:"transform 0.3s ease, opacity 0.2s ease",transform:s?"translateY(0)":t?"translateY(100%)":"translateY(-100%)"}},P=i.forwardRef((t,e)=>{const{textToCopy:n,icon:l,copiedText:s,copiedIcon:c,onCopied:a,onClick:u,children:d,copiedDuration:x=V,gap:p=X,showTooltip:y=!1,initText:A,tooltipPlacement:D,iconColor:b,size:T,animationVariant:C="slide",className:R,...k}=t,f=T==="xxs",z=f?"small":T,[r,h]=i.useState(!1),m=i.useRef();i.useEffect(()=>()=>{m.current&&clearTimeout(m.current)},[]);const O=i.useCallback(F=>{r||(u==null||u(F),H(n||"").then(L=>{L&&(h(!0),a==null||a(),m.current=setTimeout(()=>{h(!1)},x))}))},[n,u,a,r,x]),v=b?{color:`var(--${b})`}:void 0,j=l!==null,U=j?l??o.jsx(G.default,{style:v}):null,Y=j?c??o.jsx(M.default,{style:v}):null,I=s??S.coreTranslations.copyToClipboardButton.copiedText,_=A??S.coreTranslations.copyToClipboardButton.tooltipInitText,N=d!=null&&d!=="",g=y&&N,q=o.jsx(w.Button,{ref:e,gap:p,size:z,padding:f?"4px":void 0,className:$.cn(f&&"h-auto w-auto min-w-0 rounded-md",R),...k,onClick:O,children:o.jsxs("span",{className:"relative inline-flex h-4 items-center justify-center overflow-hidden",children:[o.jsxs("span",{className:"inline-flex items-center",style:E(!1,g?!1:r,p,C),children:[U,d]}),!g&&o.jsxs("span",{className:"absolute inset-0 inline-flex items-center justify-center",style:E(!0,r,p,C),children:[Y,N?I:null]})]})});return y?o.jsx(w.Tooltip,{title:r?I:_,placement:D,children:o.jsx("span",{className:"inline-flex",children:q})}):q});P.displayName="CopyToClipboardButton";exports.CopyToClipboardButton=P;
+"use strict";var j=Object.defineProperty;var A=(g,e,t)=>e in g?j(g,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):g[e]=t;var o=(g,e,t)=>A(g,typeof e!="symbol"?e+"":e,t);const f=require("react/jsx-runtime");;/* empty css           */const C=require("react"),V=require("mobx-react"),l=require("mobx"),E=require("lodash/debounce"),I=require("@ikas/ui"),L=require("./index104.cjs"),S=require("jquery");require("./index105.cjs");require("./index106.cjs");require("./index107.cjs");const R=require("./index108.cjs"),P=require("./index109.cjs"),w=require("./index110.cjs"),x=require("./index5.cjs");var k=Object.defineProperty,D=Object.getOwnPropertyDescriptor,a=(g,e,t,i)=>{for(var n=i>1?void 0:i?D(e,t):e,m=g.length-1,h;m>=0;m--)(h=g[m])&&(n=(i?h(e,t,n):h(n))||n);return i&&n&&k(e,t,n),n};window.jQuery=S;window.$=S;let s=class extends C.Component{constructor(e){super(e);o(this,"isImageModalVisible",!1);o(this,"isVideoModalVisible",!1);o(this,"isLinkModalVisible",!1);o(this,"isTyping",!1);o(this,"summernoteObj");o(this,"modalRef");o(this,"isFirstMount",!0);o(this,"isPasted",!1);o(this,"insertedImageSrc",null);o(this,"isCopyModalVisible",!1);o(this,"copiedTextForModal","");o(this,"isInitialized",!1);o(this,"notRemovableStyleKeys",["background-color","color","font-weight","font-size","text-decoration-line",'font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"']);o(this,"searchDebouncer",E(e=>{this.onChange(e)},1e3));o(this,"addTemplateVariable",e=>{this.props.value.length&&(this.summernoteObj.summernote("editor.saveRange"),this.summernoteObj.summernote("editor.restoreRange")),this.summernoteObj.summernote("editor.focus");const t=document.createElement("span");t.innerHTML=e.value,t.classList.add("template-wrapper"),t.setAttribute("contenteditable","false"),t.setAttribute("data-label",e.label),t.setAttribute("style","display: inline-block;"),this.summernoteObj.summernote("editor.insertNode",t),this.summernoteObj.summernote("editor.pasteHTML","&zwnj;")});o(this,"onImageModalOpen",()=>{this.isImageModalVisible=!0});o(this,"onImageModalClose",()=>{this.isImageModalVisible=!1});o(this,"onVideoModalOpen",()=>{this.isVideoModalVisible=!0});o(this,"onVideoModalClose",()=>{this.isVideoModalVisible=!1});o(this,"onLinkModalOpen",()=>{this.isLinkModalVisible=!0});o(this,"onLinkModalClose",()=>{this.isLinkModalVisible=!1});this.modalRef=C.createRef(),l.makeObservable(this)}async componentDidMount(){window.addEventListener("paste",this.handlePaste),await Promise.resolve().then(()=>require("./index102.cjs")).then(e=>e.bootstrap_bundle),this.isInitialized=!0}async onInit(e){this.summernoteObj=e;try{const t=document.createElement("div");t.innerHTML=this.props.value,this.summernoteObj.noteEditable[0].innerHTML=t.innerHTML,(this.props.disabled||this.props.previewMode)&&this.summernoteObj.disable()}catch(t){console.log("rich text error",t)}this.props.onInitialize&&setTimeout(()=>{var t,i;(i=(t=this.props)==null?void 0:t.onInitialize)==null||i.call(t)},0)}componentWillUnmount(){window.removeEventListener("paste",this.handlePaste)}handlePaste(e){this.isPasted=!0}onChange(e){var i,n,m,h;if(this.props.disabled||this.props.previewMode)return;if(this.summernoteObj.summernote("isEmpty")){this.props.onChange(""),this.isTyping=!1,(n=(i=this.props).onTypingStatusChange)==null||n.call(i,!1);return}try{const y='<table class="table table-bordered">';if(e.includes(y)){const r=e.replaceAll(y,'<table style="display: table; border-collapse: collapse; border-spacing: 2px; width: 100%; margin-bottom: 1rem; color: #212529; border: 1px solid #dee2e6" >').replaceAll("<td>",'<td style="border: 1px solid #dee2e6; padding: 0.75rem; vertical-align: top;">');this.props.onChange(r)}else{let u=e;if(u.includes("<iframe")||u.includes("<img")){const d=document.createElement("div");d.innerHTML=e;const c=d.getElementsByTagName("iframe");for(let p=0;p<c.length;p++){const r=c[p];r.className.includes("note-video-clip")&&(r.style.maxWidth="100% !important",r.width="100%")}if(this.insertedImageSrc){const p=d.getElementsByTagName("img");if(p&&p.length)for(let r=0;r<p.length;r++){const b=p[r];b.src===this.insertedImageSrc&&(b.style.maxWidth="100% !important",this.insertedImageSrc=null)}}u=d.innerHTML}if(this.isPasted){const d=document.createElement("div");d.innerHTML=u;const c=d.getElementsByTagName("*");let p=!1;for(let r=0;r<c.length;r++){const b=c[r].getAttribute("style"),M=b==null?void 0:b.split(";").filter(v=>!!v);if(b&&(M!=null&&M.length)&&M.find(v=>!this.notRemovableStyleKeys.some(T=>v.includes(T)))){p=!0;break}}p?(this.copiedTextForModal=e,this.isCopyModalVisible=!0):this.props.onChange(u)}else{const d=document.createElement("div");d.innerHTML=u;const c=d.getElementsByTagName("*");for(let p=0;p<c.length;p++){const r=c[p].getAttribute("style");if(r&&!this.notRemovableStyleKeys.some(b=>r.includes(b)))c[p].removeAttribute("style");else if(r&&this.notRemovableStyleKeys.some(b=>r.includes(b))){const v=r.split(";").filter(T=>!!T).filter(T=>this.notRemovableStyleKeys.some(O=>T.includes(O))).join(";");c[p].setAttribute("style",v)}}this.props.onChange(u)}}}catch(y){console.log("rich text onchange error",y)}this.isTyping=!1,(h=(m=this.props).onTypingStatusChange)==null||h.call(m,this.isTyping)}onCopyModalClose(){const e=document.createElement("div");e.innerHTML=this.copiedTextForModal;const t=e.getElementsByTagName("*");for(let i=0;i<t.length;i++){const n=t[i].getAttribute("style");if(n&&!this.notRemovableStyleKeys.some(m=>n.includes(m)))t[i].removeAttribute("style");else if(n&&this.notRemovableStyleKeys.some(m=>n.includes(m))){const y=n.split(";").filter(u=>this.notRemovableStyleKeys.some(d=>u.includes(d))).join(";");t[i].setAttribute("style",y)}}this.copiedTextForModal=e.innerHTML,this.props.onChange(this.copiedTextForModal,!0),this.isPasted=!1,this.copiedTextForModal="",this.isCopyModalVisible=!1}onCopyModalOk(){this.props.onChange(this.copiedTextForModal,!0),this.isPasted=!1,this.copiedTextForModal="",this.isCopyModalVisible=!1}get lang(){const{locale:e}=this.props;switch(e){case"tr":return"tr-TR";case"en":return"en-EN";case"de":return"de-DE";case"fr":return"fr-FR"}return"tr-TR"}get aiPopover(){var e;return(e=this.props.aiPopoverProps)==null?void 0:e.popover}get toolbarOptions(){var t;const e=[];return(t=this.props.aiPopoverProps)!=null&&t.id&&e.push(["aiButton",["aiButton"]]),e.push(["style",["style"]]),e.push(["font",["bold","italic","underline","clear"]]),e.push(["color",["color","#ffffff"]]),e.push(["para",["ul","ol","paragraph"]]),e.push(["table",["table"]]),e.push(["insert",["link","picture","video"]]),e.push(["view",["codeview","fullscreen"]]),e}render(){var i,n;const{toolbar:e,saveImage:t}=this.props;return this.isInitialized?f.jsxs(f.Fragment,{children:[f.jsx(L.StyledEditor,{className:"local-bootstrap",value:this.props.value,$toolbarOffsetTop:this.props.toolbarOffsetTop||"0px",$isResizeDisabled:!!this.props.disableResize,$isPreviewMode:!!this.props.previewMode,options:{codemirror:{mode:"text/html",htmlMode:!0,lineNumbers:!0},codeviewFilter:!1,openLinkModal:this.onLinkModalOpen,openImageModal:this.onImageModalOpen,openVideoModal:this.onVideoModalOpen,lang:this.lang,height:350,dialogsInBody:!1,disableResizeEditor:!!this.props.disableResize,toolbar:e||this.toolbarOptions,insertTableMaxSize:{row:((i=this.props.insertTableMaxSize)==null?void 0:i.row)||10,col:((n=this.props.insertTableMaxSize)==null?void 0:n.col)||10},buttons:{aiButton:m=>{var u,d;const h=$.summernote.ui;return $(h.button({contents:`<span style="display: flex; align-items: center; justify-content: center; gap: 6px; color: #000;font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;" id="${(u=this.props.aiPopoverProps)==null?void 0:u.id}" class="ai-toolbar-btn">${((d=this.props.aiPopoverProps)==null?void 0:d.buttonText)||x.coreTranslations.richText.aiButtonText}</span>`,click:()=>{var c;this.summernoteObj.summernote("editor.saveRange"),(c=this.props.aiPopoverProps)==null||c.onAiButtonClick(this.summernoteObj)}}).render())}},imageAttributesIcon:'<i class="note-icon-pencil"/>',imageAttributesRemoveEmpty:!1,imageAttributesDisableUpload:!1,imageAttributesDisableLink:!1,imageAttributesDisableLinkUrl:!1,imageAttributesDisableLinkTarget:!0,imageAttributesDisableLinkClass:!0,imageAttributesDisableLinkStyle:!0,imageAttributesDisableLinkRel:!0,imageAttributesDisableLinkRole:!0,popover:{image:[["image",["resizeFull","resizeHalf","resizeQuarter","resizeNone"]],["float",["floatLeft","floatRight","floatNone"]],["remove",["removeMedia"]],["custom",["imageAttributes"]]]},disableDragAndDrop:!0},onChange:m=>{var h,y;this.isTyping=!0,(y=(h=this.props).onTypingStatusChange)==null||y.call(h,this.isTyping),this.searchDebouncer(m)},onInit:this.onInit}),this.aiPopover,f.jsx(I.Modal,{title:x.coreTranslations.richText.pasteWarningModalTitle,open:this.isCopyModalVisible,cancelText:x.coreTranslations.common.field.no,okText:x.coreTranslations.common.field.yes,onCancel:this.onCopyModalClose,onOk:this.onCopyModalOk,children:x.coreTranslations.richText.pasteWarningText}),t&&f.jsx(R,{open:this.isImageModalVisible,onImageUpload:t,onClose:this.onImageModalClose,summernoteObj:this.summernoteObj}),f.jsx(P,{open:this.isVideoModalVisible,onClose:this.onVideoModalClose,summernoteObj:this.summernoteObj}),f.jsx(w,{open:this.isLinkModalVisible,onClose:this.onLinkModalClose,summernoteObj:this.summernoteObj})]}):null}};a([l.observable],s.prototype,"isImageModalVisible",2);a([l.observable],s.prototype,"isVideoModalVisible",2);a([l.observable],s.prototype,"isLinkModalVisible",2);a([l.observable],s.prototype,"isTyping",2);a([l.observable],s.prototype,"isFirstMount",2);a([l.observable],s.prototype,"isPasted",2);a([l.observable],s.prototype,"insertedImageSrc",2);a([l.observable],s.prototype,"isCopyModalVisible",2);a([l.observable],s.prototype,"copiedTextForModal",2);a([l.observable],s.prototype,"isInitialized",2);a([l.action.bound],s.prototype,"onInit",1);a([l.action.bound],s.prototype,"handlePaste",1);a([l.action.bound],s.prototype,"onChange",1);a([l.action.bound],s.prototype,"onCopyModalClose",1);a([l.action.bound],s.prototype,"onCopyModalOk",1);a([l.computed],s.prototype,"lang",1);a([l.computed],s.prototype,"aiPopover",1);a([l.computed],s.prototype,"toolbarOptions",1);s=a([V.observer],s);const z=s;module.exports=z;