@parhelia/core 0.1.11004 → 0.1.11007

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

@@ -0,0 +1,18 @@
+import React from "react";
+interface DropdownOption {
+    id: string;
+    type: string;
+    label: string;
+    icon: React.ReactNode;
+    isActive: boolean;
+    onSelect: () => void;
+}
+interface SimpleDropdownProps {
+    options: DropdownOption[];
+    label?: string;
+    showIconsOnly?: boolean;
+    isActive: boolean;
+    title?: string;
+}
+export declare const SimpleDropdown: React.FC<SimpleDropdownProps>;
+export default SimpleDropdown;

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

@@ -0,0 +1,71 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from "react";
+export const SimpleDropdown = ({ options, label, showIconsOnly, isActive, title, }) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const dropdownRef = useRef(null);
+    // Close dropdown when clicking outside
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (dropdownRef.current &&
+                !dropdownRef.current.contains(event.target)) {
+                setIsOpen(false);
+            }
+        };
+        document.addEventListener("mousedown", handleClickOutside);
+        return () => {
+            document.removeEventListener("mousedown", handleClickOutside);
+        };
+    }, []);
+    const activeOption = options.find((option) => option.isActive);
+    const displayOption = activeOption || options[0];
+    const handleToggle = (event) => {
+        event.preventDefault();
+        setIsOpen(!isOpen);
+    };
+    const handleOptionSelect = (option) => {
+        option.onSelect();
+        setIsOpen(false);
+    };
+    return (_jsxs("div", { className: "simple-dropdown", ref: dropdownRef, children: [_jsx("button", { className: `toolbar-dropdown-button ${isActive ? "active" : ""}`, onMouseDown: handleToggle, title: title || `${label || "Format"} options`, style: {
+                    padding: "5px 10px",
+                    margin: "0",
+                    background: isActive ? "#ffffff" : "transparent",
+                    border: "none",
+                    borderRadius: "3px",
+                    cursor: "pointer",
+                    boxShadow: isActive ? "0 1px 2px rgba(0,0,0,0.1)" : "none",
+                    display: "flex",
+                    alignItems: "center",
+                    minWidth: "120px",
+                    justifyContent: "space-between",
+                }, children: label ? (_jsxs(_Fragment, { children: [_jsxs("span", { className: "toolbar-dropdown-content", children: [label, ": ", displayOption?.label] }), _jsx("span", { className: "toolbar-dropdown-arrow", children: "\u25BC" })] })) : showIconsOnly ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "toolbar-dropdown-icon", children: displayOption?.icon }), _jsx("span", { className: "toolbar-dropdown-arrow", children: "\u25BC" })] })) : (_jsxs(_Fragment, { children: [_jsxs("span", { className: "toolbar-dropdown-icon", children: [displayOption?.icon && (_jsx("span", { className: "toolbar-dropdown-icon", children: displayOption.icon })), _jsx("span", { className: "toolbar-dropdown-content", children: displayOption?.label })] }), _jsx("span", { className: "toolbar-dropdown-arrow", children: "\u25BC" })] })) }), isOpen && (_jsx("div", { className: "dropdown-menu", style: {
+                    position: "absolute",
+                    top: "100%",
+                    left: 0,
+                    background: "white",
+                    border: "1px solid #ddd",
+                    borderRadius: "3px",
+                    boxShadow: "0 2px 8px rgba(0,0,0,0.1)",
+                    zIndex: 1000,
+                    minWidth: "120px",
+                }, children: options.map((option) => (_jsxs("button", { className: `dropdown-item ${option.isActive ? "active" : ""}`, onClick: () => handleOptionSelect(option), style: {
+                        display: "flex",
+                        alignItems: "center",
+                        width: "100%",
+                        padding: "8px 12px",
+                        border: "none",
+                        background: option.isActive ? "#f0f0f0" : "transparent",
+                        cursor: "pointer",
+                        textAlign: "left",
+                    }, onMouseEnter: (e) => {
+                        if (!option.isActive) {
+                            e.target.style.background = "#f8f8f8";
+                        }
+                    }, onMouseLeave: (e) => {
+                        if (!option.isActive) {
+                            e.target.style.background = "transparent";
+                        }
+                    }, children: [_jsx("span", { className: "dropdown-item-icon", style: { marginRight: "8px" }, children: option.icon }), _jsx("span", { className: "dropdown-item-label", children: option.label })] }, `${option.type}-${option.id}`))) }))] }));
+};
+export default SimpleDropdown;
+//# sourceMappingURL=SimpleDropdown.js.map

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

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

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

