@keboola/design 9.1.0 → 10.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (84) hide show
  1. package/AGENTS.md +117 -40
  2. package/COMPONENT-API.md +31 -9
  3. package/README.md +3 -3
  4. package/dist/MermaidDiagram-EOKJHQQV.js +10 -0
  5. package/dist/MermaidDiagram-EOKJHQQV.js.map +1 -0
  6. package/dist/charts.d.ts +31 -2
  7. package/dist/charts.js +6 -9
  8. package/dist/charts.js.map +1 -1
  9. package/dist/chunk-63NSN2VL.js +274 -0
  10. package/dist/chunk-63NSN2VL.js.map +1 -0
  11. package/dist/{rjsf.cjs → chunk-6FPEI4EM.js} +1491 -5701
  12. package/dist/chunk-6FPEI4EM.js.map +1 -0
  13. package/dist/chunk-7PUUHEJQ.js +1313 -0
  14. package/dist/chunk-7PUUHEJQ.js.map +1 -0
  15. package/dist/chunk-BOHNXTMM.js +606 -0
  16. package/dist/chunk-BOHNXTMM.js.map +1 -0
  17. package/dist/{testing.cjs → chunk-C3L3TBBT.js} +33 -164
  18. package/dist/chunk-C3L3TBBT.js.map +1 -0
  19. package/dist/chunk-CTCFYWJC.js +407 -0
  20. package/dist/chunk-CTCFYWJC.js.map +1 -0
  21. package/dist/chunk-ESBL3IPF.js +23 -0
  22. package/dist/chunk-ESBL3IPF.js.map +1 -0
  23. package/dist/chunk-IJTHFNNJ.js +261 -0
  24. package/dist/chunk-IJTHFNNJ.js.map +1 -0
  25. package/dist/chunk-JP7PNHLH.js +40 -0
  26. package/dist/chunk-JP7PNHLH.js.map +1 -0
  27. package/dist/chunk-KPNAW5MU.js +229 -0
  28. package/dist/chunk-KPNAW5MU.js.map +1 -0
  29. package/dist/chunk-L37JJ6MR.js +152 -0
  30. package/dist/chunk-L37JJ6MR.js.map +1 -0
  31. package/dist/chunk-Q7NWXLCT.js +90 -0
  32. package/dist/chunk-Q7NWXLCT.js.map +1 -0
  33. package/dist/chunk-SYIEF644.js +1016 -0
  34. package/dist/chunk-SYIEF644.js.map +1 -0
  35. package/dist/chunk-VMFSRV5H.js +16 -0
  36. package/dist/chunk-VMFSRV5H.js.map +1 -0
  37. package/dist/chunk-VPPM7UUQ.js +47 -0
  38. package/dist/chunk-VPPM7UUQ.js.map +1 -0
  39. package/dist/chunk-XV3UUOYF.js +845 -0
  40. package/dist/chunk-XV3UUOYF.js.map +1 -0
  41. package/dist/editors.d.ts +27 -3
  42. package/dist/editors.js +85 -2081
  43. package/dist/editors.js.map +1 -1
  44. package/dist/icons.d.ts +29 -8
  45. package/dist/icons.js +2 -361
  46. package/dist/icons.js.map +1 -1
  47. package/dist/index.d.ts +709 -425
  48. package/dist/index.js +5042 -13885
  49. package/dist/index.js.map +1 -1
  50. package/dist/markdown-editor.js +41 -3426
  51. package/dist/markdown-editor.js.map +1 -1
  52. package/dist/mermaid.js +8 -1129
  53. package/dist/mermaid.js.map +1 -1
  54. package/dist/rjsf.js +180 -9381
  55. package/dist/rjsf.js.map +1 -1
  56. package/dist/styles.css +1 -1
  57. package/dist/testing.js +5 -357
  58. package/dist/testing.js.map +1 -1
  59. package/package.json +28 -73
  60. package/src/styles.css +60 -3
  61. package/src/theme.css +1 -0
  62. package/dist/charts.cjs +0 -268
  63. package/dist/charts.cjs.map +0 -1
  64. package/dist/charts.d.cts +0 -181
  65. package/dist/constants-D3gaMY-W.d.cts +0 -39
  66. package/dist/editors.cjs +0 -2440
  67. package/dist/editors.cjs.map +0 -1
  68. package/dist/editors.d.cts +0 -165
  69. package/dist/icons.cjs +0 -23888
  70. package/dist/icons.cjs.map +0 -1
  71. package/dist/icons.d.cts +0 -20
  72. package/dist/index.cjs +0 -24894
  73. package/dist/index.cjs.map +0 -1
  74. package/dist/index.d.cts +0 -10438
  75. package/dist/markdown-editor.cjs +0 -4636
  76. package/dist/markdown-editor.cjs.map +0 -1
  77. package/dist/markdown-editor.d.cts +0 -75
  78. package/dist/mermaid.cjs +0 -1138
  79. package/dist/mermaid.cjs.map +0 -1
  80. package/dist/mermaid.d.cts +0 -15
  81. package/dist/rjsf.cjs.map +0 -1
  82. package/dist/rjsf.d.cts +0 -55
  83. package/dist/testing.cjs.map +0 -1
  84. package/dist/testing.d.cts +0 -25
