pixel-react 1.22.5 → 1.22.7

package/package.json

@@ -1,129 +1,119 @@
-{
-  "name": "pixel-react",
-  "description": "Great for pixel-perfect, design-focused components in React",
-  "version": "1.22.5",
-  "main": "lib/index.js",
-  "module": "lib/index.js",
-  "types": "lib/index.d.ts",
-  "sideEffects": [
-    "lib/styles.css",
-    "**/*.css",
-    "**/*.scss"
-  ],
-  "author": {
-    "name": "Padmakant Baloji"
-  },
-  "license": "MIT",
-  "devDependencies": {
-    "@babel/core": "^7.0.0",
-    "@babel/preset-react": "^7.26.3",
-    "@chromatic-com/storybook": "^3.2.2",
-    "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-commonjs": "^28.0.2",
-    "@rollup/plugin-node-resolve": "^16.0.0",
-    "@rollup/plugin-terser": "^0.4.4",
-    "@rollup/plugin-typescript": "^12.1.2",
-    "@rollup/plugin-url": "^8.0.2",
-    "@storybook/addon-docs": "^8.4.5",
-    "@storybook/addon-essentials": "^8.4.5",
-    "@storybook/addon-interactions": "^8.4.5",
-    "@storybook/addon-links": "^8.4.5",
-    "@storybook/addon-onboarding": "^8.4.5",
-    "@storybook/blocks": "^8.4.5",
-    "@storybook/react": "^8.4.5",
-    "@storybook/react-vite": "^8.4.5",
-    "@storybook/test": "^8.4.5",
-    "@types/draft-js": "^0.11.19",
-    "@types/js-beautify": "^1.14.3",
-    "@types/node-forge": "^1.3.14",
-    "@types/react": "^18.3.28",
-    "@types/react-dom": "^18.3.1",
-    "@types/react-google-recaptcha": "^2.1.9",
-    "chromatic": "^11.16.5",
-    "cross-env": "^7.0.3",
-    "monaco-editor": "^0.55.1",
-    "react": ">=18.2.0 <19.0.0",
-    "react-dom": ">=18.2.0 <19.0.0",
-    "rimraf": "^6.0.1",
-    "rollup": "^4.24.4",
-    "rollup-plugin-dts": "^6.1.0",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-visualizer": "^5.14.0",
-    "sass": "^1.80.6",
-    "storybook": "^8.4.5",
-    "storybook-addon-theme-provider": "^0.2.6",
-    "typescript": "^5.7.2",
-    "vite": "^5.4.10"
-  },
-  "peerDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
-  },
-  "scripts": {
-    "audit": "pnpm audit",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "build": "rimraf lib && tsc -b && cross-env NODE_ENV=production rollup -c",
-    "dev": "rollup -c -w",
-    "analyze": "tsc -b && cross-env ANALYZE=true rollup -c",
-    "sync": "git pull origin main && tsc -b && rollup -c",
-    "chromatic": "chromatic --exit-zero-on-changes",
-    "clean": "rimraf lib node_modules pnpm-lock.yaml package-lock.json yarn.lock"
-  },
-  "dependencies": {
-    "@babel/plugin-transform-react-jsx": "^7.24.7",
-    "@dnd-kit/core": "^6.1.0",
-    "@dnd-kit/modifiers": "^9.0.0",
-    "@dnd-kit/sortable": "^8.0.0",
-    "@dnd-kit/utilities": "^3.2.2",
-    "@monaco-editor/react": "^4.6.0",
-    "@tiptap/core": "^3.32.0",
-    "@tiptap/extension-image": "^3.32.0",
-    "@tiptap/extension-mention": "^3.32.0",
-    "@tiptap/extension-table": "^3.32.0",
-    "@tiptap/extension-text-style": "^3.32.0",
-    "@tiptap/extensions": "^3.32.0",
-    "@tiptap/pm": "^3.32.0",
-    "@tiptap/react": "^3.32.0",
-    "@tiptap/starter-kit": "^3.32.0",
-    "@tiptap/suggestion": "^3.32.0",
-    "@types/react-draft-wysiwyg": "^1.13.8",
-    "@types/react-window": "^1.8.8",
-    "@vitejs/plugin-react": "^4.3.0",
-    "classnames": "^2.5.1",
-    "date-fns": "^3.6.0",
-    "date-fns-tz": "^3.2.0",
-    "draft-js": "^0.11.7",
-    "janus-gateway": "^1.3.1",
-    "js-beautify": "^1.15.1",
-    "jsencrypt": "^3.3.2",
-    "node-forge": "^1.3.1",
-    "react-archer": "^4.4.0",
-    "react-day-picker": "^9.2.1",
-    "react-draft-wysiwyg": "^1.15.0",
-    "react-google-recaptcha": "^3.1.0",
-    "react-hook-form": "7.64.0",
-    "react-phone-input-2": "^2.15.1",
-    "react-phone-number-input": "^3.4.12",
-    "react-virtuoso": "^4.13.0",
-    "react-window": "^1.8.10",
-    "scss": "^0.2.4",
-    "tippy.js": "^6.3.7",
-    "use-context-selector": "^2.0.0",
-    "vite-plugin-svgr": "^4.3.0",
-    "webrtc-adapter": "^9.0.1"
-  },
-  "files": [
-    "lib",
-    "README.md",
-    "LICENSE"
-  ],
-  "pnpm": {
-    "overrides": {
-      "minimatch": ">=10.2.1",
-      "esbuild": "0.25.0",
-      "glob": "^13.0.5"
-    }
-  }
-}
+{
+  "name": "pixel-react",
+  "description": "Great for pixel-perfect, design-focused components in React",
+  "version": "1.22.7",
+  "main": "lib/index.js",
+  "module": "lib/index.js",
+  "types": "lib/index.d.ts",
+  "sideEffects": [
+    "lib/styles.css",
+    "**/*.css",
+    "**/*.scss"
+  ],
+  "author": {
+    "name": "Padmakant Baloji"
+  },
+  "license": "MIT",
+  "devDependencies": {
+    "@babel/core": "^7.0.0",
+    "@babel/preset-react": "^7.26.3",
+    "@chromatic-com/storybook": "^3.2.2",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^28.0.2",
+    "@rollup/plugin-node-resolve": "^16.0.0",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^12.1.2",
+    "@rollup/plugin-url": "^8.0.2",
+    "@storybook/addon-docs": "^8.4.5",
+    "@storybook/addon-essentials": "^8.4.5",
+    "@storybook/addon-interactions": "^8.4.5",
+    "@storybook/addon-links": "^8.4.5",
+    "@storybook/addon-onboarding": "^8.4.5",
+    "@storybook/blocks": "^8.4.5",
+    "@storybook/react": "^8.4.5",
+    "@storybook/react-vite": "^8.4.5",
+    "@storybook/test": "^8.4.5",
+    "@types/draft-js": "^0.11.19",
+    "@types/js-beautify": "^1.14.3",
+    "@types/node-forge": "^1.3.14",
+    "@types/react": "^18.3.28",
+    "@types/react-dom": "^18.3.1",
+    "@types/react-google-recaptcha": "^2.1.9",
+    "chromatic": "^11.16.5",
+    "cross-env": "^7.0.3",
+    "monaco-editor": "^0.55.1",
+    "react": ">=18.2.0 <19.0.0",
+    "react-dom": ">=18.2.0 <19.0.0",
+    "rimraf": "^6.0.1",
+    "rollup": "^4.24.4",
+    "rollup-plugin-dts": "^6.1.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-visualizer": "^5.14.0",
+    "sass": "^1.80.6",
+    "storybook": "^8.4.5",
+    "storybook-addon-theme-provider": "^0.2.6",
+    "typescript": "^5.7.2",
+    "vite": "^5.4.10"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "scripts": {
+    "audit": "pnpm audit",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "build": "rimraf lib && tsc -b && cross-env NODE_ENV=production rollup -c",
+    "dev": "rollup -c -w",
+    "analyze": "tsc -b && cross-env ANALYZE=true rollup -c",
+    "sync": "git pull origin main && tsc -b && rollup -c",
+    "chromatic": "chromatic --exit-zero-on-changes",
+    "clean": "rimraf lib node_modules pnpm-lock.yaml package-lock.json yarn.lock"
+  },
+  "dependencies": {
+    "@babel/plugin-transform-react-jsx": "^7.24.7",
+    "@dnd-kit/core": "^6.1.0",
+    "@dnd-kit/modifiers": "^9.0.0",
+    "@dnd-kit/sortable": "^8.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@monaco-editor/react": "^4.6.0",
+    "@types/react-draft-wysiwyg": "^1.13.8",
+    "@types/react-window": "^1.8.8",
+    "@vitejs/plugin-react": "^4.3.0",
+    "classnames": "^2.5.1",
+    "date-fns": "^3.6.0",
+    "date-fns-tz": "^3.2.0",
+    "draft-js": "^0.11.7",
+    "janus-gateway": "^1.3.1",
+    "js-beautify": "^1.15.1",
+    "jsencrypt": "^3.3.2",
+    "node-forge": "^1.3.1",
+    "react-archer": "^4.4.0",
+    "react-day-picker": "^9.2.1",
+    "react-draft-wysiwyg": "^1.15.0",
+    "react-google-recaptcha": "^3.1.0",
+    "react-hook-form": "7.64.0",
+    "react-phone-input-2": "^2.15.1",
+    "react-phone-number-input": "^3.4.12",
+    "react-virtuoso": "^4.13.0",
+    "react-window": "^1.8.10",
+    "scss": "^0.2.4",
+    "tippy.js": "^6.3.7",
+    "use-context-selector": "^2.0.0",
+    "vite-plugin-svgr": "^4.3.0",
+    "webrtc-adapter": "^9.0.1"
+  },
+  "files": [
+    "lib",
+    "README.md",
+    "LICENSE"
+  ],
+  "pnpm": {
+    "overrides": {
+      "minimatch": ">=10.2.1",
+      "esbuild": "0.25.0",
+      "glob": "^13.0.5"
+    }
+  }
+}

package/lib/components/RichTextEditor/DynamicValue.d.ts

@@ -1,8 +0,0 @@
-import { MutableRefObject } from 'react';
-import { Editor } from '@tiptap/react';
-import { RichTextDynamicValue } from './types';
-export declare const createDynamicValue: (optionsRef: MutableRefObject<RichTextDynamicValue[]>, trigger: string) => import("@tiptap/core").Node<import("@tiptap/extension-mention").MentionOptions<any, import("@tiptap/extension-mention").MentionNodeAttrs>, any>;
-/**
- * Dynamic values inserted in the editor, in document order without duplicates
- */
-export declare const getDynamicValues: (editor: Editor) => RichTextDynamicValue[];

package/lib/components/RichTextEditor/DynamicValue.js

@@ -1,73 +0,0 @@
-import { ReactRenderer } from '@tiptap/react';
-import Mention from '@tiptap/extension-mention';
-import { PluginKey } from '@tiptap/pm/state';
-import DynamicValueList from './DynamicValueList';
-/**
- * Inline, non-editable token inserted by picking an option after typing the trigger.
- * Shown as `{{value}}` and serialised as
- * `<span data-type="dynamicValue" data-id="{value}" data-label="{label}">{{value}}</span>`
- */
-const formatToken = (id) => `{{${id}}}`;
-export const createDynamicValue = (
-// A ref so option changes apply without recreating the editor
-optionsRef, trigger) => Mention.extend({ name: 'dynamicValue' }).configure({
-    HTMLAttributes: { class: 'ff-rich-text-editor__dynamic-value' },
-    renderText: ({ node }) => formatToken(node.attrs.id),
-    renderHTML: ({ options, node }) => [
-        'span',
-        options.HTMLAttributes,
-        formatToken(node.attrs.id),
-    ],
-    suggestion: {
-        char: trigger,
-        pluginKey: new PluginKey('dynamicValue'),
-        // Trigger right after any character, e.g. "Hi<", not only after a space
-        allowedPrefixes: null,
-        // The list only opens when the consumer passes `dynamicValues`
-        allow: () => optionsRef.current.length > 0,
-        items: ({ query }) => {
-            const q = query.toLowerCase();
-            return optionsRef.current.filter((option) => option.label.toLowerCase().includes(q) ||
-                option.value.toLowerCase().includes(q));
-        },
-        render: () => {
-            let renderer = null;
-            let unmount = null;
-            return {
-                onStart: (props) => {
-                    renderer = new ReactRenderer(DynamicValueList, {
-                        props,
-                        editor: props.editor,
-                    });
-                    // Mounted on document.body, so stay above overlays such as Drawer (z-index 950-1100)
-                    renderer.element.style.zIndex = '99999';
-                    unmount = props.mount(renderer.element);
-                },
-                onUpdate: (props) => renderer?.updateProps(props),
-                // Escape is handled by the plugin, which then calls onExit
-                onKeyDown: (props) => renderer?.ref?.onKeyDown(props) ?? false,
-                onExit: () => {
-                    unmount?.();
-                    renderer?.destroy();
-                    unmount = null;
-                    renderer = null;
-                },
-            };
-        },
-    },
-});
-/**
- * Dynamic values inserted in the editor, in document order without duplicates
- */
-export const getDynamicValues = (editor) => {
-    const values = new Map();
-    editor.state.doc.descendants((node) => {
-        if (node.type.name !== 'dynamicValue')
-            return;
-        const { id, label } = node.attrs;
-        if (id && !values.has(id))
-            values.set(id, { label: label ?? id, value: id });
-    });
-    return [...values.values()];
-};
-//# sourceMappingURL=DynamicValue.js.map

package/lib/components/RichTextEditor/DynamicValue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DynamicValue.js","sourceRoot":"","sources":["../../../src/components/RichTextEditor/DynamicValue.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,aAAa,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,OAAO,MAAM,2BAA2B,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,gBAAyC,MAAM,oBAAoB,CAAC;AAG3E;;;;GAIG;AACH,MAAM,WAAW,GAAG,CAAC,EAAU,EAAE,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC;AAEhD,MAAM,CAAC,MAAM,kBAAkB,GAAG;AAChC,8DAA8D;AAC9D,UAAoD,EACpD,OAAe,EACf,EAAE,CACF,OAAO,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,CAAC,SAAS,CAAC;IACjD,cAAc,EAAE,EAAE,KAAK,EAAE,oCAAoC,EAAE;IAC/D,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;IACpD,UAAU,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;QACjC,MAAM;QACN,OAAO,CAAC,cAAc;QACtB,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;KAC3B;IACD,UAAU,EAAE;QACV,IAAI,EAAE,OAAO;QACb,SAAS,EAAE,IAAI,SAAS,CAAC,cAAc,CAAC;QACxC,wEAAwE;QACxE,eAAe,EAAE,IAAI;QACrB,+DAA+D;QAC/D,KAAK,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC;QAC1C,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;YACnB,MAAM,CAAC,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC;YAC9B,OAAO,UAAU,CAAC,OAAO,CAAC,MAAM,CAC9B,CAAC,MAAM,EAAE,EAAE,CACT,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;gBACtC,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CACzC,CAAC;QACJ,CAAC;QACD,MAAM,EAAE,GAAG,EAAE;YACX,IAAI,QAAQ,GAA8C,IAAI,CAAC;YAC/D,IAAI,OAAO,GAAwB,IAAI,CAAC;YAExC,OAAO;gBACL,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;oBACjB,QAAQ,GAAG,IAAI,aAAa,CAAC,gBAAgB,EAAE;wBAC7C,KAAK;wBACL,MAAM,EAAE,KAAK,CAAC,MAAM;qBACrB,CAAC,CAAC;oBACH,qFAAqF;oBACrF,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,OAAO,CAAC;oBACxC,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;gBAC1C,CAAC;gBACD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,KAAK,CAAC;gBACjD,2DAA2D;gBAC3D,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE,SAAS,CAAC,KAAK,CAAC,IAAI,KAAK;gBAC9D,MAAM,EAAE,GAAG,EAAE;oBACX,OAAO,EAAE,EAAE,CAAC;oBACZ,QAAQ,EAAE,OAAO,EAAE,CAAC;oBACpB,OAAO,GAAG,IAAI,CAAC;oBACf,QAAQ,GAAG,IAAI,CAAC;gBAClB,CAAC;aACF,CAAC;QACJ,CAAC;KACF;CACF,CAAC,CAAC;AAEL;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,MAAc,EAA0B,EAAE;IACzE,MAAM,MAAM,GAAG,IAAI,GAAG,EAAgC,CAAC;IACvD,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE;QACpC,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,cAAc;YAAE,OAAO;QAC9C,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACjC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC;YAAE,MAAM,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/E,CAAC,CAAC,CAAC;IACH,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC;AAC9B,CAAC,CAAC"}

package/lib/components/RichTextEditor/DynamicValueList.d.ts

@@ -1,11 +0,0 @@
-import { SuggestionKeyDownProps, SuggestionProps } from '@tiptap/suggestion';
-import { RichTextDynamicValue } from './types';
-export interface DynamicValueListRef {
-    onKeyDown: (props: SuggestionKeyDownProps) => boolean;
-}
-type DynamicValueListProps = SuggestionProps<RichTextDynamicValue, {
-    id: string;
-    label: string;
-}>;
-declare const DynamicValueList: import("react").ForwardRefExoticComponent<DynamicValueListProps & import("react").RefAttributes<DynamicValueListRef>>;
-export default DynamicValueList;

package/lib/components/RichTextEditor/DynamicValueList.js

@@ -1,49 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useEffect, useImperativeHandle, useRef, useState, } from 'react';
-import classNames from 'classnames';
-import Typography from '../Typography';
-const DynamicValueList = forwardRef(({ items, command }, ref) => {
-    const [selectedIndex, setSelectedIndex] = useState(0);
-    const listRef = useRef(null);
-    useEffect(() => setSelectedIndex(0), [items]);
-    useEffect(() => {
-        listRef.current?.children[selectedIndex]?.scrollIntoView({
-            block: 'nearest',
-        });
-    }, [selectedIndex]);
-    const select = (index) => {
-        const item = items[index];
-        if (item)
-            command({ id: item.value, label: item.label });
-    };
-    useImperativeHandle(ref, () => ({
-        onKeyDown: ({ event }) => {
-            if (!items.length)
-                return false;
-            if (event.key === 'ArrowDown') {
-                setSelectedIndex((i) => (i + 1) % items.length);
-                return true;
-            }
-            if (event.key === 'ArrowUp') {
-                setSelectedIndex((i) => (i - 1 + items.length) % items.length);
-                return true;
-            }
-            if (event.key === 'Enter' || event.key === 'Tab') {
-                select(selectedIndex);
-                return true;
-            }
-            return false;
-        },
-    }));
-    if (!items.length) {
-        return (_jsx("div", { className: "ff-rich-text-editor-suggestions", children: _jsx(Typography, { fontSize: 12, className: "ff-rich-text-editor-suggestions__empty", children: "No matching values" }) }));
-    }
-    return (_jsx("ul", { ref: listRef, role: "listbox", className: "ff-rich-text-editor-suggestions", children: items.map((item, index) => (_jsx("li", { role: "option", "aria-selected": index === selectedIndex, className: classNames('ff-rich-text-editor-suggestions__item', {
-                'ff-rich-text-editor-suggestions__item--selected': index === selectedIndex,
-            }), 
-            // Keep editor focus so the command can replace the typed query
-            onMouseDown: (e) => e.preventDefault(), onMouseEnter: () => setSelectedIndex(index), onClick: () => select(index), children: _jsx(Typography, { children: item.label }) }, item.value))) }));
-});
-DynamicValueList.displayName = 'DynamicValueList';
-export default DynamicValueList;
-//# sourceMappingURL=DynamicValueList.js.map

