@forgedevstack/ink 1.1.9 → 1.2.0

package/dist/components/InkEditor/components/ExcelSheetPanel/ExcelSheetPanel.js

@@ -1,138 +1,125 @@
-import { jsxs as m, jsx as n } from "react/jsx-runtime";
-import { useState as C, useRef as v, useEffect as j, Fragment as z } from "react";
-import { createPortal as q } from "react-dom";
-import { NUMBER_ZERO as c, NUMBER_ONE as d, INK_EXCEL_SHEET_MAX_ROWS as Z, INK_EXCEL_SHEET_MAX_COLS as J, INK_EXCEL_MENU_ESTIMATED_HEIGHT_PX as Q } from "../../../../constants/numbers.js";
-import { INK_EXCEL_TITLE as A, INK_EXCEL_ADD_ROW as x, INK_EXCEL_ADD_COL as ee, INK_EXCEL_REMOVE_ROW as te, INK_EXCEL_REMOVE_COL as ne, INK_EXCEL_CLEAR as oe, INK_EXCEL_IMPORT as re, INK_EXCEL_INSERT as le } from "../../../../constants/generals.const.js";
+import { jsxs as _, jsx as n } from "react/jsx-runtime";
+import { useState as u, useRef as L, useEffect as j, Fragment as x } from "react";
+import { createPortal as z } from "react-dom";
+import { NUMBER_ZERO as i, NUMBER_ONE as m, INK_EXCEL_SHEET_MAX_ROWS as q, INK_EXCEL_SHEET_MAX_COLS as Z, INK_EXCEL_MENU_ESTIMATED_HEIGHT_PX as J } from "../../../../constants/numbers.js";
+import { INK_EXCEL_TITLE as v, INK_EXCEL_ADD_ROW as Q, INK_EXCEL_ADD_COL as ee, INK_EXCEL_REMOVE_ROW as te, INK_EXCEL_REMOVE_COL as ne, INK_EXCEL_CLEAR as oe, INK_EXCEL_IMPORT as re, INK_EXCEL_INSERT as le } from "../../../../constants/generals.const.js";
 import { COLOR_MODE_LIGHT as se } from "../../../../constants/colorMode.const.js";
-import { KEY_ESCAPE as ie } from "../../../../constants/keyboard.const.js";
-import { INK_CLASS_STYLE_DD as Ee, INK_CLASS_STYLE_MENU as ae, INK_CLASS_STYLE_MENU_PORTAL as ce, INK_CLASS_STYLE_MENU_FORCED as ue, INK_CLASS_EXCEL_PANEL as _e, INK_CLASS_EXCEL_TITLE as me, INK_CLASS_EXCEL_GRID as Ce, INK_CLASS_EXCEL_CORNER as de, EXCEL_COL_LETTERS as Le, INK_CLASS_EXCEL_HEAD as b, INK_CLASS_EXCEL_COL_HOVER as O, INK_CLASS_EXCEL_ROW_HOVER as g, INK_CLASS_EXCEL_CELL as pe, INK_CLASS_EXCEL_ACTIONS as fe, INK_CLASS_EXCEL_INSERT as Ne } from "../../../../constants/defaults.const.js";
+import { KEY_ESCAPE as Ee } from "../../../../constants/keyboard.const.js";
+import { INK_CLASS_STYLE_DD as ie, INK_CLASS_STYLE_MENU as ae, INK_CLASS_STYLE_MENU_PORTAL as ce, INK_CLASS_STYLE_MENU_FORCED as _e, INK_CLASS_EXCEL_PANEL as ue, INK_CLASS_EXCEL_TITLE as me, INK_CLASS_EXCEL_GRID as de, INK_CLASS_EXCEL_CORNER as Ce, EXCEL_COL_LETTERS as Le, INK_CLASS_EXCEL_HEAD as b, INK_CLASS_EXCEL_COL_HOVER as O, INK_CLASS_EXCEL_ROW_HOVER as g, INK_CLASS_EXCEL_CELL as pe, INK_CLASS_EXCEL_ACTIONS as fe, INK_CLASS_EXCEL_INSERT as Ne } from "../../../../constants/defaults.const.js";
 import "../../../../constants/openai.const.js";
 import "../../../../utils/paste.utils.js";
-import { createEmptyExcelGrid as $, setExcelCell as Se, addExcelRow as ve, addExcelCol as Re, removeExcelRow as Me, removeExcelCol as Ae, clearExcelGrid as he, excelGridToTableHtml as Te, CSV_ACCEPT as Ke, parseCsvText as De } from "../../../../plugins/excel/excel.utils.js";
+import "../../../../utils/exportDocument.utils.js";
+import { createEmptyExcelGrid as I, setExcelCell as Se, addExcelRow as ve, addExcelCol as Re, removeExcelRow as Ae, removeExcelCol as he, clearExcelGrid as Te, excelGridToTableHtml as Ke, CSV_ACCEPT as De, parseCsvText as Me } from "../../../../plugins/excel/excel.utils.js";
 import { getToolbarDropdownMenuPosition as we } from "../ToolbarDropdown/ToolbarDropdown.utils.js";
 import { ToolbarButton as Xe } from "../ToolbarButton/ToolbarButton.js";