@@ -1,165 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { ReactNode } from 'react';
3
- import { CompletionSource } from '@codemirror/autocomplete';
4
- import { SQLNamespace } from '@codemirror/lang-sql';
5
- import { EditorView, EditorState } from '@uiw/react-codemirror';
6
- import { SqlDialectName } from '@keboola/codemirror-lang-sql';
7
- export { SqlDialectName } from '@keboola/codemirror-lang-sql';
8
- import { M as MergeConflict, C as ChangeClassification } from './constants-D3gaMY-W.cjs';
9
-
10
- 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"];
11
- type LANGUAGE_MODE = (typeof LANGUAGE_MODES)[number];
12
- declare const isLanguageMode: (mode: string) => mode is LANGUAGE_MODE;
13
-
14
- type EditorVariable = {
15
- name: string;
16
- value?: string;
17
- };
18
-
19
- type Props$2 = {
20
- value: string;
21
- previousValue?: string;
22
- mode?: LANGUAGE_MODE;
23
- placeholder?: string;
24
- /** Names the editable region for screen readers — the editor has no visible label of its own. */
25
- ariaLabel?: string;
26
- /**
27
- * Highlights every occurrence and scrolls the selected one into view. The find
28
- * UI is the caller's — pass the query it holds, and omit both props entirely to
29
- * leave the search extension uninstalled.
30
- */
31
- searchQuery?: string;
32
- searchMatchIndex?: number;
33
- readOnly?: boolean;
34
- /**
35
- * Refuses edits while leaving the editor looking and behaving as it did — for a
36
- * transient lock such as an in-flight save, where a keystroke landing mid-request
37
- * would be overwritten by the response. `readOnly` is the wrong prop for that:
38
- * it turns the editor into a viewer, greying the surface and taking the lint
39
- * marks and completions with it.
40
- */
41
- inputLocked?: boolean;
42
- /**
43
- * A flat list of completions, offered everywhere in the document. One word per
44
- * label: CodeMirror derives the pattern for the word being completed from the
45
- * labels' characters, so a space in one widens it across whitespace and the
46
- * editor offers nothing past the first word of a line. A phrase belongs in
47
- * `completionSource`.
48
- *
49
- * Compared by identity, like `completionSource` — hand the editor a stable array.
50
- */
51
- autocompletions?: string[];
52
- /**
53
- * Completions that depend on where the cursor is — a column list offered only
54
- * after its table, say. Wins over both `autocompletions` and `completeAny`,
55
- * which stay the right props for a list that is the same everywhere in the
56
- * document and for having no list at all. Like them, it opens on typing.
57
- *
58
- * Compared by identity: build it in a `useMemo` or the editor rebuilds its whole
59
- * extension tree on every render.
60
- */
61
- completionSource?: CompletionSource;
62
- /**
63
- * Configuration variables, completed into `{{name}}`. Independent of
64
- * `completionSource`: both are offered, so a caller keeps its own completions and
65
- * gets variables spelled the way the rest of the platform writes them.
66
- */
67
- variables?: EditorVariable[];
68
- extraKeys?: Record<string, () => void>;
69
- withToggleCommentHint?: boolean;
70
- withAutofocus?: boolean;
71
- withLineNumbers?: boolean;
72
- withLineWrapping?: boolean;
73
- withCollapseUnchanged?: boolean;
74
- withCopyButton?: boolean;
75
- completeAny?: boolean;
76
- help?: ReactNode;
77
- helpPostfix?: ReactNode;
78
- renderAdditionalButtons?: (value?: string) => ReactNode;
79
- className?: string;
80
- } & ({
81
- readOnly: true;
82
- onChange?: never;
83
- } | {
84
- readOnly?: boolean;
85
- onChange: (value: string) => void;
86
- });
87
- declare const CodeEditor: ({ value, previousValue, onChange, mode, placeholder, ariaLabel, searchQuery, searchMatchIndex, readOnly, inputLocked, autocompletions, completionSource, variables, extraKeys, withToggleCommentHint, withAutofocus, withLineNumbers, withLineWrapping, withCollapseUnchanged, withCopyButton, completeAny, help, helpPostfix, renderAdditionalButtons, className, }: Props$2) => react_jsx_runtime.JSX.Element;
88
-
89
- type HighlightedLines = {
90
- from: number;
91
- to: number;
92
- error?: {
93
- from: number;
94
- to: number;
95
- };
96
- processing?: {
97
- from: number;
98
- to: number;
99
- };
100
- } | null;
101
-
102
- type Props$1 = {
103
- value: string;
104
- onChange?: (value: string) => void;
105
- onSelectionChange?: (text: string) => void;
106
- onCreateEditor?: (view: EditorView, state: EditorState) => void;
107
- onDestroyEditor?: () => void;
108
- onBlurEditor?: (view: EditorView) => void;
109
- onFocusEditor?: (view: EditorView) => void;
110
- readOnly: boolean;
111
- placeholder?: string;
112
- searchQuery?: string;
113
- searchMatchIndex?: number;
114
- queryParser?: (sql: string) => Promise<string[]>;
115
- autoFocus?: boolean;
116
- lineNumbers?: boolean;
117
- className?: string;
118
- /**
119
- * A schema is too large to compare by value, so this one prop keeps the
120
- * identity requirement every other prop here is now free of: hand the editor
121
- * a stable object, or it rebuilds its whole extension tree on every render.
122
- */
123
- schema?: SQLNamespace;
124
- variables?: EditorVariable[];
125
- defaultSchema?: string;
126
- defaultDatabase?: string;
127
- highlightLines?: HighlightedLines;
128
- dialect?: SqlDialectName;
129
- };
130
- declare const SqlEditor: ({ value, onChange, onSelectionChange, onCreateEditor, onDestroyEditor, onBlurEditor, onFocusEditor, placeholder, searchQuery, searchMatchIndex, readOnly, queryParser, autoFocus, lineNumbers, className, schema, variables, defaultDatabase, defaultSchema, highlightLines, dialect, }: Props$1) => react_jsx_runtime.JSX.Element;
131
-
132
- type Props = {
133
- mergeValue: string;
134
- handleMergeChange: (value: string) => void;
135
- leftText: string;
136
- rightText: string;
137
- leftConflicts: MergeConflict[];
138
- rightConflicts: MergeConflict[];
139
- leftHighlightedLines: Set<number>;
140
- rightHighlightedLines: Set<number>;
141
- leftClassification: Map<number, ChangeClassification>;
142
- rightClassification: Map<number, ChangeClassification>;
143
- mergeHighlightedLines: Set<number>;
144
- mergeClassification: Map<number, ChangeClassification>;
145
- acceptLeft: (conflict: MergeConflict) => void;
146
- acceptRight: (conflict: MergeConflict) => void;
147
- dismissLeft: (conflict: MergeConflict) => void;
148
- dismissRight: (conflict: MergeConflict) => void;
149
- leftHeader?: ReactNode;
150
- middleHeader?: ReactNode;
151
- middleHeaderClassName?: string;
152
- middleClassName?: string;
153
- rightHeader?: ReactNode;
154
- className?: string;
155
- /**
156
- * Paint the corresponding read-only pane with the error palette to signal the
157
- * side has been deleted upstream. The diff is still rendered so the user can
158
- * see what was lost; accept/dismiss controls for that side are suppressed.
159
- */
160
- leftDeleted?: boolean;
161
- rightDeleted?: boolean;
162
- };
163
- 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;
164
-
165
- export { CodeEditor, type EditorVariable, type LANGUAGE_MODE, LANGUAGE_MODES, MergeEditor, SqlEditor, isLanguageMode };