@keboola/design 6.4.0 → 8.0.0

package/dist/editors.d.cts

@@ -6,13 +6,17 @@ import { SqlDialectName } from '@keboola/codemirror-lang-sql';
 export { SqlDialectName } from '@keboola/codemirror-lang-sql';
 import { M as MergeConflict, C as ChangeClassification } from './constants-D3gaMY-W.cjs';
 
-type LANGUAGE_MODE = 'application/json' | 'text/x-python' | 'text/x-sql' | 'text/x-sfsql' | 'text/x-plsql' | 'text/x-rsrc' | 'text/x-sh' | 'text/javascript' | 'text/typescript';
+declare const LANGUAGE_MODES: readonly ["application/json", "text/plain", "text/x-python", "text/x-sql", "text/x-mysql", "text/x-pgsql", "text/x-mssql", "text/x-sfsql", "text/x-plsql", "text/x-rsrc", "text/x-sh", "text/x-toml", "text/jsonnet", "text/x-dbt", "text/javascript", "text/typescript"];
+type LANGUAGE_MODE = (typeof LANGUAGE_MODES)[number];
+declare const isLanguageMode: (mode: string) => mode is LANGUAGE_MODE;
 
 type Props$2 = {
     value: string;
     previousValue?: string;
     mode?: LANGUAGE_MODE;
     placeholder?: string;
+    /** Names the editable region for screen readers — the editor has no visible label of its own. */
+    ariaLabel?: string;
     readOnly?: boolean;
     autocompletions?: string[];
     extraKeys?: Record<string, () => void>;
@@ -31,10 +35,10 @@ type Props$2 = {
     readOnly: true;
     onChange?: never;
 } | {
-    readOnly?: false;
+    readOnly?: boolean;
     onChange: (value: string) => void;
 });
-declare const CodeEditor: ({ value, previousValue, onChange, mode, placeholder, readOnly, autocompletions, extraKeys, withToggleCommentHint, withAutofocus, withLineNumbers, withLineWrapping, withCollapseUnchanged, withCopyButton, completeAny, help, helpPostfix, renderAdditionalButtons, className, }: Props$2) => react_jsx_runtime.JSX.Element;
+declare const CodeEditor: ({ value, previousValue, onChange, mode, placeholder, ariaLabel, readOnly, autocompletions, extraKeys, withToggleCommentHint, withAutofocus, withLineNumbers, withLineWrapping, withCollapseUnchanged, withCopyButton, completeAny, help, helpPostfix, renderAdditionalButtons, className, }: Props$2) => react_jsx_runtime.JSX.Element;
 
 type HighlightedLines = {
     from: number;
@@ -108,4 +112,4 @@ type Props = {
 };
 declare const MergeEditor: ({ mergeValue, handleMergeChange, leftText, rightText, leftConflicts, rightConflicts, leftHighlightedLines, rightHighlightedLines, leftClassification, rightClassification, mergeHighlightedLines, mergeClassification, acceptLeft, acceptRight, dismissLeft, dismissRight, leftHeader, middleHeader, middleHeaderClassName, middleClassName, rightHeader, className, leftDeleted, rightDeleted, }: Props) => react_jsx_runtime.JSX.Element;
 
-export { CodeEditor, MergeEditor, SqlEditor };
+export { CodeEditor, type LANGUAGE_MODE, LANGUAGE_MODES, MergeEditor, SqlEditor, isLanguageMode };

package/dist/editors.d.ts

@@ -6,13 +6,17 @@ import { SqlDialectName } from '@keboola/codemirror-lang-sql';
 export { SqlDialectName } from '@keboola/codemirror-lang-sql';
 import { M as MergeConflict, C as ChangeClassification } from './constants-D3gaMY-W.js';
 
-type LANGUAGE_MODE = 'application/json' | 'text/x-python' | 'text/x-sql' | 'text/x-sfsql' | 'text/x-plsql' | 'text/x-rsrc' | 'text/x-sh' | 'text/javascript' | 'text/typescript';
+declare const LANGUAGE_MODES: readonly ["application/json", "text/plain", "text/x-python", "text/x-sql", "text/x-mysql", "text/x-pgsql", "text/x-mssql", "text/x-sfsql", "text/x-plsql", "text/x-rsrc", "text/x-sh", "text/x-toml", "text/jsonnet", "text/x-dbt", "text/javascript", "text/typescript"];
+type LANGUAGE_MODE = (typeof LANGUAGE_MODES)[number];
+declare const isLanguageMode: (mode: string) => mode is LANGUAGE_MODE;
 
 type Props$2 = {
     value: string;
     previousValue?: string;
     mode?: LANGUAGE_MODE;
     placeholder?: string;
+    /** Names the editable region for screen readers — the editor has no visible label of its own. */
+    ariaLabel?: string;
     readOnly?: boolean;
     autocompletions?: string[];
     extraKeys?: Record<string, () => void>;
@@ -31,10 +35,10 @@ type Props$2 = {
     readOnly: true;
     onChange?: never;
 } | {
-    readOnly?: false;
+    readOnly?: boolean;
     onChange: (value: string) => void;
 });
-declare const CodeEditor: ({ value, previousValue, onChange, mode, placeholder, readOnly, autocompletions, extraKeys, withToggleCommentHint, withAutofocus, withLineNumbers, withLineWrapping, withCollapseUnchanged, withCopyButton, completeAny, help, helpPostfix, renderAdditionalButtons, className, }: Props$2) => react_jsx_runtime.JSX.Element;
+declare const CodeEditor: ({ value, previousValue, onChange, mode, placeholder, ariaLabel, readOnly, autocompletions, extraKeys, withToggleCommentHint, withAutofocus, withLineNumbers, withLineWrapping, withCollapseUnchanged, withCopyButton, completeAny, help, helpPostfix, renderAdditionalButtons, className, }: Props$2) => react_jsx_runtime.JSX.Element;
 
 type HighlightedLines = {
     from: number;
@@ -108,4 +112,4 @@ type Props = {
 };
 declare const MergeEditor: ({ mergeValue, handleMergeChange, leftText, rightText, leftConflicts, rightConflicts, leftHighlightedLines, rightHighlightedLines, leftClassification, rightClassification, mergeHighlightedLines, mergeClassification, acceptLeft, acceptRight, dismissLeft, dismissRight, leftHeader, middleHeader, middleHeaderClassName, middleClassName, rightHeader, className, leftDeleted, rightDeleted, }: Props) => react_jsx_runtime.JSX.Element;
 
-export { CodeEditor, MergeEditor, SqlEditor };
+export { CodeEditor, type LANGUAGE_MODE, LANGUAGE_MODES, MergeEditor, SqlEditor, isLanguageMode };