@forgedevstack/ink 1.1.7 → 1.1.9

package/dist/components/InkEditor/components/RemoteCursors/RemoteCursors.js

@@ -0,0 +1,65 @@
+import { jsx as e, jsxs as u } from "react/jsx-runtime";
+import { REMOTE_CURSOR_MIN_LEFT_PX as T, REMOTE_CURSOR_CHAR_WIDTH_PX as p, REMOTE_CURSOR_LEFT_OFFSET_PX as d, REMOTE_CURSOR_MIN_TOP_PX as l, REMOTE_CURSOR_LINE_HEIGHT_PX as M, REMOTE_CURSOR_TOP_OFFSET_PX as f } from "./RemoteCursors.const.js";
+import { NUMBER_ZERO as i, NUMBER_ONE as m } from "../../../../constants/numbers.js";
+import { EMPTY_STRING as C } from "../../../../constants/generals.const.js";
+import "../../../../constants/openai.const.js";
+import { cn as N } from "../../../../utils/cn.utils.js";
+import "../../../../utils/paste.utils.js";
+import "react";
+import "react-dom";
+const I = ({
+  collaborators: _,
+  className: n = C
+}) => {
+  const o = (_ || []).filter(
+    (r) => r.cursor && (r.cursor.offset !== void 0 || r.cursor.line !== void 0)
+  );
+  return o.length === i ? null : /* @__PURE__ */ e(
+    "div",
+    {
+      className: N("ink-remote-cursors-layer", n),
+      "aria-hidden": "true",
+      children: o.map((r) => {
+        var t, s;
+        const c = ((t = r.cursor) == null ? void 0 : t.line) ?? m, R = ((s = r.cursor) == null ? void 0 : s.col) ?? i, E = Math.max(
+          l,
+          (c - m) * M + f
+        ), O = Math.max(
+          T,
+          R * p + d
+        );
+        return /* @__PURE__ */ u(
+          "div",
+          {
+            className: "ink-remote-cursor-item",
+            style: {
+              top: `${E}px`,
+              left: `${O}px`
+            },
+            children: [
+              /* @__PURE__ */ e(
+                "div",
+                {
+                  className: "ink-remote-cursor-caret",
+                  style: { backgroundColor: r.color }
+                }
+              ),
+              /* @__PURE__ */ e(
+                "div",
+                {
+                  className: "ink-remote-cursor-tag",
+                  style: { backgroundColor: r.color },
+                  children: r.name
+                }
+              )
+            ]
+          },
+          r.id
+        );
+      })
+    }
+  );
+};
+export {
+  I as RemoteCursors
+};

package/dist/components/InkEditor/components/RemoteCursors/RemoteCursors.types.d.ts

@@ -0,0 +1,6 @@
+import { InkCollaborator } from '../../../../types';
+export interface RemoteCursorsProps {
+    collaborators: InkCollaborator[];
+    className?: string;
+}
+//# sourceMappingURL=RemoteCursors.types.d.ts.map

package/dist/components/InkEditor/components/RemoteCursors/RemoteCursors.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemoteCursors.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/RemoteCursors/RemoteCursors.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,WAAW,kBAAkB;IACjC,aAAa,EAAE,eAAe,EAAE,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/InkEditor/components/RemoteCursors/index.d.ts