@@ -0,0 +1,325 @@
+/* SimpleRichTextEditor Styles */
+
+/* Main editor container */
+.simple-rich-text-editor {
+  /* Base styles for the editor */
+}
+
+/* Editor content area */
+.simple-editor-content {
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  line-height: 1.5;
+}
+
+.simple-editor-content:focus {
+  outline: none;
+  border-color: #007bff;
+  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
+}
+
+.simple-editor-content:empty:before {
+  content: attr(data-placeholder);
+  color: #999;
+  font-style: italic;
+  pointer-events: none;
+}
+
+/* Toolbar styles - reusing existing Slate toolbar styles */
+.simple-rich-text-editor .toolbar {
+  padding: 6px;
+  margin-bottom: 6px;
+  border-bottom: 1px solid #ddd;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.simple-rich-text-editor .toolbar-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+
+.simple-rich-text-editor .toolbar-group {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+}
+
+.simple-rich-text-editor .toolbar-button-group {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  background-color: #f5f5f5;
+  border-radius: 4px;
+  padding: 2px;
+}
+
+.simple-rich-text-editor .toolbar-dropdown-container {
+  display: inline-block;
+  background-color: #f5f5f5;
+  border-radius: 4px;
+  padding: 2px;
+  position: relative;
+}
+
+.simple-rich-text-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;
+}
+
+.simple-rich-text-editor .toolbar-dropdown-button:not(:disabled) {
+  background: transparent;
+}
+
+.simple-rich-text-editor .toolbar-dropdown-button:not(:disabled):hover {
+  background: rgba(0, 0, 0, 0.05);
+}
+
+.simple-rich-text-editor .toolbar-dropdown-button.active {
+  background: #ffffff;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+.simple-rich-text-editor .toolbar-dropdown-button:disabled {
+  background: transparent;
+  cursor: not-allowed;
+  opacity: 0.6;
+}
+
+.simple-rich-text-editor .toolbar-dropdown-arrow {
+  margin-left: 5px;
+  flex-shrink: 0;
+}
+
+.simple-rich-text-editor .toolbar-dropdown-content {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.simple-rich-text-editor .toolbar-dropdown-icon {
+  display: flex;
+  align-items: center;
+  margin-right: 8px;
+  flex-shrink: 0;
+}
+
+/* Dropdown menu styles */
+.simple-dropdown {
+  position: relative;
+  display: inline-block;
+}
+
+.dropdown-menu {
+  z-index: 1000;
+}
+
+.dropdown-item {
+  transition: background-color 0.15s ease;
+}
+
+.dropdown-item:hover {
+  background-color: #f8f8f8 !important;
+}
+
+.dropdown-item.active {
+  background-color: #f0f0f0 !important;
+}
+
+/* Special mark styles */
+.simple-editor-content .extrabold {
+  font-weight: 800;
+  text-transform: uppercase;
+}
+
+/* List styles */
+.simple-editor-content ul,
+.simple-editor-content ol {
+  margin: 0.5em 0;
+  padding-left: 2em;
+}
+
+.simple-editor-content ul {
+  list-style-type: disc;
+}
+
+.simple-editor-content ol {
+  list-style-type: decimal;
+}
+
+.simple-editor-content li {
+  margin: 0.25em 0;
+  display: list-item;
+}
+
+/* Nested list styles */
+.simple-editor-content ul ul {
+  list-style-type: circle;
+}
+
+.simple-editor-content ul ul ul {
+  list-style-type: square;
+}
+
+.simple-editor-content ol ol {
+  list-style-type: lower-alpha;
+}
+
+.simple-editor-content ol ol ol {
+  list-style-type: lower-roman;
+}
+
+/* Block element spacing */
+.simple-editor-content p,
+.simple-editor-content h1,
+.simple-editor-content h2,
+.simple-editor-content h3,
+.simple-editor-content h4,
+.simple-editor-content h5,
+.simple-editor-content h6 {
+  margin: 0.5em 0;
+}
+
+.simple-editor-content h1 {
+  font-size: 2em;
+  font-weight: bold;
+}
+.simple-editor-content h2 {
+  font-size: 1.75em;
+  font-weight: bold;
+}
+.simple-editor-content h3 {
+  font-size: 1.5em;
+  font-weight: bold;
+}
+.simple-editor-content h4 {
+  font-size: 1.25em;
+  font-weight: bold;
+}
+.simple-editor-content h5 {
+  font-size: 1.1em;
+  font-weight: bold;
+}
+.simple-editor-content h6 {
+  font-size: 1em;
+  font-weight: bold;
+}
+
+/* First and last element margin reset */
+.simple-editor-content > *:first-child {
+  margin-top: 0;
+}
+
+.simple-editor-content > *:last-child {
+  margin-bottom: 0;
+}
+
+/* Enhanced tooltip styles */
+.toolbar-button,
+.toolbar-dropdown-button {
+  position: relative;
+}
+
+.toolbar-button[title]:hover::after,
+.toolbar-dropdown-button[title]:hover::after {
+  content: attr(title);
+  position: absolute;
+  bottom: -35px;
+  left: 50%;
+  transform: translateX(-50%);
+  background: rgba(0, 0, 0, 0.9);
+  color: white;
+  padding: 6px 8px;
+  border-radius: 4px;
+  font-size: 12px;
+  white-space: nowrap;
+  z-index: 1000;
+  pointer-events: none;
+}
+
+.toolbar-button[title]:hover::before,
+.toolbar-dropdown-button[title]:hover::before {
+  content: "";
+  position: absolute;
+  bottom: -8px;
+  left: 50%;
+  transform: translateX(-50%);
+  border: 4px solid transparent;
+  border-bottom-color: rgba(0, 0, 0, 0.9);
+  z-index: 1000;
+  pointer-events: none;
+}
+
+/* Rich text content display styles for readonly views */
+.rich-text-content {
+  line-height: 1.5;
+  word-wrap: break-word;
+}
+
+.rich-text-content h1,
+.rich-text-content h2,
+.rich-text-content h3,
+.rich-text-content h4,
+.rich-text-content h5,
+.rich-text-content h6 {
+  margin-top: 0.5em;
+  margin-bottom: 0.3em;
+  font-weight: bold;
+}
+
+.rich-text-content h1 {
+  font-size: 1.5em;
+}
+.rich-text-content h2 {
+  font-size: 1.3em;
+}
+.rich-text-content h3 {
+  font-size: 1.1em;
+}
+.rich-text-content h4 {
+  font-size: 1em;
+}
+.rich-text-content h5 {
+  font-size: 0.9em;
+}
+.rich-text-content h6 {
+  font-size: 0.8em;
+}
+
+.rich-text-content p {
+  margin-bottom: 0.5em;
+}
+
+.rich-text-content ul,
+.rich-text-content ol {
+  margin: 0.5em 0;
+  padding-left: 1.5em;
+}
+
+.rich-text-content li {
+  margin-bottom: 0.2em;
+}
+
+.rich-text-content strong,
+.rich-text-content b {
+  font-weight: bold;
+}
+
+.rich-text-content em,
+.rich-text-content i {
+  font-style: italic;
+}
+
+.rich-text-content u {
+  text-decoration: underline;
+}

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

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