@parhelia/core 0.1.11004 → 0.1.11007

package/dist/dist/editor/field-types/richtext/components/EditorDropdown.js

@@ -0,0 +1,83 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from 'react';
+import './EditorDropdown.css';
+// Editor dropdown component
+const EditorDropdown = ({ options, editor, buttonStyle, label }) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const dropdownRef = useRef(null);
+    const [buttonWidth, setButtonWidth] = useState(0); // Start with 0 to calculate
+    const [menuWidth, setMenuWidth] = useState(0); // Start with 0 to calculate
+    useEffect(() => {
+        // Calculate based on text length
+        const span = document.createElement('span');
+        span.style.visibility = 'hidden';
+        span.style.position = 'absolute';
+        span.style.whiteSpace = 'nowrap';
+        span.style.font = '13px system-ui, -apple-system, sans-serif'; // More consistent font
+        span.style.padding = '0';
+        span.style.margin = '0';
+        document.body.appendChild(span);
+        let maxWidth = 0;
+        // Calculate width for all options (both menu and button will use the same width)
+        options.forEach(option => {
+            span.textContent = option.label || '';
+            const labelWidth = span.getBoundingClientRect().width;
+            const iconWidth = option.icon ? 20 : 0;
+            const iconSpacing = option.icon ? 8 : 0;
+            // Calculate width for menu option
+            const menuOptionWidth = labelWidth + iconWidth + iconSpacing + 24; // Icon + text + spacing + menu padding
+            // Calculate width for button option (considering label prefix if present)
+            let buttonOptionWidth;
+            if (label) {
+                span.textContent = `${label}: ${option.label}`;
+                const textWidth = span.getBoundingClientRect().width;
+                buttonOptionWidth = textWidth + iconWidth + iconSpacing + 30; // Text + icon + spacing + arrow + padding
+            }
+            else {
+                buttonOptionWidth = labelWidth + iconWidth + iconSpacing + 30; // Text + icon + spacing + arrow + padding
+            }
+            // Use the maximum of both menu and button widths
+            maxWidth = Math.max(maxWidth, menuOptionWidth, buttonOptionWidth);
+        });
+        // Fallback if no options
+        if (options.length === 0) {
+            maxWidth = 100;
+        }
+        // Set minimum width
+        const minWidth = 80;
+        const finalWidth = Math.max(maxWidth, minWidth);
+        // Both button and menu use the same width
+        setButtonWidth(finalWidth);
+        setMenuWidth(finalWidth);
+        document.body.removeChild(span);
+    }, [options, label]);
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+                setIsOpen(false);
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, []);
+    const toggleDropdown = (event) => {
+        event.preventDefault();
+        setIsOpen(!isOpen);
+    };
+    const handleSelect = (option) => (event) => {
+        event.preventDefault();
+        option.onSelect(editor, event);
+        setIsOpen(false);
+    };
+    const currentOption = options.find(option => option.isActive(editor)) || options[0];
+    return (_jsxs("div", { ref: dropdownRef, className: "editor-dropdown", children: [_jsx("button", { onMouseDown: toggleDropdown, className: "editor-dropdown-button", style: {
+                    width: buttonWidth > 0 ? `${buttonWidth}px` : 'auto',
+                    ...buttonStyle
+                }, children: label ? (_jsxs(_Fragment, { children: [_jsxs("span", { className: "editor-dropdown-button-content", children: [currentOption?.icon && (_jsx("span", { className: "editor-dropdown-button-icon", children: currentOption.icon })), _jsxs("span", { className: "editor-dropdown-button-text", children: [label, ": ", currentOption?.label] })] }), _jsx("span", { className: "editor-dropdown-button-arrow", children: "\u25BC" })] })) : (_jsxs(_Fragment, { children: [_jsxs("span", { className: "editor-dropdown-button-content", children: [currentOption?.icon && (_jsx("span", { className: "editor-dropdown-button-icon", children: currentOption.icon })), _jsx("span", { className: "editor-dropdown-button-text", children: currentOption?.label })] }), _jsx("span", { className: "editor-dropdown-button-arrow", children: "\u25BC" })] })) }), isOpen && (_jsx("div", { className: "editor-dropdown-menu", style: {
+                    width: `${menuWidth}px`
+                }, children: options.map((option, index) => (_jsxs("div", { onMouseDown: handleSelect(option), className: `editor-dropdown-option ${option.isActive(editor) ? 'active' : ''}`, style: option.style, children: [option.icon && _jsx("span", { className: "editor-dropdown-option-icon", children: option.icon }), _jsx("span", { className: "editor-dropdown-option-text", children: option.label })] }, index))) }))] }));
+};
+export default EditorDropdown;
+//# sourceMappingURL=EditorDropdown.js.map

package/dist/dist/editor/field-types/richtext/components/EditorDropdown.js.map

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

package/dist/dist/editor/field-types/richtext/components/ReactSlate.css