@@ -0,0 +1,3 @@
+export { RemoteCursors } from './RemoteCursors';
+export type { RemoteCursorsProps } from './RemoteCursors.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/InkEditor/components/RemoteCursors/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/RemoteCursors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/components/InkEditor/components/TableSizePicker/TableSizePicker.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),n=require("react"),w=require("react-dom"),_=require("../../../../constants/numbers.cjs"),I=require("../../../../constants/generals.const.cjs"),v=require("../../../../constants/colorMode.const.cjs"),B=require("../../../../constants/keyboard.const.cjs"),t=require("../../../../constants/defaults.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");const b=require("../ToolbarDropdown/ToolbarDropdown.utils.cjs"),O=require("../ToolbarButton/ToolbarButton.cjs"),c=require("./TableSizePicker.const.cjs"),p=C=>{const{icon:f,disabled:d=!1,onSelect:P}=C,[l,E]=n.useState(!1),[u,L]=n.useState(c.TABLE_PICKER_INITIAL_HOVER),[T,m]=n.useState(c.TABLE_PICKER_EMPTY_POSITION),A=n.useRef(null),S=n.useRef(null),R=n.useRef(null);n.useEffect(()=>{if(!l)return;const e=()=>{const o=b.getToolbarDropdownMenuPosition(S.current);m({top:o.top,left:o.left})};e();const r=o=>{var K,N;const a=o.target;(K=A.current)!=null&&K.contains(a)||(N=R.current)!=null&&N.contains(a)||E(!1)},i=o=>{o.key===B.KEY_ESCAPE&&E(!1)};return document.addEventListener("mousedown",r),document.addEventListener("keydown",i),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{document.removeEventListener("mousedown",r),document.removeEventListener("keydown",i),window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}},[l]);const M=Array.from({length:_.INK_TABLE_PICKER_MAX*_.INK_TABLE_PICKER_MAX},(e,r)=>{const i=Math.floor(r/_.INK_TABLE_PICKER_MAX)+_.NUMBER_ONE,o=r%_.INK_TABLE_PICKER_MAX+_.NUMBER_ONE,a=i<=u.rows&&o<=u.cols;return{rows:i,cols:o,isOn:a,key:`${i}-${o}`}});return s.jsxs("div",{className:t.INK_CLASS_TABLE_PICKER,ref:A,children:[s.jsx("div",{ref:S,children:s.jsx(O.ToolbarButton,{icon:f,title:I.INK_TABLE_INSERT_TITLE,disabled:d,onClick:()=>{d||(L(c.TABLE_PICKER_INITIAL_HOVER),E(e=>!e))}})}),l&&w.createPortal(s.jsxs("div",{ref:R,className:`${t.INK_CLASS_STYLE_MENU} ${t.INK_CLASS_STYLE_MENU_PORTAL} ${t.INK_CLASS_STYLE_MENU_FORCED}`,"data-color-mode":v.COLOR_MODE_LIGHT,role:"grid","aria-label":I.INK_TABLE_INSERT_TITLE,style:{top:T.top,left:T.left},children:[s.jsx("div",{className:t.INK_CLASS_TABLE_PICKER_GRID,style:{gridTemplateColumns:`repeat(${_.INK_TABLE_PICKER_MAX}, 1fr)`},children:M.map(e=>s.jsx("button",{type:"button",className:`${t.INK_CLASS_TABLE_PICKER_CELL}${e.isOn?`${I.SPACE_STRING}${t.INK_CLASS_TABLE_PICKER_CELL_ON}`:""}`,"aria-label":`${e.rows}${c.TABLE_PICKER_TIMES_MARK}${e.cols}`,onMouseEnter:()=>L({rows:e.rows,cols:e.cols}),onMouseMove:()=>L({rows:e.rows,cols:e.cols}),onMouseDown:r=>{r.preventDefault(),P(e.rows,e.cols),E(!1)}},e.key))}),s.jsxs("div",{className:t.INK_CLASS_TABLE_PICKER_LABEL,children:[u.rows,c.TABLE_PICKER_TIMES_MARK,u.cols]})]}),document.body)]})};exports.TableSizePicker=p;

package/dist/components/InkEditor/components/TableSizePicker/TableSizePicker.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("../../../../constants/numbers.cjs");require("../../../../constants/openai.const.cjs");require("react/jsx-runtime");require("../../../../utils/paste.utils.cjs");require("react");require("react-dom");const _={rows:E.NUMBER_ONE,cols:E.NUMBER_ONE},e={top:E.NUMBER_ZERO,left:E.NUMBER_ZERO},r=" × ";exports.TABLE_PICKER_EMPTY_POSITION=e;exports.TABLE_PICKER_INITIAL_HOVER=_;exports.TABLE_PICKER_TIMES_MARK=r;

package/dist/components/InkEditor/components/TableSizePicker/TableSizePicker.const.d.ts

@@ -0,0 +1,10 @@
+export declare const TABLE_PICKER_INITIAL_HOVER: {
+    rows: number;
+    cols: number;
+};
+export declare const TABLE_PICKER_EMPTY_POSITION: {
+    top: number;
+    left: number;
+};
+export declare const TABLE_PICKER_TIMES_MARK = " \u00D7 ";
+//# sourceMappingURL=TableSizePicker.const.d.ts.map

package/dist/components/InkEditor/components/TableSizePicker/TableSizePicker.const.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableSizePicker.const.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/TableSizePicker/TableSizePicker.const.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,0BAA0B;;;CAGtC,CAAC;AAEF,eAAO,MAAM,2BAA2B;;;CAGvC,CAAC;AAEF,eAAO,MAAM,uBAAuB,aAAQ,CAAC"}

