@lax-wp/design-system 0.8.24 → 0.8.26

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

@@ -1,10 +1,6 @@
 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.
- */
+import type { CodeBlockInfo } from "../../../types";
 export interface CodeEditorBetaToolbarContext {
     /** The CodeMirror editor view ref */
     editorRef: ReactCodeMirrorRef | null;
@@ -19,9 +15,6 @@ export interface CodeEditorBetaToolbarContext {
     /** 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;
@@ -49,9 +42,9 @@ export interface CodeEditorBetaProps {
     className?: string;
     /** Auto-format JSON on mount */
     enableAutoFormatting?: boolean;
-    /** Disables parent save button during Python validation (mirrors original CodeEditor) */
+    /** Disables parent save button during Python validation */
     setIsDisableSave?: (flag: boolean) => void;
-    /** API to check Python syntax — returns an error object if invalid */
+    /** API to check Python syntax */
     checkSyntaxAPI?: (code: string) => Promise<{
         data: {
             error?: {
@@ -61,7 +54,7 @@ export interface CodeEditorBetaProps {
             };
         };
     }>;
-    /** API to format Python code — returns formatted_code string */
+    /** API to format Python code */
     formatCodeAPI?: (code: string) => Promise<{
         data: {
             formatted_code?: string;
@@ -69,12 +62,14 @@ export interface CodeEditorBetaProps {
     }>;
     /** Custom toolbar actions render function */
     renderToolbarActions?: (context: CodeEditorBetaToolbarContext) => React.ReactNode;
+    /** Callback fired when the user clicks inside a code block. Receives the innermost block. */
+    onBlockClick?: (block: CodeBlockInfo) => void;
+    /** When set, the editor searches for this text, scrolls to the match, and highlights the enclosing block. */
+    focusBlock?: string;
 }
 /**
  * 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
@@ -82,8 +77,9 @@ export interface CodeEditorBetaProps {
  *   onChange={setJsonString}
  *   language="json"
  *   height="400px"
+ *   onBlockClick={(block) => console.log(block)}
+ *   focusBlock="customer"
  * />
  * ```
  */
 export declare const CodeEditorBeta: FC<CodeEditorBetaProps>;
-export {};

package/dist/components/data-display/popper/Popper.d.ts

@@ -1,3 +1,4 @@
+import { type PopoverProps } from "antd";
 import "./styles.css";
 /**
  * Available placement options for the Popper
@@ -37,6 +38,8 @@ export interface PopperProps {
     "aria-label"?: string;
     /** Whether trigger is disabled */
     disabled?: boolean;
+    /** Trigger type */
+    trigger?: PopoverProps['trigger'];
 }
 /**
  * Popper component provides positioned floating content relative to a trigger element

package/dist/components/forms/creatable-select/CreatableSelect.d.ts

@@ -1,6 +1,6 @@
 import CreatableSelect from "react-select/creatable";
 import type { LabelType } from "../../data-display/label/Label";
-import type { ComponentProps } from "react";
+import { type ComponentProps } from "react";
 /**
  * Option type for the CreatableSelect component
  */