-const Ye = (I) => {
-  var X;
-  const { icon: y, disabled: h = !1, hint: H, onHint: P, pluginColor: G, onInsert: F } = I, [R, L] = C(!1), [o, s] = C($), [p, u] = C(null), [f, _] = C(null), [T, U] = C({ top: c, left: c }), K = v(null), D = v(null), M = v(null), w = v(null), N = ((X = o[c]) == null ? void 0 : X.length) ?? d, k = o.length < Z, V = N < J, Y = o.length > d, B = N > d;
+const Be = ($) => {
+  var w;
+  const { icon: y, disabled: R = !1, hint: H, onHint: P, pluginColor: G, onInsert: F } = $, [p, d] = u(!1), [o, s] = u(I), [A, f] = u(null), [h, N] = u(null), [T, U] = u({ top: i, left: i }), K = L(null), D = L(null), S = L(null), M = L(null), C = ((w = o[i]) == null ? void 0 : w.length) ?? m, k = o.length < q, V = C < Z, Y = o.length > m, B = C > m;
   j(() => {
-    if (!R) return;
+    if (!p) return;
     const e = () => {
-      var a;
-      const r = (a = M.current) == null ? void 0 : a.getBoundingClientRect().height, E = we(
+      var c;
+      const l = (c = S.current) == null ? void 0 : c.getBoundingClientRect().height, a = we(
         D.current,
-        r && r > c ? r : Q
+        l && l > i ? l : J
       );
-      U({ top: E.top, left: E.left });
+      U({ top: a.top, left: a.left });
     };
     e();
-    const t = window.requestAnimationFrame(e), l = (r) => {
-      var a, S;
-      const E = r.target;
-      (a = K.current) != null && a.contains(E) || (S = M.current) != null && S.contains(E) || L(!1);
-    }, i = (r) => {
-      r.key === ie && L(!1);
+    const t = window.requestAnimationFrame(e), E = (l) => {
+      var c, X;
+      const a = l.target;
+      (c = K.current) != null && c.contains(a) || (X = S.current) != null && X.contains(a) || d(!1);
+    }, r = (l) => {
+      l.key === Ee && d(!1);
     };
-    return document.addEventListener("mousedown", l), document.addEventListener("keydown", i), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
-      window.cancelAnimationFrame(t), document.removeEventListener("mousedown", l), document.removeEventListener("keydown", i), window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
+    return document.addEventListener("mousedown", E), document.addEventListener("keydown", r), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
+      window.cancelAnimationFrame(t), document.removeEventListener("mousedown", E), document.removeEventListener("keydown", r), window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
     };
-  }, [R, o.length, N]);
+  }, [p, o.length, C]);
   const W = (e) => {
-    var i;
-    const t = (i = e.target.files) == null ? void 0 : i[c];
+    var r;
+    const t = (r = e.target.files) == null ? void 0 : r[i];
     if (!t) return;
-    const l = new FileReader();
-    l.onload = () => {
-      s(De(String(l.result)));
-    }, l.readAsText(t);
+    const E = new FileReader();
+    E.onload = () => {
+      s(Me(String(E.result)));
+    }, E.readAsText(t);
   };
-  return /* @__PURE__ */ m("div", { className: Ee, ref: K, children: [
+  return /* @__PURE__ */ _("div", { className: ie, ref: K, children: [
     /* @__PURE__ */ n("div", { ref: D, children: /* @__PURE__ */ n(
       Xe,
       {
         icon: y,
-        title: A,
+        title: v,
         hint: H,
         onHint: P,
         pluginColor: G,
-        disabled: h,
+        disabled: R,
         onClick: () => {
-          h || (s($()), L((e) => !e));
+          R || (s(I()), d((e) => !e));
         }
       }
     ) }),
-    R ? q(
-      /* @__PURE__ */ m(
+    p ? z(
+      /* @__PURE__ */ _(
         "div",
         {
-          ref: M,
-          className: `${ae} ${ce} ${ue} ${_e}`,
+          ref: S,
+          className: `${ae} ${ce} ${_e} ${ue}`,
           "data-color-mode": se,
           role: "dialog",
-          "aria-label": A,
+          "aria-label": v,
           style: { top: T.top, left: T.left },
           children: [
-            /* @__PURE__ */ n("div", { className: me, children: A }),
-            /* @__PURE__ */ m(
+            /* @__PURE__ */ n("div", { className: me, children: v }),
+            /* @__PURE__ */ _(
               "div",
               {
-                className: Ce,
+                className: de,
                 style: {
-                  gridTemplateColumns: `2rem repeat(${N}, minmax(0, 1fr))`
+                  gridTemplateColumns: `2rem repeat(${C}, minmax(0, 1fr))`
                 },
                 onMouseLeave: () => {
-                  u(null), _(null);
+                  f(null), N(null);
                 },
                 children: [
-                  /* @__PURE__ */ n("span", { className: de }),
-                  (o[c] ?? []).map((e, t) => {
-                    const l = p !== null && t <= p;
-                    return /* @__PURE__ */ n(
+                  /* @__PURE__ */ n("span", { className: Ce }),
+                  (o[i] ?? []).map((e, t) => /* @__PURE__ */ n(
+                    "span",
+                    {
+                      className: `${b}${A === t ? ` ${O}` : ""}`,
+                      onMouseEnter: () => f(t),
+                      children: Le[t] ?? t + m
+                    },
+                    `h-${t}`
+                  )),
+                  o.map((e, t) => /* @__PURE__ */ _(x, { children: [
+                    /* @__PURE__ */ n(
                       "span",
                       {
-                        className: `${b}${l ? ` ${O}` : ""}`,
-                        onMouseEnter: () => u(t),
-                        onMouseMove: () => u(t),
-                        children: Le[t] ?? t + d
+                        className: `${b}${h === t ? ` ${g}` : ""}`,
+                        onMouseEnter: () => N(t),
+                        children: t + m
+                      }
+                    ),
+                    e.map((E, r) => /* @__PURE__ */ n(
+                      "input",
+                      {
+                        className: `${pe}${A === r ? ` ${O}` : ""}${h === t ? ` ${g}` : ""}`,
+                        value: E,
+                        onMouseEnter: () => {
+                          f(r), N(t);
+                        },
+                        onChange: (l) => s(Se(o, t, r, l.target.value))
                       },
-                      `h-${t}`
-                    );
-                  }),
-                  o.map((e, t) => {
-                    const l = f !== null && t <= f;
-                    return /* @__PURE__ */ m(z, { children: [
-                      /* @__PURE__ */ n(
-                        "span",
-                        {
-                          className: `${b}${l ? ` ${g}` : ""}`,
-                          onMouseEnter: () => _(t),
-                          onMouseMove: () => _(t),
-                          children: t + d
-                        }
-                      ),
-                      e.map((i, r) => {
-                        const E = p !== null && r <= p, a = f !== null && t <= f;
-                        return /* @__PURE__ */ n(
-                          "input",
-                          {
-                            className: `${pe}${E ? ` ${O}` : ""}${a ? ` ${g}` : ""}`,
-                            value: i,
-                            onMouseEnter: () => {
-                              u(r), _(t);
-                            },
-                            onMouseMove: () => {
-                              u(r), _(t);
-                            },
-                            onChange: (S) => s(Se(o, t, r, S.target.value))
-                          },
-                          `${t}-${r}`
-                        );
-                      })
-                    ] }, `row-${t}`);
-                  })
+                      `${t}-${r}`
+                    ))
+                  ] }, `row-${t}`))
                 ]
               }
             ),
-            /* @__PURE__ */ m("div", { className: fe, children: [
+            /* @__PURE__ */ _("div", { className: fe, children: [
               /* @__PURE__ */ n(
                 "button",
                 {
@@ -141,7 +128,7 @@ const Ye = (I) => {
                   onMouseDown: (e) => {
                     e.preventDefault(), s(ve(o));
                   },
-                  children: x
+                  children: Q
                 }
               ),
               /* @__PURE__ */ n(
@@ -161,7 +148,7 @@ const Ye = (I) => {
                   type: "button",
                   disabled: !Y,
                   onMouseDown: (e) => {
-                    e.preventDefault(), s(Me(o));
+                    e.preventDefault(), s(Ae(o));
                   },
                   children: te
                 }
@@ -172,7 +159,7 @@ const Ye = (I) => {
                   type: "button",
                   disabled: !B,
                   onMouseDown: (e) => {
-                    e.preventDefault(), s(Ae(o));
+                    e.preventDefault(), s(he(o));
                   },
                   children: ne
                 }
@@ -182,7 +169,7 @@ const Ye = (I) => {
                 {
                   type: "button",
                   onMouseDown: (e) => {
-                    e.preventDefault(), s(he(o));
+                    e.preventDefault(), s(Te(o));
                   },
                   children: oe
                 }
@@ -193,7 +180,7 @@ const Ye = (I) => {
                   type: "button",
                   onMouseDown: (e) => {
                     var t;
-                    e.preventDefault(), (t = w.current) == null || t.click();
+                    e.preventDefault(), (t = M.current) == null || t.click();
                   },
                   children: re
                 }
@@ -204,13 +191,13 @@ const Ye = (I) => {
                   type: "button",
                   className: Ne,
                   onMouseDown: (e) => {
-                    e.preventDefault(), F(Te(o)), L(!1);
+                    e.preventDefault(), F(Ke(o)), d(!1);
                   },
                   children: le
                 }
               )
             ] }),
-            /* @__PURE__ */ n("input", { ref: w, type: "file", accept: Ke, hidden: !0, onChange: W })
+            /* @__PURE__ */ n("input", { ref: M, type: "file", accept: De, hidden: !0, onChange: W })
           ]
         }
       ),
@@ -219,5 +206,5 @@ const Ye = (I) => {
   ] });
 };
 export {
-  Ye as ExcelSheetPanel
+  Be as ExcelSheetPanel
 };

package/dist/components/InkEditor/components/FindReplace/FindReplace.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("react"),o=require("../../../../constants/generals.const.cjs"),a=require("../../../../constants/findReplaceMenu.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");const r=require("../../../../common-components/Button/Button.cjs"),u=require("../../../../common-components/Field/Field.cjs");require("react-dom");const e=require("./FindReplace.const.cjs"),p=L=>{const{open:F,onClose:C,onReplace:A,findLabel:D=e.FIND_REPLACE_DEFAULT_FIND,replaceLabel:N=e.FIND_REPLACE_DEFAULT_REPLACE,replaceOneLabel:R=e.FIND_REPLACE_DEFAULT_ONE,replaceAllLabel:d=e.FIND_REPLACE_DEFAULT_ALL,closeLabel:I=e.FIND_REPLACE_DEFAULT_CLOSE,title:c=e.FIND_REPLACE_DEFAULT_TITLE,focusField:s=a.FIND_REPLACE_FOCUS_FIND}=L,[l,S]=i.useState(o.EMPTY_STRING),[E,P]=i.useState(o.EMPTY_STRING);if(!F)return null;const _=(n,b)=>{n.preventDefault(),l&&A(l,E,b)};return t.jsxs("form",{className:e.FIND_REPLACE_CLASS,"aria-label":c,onSubmit:n=>_(n,!1),children:[t.jsx("p",{className:e.FIND_REPLACE_TITLE_CLASS,children:c}),t.jsx(u.Field,{className:e.FIND_REPLACE_FIELD_CLASS,label:D,value:l,onChange:S,autoFocus:s===a.FIND_REPLACE_FOCUS_FIND}),t.jsx(u.Field,{className:e.FIND_REPLACE_FIELD_CLASS,label:N,value:E,onChange:P,autoFocus:s===a.FIND_REPLACE_FOCUS_REPLACE}),t.jsxs("div",{className:e.FIND_REPLACE_ACTIONS_CLASS,children:[t.jsx(r.Button,{type:"button",onClick:C,children:I}),t.jsx(r.Button,{type:"submit",disabled:!l,children:R}),t.jsx(r.Button,{type:"button",active:!0,disabled:!l,onClick:n=>_(n,!0),children:d})]})]},s)};exports.FindReplace=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("react"),o=require("../../../../constants/generals.const.cjs"),r=require("../../../../constants/findReplaceMenu.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");require("../../../../utils/exportDocument.utils.cjs");const a=require("../../../../common-components/Button/Button.cjs"),u=require("../../../../common-components/Field/Field.cjs");require("react-dom");const e=require("./FindReplace.const.cjs"),p=L=>{const{open:F,onClose:C,onReplace:A,findLabel:D=e.FIND_REPLACE_DEFAULT_FIND,replaceLabel:N=e.FIND_REPLACE_DEFAULT_REPLACE,replaceOneLabel:R=e.FIND_REPLACE_DEFAULT_ONE,replaceAllLabel:d=e.FIND_REPLACE_DEFAULT_ALL,closeLabel:I=e.FIND_REPLACE_DEFAULT_CLOSE,title:c=e.FIND_REPLACE_DEFAULT_TITLE,focusField:s=r.FIND_REPLACE_FOCUS_FIND}=L,[l,S]=i.useState(o.EMPTY_STRING),[E,P]=i.useState(o.EMPTY_STRING);if(!F)return null;const _=(n,b)=>{n.preventDefault(),l&&A(l,E,b)};return t.jsxs("form",{className:e.FIND_REPLACE_CLASS,"aria-label":c,onSubmit:n=>_(n,!1),children:[t.jsx("p",{className:e.FIND_REPLACE_TITLE_CLASS,children:c}),t.jsx(u.Field,{className:e.FIND_REPLACE_FIELD_CLASS,label:D,value:l,onChange:S,autoFocus:s===r.FIND_REPLACE_FOCUS_FIND}),t.jsx(u.Field,{className:e.FIND_REPLACE_FIELD_CLASS,label:N,value:E,onChange:P,autoFocus:s===r.FIND_REPLACE_FOCUS_REPLACE}),t.jsxs("div",{className:e.FIND_REPLACE_ACTIONS_CLASS,children:[t.jsx(a.Button,{type:"button",onClick:C,children:I}),t.jsx(a.Button,{type:"submit",disabled:!l,children:R}),t.jsx(a.Button,{type:"button",active:!0,disabled:!l,onClick:n=>_(n,!0),children:d})]})]},s)};exports.FindReplace=p;

package/dist/components/InkEditor/components/FindReplace/FindReplace.js

@@ -1,38 +1,39 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { jsxs as _, jsx as e } from "react/jsx-runtime";
 import { useState as L } from "react";
 import { EMPTY_STRING as n } from "../../../../constants/generals.const.js";
 import { FIND_REPLACE_FOCUS_FIND as s, FIND_REPLACE_FOCUS_REPLACE as P } from "../../../../constants/findReplaceMenu.const.js";
 import "../../../../constants/openai.const.js";
 import "../../../../utils/paste.utils.js";
-import { Button as E } from "../../../../common-components/Button/Button.js";
+import "../../../../utils/exportDocument.utils.js";
+import { Button as r } from "../../../../common-components/Button/Button.js";
 import { Field as c } from "../../../../common-components/Field/Field.js";
 import "react-dom";
 import { FIND_REPLACE_DEFAULT_FIND as S, FIND_REPLACE_DEFAULT_REPLACE as T, FIND_REPLACE_DEFAULT_ONE as h, FIND_REPLACE_DEFAULT_ALL as U, FIND_REPLACE_DEFAULT_CLOSE as O, FIND_REPLACE_DEFAULT_TITLE as v, FIND_REPLACE_CLASS as x, FIND_REPLACE_TITLE_CLASS as y, FIND_REPLACE_FIELD_CLASS as F, FIND_REPLACE_ACTIONS_CLASS as g } from "./FindReplace.const.js";
-const J = (A) => {
+const K = (m) => {
   const {
-    open: C,
-    onClose: m,
+    open: A,
+    onClose: C,
     onReplace: p,
     findLabel: D = S,
     replaceLabel: N = T,
     replaceOneLabel: u = h,
     replaceAllLabel: I = U,
     closeLabel: R = O,
-    title: a = v,
+    title: E = v,
     focusField: o = s
-  } = A, [l, d] = L(n), [r, b] = L(n);
-  if (!C) return null;
-  const _ = (t, f) => {
-    t.preventDefault(), l && p(l, r, f);
+  } = m, [l, d] = L(n), [a, b] = L(n);
+  if (!A) return null;
+  const i = (t, f) => {
+    t.preventDefault(), l && p(l, a, f);
   };
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ _(
     "form",
     {
       className: x,
-      "aria-label": a,
-      onSubmit: (t) => _(t, !1),
+      "aria-label": E,
+      onSubmit: (t) => i(t, !1),
       children: [
-        /* @__PURE__ */ e("p", { className: y, children: a }),
+        /* @__PURE__ */ e("p", { className: y, children: E }),
         /* @__PURE__ */ e(
           c,
           {
@@ -48,15 +49,15 @@ const J = (A) => {
           {
             className: F,
             label: N,
-            value: r,
+            value: a,
             onChange: b,
             autoFocus: o === P
           }
         ),
-        /* @__PURE__ */ i("div", { className: g, children: [
-          /* @__PURE__ */ e(E, { type: "button", onClick: m, children: R }),
-          /* @__PURE__ */ e(E, { type: "submit", disabled: !l, children: u }),
-          /* @__PURE__ */ e(E, { type: "button", active: !0, disabled: !l, onClick: (t) => _(t, !0), children: I })
+        /* @__PURE__ */ _("div", { className: g, children: [
+          /* @__PURE__ */ e(r, { type: "button", onClick: C, children: R }),
+          /* @__PURE__ */ e(r, { type: "submit", disabled: !l, children: u }),
+          /* @__PURE__ */ e(r, { type: "button", active: !0, disabled: !l, onClick: (t) => i(t, !0), children: I })
         ] })
       ]
     },
@@ -64,5 +65,5 @@ const J = (A) => {
   );
 };
 export {
-  J as FindReplace
+  K as FindReplace
 };

package/dist/components/InkEditor/components/GraphEditModal/GraphEditModal.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("react"),N=require("@forgedevstack/bear"),s=require("../../../../constants/numbers.cjs"),l=require("../../../../constants/generals.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");require("react-dom");const O=require("../../../../plugins/graph/graph.const.cjs"),C=()=>({label:"•",value:s.NUMBER_ONE}),G=j=>{const{open:p,mode:E,points:d,colors:n,onClose:R,onApply:P}=j,[m,_]=h.useState(d),[v,M]=h.useState(n.length>s.NUMBER_ZERO?n:[...O.GRAPH_COLORS]);h.useEffect(()=>{p&&(_(d),M(n.length>s.NUMBER_ZERO?n:[...O.GRAPH_COLORS]))},[p,d,n]);const b=E==="colors"?l.INK_GRAPH_COLORS_TITLE:l.INK_GRAPH_VALUES_TITLE;return e.jsx(N.Modal,{isOpen:p,onClose:R,title:b,size:"md",footer:e.jsxs(e.Fragment,{children:[e.jsx(N.Button,{variant:"outline",onClick:R,children:l.INK_GRAPH_CANCEL}),e.jsx(N.Button,{variant:"primary",onClick:()=>P(m,v),children:l.INK_GRAPH_APPLY})]}),children:E==="values"?e.jsxs("div",{className:"Ink-GraphModal",children:[m.map((r,a)=>e.jsxs("div",{className:"Ink-GraphModal__row",children:[e.jsx("input",{value:r.label,"aria-label":`Label ${a+s.NUMBER_ONE}`,onChange:o=>{const i=o.target.value;_(c=>c.map((t,u)=>u===a?{...t,label:i}:t))}}),e.jsx("input",{type:"number",value:r.value,"aria-label":`Value ${a+s.NUMBER_ONE}`,onChange:o=>{const i=Number(o.target.value)||s.NUMBER_ZERO;_(c=>c.map((t,u)=>u===a?{...t,value:i}:t))}})]},`${r.label}-${a}`)),e.jsx(N.Button,{variant:"outline",size:"sm",onClick:()=>_(r=>[...r,C()]),children:l.INK_GRAPH_ADD_POINT})]}):e.jsx("div",{className:"Ink-GraphModal",children:v.map((r,a)=>e.jsxs("label",{className:"Ink-GraphModal__row",children:[e.jsx("span",{children:a+s.NUMBER_ONE}),e.jsx("input",{type:"color",value:r,onChange:o=>{const i=o.target.value||l.EMPTY_STRING;M(c=>c.map((t,u)=>u===a?i:t))}})]},`${r}-${a}`))})})};exports.GraphEditModal=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("react"),N=require("@forgedevstack/bear"),s=require("../../../../constants/numbers.cjs"),l=require("../../../../constants/generals.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");require("../../../../utils/exportDocument.utils.cjs");require("react-dom");const O=require("../../../../plugins/graph/graph.const.cjs"),C=()=>({label:"•",value:s.NUMBER_ONE}),G=j=>{const{open:p,mode:E,points:d,colors:n,onClose:R,onApply:P}=j,[m,_]=h.useState(d),[v,M]=h.useState(n.length>s.NUMBER_ZERO?n:[...O.GRAPH_COLORS]);h.useEffect(()=>{p&&(_(d),M(n.length>s.NUMBER_ZERO?n:[...O.GRAPH_COLORS]))},[p,d,n]);const b=E==="colors"?l.INK_GRAPH_COLORS_TITLE:l.INK_GRAPH_VALUES_TITLE;return e.jsx(N.Modal,{isOpen:p,onClose:R,title:b,size:"md",footer:e.jsxs(e.Fragment,{children:[e.jsx(N.Button,{variant:"outline",onClick:R,children:l.INK_GRAPH_CANCEL}),e.jsx(N.Button,{variant:"primary",onClick:()=>P(m,v),children:l.INK_GRAPH_APPLY})]}),children:E==="values"?e.jsxs("div",{className:"Ink-GraphModal",children:[m.map((r,a)=>e.jsxs("div",{className:"Ink-GraphModal__row",children:[e.jsx("input",{value:r.label,"aria-label":`Label ${a+s.NUMBER_ONE}`,onChange:o=>{const i=o.target.value;_(u=>u.map((t,c)=>c===a?{...t,label:i}:t))}}),e.jsx("input",{type:"number",value:r.value,"aria-label":`Value ${a+s.NUMBER_ONE}`,onChange:o=>{const i=Number(o.target.value)||s.NUMBER_ZERO;_(u=>u.map((t,c)=>c===a?{...t,value:i}:t))}})]},`${r.label}-${a}`)),e.jsx(N.Button,{variant:"outline",size:"sm",onClick:()=>_(r=>[...r,C()]),children:l.INK_GRAPH_ADD_POINT})]}):e.jsx("div",{className:"Ink-GraphModal",children:v.map((r,a)=>e.jsxs("label",{className:"Ink-GraphModal__row",children:[e.jsx("span",{children:a+s.NUMBER_ONE}),e.jsx("input",{type:"color",value:r,onChange:o=>{const i=o.target.value||l.EMPTY_STRING;M(u=>u.map((t,c)=>c===a?i:t))}})]},`${r}-${a}`))})})};exports.GraphEditModal=G;

package/dist/components/InkEditor/components/GraphEditModal/GraphEditModal.js

@@ -1,13 +1,14 @@
-import { jsx as l, jsxs as c, Fragment as E } from "react/jsx-runtime";
+import { jsx as l, jsxs as m, Fragment as E } from "react/jsx-runtime";
 import { useState as P, useEffect as b } from "react";
 import { Modal as g, Button as h } from "@forgedevstack/bear";
-import { NUMBER_ZERO as d, NUMBER_ONE as m } from "../../../../constants/numbers.js";
+import { NUMBER_ZERO as d, NUMBER_ONE as c } from "../../../../constants/numbers.js";
 import { INK_GRAPH_COLORS_TITLE as M, INK_GRAPH_VALUES_TITLE as L, INK_GRAPH_ADD_POINT as O, EMPTY_STRING as k, INK_GRAPH_CANCEL as T, INK_GRAPH_APPLY as H } from "../../../../constants/generals.const.js";
 import "../../../../constants/openai.const.js";
 import "../../../../utils/paste.utils.js";
+import "../../../../utils/exportDocument.utils.js";
 import "react-dom";
 import { GRAPH_COLORS as G } from "../../../../plugins/graph/graph.const.js";
-const $ = () => ({ label: "•", value: m }), Y = (R) => {
+const $ = () => ({ label: "•", value: c }), F = (R) => {
   const { open: u, mode: v, points: _, colors: r, onClose: N, onApply: A } = R, [f, p] = P(_), [C, I] = P(
     r.length > d ? r : [...G]
   );
@@ -20,22 +21,22 @@ const $ = () => ({ label: "•", value: m }), Y = (R) => {
       onClose: N,
       title: v === "colors" ? M : L,
       size: "md",
-      footer: /* @__PURE__ */ c(E, { children: [
+      footer: /* @__PURE__ */ m(E, { children: [
         /* @__PURE__ */ l(h, { variant: "outline", onClick: N, children: T }),
         /* @__PURE__ */ l(h, { variant: "primary", onClick: () => A(f, C), children: H })
       ] }),
-      children: v === "values" ? /* @__PURE__ */ c("div", { className: "Ink-GraphModal", children: [
-        f.map((e, a) => /* @__PURE__ */ c("div", { className: "Ink-GraphModal__row", children: [
+      children: v === "values" ? /* @__PURE__ */ m("div", { className: "Ink-GraphModal", children: [
+        f.map((e, a) => /* @__PURE__ */ m("div", { className: "Ink-GraphModal__row", children: [
           /* @__PURE__ */ l(
             "input",
             {
               value: e.label,
-              "aria-label": `Label ${a + m}`,
+              "aria-label": `Label ${a + c}`,
               onChange: (t) => {
                 const n = t.target.value;
                 p(
-                  (s) => s.map(
-                    (o, i) => i === a ? { ...o, label: n } : o
+                  (i) => i.map(
+                    (o, s) => s === a ? { ...o, label: n } : o
                   )
                 );
               }
@@ -46,12 +47,12 @@ const $ = () => ({ label: "•", value: m }), Y = (R) => {
             {
               type: "number",
               value: e.value,
-              "aria-label": `Value ${a + m}`,
+              "aria-label": `Value ${a + c}`,
               onChange: (t) => {
                 const n = Number(t.target.value) || d;
                 p(
-                  (s) => s.map(
-                    (o, i) => i === a ? { ...o, value: n } : o
+                  (i) => i.map(
+                    (o, s) => s === a ? { ...o, value: n } : o
                   )
                 );
               }
@@ -67,8 +68,8 @@ const $ = () => ({ label: "•", value: m }), Y = (R) => {
             children: O
           }
         )
-      ] }) : /* @__PURE__ */ l("div", { className: "Ink-GraphModal", children: C.map((e, a) => /* @__PURE__ */ c("label", { className: "Ink-GraphModal__row", children: [
-        /* @__PURE__ */ l("span", { children: a + m }),
+      ] }) : /* @__PURE__ */ l("div", { className: "Ink-GraphModal", children: C.map((e, a) => /* @__PURE__ */ m("label", { className: "Ink-GraphModal__row", children: [
+        /* @__PURE__ */ l("span", { children: a + c }),
         /* @__PURE__ */ l(
           "input",
           {
@@ -77,7 +78,7 @@ const $ = () => ({ label: "•", value: m }), Y = (R) => {
             onChange: (t) => {
               const n = t.target.value || k;
               I(
-                (s) => s.map((o, i) => i === a ? n : o)
+                (i) => i.map((o, s) => s === a ? n : o)
               );
             }
           }
@@ -87,5 +88,5 @@ const $ = () => ({ label: "•", value: m }), Y = (R) => {
   );
 };
 export {
-  Y as GraphEditModal
+  F as GraphEditModal
 };

package/dist/components/InkEditor/components/GraphPicker/GraphPicker.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("react"),K=require("react-dom"),A=require("../../../../constants/numbers.cjs"),a=require("../../../../constants/generals.const.cjs"),D=require("../../../../constants/colorMode.const.cjs"),M=require("../../../../constants/keyboard.const.cjs"),o=require("../../../../constants/defaults.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");const s=require("../../../../plugins/graph/graph.const.cjs"),p=require("../../../../plugins/graph/graph.utils.cjs"),h=require("../ToolbarDropdown/ToolbarDropdown.utils.cjs"),q=require("../ToolbarButton/ToolbarButton.cjs"),g=N=>{const{icon:v,disabled:d=!1,hint:I,onHint:T,pluginColor:b,onInsert:w}=N,[c,i]=n.useState(!1),[l,G]=n.useState(s.GRAPH_KIND_DEFAULT),[_,H]=n.useState({top:A.NUMBER_ZERO,left:A.NUMBER_ZERO}),E=n.useRef(null),L=n.useRef(null),S=n.useRef(null);return n.useEffect(()=>{if(!c)return;const e=()=>{const r=h.getToolbarDropdownMenuPosition(L.current);H({top:r.top,left:r.left})};e();const u=r=>{var m,P;const R=r.target;(m=E.current)!=null&&m.contains(R)||(P=S.current)!=null&&P.contains(R)||i(!1)},f=r=>{r.key===M.KEY_ESCAPE&&i(!1)};return document.addEventListener("mousedown",u),document.addEventListener("keydown",f),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{document.removeEventListener("mousedown",u),document.removeEventListener("keydown",f),window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}},[c]),t.jsxs("div",{className:o.INK_CLASS_STYLE_DD,ref:E,children:[t.jsx("div",{ref:L,children:t.jsx(q.ToolbarButton,{icon:v,title:a.INK_GRAPH_TITLE,hint:I,onHint:T,pluginColor:b,disabled:d,onClick:()=>{d||i(e=>!e)}})}),c?K.createPortal(t.jsxs("div",{ref:S,className:`${o.INK_CLASS_STYLE_MENU} ${o.INK_CLASS_STYLE_MENU_PORTAL} ${o.INK_CLASS_STYLE_MENU_FORCED} ${o.INK_CLASS_GRAPH_PANEL}`,"data-color-mode":D.COLOR_MODE_LIGHT,role:"dialog","aria-label":a.INK_GRAPH_TITLE,style:{top:_.top,left:_.left},children:[t.jsx("div",{className:o.INK_CLASS_GRAPH_TYPES,children:s.GRAPH_KINDS.map(e=>t.jsx("button",{type:"button","aria-pressed":e===l,onMouseDown:u=>{u.preventDefault(),G(e)},children:s.GRAPH_KIND_LABELS[e]},e))}),t.jsx("div",{className:o.INK_CLASS_GRAPH_PREVIEW,dangerouslySetInnerHTML:{__html:p.buildGraphHtml(l,s.GRAPH_SAMPLE)}}),t.jsx("button",{type:"button",onMouseDown:e=>{e.preventDefault(),w(p.buildGraphHtml(l,s.GRAPH_SAMPLE)),i(!1)},children:a.INK_GRAPH_INSERT})]}),document.body):null]})};exports.GraphPicker=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("react"),K=require("react-dom"),A=require("../../../../constants/numbers.cjs"),a=require("../../../../constants/generals.const.cjs"),q=require("../../../../constants/colorMode.const.cjs"),D=require("../../../../constants/keyboard.const.cjs"),o=require("../../../../constants/defaults.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");require("../../../../utils/exportDocument.utils.cjs");const s=require("../../../../plugins/graph/graph.const.cjs"),p=require("../../../../plugins/graph/graph.utils.cjs"),M=require("../ToolbarDropdown/ToolbarDropdown.utils.cjs"),h=require("../ToolbarButton/ToolbarButton.cjs"),g=N=>{const{icon:v,disabled:d=!1,hint:I,onHint:T,pluginColor:b,onInsert:w}=N,[c,i]=n.useState(!1),[l,G]=n.useState(s.GRAPH_KIND_DEFAULT),[_,H]=n.useState({top:A.NUMBER_ZERO,left:A.NUMBER_ZERO}),E=n.useRef(null),L=n.useRef(null),S=n.useRef(null);return n.useEffect(()=>{if(!c)return;const e=()=>{const r=M.getToolbarDropdownMenuPosition(L.current);H({top:r.top,left:r.left})};e();const u=r=>{var m,P;const R=r.target;(m=E.current)!=null&&m.contains(R)||(P=S.current)!=null&&P.contains(R)||i(!1)},f=r=>{r.key===D.KEY_ESCAPE&&i(!1)};return document.addEventListener("mousedown",u),document.addEventListener("keydown",f),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{document.removeEventListener("mousedown",u),document.removeEventListener("keydown",f),window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}},[c]),t.jsxs("div",{className:o.INK_CLASS_STYLE_DD,ref:E,children:[t.jsx("div",{ref:L,children:t.jsx(h.ToolbarButton,{icon:v,title:a.INK_GRAPH_TITLE,hint:I,onHint:T,pluginColor:b,disabled:d,onClick:()=>{d||i(e=>!e)}})}),c?K.createPortal(t.jsxs("div",{ref:S,className:`${o.INK_CLASS_STYLE_MENU} ${o.INK_CLASS_STYLE_MENU_PORTAL} ${o.INK_CLASS_STYLE_MENU_FORCED} ${o.INK_CLASS_GRAPH_PANEL}`,"data-color-mode":q.COLOR_MODE_LIGHT,role:"dialog","aria-label":a.INK_GRAPH_TITLE,style:{top:_.top,left:_.left},children:[t.jsx("div",{className:o.INK_CLASS_GRAPH_TYPES,children:s.GRAPH_KINDS.map(e=>t.jsx("button",{type:"button","aria-pressed":e===l,onMouseDown:u=>{u.preventDefault(),G(e)},children:s.GRAPH_KIND_LABELS[e]},e))}),t.jsx("div",{className:o.INK_CLASS_GRAPH_PREVIEW,dangerouslySetInnerHTML:{__html:p.buildGraphHtml(l,s.GRAPH_SAMPLE)}}),t.jsx("button",{type:"button",onMouseDown:e=>{e.preventDefault(),w(p.buildGraphHtml(l,s.GRAPH_SAMPLE)),i(!1)},children:a.INK_GRAPH_INSERT})]}),document.body):null]})};exports.GraphPicker=g;

package/dist/components/InkEditor/components/GraphPicker/GraphPicker.js

@@ -8,11 +8,12 @@ import { KEY_ESCAPE as y } from "../../../../constants/keyboard.const.js";
 import { INK_CLASS_STYLE_DD as g, INK_CLASS_STYLE_MENU as O, INK_CLASS_STYLE_MENU_PORTAL as k, INK_CLASS_STYLE_MENU_FORCED as Y, INK_CLASS_GRAPH_PANEL as U, INK_CLASS_GRAPH_TYPES as $, INK_CLASS_GRAPH_PREVIEW as B } from "../../../../constants/defaults.const.js";
 import "../../../../constants/openai.const.js";
 import "../../../../utils/paste.utils.js";
+import "../../../../utils/exportDocument.utils.js";
 import { GRAPH_KIND_DEFAULT as j, GRAPH_KINDS as z, GRAPH_KIND_LABELS as F, GRAPH_SAMPLE as P } from "../../../../plugins/graph/graph.const.js";
 import { buildGraphHtml as v } from "../../../../plugins/graph/graph.utils.js";
 import { getToolbarDropdownMenuPosition as x } from "../ToolbarDropdown/ToolbarDropdown.utils.js";
 import { ToolbarButton as V } from "../ToolbarButton/ToolbarButton.js";
-const me = (R) => {
+const de = (R) => {
   const { icon: I, disabled: d = !1, hint: w, onHint: K, pluginColor: T, onInsert: D } = R, [i, n] = l(!1), [s, H] = l(j), [a, C] = l({ top: A, left: A }), c = m(null), u = m(null), _ = m(null);
   return G(() => {
     if (!i) return;
@@ -94,5 +95,5 @@ const me = (R) => {
   ] });
 };
 export {
-  me as GraphPicker
+  de as GraphPicker
 };

package/dist/components/InkEditor/components/HtmlSourcePanel/HtmlSourcePanel.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),o=require("../../../../constants/generals.const.cjs"),i=require("../../../../constants/defaults.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");require("react");require("react-dom");const c=e=>{const{value:r,onChange:t,disabled:a=!1,minHeight:n}=e,l=s=>{t(s.target.value)};return u.jsx("textarea",{className:i.INK_CLASS_SOURCE,"aria-label":o.INK_HTML_SOURCE_TITLE,value:r,disabled:a,spellCheck:!1,style:{minHeight:n},onChange:l})};exports.HtmlSourcePanel=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),i=require("../../../../constants/generals.const.cjs"),o=require("../../../../constants/defaults.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");require("../../../../utils/exportDocument.utils.cjs");require("react");require("react-dom");const c=e=>{const{value:r,onChange:t,disabled:a=!1,minHeight:n}=e,l=s=>{t(s.target.value)};return u.jsx("textarea",{className:o.INK_CLASS_SOURCE,"aria-label":i.INK_HTML_SOURCE_TITLE,value:r,disabled:a,spellCheck:!1,style:{minHeight:n},onChange:l})};exports.HtmlSourcePanel=c;

package/dist/components/InkEditor/components/HtmlSourcePanel/HtmlSourcePanel.js

@@ -1,17 +1,18 @@
-import { jsx as n } from "react/jsx-runtime";
-import { INK_HTML_SOURCE_TITLE as m } from "../../../../constants/generals.const.js";
+import { jsx as m } from "react/jsx-runtime";
+import { INK_HTML_SOURCE_TITLE as n } from "../../../../constants/generals.const.js";
 import { INK_CLASS_SOURCE as i } from "../../../../constants/defaults.const.js";
 import "../../../../constants/openai.const.js";
 import "../../../../utils/paste.utils.js";
+import "../../../../utils/exportDocument.utils.js";
 import "react";
 import "react-dom";
-const _ = (e) => {
+const d = (e) => {
   const { value: a, onChange: t, disabled: o = !1, minHeight: r } = e;
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ m(
     "textarea",
     {
       className: i,
-      "aria-label": m,
+      "aria-label": n,
       value: a,
       disabled: o,
       spellCheck: !1,
@@ -23,5 +24,5 @@ const _ = (e) => {
   );
 };
 export {
-  _ as HtmlSourcePanel
+  d as HtmlSourcePanel
 };

package/dist/components/InkEditor/components/ImageFrame/ImageFrame.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../../utils/image.utils.cjs"),c=u=>{var i,r;const{image:a,onChange:l,onClose:s}=u,o=n=>{t.setImageAlign(a,n),l()};return e.jsxs("div",{className:"Ink-ImageFrame",role:"toolbar","aria-label":"Image",children:[e.jsxs("label",{children:["Width",e.jsx("input",{type:"range",min:t.IMAGE_WIDTH_MIN,max:t.IMAGE_WIDTH_MAX,defaultValue:a.clientWidth||t.IMAGE_WIDTH_DEFAULT,onChange:n=>{t.setImageWidth(a,Number(n.target.value)),l()}})]}),e.jsx("button",{type:"button",className:"Ink-Editor__button",onClick:()=>o(t.IMAGE_ALIGN_LEFT),children:"Left"}),e.jsx("button",{type:"button",className:"Ink-Editor__button",onClick:()=>o(t.IMAGE_ALIGN_CENTER),children:"Center"}),e.jsx("button",{type:"button",className:"Ink-Editor__button",onClick:()=>o(t.IMAGE_ALIGN_RIGHT),children:"Right"}),e.jsx("input",{"aria-label":"Alt text",defaultValue:a.alt,placeholder:"Alt text",onBlur:n=>{t.setImageAlt(a,n.target.value),l()}}),e.jsx("input",{"aria-label":"Caption",defaultValue:((r=(i=a.parentElement)==null?void 0:i.querySelector("figcaption"))==null?void 0:r.textContent)??"",placeholder:"Caption",onBlur:n=>{t.setImageCaption(a,n.target.value),l()}}),e.jsx("button",{type:"button",className:"Ink-Editor__button",onClick:s,children:"Done"})]})};exports.ImageFrame=c;

package/dist/components/InkEditor/components/ImageFrame/ImageFrame.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+export interface ImageFrameProps {
+    image: HTMLImageElement;
+    onChange: () => void;
+    onClose: () => void;
+}
+export declare const ImageFrame: FC<ImageFrameProps>;
+//# sourceMappingURL=ImageFrame.d.ts.map

package/dist/components/InkEditor/components/ImageFrame/ImageFrame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageFrame.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/ImageFrame/ImageFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAehC,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,gBAAgB,CAAC;IACxB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAqD1C,CAAC"}