package/dist/components/InkEditor/components/TableSizePicker/TableSizePicker.const.js

@@ -0,0 +1,18 @@
+import { NUMBER_ONE as o, NUMBER_ZERO as E } from "../../../../constants/numbers.js";
+import "../../../../constants/openai.const.js";
+import "react/jsx-runtime";
+import "../../../../utils/paste.utils.js";
+import "react";
+import "react-dom";
+const m = {
+  rows: o,
+  cols: o
+}, T = {
+  top: E,
+  left: E
+}, i = " × ";
+export {
+  T as TABLE_PICKER_EMPTY_POSITION,
+  m as TABLE_PICKER_INITIAL_HOVER,
+  i as TABLE_PICKER_TIMES_MARK
+};

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

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { TableSizePickerProps } from './TableSizePicker.types';
+export declare const TableSizePicker: FC<TableSizePickerProps>;
+//# sourceMappingURL=TableSizePicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableSizePicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/TableSizePicker/TableSizePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAyB7D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEpE,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAiGpD,CAAC"}

package/dist/components/InkEditor/components/TableSizePicker/TableSizePicker.js

@@ -0,0 +1,96 @@
+import { jsxs as a, jsx as E } from "react/jsx-runtime";
+import { useState as l, useRef as L, useEffect as B } from "react";
+import { createPortal as O } from "react-dom";
+import { INK_TABLE_PICKER_MAX as n, NUMBER_ONE as A } from "../../../../constants/numbers.js";
+import { INK_TABLE_INSERT_TITLE as C, SPACE_STRING as $ } from "../../../../constants/generals.const.js";
+import { COLOR_MODE_LIGHT as y } from "../../../../constants/colorMode.const.js";
+import { KEY_ESCAPE as b } from "../../../../constants/keyboard.const.js";
+import { INK_CLASS_TABLE_PICKER as g, INK_CLASS_STYLE_MENU as h, INK_CLASS_STYLE_MENU_PORTAL as k, INK_CLASS_STYLE_MENU_FORCED as D, INK_CLASS_TABLE_PICKER_GRID as Y, INK_CLASS_TABLE_PICKER_CELL as U, INK_CLASS_TABLE_PICKER_CELL_ON as x, INK_CLASS_TABLE_PICKER_LABEL as z } from "../../../../constants/defaults.const.js";
+import "../../../../constants/openai.const.js";
+import "../../../../utils/paste.utils.js";
+import { getToolbarDropdownMenuPosition as G } from "../ToolbarDropdown/ToolbarDropdown.utils.js";
+import { ToolbarButton as H } from "../ToolbarButton/ToolbarButton.js";
+import { TABLE_PICKER_INITIAL_HOVER as N, TABLE_PICKER_EMPTY_POSITION as j, TABLE_PICKER_TIMES_MARK as w } from "./TableSizePicker.const.js";
+const so = (v) => {
+  const { icon: K, disabled: d = !1, onSelect: R } = v, [c, s] = l(!1), [i, m] = l(N), [f, P] = l(j), u = L(null), I = L(null), S = L(null);
+  B(() => {
+    if (!c) return;
+    const o = () => {
+      const e = G(I.current);
+      P({ top: e.top, left: e.left });
+    };
+    o();
+    const t = (e) => {
+      var p, T;
+      const _ = e.target;
+      (p = u.current) != null && p.contains(_) || (T = S.current) != null && T.contains(_) || s(!1);
+    }, r = (e) => {
+      e.key === b && s(!1);
+    };
+    return document.addEventListener("mousedown", t), document.addEventListener("keydown", r), window.addEventListener("resize", o), window.addEventListener("scroll", o, !0), () => {
+      document.removeEventListener("mousedown", t), document.removeEventListener("keydown", r), window.removeEventListener("resize", o), window.removeEventListener("scroll", o, !0);
+    };
+  }, [c]);
+  const M = Array.from({ length: n * n }, (o, t) => {
+    const r = Math.floor(t / n) + A, e = t % n + A, _ = r <= i.rows && e <= i.cols;
+    return { rows: r, cols: e, isOn: _, key: `${r}-${e}` };
+  });
+  return /* @__PURE__ */ a("div", { className: g, ref: u, children: [
+    /* @__PURE__ */ E("div", { ref: I, children: /* @__PURE__ */ E(
+      H,
+      {
+        icon: K,
+        title: C,
+        disabled: d,
+        onClick: () => {
+          d || (m(N), s((o) => !o));
+        }
+      }
+    ) }),
+    c && O(
+      /* @__PURE__ */ a(
+        "div",
+        {
+          ref: S,
+          className: `${h} ${k} ${D}`,
+          "data-color-mode": y,
+          role: "grid",
+          "aria-label": C,
+          style: { top: f.top, left: f.left },
+          children: [
+            /* @__PURE__ */ E(
+              "div",
+              {
+                className: Y,
+                style: { gridTemplateColumns: `repeat(${n}, 1fr)` },
+                children: M.map((o) => /* @__PURE__ */ E(
+                  "button",
+                  {
+                    type: "button",
+                    className: `${U}${o.isOn ? `${$}${x}` : ""}`,
+                    "aria-label": `${o.rows}${w}${o.cols}`,
+                    onMouseEnter: () => m({ rows: o.rows, cols: o.cols }),
+                    onMouseMove: () => m({ rows: o.rows, cols: o.cols }),
+                    onMouseDown: (t) => {
+                      t.preventDefault(), R(o.rows, o.cols), s(!1);
+                    }
+                  },
+                  o.key
+                ))
+              }
+            ),
+            /* @__PURE__ */ a("div", { className: z, children: [
+              i.rows,
+              w,
+              i.cols
+            ] })
+          ]
+        }
+      ),
+      document.body
+    )
+  ] });
+};
+export {
+  so as TableSizePicker
+};