@@ -0,0 +1,208 @@
+/* ReactSlate Editor Styles */
+
+/* Main editor container */
+.slate-editor {
+  /* Base styles for the editor */
+  display: flex;
+  flex-direction: column;
+}
+
+/* Editor content area with scrolling */
+.slate-editor .slate-editable {
+  max-height: 400px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  flex: 1;
+  scroll-behavior: smooth;
+}
+
+/* Custom scrollbar styling for webkit browsers */
+.slate-editor .slate-editable::-webkit-scrollbar {
+  width: 8px;
+}
+
+.slate-editor .slate-editable::-webkit-scrollbar-track {
+  background: #f1f1f1;
+  border-radius: 4px;
+}
+
+.slate-editor .slate-editable::-webkit-scrollbar-thumb {
+  background: #c1c1c1;
+  border-radius: 4px;
+}
+
+.slate-editor .slate-editable::-webkit-scrollbar-thumb:hover {
+  background: #a8a8a8;
+}
+
+/* List item styles */
+.slate-editor .slate-list-item {
+  position: relative;
+  margin: 4px 0;
+  line-height: 1.5;
+  display: flex;
+  align-items: flex-start;
+}
+
+/* Bullet spans are hidden - bullets are rendered via ::before pseudo-elements */
+.slate-editor .slate-list-item .slate-list-bullet {
+  display: none;
+}
+
+.slate-editor .slate-list-item .slate-list-content {
+  flex: 1;
+  min-height: 1.5em;
+}
+
+/* List indentation levels */
+.slate-editor .slate-list-item[data-indent="0"] { margin-left: 0px; }
+.slate-editor .slate-list-item[data-indent="1"] { margin-left: 20px; }
+.slate-editor .slate-list-item[data-indent="2"] { margin-left: 40px; }
+.slate-editor .slate-list-item[data-indent="3"] { margin-left: 60px; }
+.slate-editor .slate-list-item[data-indent="4"] { margin-left: 80px; }
+.slate-editor .slate-list-item[data-indent="5"] { margin-left: 100px; }
+
+/* Different bullet styles for different levels - using pseudo-elements directly on list items */
+.slate-editor .slate-list-item.slate-list-unordered[data-indent="0"]::before { content: "•"; }
+.slate-editor .slate-list-item.slate-list-unordered[data-indent="1"]::before { content: "◦"; }
+.slate-editor .slate-list-item.slate-list-unordered[data-indent="2"]::before { content: "▪"; }
+.slate-editor .slate-list-item.slate-list-unordered[data-indent="3"]::before { content: "▫"; }
+.slate-editor .slate-list-item.slate-list-unordered[data-indent="4"]::before { content: "•"; }
+.slate-editor .slate-list-item.slate-list-unordered[data-indent="5"]::before { content: "◦"; }
+
+/* Position bullets for unordered lists */
+.slate-editor .slate-list-item.slate-list-unordered::before {
+  flex-shrink: 0;
+  width: 20px;
+  text-align: right;
+  padding-right: 8px;
+  user-select: none;
+  color: #666;
+  font-size: 1.2em;
+  line-height: 1.25;
+}
+
+/* Display calculated numbers for ordered lists using data attributes */
+.slate-editor .slate-list-item.slate-list-ordered::before { 
+  content: attr(data-list-number);
+  flex-shrink: 0;
+  min-width: 20px;
+  text-align: right;
+  padding-right: 8px;
+  user-select: none;
+  color: #333;
+  font-weight: 500;
+  margin-top: 0;
+}
+
+/* Toolbar styles */
+.slate-editor .toolbar {
+  padding: 6px;
+  border-bottom: 1px solid #ddd;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  flex-shrink: 0; /* Prevent toolbar from shrinking */
+  background: white; /* Ensure toolbar background */
+}
+
+.slate-editor .toolbar-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+
+.slate-editor .toolbar-button-group {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  background-color: #f5f5f5;
+  border-radius: 4px;
+  padding: 2px;
+}
+
+.slate-editor .toolbar-dropdown-container {
+  display: inline-block;
+  background-color: #f5f5f5;
+  border-radius: 4px;
+  padding: 2px;
+}
+
+.slate-editor .toolbar-dropdown-button {
+  padding: 5px 10px;
+  margin: 0;
+  border: none;
+  border-radius: 3px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  min-width: 120px;
+  justify-content: space-between;
+}
+
+.slate-editor .toolbar-dropdown-button:not(:disabled) {
+  background: transparent;
+}
+
+.slate-editor .toolbar-dropdown-button:not(:disabled):hover {
+  background: rgba(0, 0, 0, 0.05);
+}
+
+.slate-editor .toolbar-dropdown-button.active {
+  background: #ffffff;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+.slate-editor .toolbar-dropdown-button:disabled {
+  background: transparent;
+  cursor: not-allowed;
+  opacity: 0.6;
+}
+
+.slate-editor .toolbar-dropdown-arrow {
+  margin-left: 5px;
+  flex-shrink: 0;
+}
+
+.slate-editor .toolbar-dropdown-content {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.slate-editor .toolbar-dropdown-icon {
+  display: flex;
+  align-items: center;
+  margin-right: 8px;
+  flex-shrink: 0;
+}
+
+/* Link styles */
+.slate-editor .slate-link {
+  cursor: pointer;
+  padding: 0 2px;
+  border-radius: 2px;
+}
+
+.slate-editor .slate-link.internal-link {
+  color: #008800;
+  background-color: rgba(0, 136, 0, 0.05);
+}
+
+.slate-editor .slate-link.external-link {
+  color: #0066cc;
+  background-color: rgba(0, 102, 204, 0.05);
+}
+
+/* Special mark styles */
+.slate-editor .extrabold {
+  font-weight: 800;
+  text-transform: uppercase;
+}
+
+/* Chunking support for performance optimization */
+/* Only apply spacing when chunking is actually enabled */
+[data-slate-chunk] > * + * {
+  margin-top: 0.5em;
+} 

package/dist/dist/editor/field-types/richtext/components/ReactSlate.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import "./ReactSlate.css";
+import { ReactSlateProps } from "../types";
+export declare const ReactSlate: React.ForwardRefExoticComponent<ReactSlateProps & React.RefAttributes<any>>;
+export default ReactSlate;