@lax-wp/design-system 0.8.5-beta.0 → 0.8.6

package/dist/types/index.d.ts

@@ -19,21 +19,6 @@ export interface CodeEditorToolbarContext {
     isEditMode: boolean;
     activeTab: 'JSON' | 'Grid';
 }
-/** Information about a folding range (code block) at the cursor position. */
-export interface CodeBlockInfo {
-    /** 1-based start line of the folding range */
-    startLine: number;
-    /** 1-based end line of the folding range */
-    endLine: number;
-    /** The raw text content of the block */
-    text: string;
-    /** The folding kind if available ('comment' | 'imports' | 'region' | undefined) */
-    kind?: string;
-    /** 1-based line where the cursor was when clicked */
-    cursorLine: number;
-    /** 1-based column where the cursor was when clicked */
-    cursorColumn: number;
-}
 export interface CodeEditorProps {
     value: string;
     onChange?: (value: string) => void;
@@ -53,15 +38,6 @@ export interface CodeEditorProps {
     className?: string;
     enableAutoFormatting?: boolean;
     renderToolbarActions?: (context: CodeEditorToolbarContext) => React.ReactNode;
-    /** Callback fired when the user clicks inside a code block (folding range). Receives the innermost block. */
-    onBlockClick?: (block: CodeBlockInfo) => void;
-    /**
-     * When set, the editor searches for this text, scrolls to the match,
-     * and highlights the enclosing code block (folding range / bracket pair).
-     * For JSON, passing `"customer"` navigates to the `"customer": { ... }` block.
-     * Change the value to trigger navigation; set to `undefined` to clear.
-     */
-    focusBlock?: string;
 }
 export interface ThemeContextType {
     theme: 'light' | 'dark';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lax-wp/design-system",
   "private": false,
-  "version": "0.8.5-beta.0",
+  "version": "0.8.6",
   "type": "module",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -38,11 +38,6 @@
     "format:check": "prettier --check \"src/**/*.{ts,tsx,js,jsx,json,css,md}\""
   },
   "dependencies": {
-    "@codemirror/autocomplete": "^6.20.0",
-    "@codemirror/lang-json": "^6.0.2",
-    "@codemirror/lang-python": "^6.2.1",
-    "@codemirror/language": "^6.12.2",
-    "@uiw/react-codemirror": "^4.25.5",
     "array-move": "2.2.2",
     "classnames": "^2.5.1",
     "clsx": "^2.1.1",

package/dist/components/data-display/code-editor-beta/CodeEditorBeta.d.ts

@@ -1,89 +0,0 @@
-import { type FC } from "react";
-import { type ReactCodeMirrorRef } from "@uiw/react-codemirror";
-declare const TABS: ("JSON" | "Grid")[];
-export type TTabKey = (typeof TABS)[number];
-/**
- * Toolbar context passed to the `renderToolbarActions` callback.
- */
-export interface CodeEditorBetaToolbarContext {
-    /** The CodeMirror editor view ref */
-    editorRef: ReactCodeMirrorRef | null;
-    /** Current editor value */
-    value: string;
-    /** Value change callback */
-    onChange: (value: string) => void;
-    /** Active language */
-    language: "json" | "python";
-    /** Whether the editor is editable */
-    isEditMode: boolean;
-    /** Current active tab (JSON or Grid) */
-    activeTab: "JSON" | "Grid";
-}
-/**
- * Props for the experimental CodeMirror-based CodeEditor.
- */
-export interface CodeEditorBetaProps {
-    /** The code content to display in the editor */
-    value: string;
-    /** Callback fired when the code value changes */
-    onChange?: (value: string) => void;
-    /** Enable fullscreen toggle button */
-    withFullScreen?: boolean;
-    /** Enable light/dark theme toggle */
-    withTheme?: boolean;
-    /** Whether the editor is editable vs read-only */
-    isEditMode?: boolean;
-    /** Height of the editor (CSS units) */
-    height?: string;
-    /** Programming language for syntax highlighting */
-    language?: "json" | "python";
-    /** Show copy-to-clipboard button (JSON/Python only) */
-    isShowCopy?: boolean;
-    /** Show download file button (JSON/Python only) */
-    isShowDownload?: boolean;
-    /** Enable JSON Grid view for JSON language */
-    withJsonGrid?: boolean;
-    /** Editor theme: 'light' or 'dark' */
-    theme?: "light" | "dark";
-    /** Additional CSS classes for the outer container */
-    className?: string;
-    /** Auto-format JSON on mount */
-    enableAutoFormatting?: boolean;
-    /** Disables parent save button during Python validation (mirrors original CodeEditor) */
-    setIsDisableSave?: (flag: boolean) => void;
-    /** API to check Python syntax — returns an error object if invalid */
-    checkSyntaxAPI?: (code: string) => Promise<{
-        data: {
-            error?: {
-                message: string;
-                line?: number;
-                column?: number;
-            };
-        };
-    }>;
-    /** API to format Python code — returns formatted_code string */
-    formatCodeAPI?: (code: string) => Promise<{
-        data: {
-            formatted_code?: string;
-        };
-    }>;
-    /** Custom toolbar actions render function */
-    renderToolbarActions?: (context: CodeEditorBetaToolbarContext) => React.ReactNode;
-}
-/**
- * CodeEditorBeta — experimental CodeMirror 6 replacement for the Monaco-based CodeEditor.
- *
- * Smaller bundle, no web workers, same toolbar UX. Drops Codeium AI completions.
- *
- * @example
- * ```tsx
- * <CodeEditorBeta
- *   value={jsonString}
- *   onChange={setJsonString}
- *   language="json"
- *   height="400px"
- * />
- * ```
- */
-export declare const CodeEditorBeta: FC<CodeEditorBetaProps>;
-export {};

package/dist/components/data-display/code-editor-beta/index.d.ts

@@ -1,4 +0,0 @@
-export { CodeEditorBeta } from "./CodeEditorBeta";
-export type { CodeEditorBetaProps, CodeEditorBetaToolbarContext, } from "./CodeEditorBeta";
-export { usePythonSyntaxCM } from "./usePythonSyntaxCM";
-export type { UsePythonSyntaxCMProps } from "./usePythonSyntaxCM";

package/dist/components/data-display/code-editor-beta/usePythonSyntaxCM.d.ts

@@ -1,56 +0,0 @@
-import { type EditorView } from "@codemirror/view";
-import type { Extension } from "@codemirror/state";
-export interface UsePythonSyntaxCMProps {
-    /** The CodeMirror EditorView (obtain from ref.current?.view) */
-    editorView: EditorView | null;
-    /** Current code string */
-    code: string;
-    /** Callback to update the code value */
-    setCode: (code: string) => void;
-    /** Whether the hook is active */
-    enable: boolean;
-    /** API to check Python syntax — returns an error object if invalid */
-    checkSyntaxAPI?: (code: string) => Promise<{
-        data: {
-            error?: {
-                message: string;
-                line?: number;
-                column?: number;
-            };
-        };
-    }>;
-    /** API to format Python code — returns formatted_code string */
-    formatCodeAPI?: (code: string) => Promise<{
-        data: {
-            formatted_code?: string;
-        };
-    }>;
-}
-/**
- * CodeMirror-compatible replacement for usePythonSyntax.
- *
- * Uses `@codemirror/lint` diagnostics instead of Monaco's `setModelMarkers`
- * for inline error display. Supports the same optional API-backed syntax
- * checking and formatting as the original hook.
- *
- * @example
- * ```tsx
- * const { lintExtension, handleFormatCode, pythonLoading } = usePythonSyntaxCM({
- *   editorView: editorRef.current?.view ?? null,
- *   code: value,
- *   setCode: onChange,
- *   enable: isEditMode && language === "python",
- *   checkSyntaxAPI: myCheckAPI,
- *   formatCodeAPI: myFormatAPI,
- * });
- * // Add lintExtension to CodeMirror's extensions array
- * ```
- */
-export declare const usePythonSyntaxCM: ({ editorView, code, setCode, enable, checkSyntaxAPI, formatCodeAPI, }: UsePythonSyntaxCMProps) => {
-    pythonError: any;
-    pythonLoading: boolean;
-    handleCheckSyntax: () => Promise<void>;
-    handleFormatCode: () => Promise<void>;
-    /** Add this to CodeMirror's extensions array to show the lint gutter */
-    lintExtension: Extension;
-};