package/dist/components/InkEditor/components/TableSizePicker/TableSizePicker.types.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export type TableSizePickerProps = {
+    icon: ReactNode;
+    disabled?: boolean;
+    onSelect: (rows: number, cols: number) => void;
+};
+export type TableSizePickerPosition = {
+    top: number;
+    left: number;
+};
+//# sourceMappingURL=TableSizePicker.types.d.ts.map

package/dist/components/InkEditor/components/TableSizePicker/TableSizePicker.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableSizePicker.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/TableSizePicker/TableSizePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd,CAAC"}

package/dist/components/InkEditor/components/TableSizePicker/index.d.ts

@@ -0,0 +1,3 @@
+export { TableSizePicker } from './TableSizePicker';
+export type { TableSizePickerProps } from './TableSizePicker.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/InkEditor/components/TableSizePicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/TableSizePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/components/InkEditor/components/ThemePicker/ThemePicker.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),S=require("react-dom"),c=require("../../../../constants/generals.const.cjs"),b=require("../../../../constants/colorMode.const.cjs"),n=require("../../../../constants/defaults.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");require("react");const m=require("../../../../plugins/theme/theme.const.cjs");require("../../../../plugins/host/inkPlugins.cjs");const L=require("../ToolbarButton/ToolbarButton.cjs"),N=require("./hooks/useThemePickerMenu.cjs"),I=u=>{const{icon:a,disabled:i=!1,hint:_,onHint:d,pluginColor:T,value:E,onChange:s}=u,{open:f,setOpen:r,menuPosition:l,rootRef:p,triggerRef:q,menuRef:M}=N.useThemePickerMenu();return o.jsxs("div",{ref:p,children:[o.jsx("div",{ref:q,children:o.jsx(L.ToolbarButton,{icon:a,title:c.INK_THEME_TITLE,hint:_,onHint:d,pluginColor:T,disabled:i,onClick:()=>{i||r(e=>!e)}})}),f&&S.createPortal(o.jsx("div",{ref:M,className:`${n.INK_CLASS_STYLE_MENU} ${n.INK_CLASS_STYLE_MENU_PORTAL} ${n.INK_CLASS_STYLE_MENU_FORCED}`,"data-color-mode":b.COLOR_MODE_LIGHT,role:"listbox","aria-label":c.INK_THEME_TITLE,style:{top:l.top,left:l.left},children:m.INK_THEMES.map(e=>o.jsx("button",{type:"button",role:"option","aria-selected":e.id===E,className:"Ink-Editor__style-option",onMouseDown:t=>{t.preventDefault(),s(e.id),r(!1)},onClick:t=>{t.preventDefault(),s(e.id),r(!1)},children:e.label},e.id))}),document.body)]})};exports.ThemePicker=I;

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

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ThemePickerProps } from './ThemePicker.types';
+export declare const ThemePicker: FC<ThemePickerProps>;
+//# sourceMappingURL=ThemePicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemePicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/ThemePicker/ThemePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAYhC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAwD5C,CAAC"}