package/lib/components/RichTextEditor/DynamicValueList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DynamicValueList.js","sourceRoot":"","sources":["../../../src/components/RichTextEditor/DynamicValueList.tsx"],"names":[],"mappings":"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"}

package/lib/components/RichTextEditor/ImagePopover.d.ts

@@ -1,10 +0,0 @@
-import { FC } from 'react';
-import { Editor } from '@tiptap/react';
-import { RichTextImageUpload } from './types';
-interface ImagePopoverProps {
-    editor: Editor;
-    onClose: () => void;
-    upload: RichTextImageUpload;
-}
-declare const ImagePopover: FC<ImagePopoverProps>;
-export default ImagePopover;

package/lib/components/RichTextEditor/ImagePopover.js

@@ -1,99 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useId, useRef, useState } from 'react';
-import Button from '../Button';
-import Typography from '../Typography';
-import { SAFE_IMAGE_URL_REGEX } from './imageUpload';
-const normalizeUrl = (raw) => {
-    const url = raw.trim();
-    if (SAFE_IMAGE_URL_REGEX.test(url))
-        return url;
-    // No scheme given (e.g. "example.com/a.png"): default to https
-    if (!/^[a-z][a-z0-9+.-]*:/i.test(url))
-        return `https://${url}`;
-    return null;
-};
-const ImagePopover = ({ editor, onClose, upload }) => {
-    const id = useId();
-    const popoverRef = useRef(null);
-    const fileInputRef = useRef(null);
-    // Editing the selected image fills in its current values
-    const [initial] = useState(() => {
-        const attrs = editor.getAttributes('image');
-        return {
-            src: attrs.src ?? '',
-            alt: attrs.alt ?? '',
-            isEditing: editor.isActive('image'),
-        };
-    });
-    // Data URLs are too long to show in an input
-    const [url, setUrl] = useState(initial.src.startsWith('data:') ? '' : initial.src);
-    const [alt, setAlt] = useState(initial.alt);
-    const [error, setError] = useState('');
-    const [isUploading, setIsUploading] = useState(false);
-    useEffect(() => {
-        const handleMouseDown = (event) => {
-            // The parent also holds the toolbar button, which toggles the popover itself
-            const anchor = popoverRef.current?.parentElement;
-            if (!anchor?.contains(event.target))
-                onClose();
-        };
-        const handleKeyDown = (event) => {
-            if (event.key === 'Escape')
-                onClose();
-        };
-        document.addEventListener('mousedown', handleMouseDown);
-        document.addEventListener('keydown', handleKeyDown);
-        return () => {
-            document.removeEventListener('mousedown', handleMouseDown);
-            document.removeEventListener('keydown', handleKeyDown);
-        };
-    }, [onClose]);
-    const insert = (src, fallbackAlt = '') => {
-        editor
-            .chain()
-            .focus()
-            .setImage({ src, alt: alt.trim() || fallbackAlt })
-            .run();
-        onClose();
-    };
-    const handleSubmit = (event) => {
-        event.preventDefault();
-        const src = normalizeUrl(url);
-        if (!src) {
-            setError('Enter a valid http or https image URL');
-            return;
-        }
-        insert(src);
-    };
-    const handleFile = async (file) => {
-        if (!file)
-            return;
-        if (!file.type.startsWith('image/')) {
-            setError('Choose an image file');
-            return;
-        }
-        setError('');
-        setIsUploading(true);
-        try {
-            const src = await upload(file);
-            if (!SAFE_IMAGE_URL_REGEX.test(src))
-                throw new Error('Invalid URL');
-            insert(src, file.name);
-        }
-        catch {
-            setError('Image upload failed, please try again');
-            setIsUploading(false);
-        }
-    };
-    return (_jsxs("form", { ref: popoverRef, className: "ff-rich-text-editor__popover", onSubmit: handleSubmit, 
-        // Inputs must be focusable; don't let the toolbar's mousedown guard apply here
-        onMouseDown: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "ff-rich-text-editor__popover-field", children: [_jsx(Typography, { as: "label", htmlFor: `${id}-url`, fontSize: 12, children: "Image URL" }), _jsx("input", { id: `${id}-url`, className: "ff-rich-text-editor__popover-input", value: url, placeholder: "https://", autoFocus: true, disabled: isUploading, onChange: (e) => {
-                            setUrl(e.target.value);
-                            setError('');
-                        } })] }), _jsxs("div", { className: "ff-rich-text-editor__popover-field", children: [_jsx(Typography, { as: "label", htmlFor: `${id}-alt`, fontSize: 12, children: "Alternative Text" }), _jsx("input", { id: `${id}-alt`, className: "ff-rich-text-editor__popover-input", value: alt, disabled: isUploading, onChange: (e) => setAlt(e.target.value) })] }), _jsx("input", { ref: fileInputRef, type: "file", accept: "image/*", hidden: true, onChange: (e) => {
-                    handleFile(e.target.files?.[0]);
-                    e.target.value = '';
-                } }), _jsx(Button, { variant: "secondary", size: "small", label: isUploading ? 'Uploading...' : 'Upload from computer', disabled: isUploading, onClick: () => fileInputRef.current?.click() }), error && (_jsx(Typography, { fontSize: 10, className: "ff-rich-text-editor__popover-error", children: error })), _jsxs("div", { className: "ff-rich-text-editor__popover-actions", children: [_jsx(Button, { variant: "primary", size: "small", type: "submit", label: initial.isEditing ? 'Update' : 'Insert', disabled: !url.trim() || isUploading }), _jsx(Button, { variant: "secondary", size: "small", label: "Cancel", onClick: onClose })] })] }));
-};
-export default ImagePopover;
-//# sourceMappingURL=ImagePopover.js.map

package/lib/components/RichTextEditor/ImagePopover.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ImagePopover.js","sourceRoot":"","sources":["../../../src/components/RichTextEditor/ImagePopover.tsx"],"names":[],"mappings":"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"}

package/lib/components/RichTextEditor/LinkPopover.d.ts

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-import { Editor } from '@tiptap/react';
-interface LinkPopoverProps {
-    editor: Editor;
-    onClose: () => void;
-}
-declare const LinkPopover: FC<LinkPopoverProps>;
-export default LinkPopover;