@kingsimba/nc-ui 0.1.10 → 0.1.12

package/dist/index.d.ts

@@ -1,8 +1,10 @@
 import { ClassValue } from 'clsx';
 import { default as default_2 } from 'react';
+import { ForwardRefExoticComponent } from 'react';
 import { i18n } from 'node_modules/i18next';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
+import { RefAttributes } from 'react';
 
 /**
  * ActivityIndicator - A spinning loading indicator.
@@ -427,6 +429,59 @@ export declare interface ContextMenuProps {
  */
 export declare function createAppI18nFactory(resources: AppI18nResources): i18n;
 
+/** Cursor position info emitted by `onCursorChange`. Lines and columns are 1-based. */
+export declare interface CsvCursorPosition {
+    /** 1-based line number */
+    line: number;
+    /** 1-based column (tab-separated index) number */
+    column: number;
+    /** 1-based character position within that column */
+    character: number;
+    /** Absolute 0-based character offset in the entire text */
+    offset: number;
+}
+
+/**
+ * A textarea-like component that renders tab-separated text
+ * with different colors for each column.
+ *
+ * Uses a transparent `<textarea>` layered on top of a colored
+ * `<pre>` backdrop so that editing works natively while the
+ * user sees syntax-highlighted columns.
+ *
+ * Supports an optional line-number gutter (`showLineNumbers`) and
+ * cursor-position tracking (`onCursorChange`). Use a ref to access
+ * the imperative `goToLine(line)` method.
+ */
+export declare const CsvTextArea: ForwardRefExoticComponent<CsvTextAreaProps & RefAttributes<CsvTextAreaHandle>>;
+
+/** Imperative handle exposed via `ref` on CsvTextArea. */
+export declare interface CsvTextAreaHandle {
+    /** Move the cursor to the beginning of the given 1-based line and scroll it into view. */
+    goToLine: (line: number) => void;
+    /** Move the cursor to a specific line, column, and character (all 1-based) */
+    goToPosition: (line: number, column: number, character: number) => void;
+}
+
+export declare interface CsvTextAreaProps {
+    /** The raw tab-separated text */
+    value: string;
+    /** Called when the text changes */
+    onChange: (value: string) => void;
+    /** Placeholder text shown when the textarea is empty */
+    placeholder?: string;
+    /** Additional CSS class name(s) */
+    className?: string;
+    /** Inline styles applied to the container element */
+    style?: React.CSSProperties;
+    /** Show a line-number gutter on the left side. Defaults to `false`. */
+    showLineNumbers?: boolean;
+    /** Called whenever the cursor position changes (click, arrow keys, typing). */
+    onCursorChange?: (position: CsvCursorPosition) => void;
+    /** 1-based line number to highlight with a background band. The line is scrolled into view automatically. */
+    highlightLine?: number;
+}
+
 /**
  * A reusable modal dialog component with overlay.
  * Renders in a portal to ensure proper z-index stacking.
@@ -923,7 +978,7 @@ export declare interface TabPanelsProps {
     style?: default_2.CSSProperties;
 }
 
-export declare function Tabs({ tabs, active, onChange, className, toolbar, multiline, orientation, style }: TabsProps): JSX_2.Element;
+export declare function Tabs({ tabs, active, onChange, onClose, permanentTabs, className, toolbar, multiline, orientation, style }: TabsProps): JSX_2.Element;
 
 export declare interface TabsProps {
     /** Array of tab labels */
@@ -932,6 +987,10 @@ export declare interface TabsProps {
     active: string;
     /** Callback when a tab is selected */
     onChange: (tab: string) => void;
+    /** Callback when a tab's close button is clicked. When provided, each tab shows a close button. */
+    onClose?: (tab: string) => void;
+    /** Tabs that cannot be closed. These tabs won't show a close button even when onClose is provided. */
+    permanentTabs?: string[];
     /** Additional CSS class name for the container */
     className?: string;
     /** Optional toolbar content rendered at the end of the tab bar */