package/dist/components/InkEditor/components/ThemePicker/ThemePicker.js

@@ -0,0 +1,65 @@
+import { jsxs as L, jsx as e } from "react/jsx-runtime";
+import { createPortal as N } from "react-dom";
+import { INK_THEME_TITLE as m } from "../../../../constants/generals.const.js";
+import { COLOR_MODE_LIGHT as S } from "../../../../constants/colorMode.const.js";
+import { INK_CLASS_STYLE_MENU as C, INK_CLASS_STYLE_MENU_PORTAL as b, INK_CLASS_STYLE_MENU_FORCED as I } from "../../../../constants/defaults.const.js";
+import "../../../../constants/openai.const.js";
+import "../../../../utils/paste.utils.js";
+import "react";
+import { INK_THEMES as M } from "../../../../plugins/theme/theme.const.js";
+import "../../../../plugins/host/inkPlugins.js";
+import { ToolbarButton as v } from "../ToolbarButton/ToolbarButton.js";
+import { useThemePickerMenu as O } from "./hooks/useThemePickerMenu.js";
+const Y = (a) => {
+  const { icon: p, disabled: i = !1, hint: f, onHint: s, pluginColor: d, value: c, onChange: n } = a, { open: _, setOpen: r, menuPosition: l, rootRef: u, triggerRef: E, menuRef: T } = O();
+  return /* @__PURE__ */ L("div", { ref: u, children: [
+    /* @__PURE__ */ e("div", { ref: E, children: /* @__PURE__ */ e(
+      v,
+      {
+        icon: p,
+        title: m,
+        hint: f,
+        onHint: s,
+        pluginColor: d,
+        disabled: i,
+        onClick: () => {
+          i || r((o) => !o);
+        }
+      }
+    ) }),
+    _ && N(
+      /* @__PURE__ */ e(
+        "div",
+        {
+          ref: T,
+          className: `${C} ${b} ${I}`,
+          "data-color-mode": S,
+          role: "listbox",
+          "aria-label": m,
+          style: { top: l.top, left: l.left },
+          children: M.map((o) => /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              role: "option",
+              "aria-selected": o.id === c,
+              className: "Ink-Editor__style-option",
+              onMouseDown: (t) => {
+                t.preventDefault(), n(o.id), r(!1);
+              },
+              onClick: (t) => {
+                t.preventDefault(), n(o.id), r(!1);
+              },
+              children: o.label
+            },
+            o.id
+          ))
+        }
+      ),
+      document.body
+    )
+  ] });
+};
+export {
+  Y as ThemePicker
+};

package/dist/components/InkEditor/components/ThemePicker/ThemePicker.types.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { InkThemeId } from '../../../../plugins/theme';
+export type ThemePickerProps = {
+    icon: ReactNode;
+    disabled?: boolean;
+    hint?: string;
+    onHint?: (hint: string) => void;
+    pluginColor?: string;
+    value: InkThemeId;
+    onChange: (id: InkThemeId) => void;
+};
+//# sourceMappingURL=ThemePicker.types.d.ts.map

package/dist/components/InkEditor/components/ThemePicker/ThemePicker.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemePicker.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/ThemePicker/ThemePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,UAAU,CAAC;IAClB,QAAQ,EAAE,CAAC,EAAE,EAAE,UAAU,KAAK,IAAI,CAAC;CACpC,CAAC"}

package/dist/components/InkEditor/components/ThemePicker/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export { useThemePickerMenu } from './useThemePickerMenu';
+export type { UseThemePickerMenuReturn } from './useThemePickerMenu';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/InkEditor/components/ThemePicker/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/InkEditor/components/ThemePicker/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/InkEditor/components/ThemePicker/hooks/useThemePickerMenu.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),m=require("../../../../../constants/numbers.cjs"),w=require("../../../../../constants/keyboard.const.cjs");require("../../../../../constants/openai.const.cjs");require("react/jsx-runtime");require("../../../../../utils/paste.utils.cjs");require("react-dom");const R=require("../../ToolbarDropdown/ToolbarDropdown.utils.cjs"),p=()=>{const[o,r]=t.useState(!1),[E,v]=t.useState({top:m.NUMBER_ZERO,left:m.NUMBER_ZERO}),s=t.useRef(null),u=t.useRef(null),i=t.useRef(null);return t.useEffect(()=>{if(!o)return;const n=()=>{const e=R.getToolbarDropdownMenuPosition(u.current);v({top:e.top,left:e.left})};n();const c=e=>{var a,f;const l=e.target;(a=s.current)!=null&&a.contains(l)||(f=i.current)!=null&&f.contains(l)||r(!1)},d=e=>{e.key===w.KEY_ESCAPE&&r(!1)};return document.addEventListener("mousedown",c),document.addEventListener("keydown",d),window.addEventListener("resize",n),window.addEventListener("scroll",n,!0),()=>{document.removeEventListener("mousedown",c),document.removeEventListener("keydown",d),window.removeEventListener("resize",n),window.removeEventListener("scroll",n,!0)}},[o]),{open:o,setOpen:r,menuPosition:E,rootRef:s,triggerRef:u,menuRef:i}};exports.useThemePickerMenu=p;

package/dist/components/InkEditor/components/ThemePicker/hooks/useThemePickerMenu.d.ts

@@ -0,0 +1,13 @@
+export interface UseThemePickerMenuReturn {
+    open: boolean;
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    menuPosition: {
+        top: number;
+        left: number;
+    };
+    rootRef: React.RefObject<HTMLDivElement>;
+    triggerRef: React.RefObject<HTMLDivElement>;
+    menuRef: React.RefObject<HTMLDivElement>;
+}
+export declare const useThemePickerMenu: () => UseThemePickerMenuReturn;
+//# sourceMappingURL=useThemePickerMenu.d.ts.map

package/dist/components/InkEditor/components/ThemePicker/hooks/useThemePickerMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useThemePickerMenu.d.ts","sourceRoot":"","sources":["../../../../../../src/components/InkEditor/components/ThemePicker/hooks/useThemePickerMenu.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACvD,YAAY,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5C,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACzC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC5C,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CAC1C;AAED,eAAO,MAAM,kBAAkB,QAAO,wBA0CrC,CAAC"}

package/dist/components/InkEditor/components/ThemePicker/hooks/useThemePickerMenu.js

@@ -0,0 +1,39 @@
+import { useState as p, useRef as r, useEffect as w } from "react";
+import { NUMBER_ZERO as a } from "../../../../../constants/numbers.js";
+import { KEY_ESCAPE as L } from "../../../../../constants/keyboard.const.js";
+import "../../../../../constants/openai.const.js";
+import "react/jsx-runtime";
+import "../../../../../utils/paste.utils.js";
+import "react-dom";
+import { getToolbarDropdownMenuPosition as P } from "../../ToolbarDropdown/ToolbarDropdown.utils.js";
+const O = () => {
+  const [n, o] = p(!1), [E, v] = p({ top: a, left: a }), s = r(null), i = r(null), u = r(null);
+  return w(() => {
+    if (!n) return;
+    const t = () => {
+      const e = P(i.current);
+      v({ top: e.top, left: e.left });
+    };
+    t();
+    const c = (e) => {
+      var f, l;
+      const d = e.target;
+      (f = s.current) != null && f.contains(d) || (l = u.current) != null && l.contains(d) || o(!1);
+    }, m = (e) => {
+      e.key === L && o(!1);
+    };
+    return document.addEventListener("mousedown", c), document.addEventListener("keydown", m), window.addEventListener("resize", t), window.addEventListener("scroll", t, !0), () => {
+      document.removeEventListener("mousedown", c), document.removeEventListener("keydown", m), window.removeEventListener("resize", t), window.removeEventListener("scroll", t, !0);
+    };
+  }, [n]), {
+    open: n,
+    setOpen: o,
+    menuPosition: E,
+    rootRef: s,
+    triggerRef: i,
+    menuRef: u
+  };
+};
+export {
+  O as useThemePickerMenu
+};

package/dist/components/InkEditor/components/ThemePicker/index.d.ts

@@ -0,0 +1,3 @@
+export { ThemePicker } from './ThemePicker';
+export type { ThemePickerProps } from './ThemePicker.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/InkEditor/components/ThemePicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/ThemePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/InkEditor/components/TitleGallery/TitleGallery.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("react"),q=require("react-dom"),f=require("../../../../constants/numbers.cjs"),m=require("../../../../constants/generals.const.cjs"),K=require("../../../../constants/colorMode.const.cjs"),A=require("../../../../constants/keyboard.const.cjs"),t=require("../../../../constants/defaults.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");const I=require("../../../../plugins/titles/titles.const.cjs"),M=require("../ToolbarDropdown/ToolbarDropdown.utils.cjs"),x=require("../ToolbarButton/ToolbarButton.cjs"),g=N=>{const{icon:v,disabled:c=!1,hint:R,onHint:p,pluginColor:b,onSelect:w}=N,[l,s]=r.useState(!1),[u,C]=r.useState({top:f.NUMBER_ZERO,left:f.NUMBER_ZERO}),a=r.useRef(null),_=r.useRef(null),d=r.useRef(null);return r.useEffect(()=>{if(!l)return;const e=()=>{const o=M.getToolbarDropdownMenuPosition(_.current);C({top:o.top,left:o.left})};e();const i=o=>{var T,S;const L=o.target;(T=a.current)!=null&&T.contains(L)||(S=d.current)!=null&&S.contains(L)||s(!1)},E=o=>{o.key===A.KEY_ESCAPE&&s(!1)};return document.addEventListener("mousedown",i),document.addEventListener("keydown",E),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{document.removeEventListener("mousedown",i),document.removeEventListener("keydown",E),window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}},[l]),n.jsxs("div",{className:t.INK_CLASS_TITLE_GALLERY,ref:a,children:[n.jsx("div",{ref:_,children:n.jsx(x.ToolbarButton,{icon:v,title:m.INK_TITLES_TITLE,hint:R,onHint:p,pluginColor:b,disabled:c,onClick:()=>{c||s(e=>!e)}})}),l?q.createPortal(n.jsx("div",{ref:d,className:`${t.INK_CLASS_STYLE_MENU} ${t.INK_CLASS_STYLE_MENU_PORTAL} ${t.INK_CLASS_STYLE_MENU_FORCED}`,"data-color-mode":K.COLOR_MODE_LIGHT,role:"listbox","aria-label":m.INK_TITLES_TITLE,style:{top:u.top,left:u.left},children:n.jsx("div",{className:t.INK_CLASS_TITLE_GRID,children:I.TITLE_STYLE_IDS.map(e=>n.jsx("button",{type:"button",className:t.INK_CLASS_TITLE_CELL,"aria-label":e,onMouseDown:i=>{i.preventDefault(),w(e),s(!1)},children:n.jsx("span",{className:`${t.INK_CLASS_TITLE} ${t.INK_CLASS_TITLE}--${e}`,children:I.TITLE_PREVIEW_TEXT})},e))})}),document.body):null]})};exports.TitleGallery=g;

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

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { TitleGalleryProps } from './TitleGallery.types';
+export declare const TitleGallery: FC<TitleGalleryProps>;
+//# sourceMappingURL=TitleGallery.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TitleGallery.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/TitleGallery/TitleGallery.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAkB7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAsF9C,CAAC"}

package/dist/components/InkEditor/components/TitleGallery/TitleGallery.js

@@ -0,0 +1,79 @@
+import { jsxs as K, jsx as t } from "react/jsx-runtime";
+import { useState as _, useRef as s, useEffect as b } from "react";
+import { createPortal as M } from "react-dom";
+import { NUMBER_ZERO as p } from "../../../../constants/numbers.js";
+import { INK_TITLES_TITLE as T } from "../../../../constants/generals.const.js";
+import { COLOR_MODE_LIGHT as P } from "../../../../constants/colorMode.const.js";
+import { KEY_ESCAPE as h } from "../../../../constants/keyboard.const.js";
+import { INK_CLASS_TITLE_GALLERY as D, INK_CLASS_STYLE_MENU as O, INK_CLASS_STYLE_MENU_PORTAL as g, INK_CLASS_STYLE_MENU_FORCED as Y, INK_CLASS_TITLE_GRID as $, INK_CLASS_TITLE_CELL as x, INK_CLASS_TITLE as S } from "../../../../constants/defaults.const.js";
+import "../../../../constants/openai.const.js";
+import "../../../../utils/paste.utils.js";
+import { TITLE_STYLE_IDS as y, TITLE_PREVIEW_TEXT as k } from "../../../../plugins/titles/titles.const.js";
+import { getToolbarDropdownMenuPosition as G } from "../ToolbarDropdown/ToolbarDropdown.utils.js";
+import { ToolbarButton as U } from "../ToolbarButton/ToolbarButton.js";
+const oe = (v) => {
+  const { icon: I, disabled: l = !1, hint: N, onHint: w, pluginColor: C, onSelect: R } = v, [i, n] = _(!1), [m, A] = _({ top: p, left: p }), a = s(null), c = s(null), E = s(null);
+  return b(() => {
+    if (!i) return;
+    const e = () => {
+      const o = G(c.current);
+      A({ top: o.top, left: o.left });
+    };
+    e();
+    const r = (o) => {
+      var u, L;
+      const f = o.target;
+      (u = a.current) != null && u.contains(f) || (L = E.current) != null && L.contains(f) || n(!1);
+    }, d = (o) => {
+      o.key === h && n(!1);
+    };
+    return document.addEventListener("mousedown", r), document.addEventListener("keydown", d), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
+      document.removeEventListener("mousedown", r), document.removeEventListener("keydown", d), window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
+    };
+  }, [i]), /* @__PURE__ */ K("div", { className: D, ref: a, children: [
+    /* @__PURE__ */ t("div", { ref: c, children: /* @__PURE__ */ t(
+      U,
+      {
+        icon: I,
+        title: T,
+        hint: N,
+        onHint: w,
+        pluginColor: C,
+        disabled: l,
+        onClick: () => {
+          l || n((e) => !e);
+        }
+      }
+    ) }),
+    i ? M(
+      /* @__PURE__ */ t(
+        "div",
+        {
+          ref: E,
+          className: `${O} ${g} ${Y}`,
+          "data-color-mode": P,
+          role: "listbox",
+          "aria-label": T,
+          style: { top: m.top, left: m.left },
+          children: /* @__PURE__ */ t("div", { className: $, children: y.map((e) => /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              className: x,
+              "aria-label": e,
+              onMouseDown: (r) => {
+                r.preventDefault(), R(e), n(!1);
+              },
+              children: /* @__PURE__ */ t("span", { className: `${S} ${S}--${e}`, children: k })
+            },
+            e
+          )) })
+        }
+      ),
+      document.body
+    ) : null
+  ] });
+};
+export {
+  oe as TitleGallery
+};

package/dist/components/InkEditor/components/TitleGallery/TitleGallery.types.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export type TitleGalleryProps = {
+    icon: ReactNode;
+    disabled?: boolean;
+    hint?: string;
+    onHint?: (hint: string) => void;
+    pluginColor?: string;
+    onSelect: (styleId: string) => void;
+};
+//# sourceMappingURL=TitleGallery.types.d.ts.map

package/dist/components/InkEditor/components/TitleGallery/TitleGallery.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TitleGallery.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/TitleGallery/TitleGallery.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC,CAAC"}

package/dist/components/InkEditor/components/TitleGallery/index.d.ts

@@ -0,0 +1,3 @@
+export { TitleGallery } from './TitleGallery';
+export type { TitleGalleryProps } from './TitleGallery.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/InkEditor/components/TitleGallery/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/TitleGallery/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/InkEditor/components/ToolbarButton/ToolbarButton.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");const c=require("../../../../common-components/Button/Button.cjs");require("react");require("react-dom");const b=o=>{const{icon:r,title:e,active:t=!1,onClick:n,disabled:s=!1,className:i}=o,u=a=>{a.preventDefault()};return l.jsx(c.Button,{title:e,"aria-label":e,"aria-pressed":t,disabled:s,active:t,className:i,onMouseDown:u,onClick:n,children:r})};exports.ToolbarButton=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),p=require("../../../../constants/generals.const.cjs"),n=require("../../../../constants/defaults.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");const N=require("../../../../common-components/Button/Button.cjs");require("react");require("react-dom");const S=a=>{const{icon:u,title:s,hint:l,onHint:e,pluginColor:t,active:o=!1,onClick:i,disabled:c=!1,className:d}=a,_=b=>{b.preventDefault()},q=l||s;return r.jsx("span",{className:n.INK_CLASS_TOOL_WRAP,onMouseEnter:()=>e==null?void 0:e(q),onMouseLeave:()=>e==null?void 0:e(p.EMPTY_STRING),children:r.jsxs(N.Button,{title:s,"aria-label":s,"aria-pressed":o,disabled:c,active:o,className:d,onMouseDown:_,onClick:i,children:[u,t?r.jsx("span",{className:n.INK_CLASS_PLUGIN_PIP,style:{background:t},"aria-hidden":!0}):null]})})};exports.ToolbarButton=S;

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

@@ -1 +1 @@
-{"version":3,"file":"ToolbarButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/ToolbarButton/ToolbarButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAc,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAG5D,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAqBhD,CAAC"}
+{"version":3,"file":"ToolbarButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/ToolbarButton/ToolbarButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAc,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAI5D,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA0ChD,CAAC"}