@hazelcast/ui 1.3.2-next.7 → 1.3.2-next.71

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 (255) hide show
  1. package/lib/Alert.d.ts +6 -5
  2. package/lib/Alert.js +2 -2
  3. package/lib/Alert.js.map +1 -1
  4. package/lib/Alert.module.scss +15 -11
  5. package/lib/AutocompleteField.d.ts +9 -6
  6. package/lib/AutocompleteField.js +6 -7
  7. package/lib/AutocompleteField.js.map +1 -1
  8. package/lib/AutocompleteField.module.scss +16 -0
  9. package/lib/AutocompleteFieldFormik.d.ts +1 -1
  10. package/lib/Badge.d.ts +4 -4
  11. package/lib/Button.d.ts +17 -16
  12. package/lib/Button.js +8 -6
  13. package/lib/Button.js.map +1 -1
  14. package/lib/Button.module.scss +54 -1
  15. package/lib/Calendar/Calendar.d.ts +8 -4
  16. package/lib/Calendar/Calendar.js +32 -22
  17. package/lib/Calendar/Calendar.js.map +1 -1
  18. package/lib/Calendar/Calendar.module.scss +2 -1
  19. package/lib/Calendar/CalendarRange.d.ts +4 -4
  20. package/lib/Calendar/CalendarRange.js +5 -5
  21. package/lib/Calendar/CalendarRange.js.map +1 -1
  22. package/lib/Calendar/CalendarRange.module.scss +5 -0
  23. package/lib/Calendar/components/CalendarHeader.d.ts +2 -2
  24. package/lib/Calendar/components/CalendarInput.d.ts +8 -6
  25. package/lib/Calendar/components/CalendarInput.js +3 -3
  26. package/lib/Calendar/components/CalendarInput.js.map +1 -1
  27. package/lib/Calendar/components/CalendarTime.d.ts +2 -2
  28. package/lib/Calendar/components/CalendarTime.js +15 -10
  29. package/lib/Calendar/components/CalendarTime.js.map +1 -1
  30. package/lib/Calendar/components/CalendarTime.module.scss +4 -0
  31. package/lib/Calendar/helpers/consts.js +97 -97
  32. package/lib/Calendar/helpers/consts.js.map +1 -1
  33. package/lib/Card.d.ts +1 -1
  34. package/lib/Card.js +2 -2
  35. package/lib/Card.js.map +1 -1
  36. package/lib/Card.module.scss +1 -1
  37. package/lib/Carousel.d.ts +26 -0
  38. package/lib/Carousel.js +28 -0
  39. package/lib/Carousel.js.map +1 -0
  40. package/lib/Carousel.module.scss +43 -0
  41. package/lib/Checkbox.d.ts +4 -3
  42. package/lib/Checkbox.js +2 -2
  43. package/lib/Checkbox.js.map +1 -1
  44. package/lib/Checkbox.module.scss +2 -2
  45. package/lib/CheckboxFormik.d.ts +1 -1
  46. package/lib/CircularProgressBar.d.ts +1 -1
  47. package/lib/CircularProgressBar.module.scss +1 -1
  48. package/lib/ContextMenu.d.ts +15 -0
  49. package/lib/ContextMenu.js +58 -0
  50. package/lib/ContextMenu.js.map +1 -0
  51. package/lib/ContextMenu.module.scss +37 -0
  52. package/lib/Dialog.d.ts +2 -2
  53. package/lib/EmptyState.d.ts +5 -5
  54. package/lib/FieldHeader.d.ts +10 -6
  55. package/lib/FieldHeader.js +3 -3
  56. package/lib/FieldHeader.js.map +1 -1
  57. package/lib/Help.d.ts +2 -1
  58. package/lib/Help.js +2 -2
  59. package/lib/Help.js.map +1 -1
  60. package/lib/Icon.d.ts +5 -5
  61. package/lib/Icon.js +1 -1
  62. package/lib/Icon.js.map +1 -1
  63. package/lib/IconButton.d.ts +6 -6
  64. package/lib/InteractiveList.d.ts +5 -5
  65. package/lib/InteractiveList.js +4 -2
  66. package/lib/InteractiveList.js.map +1 -1
  67. package/lib/InteractiveList.module.scss +1 -0
  68. package/lib/InteractiveListFormik.d.ts +1 -1
  69. package/lib/Label.d.ts +2 -1
  70. package/lib/Label.js +1 -1
  71. package/lib/Label.js.map +1 -1
  72. package/lib/Label.module.scss +4 -0
  73. package/lib/Link.d.ts +7 -7
  74. package/lib/Link.js +3 -3
  75. package/lib/Link.js.map +1 -1
  76. package/lib/Loader.d.ts +1 -1
  77. package/lib/Modal.d.ts +4 -2
  78. package/lib/Modal.js.map +1 -1
  79. package/lib/Notification.d.ts +4 -4
  80. package/lib/Notification.module.scss +10 -10
  81. package/lib/NumberBadge.d.ts +2 -1
  82. package/lib/NumberBadge.js +3 -2
  83. package/lib/NumberBadge.js.map +1 -1
  84. package/lib/NumberField.d.ts +5 -7
  85. package/lib/NumberField.js.map +1 -1
  86. package/lib/NumberFieldFormik.d.ts +1 -1
  87. package/lib/Overlay.d.ts +7 -2
  88. package/lib/Overlay.js +5 -5
  89. package/lib/Overlay.js.map +1 -1
  90. package/lib/Overlay.module.scss +1 -1
  91. package/lib/Pagination.d.ts +7 -6
  92. package/lib/Pagination.js +7 -7
  93. package/lib/Pagination.js.map +1 -1
  94. package/lib/PasswordField.d.ts +6 -4
  95. package/lib/PasswordField.js +7 -3
  96. package/lib/PasswordField.js.map +1 -1
  97. package/lib/PasswordField.module.scss +6 -0
  98. package/lib/PasswordFieldFormik.d.ts +1 -1
  99. package/lib/Popover.d.ts +2 -0
  100. package/lib/Popover.js +12 -6
  101. package/lib/Popover.js.map +1 -1
  102. package/lib/Radio.d.ts +3 -3
  103. package/lib/Radio.module.scss +2 -2
  104. package/lib/RadioFormik.d.ts +1 -1
  105. package/lib/RadioGroup.d.ts +3 -3
  106. package/lib/RadioGroupFormik.d.ts +1 -1
  107. package/lib/SegmentedControl.d.ts +7 -6
  108. package/lib/SegmentedControl.js +4 -4
  109. package/lib/SegmentedControl.js.map +1 -1
  110. package/lib/SegmentedControl.module.scss +1 -1
  111. package/lib/SegmentedControlFormik.d.ts +1 -1
  112. package/lib/Select/CheckableSelectField.d.ts +3 -3
  113. package/lib/Select/CheckableSelectField.module.scss +3 -3
  114. package/lib/Select/CheckableSelectFieldFormik.d.ts +1 -1
  115. package/lib/Select/Common.d.ts +6 -6
  116. package/lib/Select/MultiSelectField.d.ts +7 -7
  117. package/lib/Select/MultiSelectField.js +3 -1
  118. package/lib/Select/MultiSelectField.js.map +1 -1
  119. package/lib/Select/MultiSelectFieldFormik.d.ts +1 -1
  120. package/lib/Select/SelectField.d.ts +6 -7
  121. package/lib/Select/SelectField.js +5 -3
  122. package/lib/Select/SelectField.js.map +1 -1
  123. package/lib/Select/SelectField.module.scss +6 -4
  124. package/lib/Select/SelectFieldFormik.d.ts +1 -1
  125. package/lib/Select/helpers.d.ts +2 -2
  126. package/lib/SimpleTable.d.ts +1 -1
  127. package/lib/Slider.d.ts +8 -8
  128. package/lib/Slider.module.scss +1 -1
  129. package/lib/SliderFormik.d.ts +1 -1
  130. package/lib/Table/Cell.d.ts +11 -3
  131. package/lib/Table/Cell.js +44 -9
  132. package/lib/Table/Cell.js.map +1 -1
  133. package/lib/Table/Cell.module.scss +8 -0
  134. package/lib/Table/CellWrapper.d.ts +11 -0
  135. package/lib/Table/CellWrapper.js +29 -0
  136. package/lib/Table/CellWrapper.js.map +1 -0
  137. package/lib/Table/EnhancedRenderers.d.ts +2 -2
  138. package/lib/Table/Header.d.ts +1 -2
  139. package/lib/Table/Header.js +2 -2
  140. package/lib/Table/Header.js.map +1 -1
  141. package/lib/Table/Header.module.scss +35 -27
  142. package/lib/Table/Row.d.ts +4 -4
  143. package/lib/Table/Row.js +6 -2
  144. package/lib/Table/Row.js.map +1 -1
  145. package/lib/Table/Table.d.ts +14 -18
  146. package/lib/Table/Table.js +108 -161
  147. package/lib/Table/Table.js.map +1 -1
  148. package/lib/Table/Table.module.scss +4 -16
  149. package/lib/Table/TableContent.d.ts +25 -0
  150. package/lib/Table/TableContent.js +49 -0
  151. package/lib/Table/TableContent.js.map +1 -0
  152. package/lib/Table/TableContent.module.scss +21 -0
  153. package/lib/Table/constants.d.ts +2 -0
  154. package/lib/Table/constants.js +3 -0
  155. package/lib/Table/constants.js.map +1 -0
  156. package/lib/Table/features/columnsSelection/CellCopyablePopover.d.ts +8 -0
  157. package/lib/Table/features/columnsSelection/CellCopyablePopover.js +13 -0
  158. package/lib/Table/features/columnsSelection/CellCopyablePopover.js.map +1 -0
  159. package/lib/Table/features/columnsSelection/CellCopyablePopover.module.scss +12 -0
  160. package/lib/Table/features/columnsSelection/ContextMenu/ContextMenu.d.ts +6 -0
  161. package/lib/Table/features/columnsSelection/ContextMenu/ContextMenu.js +17 -0
  162. package/lib/Table/features/columnsSelection/ContextMenu/ContextMenu.js.map +1 -0
  163. package/lib/Table/features/columnsSelection/ContextMenu/ContextMenu.module.scss +6 -0
  164. package/lib/Table/features/columnsSelection/ContextMenu/index.d.ts +1 -0
  165. package/lib/Table/features/columnsSelection/ContextMenu/index.js +2 -0
  166. package/lib/Table/features/columnsSelection/ContextMenu/index.js.map +1 -0
  167. package/lib/Table/features/columnsSelection/columnsSelection.d.ts +19 -0
  168. package/lib/Table/features/columnsSelection/columnsSelection.js +71 -0
  169. package/lib/Table/features/columnsSelection/columnsSelection.js.map +1 -0
  170. package/lib/Table/features/columnsSelection/helpers.d.ts +7 -0
  171. package/lib/Table/features/columnsSelection/helpers.js +26 -0
  172. package/lib/Table/features/columnsSelection/helpers.js.map +1 -0
  173. package/lib/Table/features/columnsSelection/index.d.ts +4 -0
  174. package/lib/Table/features/columnsSelection/index.js +5 -0
  175. package/lib/Table/features/columnsSelection/index.js.map +1 -0
  176. package/lib/Tabs/Tab.d.ts +22 -8
  177. package/lib/Tabs/Tab.js +15 -4
  178. package/lib/Tabs/Tab.js.map +1 -1
  179. package/lib/Tabs/TabContext.d.ts +3 -3
  180. package/lib/Tabs/TabList.d.ts +1 -1
  181. package/lib/Tabs/TabPanel.d.ts +1 -1
  182. package/lib/Terminal.d.ts +1 -1
  183. package/lib/TextArea.d.ts +4 -4
  184. package/lib/TextArea.module.scss +5 -1
  185. package/lib/TextAreaFormik.d.ts +1 -1
  186. package/lib/TextField.d.ts +9 -6
  187. package/lib/TextField.js +4 -4
  188. package/lib/TextField.js.map +1 -1
  189. package/lib/TextField.module.scss +12 -1
  190. package/lib/TextFieldFormik.d.ts +1 -1
  191. package/lib/TimeField.d.ts +3 -3
  192. package/lib/TimeField.js +4 -12
  193. package/lib/TimeField.js.map +1 -1
  194. package/lib/TimeField.module.scss +0 -87
  195. package/lib/TimeFieldFormik.d.ts +1 -1
  196. package/lib/Toast.d.ts +3 -3
  197. package/lib/Toast.module.scss +6 -6
  198. package/lib/Toggle.d.ts +4 -4
  199. package/lib/Toggle.js +1 -1
  200. package/lib/Toggle.js.map +1 -1
  201. package/lib/Toggle.module.scss +1 -1
  202. package/lib/ToggleFormik.d.ts +1 -1
  203. package/lib/Tooltip.d.ts +6 -5
  204. package/lib/Tooltip.js +4 -14
  205. package/lib/Tooltip.js.map +1 -1
  206. package/lib/hooks/index.d.ts +0 -1
  207. package/lib/hooks/index.js +0 -1
  208. package/lib/hooks/index.js.map +1 -1
  209. package/lib/hooks/useCloseOnResize.d.ts +8 -0
  210. package/lib/hooks/useCloseOnResize.js +16 -0
  211. package/lib/hooks/useCloseOnResize.js.map +1 -0
  212. package/lib/hooks/useDimensions.d.ts +1 -1
  213. package/lib/hooks/useOnClickOutside.d.ts +1 -1
  214. package/lib/hooks/usePagination.d.ts +2 -2
  215. package/lib/index.d.ts +3 -4
  216. package/lib/index.js +3 -4
  217. package/lib/index.js.map +1 -1
  218. package/lib/utils/formik.d.ts +2 -2
  219. package/lib/utils/portal.d.ts +2 -0
  220. package/lib/utils/portal.js +15 -0
  221. package/lib/utils/portal.js.map +1 -0
  222. package/lib/utils/test.d.ts +3 -1
  223. package/lib/utils/test.js.map +1 -1
  224. package/lib/utils/types.d.ts +1 -1
  225. package/package.json +60 -56
  226. package/styles/constants/_colors.scss +18 -15
  227. package/styles/constants/_sizes.scss +2 -1
  228. package/styles/constants/_typography.scss +34 -24
  229. package/styles/helpers/_gradients.scss +11 -0
  230. package/styles/helpers/_index.scss +1 -0
  231. package/styles/typography/fonts/LICENSE.txt +202 -0
  232. package/styles/typography/fonts/OpenSans-Italic.woff2 +0 -0
  233. package/styles/typography/fonts/OpenSans-Regular.woff2 +0 -0
  234. package/styles/typography/fonts/OpenSans-SemiBold.woff2 +0 -0
  235. package/styles/typography/fonts/OpenSans-SemiBoldItalic.woff2 +0 -0
  236. package/styles/typography/fonts/PPTelegraf-Light.woff2 +0 -0
  237. package/styles/typography/fonts/PPTelegraf-Medium.woff2 +0 -0
  238. package/styles/typography/fonts/PPTelegraf-RegularSlanted.woff2 +0 -0
  239. package/styles/typography/fonts/PPTelegraf-UltralightSlanted.woff2 +0 -0
  240. package/styles/typography/open-sans.css +35 -0
  241. package/styles/typography/pp-telegraf.css +31 -0
  242. package/lib/Code.d.ts +0 -8
  243. package/lib/Code.js +0 -16
  244. package/lib/Code.js.map +0 -1
  245. package/lib/CodeEditor.d.ts +0 -28
  246. package/lib/CodeEditor.js +0 -180
  247. package/lib/CodeEditor.js.map +0 -1
  248. package/lib/CodeEditor.module.scss +0 -32
  249. package/lib/CodeEditorFormik.d.ts +0 -9
  250. package/lib/CodeEditorFormik.js +0 -14
  251. package/lib/CodeEditorFormik.js.map +0 -1
  252. package/lib/hooks/useTableCustomizableColumns.d.ts +0 -10
  253. package/lib/hooks/useTableCustomizableColumns.js +0 -21
  254. package/lib/hooks/useTableCustomizableColumns.js.map +0 -1
  255. package/styles/fonts.css +0 -26
package/lib/Code.js DELETED
@@ -1,16 +0,0 @@
1
- /*
2
- CodeMirror based Code component.
3
-
4
- This is a readonly code viewer component. For editing purposes use `CodeEditor`.
5
- */
6
- import React from 'react';
7
- import { CodeEditor, EditorView } from './CodeEditor';
8
- const DEFAULT_OPTIONS = {
9
- language: null,
10
- lineWrapping: false,
11
- lineNumbers: true,
12
- };
13
- export const Code = ({ value, className, options = DEFAULT_OPTIONS }) => {
14
- return React.createElement(CodeEditor, { value: value, options: options, className: className, customExtensions: [EditorView.editable.of(false)] });
15
- };
16
- //# sourceMappingURL=Code.js.map
package/lib/Code.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"Code.js","sourceRoot":"","sources":["../src/Code.tsx"],"names":[],"mappings":"AAAA;;;;EAIE;AAEF,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,UAAU,EAAe,UAAU,EAAE,MAAM,cAAc,CAAA;AAQlE,MAAM,eAAe,GAAgB;IACnC,QAAQ,EAAE,IAAI;IACd,YAAY,EAAE,KAAK;IACnB,WAAW,EAAE,IAAI;CAClB,CAAA;AAED,MAAM,CAAC,MAAM,IAAI,GAAkB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,GAAG,eAAe,EAAE,EAAE,EAAE;IACrF,OAAO,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,GAAI,CAAA;AAChI,CAAC,CAAA"}
@@ -1,28 +0,0 @@
1
- import { FC, MutableRefObject, FocusEvent } from 'react';
2
- import { EditorView, KeyBinding } from '@codemirror/view';
3
- import { EditorState, Extension } from '@codemirror/state';
4
- export { EditorView, EditorState, KeyBinding };
5
- export declare type CodeOptions = {
6
- language?: any;
7
- lineWrapping?: boolean;
8
- lineNumbers?: boolean;
9
- rows?: number;
10
- };
11
- export interface EditorViewRef {
12
- view(): EditorView | null;
13
- }
14
- declare type OnChangeCallback = (val: string) => void;
15
- export declare type CodeEditorProps = {
16
- value?: string;
17
- className?: string;
18
- name?: string;
19
- options?: CodeOptions;
20
- onChange?: OnChangeCallback;
21
- onBlur?: (e: FocusEvent) => void;
22
- customExtensions?: Extension[];
23
- customKeymap?: KeyBinding[];
24
- innerRef?: MutableRefObject<EditorViewRef | null>;
25
- error?: string;
26
- errorClassName?: string;
27
- };
28
- export declare const CodeEditor: FC<CodeEditorProps>;
package/lib/CodeEditor.js DELETED
@@ -1,180 +0,0 @@
1
- /*
2
- CodeMirror based Code Editor component.
3
-
4
- * For readonly/code-viewing purposes use `Code`.
5
-
6
- ## CM5 vs CM6
7
-
8
- We are not using the old CM5; we're basing our component on CM6 which is the next gen. version of the hugely
9
- popular CM5. CM6 is still years old and solid despite being a young project.
10
-
11
- See https://codemirror.net/6/ for more.
12
-
13
- ## About language support
14
-
15
- There is a combined package of backported languages from CM5. We are using this language pack for ease
16
- of use (no need to add anything to your dependencies) and also there're not many CM6 languages as of
17
- writing this.
18
-
19
- // add @codemirror/legacy-modes to your project's dependencies.
20
- import { javascript } from '@codemirror/legacy-modes/mode/javascript'
21
- import { python } from '@codemirror/legacy-modes/mode/python'
22
-
23
- So using a language is one import and one property assignment. See the `CodeEditor.stories.tsx`.
24
-
25
- For more see https://github.com/codemirror/legacy-modes
26
-
27
- ## About styling/themes
28
-
29
- CM6 is not that rich with predefined themes yet so we are not providing anything other than the
30
- default theme (though it's easy provide custom ones if/when we need it.)
31
-
32
- ## Customizing the editor
33
-
34
- For further customizations, one can use .customExtensions prop to extend the editor with
35
- any CM6 extension possible. (see Code component for an example.)
36
-
37
- For getting a handle to the actual CM6 instance one may use the .innerRef prop which refers
38
- to the EditorView instance created behind the scenes. (See the story of this component)
39
- */
40
- import React, { useEffect, useRef, useImperativeHandle } from 'react';
41
- import cn from 'classnames';
42
- import { useUID } from 'react-uid';
43
- import { EditorView, highlightSpecialChars, drawSelection, highlightActiveLine, keymap, } from '@codemirror/view';
44
- import { EditorState } from '@codemirror/state';
45
- import { history, historyKeymap } from '@codemirror/history';
46
- import { foldGutter, foldKeymap } from '@codemirror/fold';
47
- import { indentOnInput } from '@codemirror/language';
48
- import { lineNumbers } from '@codemirror/gutter';
49
- import { defaultKeymap } from '@codemirror/commands';
50
- import { bracketMatching } from '@codemirror/matchbrackets';
51
- import { closeBrackets, closeBracketsKeymap } from '@codemirror/closebrackets';
52
- import { highlightSelectionMatches, searchKeymap } from '@codemirror/search';
53
- import { autocompletion, completionKeymap } from '@codemirror/autocomplete';
54
- import { commentKeymap } from '@codemirror/comment';
55
- import { rectangularSelection } from '@codemirror/rectangular-selection';
56
- import { defaultHighlightStyle } from '@codemirror/highlight';
57
- import { lintKeymap } from '@codemirror/lint';
58
- import { StreamLanguage } from '@codemirror/stream-parser';
59
- import { useDeepCompareMemo } from './hooks/useDeepCompareMemo';
60
- import { Error } from './Error';
61
- import styles from './CodeEditor.module.scss';
62
- // Export these very common CodeMirror types for ease of use
63
- export { EditorView, EditorState };
64
- const DEFAULT_OPTIONS = {
65
- language: null,
66
- lineWrapping: false,
67
- lineNumbers: true,
68
- };
69
- export const CodeEditor = ({ name, value, className, options = {}, onChange, onBlur, customExtensions, customKeymap, innerRef, error, errorClassName, }) => {
70
- const id = useUID();
71
- const parentRef = useRef(null);
72
- const cm = useRef(null);
73
- const optionsMemoized = useDeepCompareMemo(() => options, [options]);
74
- // use onChange via a Ref so we avoid unnecessary calls if the caller does not use useCallback on onChange
75
- const onChangeRef = useRef(onChange);
76
- // use this handle to access the cm element (which is a `view`)
77
- useImperativeHandle(innerRef, () => ({
78
- view: () => cm.current,
79
- }));
80
- useEffect(() => {
81
- if (!parentRef.current)
82
- return;
83
- const opts = { ...DEFAULT_OPTIONS, ...optionsMemoized };
84
- const updateListenerExtension = () => EditorView.updateListener.of((v) => {
85
- if (!v.docChanged)
86
- return;
87
- const val = v.state.doc.toString();
88
- const cb = onChangeRef.current;
89
- if (cb)
90
- cb(val);
91
- });
92
- const domEventsExtension = () => {
93
- const eventHandlers = {
94
- blur: (event) => onBlur && onBlur(event),
95
- };
96
- return EditorView.domEventHandlers(eventHandlers);
97
- };
98
- // configure/enable very common features
99
- const basicExtensions = [
100
- highlightSpecialChars(),
101
- history(),
102
- drawSelection(),
103
- EditorState.allowMultipleSelections.of(true),
104
- indentOnInput(),
105
- defaultHighlightStyle.fallback,
106
- bracketMatching(),
107
- closeBrackets(),
108
- autocompletion(),
109
- rectangularSelection(),
110
- highlightActiveLine(),
111
- highlightSelectionMatches(),
112
- keymap.of([
113
- ...closeBracketsKeymap,
114
- ...defaultKeymap,
115
- ...searchKeymap,
116
- ...historyKeymap,
117
- ...foldKeymap,
118
- ...commentKeymap,
119
- ...completionKeymap,
120
- ...lintKeymap,
121
- ...(customKeymap !== null && customKeymap !== void 0 ? customKeymap : []),
122
- ]),
123
- ];
124
- const fixedHeightExtension = () => {
125
- if (!opts.rows)
126
- return [];
127
- const LINE_HEIGHT = 22;
128
- const EXTRA_PADDING = 4;
129
- const h = LINE_HEIGHT * opts.rows + EXTRA_PADDING;
130
- return EditorView.theme({
131
- '&': { height: `${h}px` },
132
- '.cm-scroller': { overflow: 'auto' },
133
- });
134
- };
135
- const extensions = [
136
- ...basicExtensions,
137
- ...(customExtensions !== null && customExtensions !== void 0 ? customExtensions : []),
138
- // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
139
- ...(opts.language ? [StreamLanguage.define(opts.language)] : []),
140
- ...(opts.lineWrapping ? [EditorView.lineWrapping] : []),
141
- ...(opts.lineNumbers ? [foldGutter(), lineNumbers()] : []),
142
- ...(opts.rows ? [fixedHeightExtension()] : []),
143
- updateListenerExtension(),
144
- domEventsExtension(),
145
- ];
146
- cm.current = new EditorView({
147
- state: EditorState.create({
148
- doc: value || '',
149
- extensions,
150
- }),
151
- parent: parentRef.current,
152
- });
153
- // set the .id attr. of the dom element (formik demands this)
154
- if (name)
155
- cm.current.contentDOM.id = name;
156
- return () => {
157
- var _a;
158
- // destroy cm. (mind you; this component will be recreated whenever options are modified.)
159
- (_a = cm.current) === null || _a === void 0 ? void 0 : _a.destroy();
160
- cm.current = null;
161
- };
162
- },
163
- // value should not be a dependency (it is handled below), just disable the warnings:
164
- // eslint-disable-next-line react-hooks/exhaustive-deps
165
- [cm, optionsMemoized, customExtensions, onChangeRef]);
166
- useEffect(() => {
167
- if (!cm.current)
168
- return;
169
- // avoid recursive calls between .value and onChange listener/
170
- if (value === cm.current.state.doc.toString())
171
- return;
172
- cm.current.dispatch({
173
- changes: { from: 0, to: cm.current.state.doc.length, insert: value },
174
- });
175
- }, [value]);
176
- return (React.createElement(React.Fragment, null,
177
- React.createElement("div", { className: cn(styles.container, className), id: name, ref: parentRef }),
178
- React.createElement(Error, { error: error, className: cn(styles.errorContainer, errorClassName), inputId: id })));
179
- };
180
- //# sourceMappingURL=CodeEditor.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CodeEditor.js","sourceRoot":"","sources":["../src/CodeEditor.tsx"],"names":[],"mappings":"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"}
@@ -1,32 +0,0 @@
1
- @use '../styles/constants' as c;
2
- @use '../styles/helpers' as h;
3
-
4
- .container {
5
- box-shadow: 0 c.$cardShadowSize c.$cardShadowBlur 0 c.$colorShadow;
6
- border-radius: c.$borderRadius;
7
-
8
- :global .cm-editor {
9
- // bogus padding to avoid overlapping with our outlineFormField mixin.
10
- padding: 1px;
11
- border-radius: c.$borderRadius;
12
- border: c.$borderWidth solid c.$colorNeutralLight;
13
- }
14
-
15
- :global .cm-editor.cm-focused {
16
- // inherited outline just looks weird, override it
17
- outline: none;
18
-
19
- // use our own outline
20
- @include h.outlineFormField;
21
-
22
- border: c.$borderWidth solid c.$colorAccessibilityOutline;
23
- }
24
-
25
- :global .cm-scroller {
26
- border-radius: c.$borderRadius;
27
- }
28
- }
29
-
30
- .errorContainer {
31
- margin-top: c.$grid;
32
- }
@@ -1,9 +0,0 @@
1
- import { ReactElement } from 'react';
2
- import { FieldValidator } from 'formik';
3
- import { CodeEditorProps } from './CodeEditor';
4
- import { ExtractKeysOfValueType } from './utils/types';
5
- export declare type CodeEditorFormikProps<V extends object> = CodeEditorProps & {
6
- name: ExtractKeysOfValueType<V, string | undefined>;
7
- validate?: FieldValidator;
8
- };
9
- export declare const CodeEditorFormik: <V extends object>({ name, validate, ...props }: CodeEditorFormikProps<V>) => ReactElement;
@@ -1,14 +0,0 @@
1
- import React from 'react';
2
- import { useField } from 'formik';
3
- import { CodeEditor } from './CodeEditor';
4
- import { getFieldError } from './utils/formik';
5
- export const CodeEditorFormik = ({ name, validate, ...props }) => {
6
- const [field, meta, helpers] = useField({
7
- name,
8
- validate,
9
- });
10
- return (React.createElement(CodeEditor, { ...props, name: name, value: field.value, onChange: (val) => {
11
- helpers.setValue(val, false);
12
- }, onBlur: field.onBlur, error: getFieldError(meta) }));
13
- };
14
- //# sourceMappingURL=CodeEditorFormik.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CodeEditorFormik.js","sourceRoot":"","sources":["../src/CodeEditorFormik.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuB,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAkB,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAEjD,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAQ9C,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAmB,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAA4B,EAAgB,EAAE;IACzH,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAqB;QAC1D,IAAI;QACJ,QAAQ;KACT,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,UAAU,OACL,KAAK,EACT,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,GAAW,EAAE,EAAE;YACxB,OAAO,CAAC,QAAQ,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;QAC9B,CAAC,EACD,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,GAC1B,CACH,CAAA;AACH,CAAC,CAAA"}
@@ -1,10 +0,0 @@
1
- /// <reference types="react" />
2
- import { ColumnInstance, IdType } from 'react-table';
3
- import { Column } from '../Table/Table';
4
- export declare const selectionColumnId = "selection";
5
- export declare function useTableCustomizableColumns<T extends object>({ columns, visibleColumns, setHiddenColumns, dataTest, }: {
6
- dataTest?: string;
7
- columns: Column<T>[];
8
- visibleColumns: ColumnInstance<T>[];
9
- setHiddenColumns: (columns: IdType<T>[]) => void;
10
- }): JSX.Element;
@@ -1,21 +0,0 @@
1
- import React, { useCallback, useMemo, useState } from 'react';
2
- import { CheckableSelectField } from '../Select';
3
- export const selectionColumnId = 'selection';
4
- export function useTableCustomizableColumns({ columns, visibleColumns, setHiddenColumns, dataTest = 'table-custom-columns', }) {
5
- // Header is used as a label
6
- const toggleableColumns = useMemo(() => columns.filter(({ Header, id, accessor, canHide = true }) => canHide && !!Header && (!!id || !!accessor)), [columns]);
7
- const options = useMemo(() => toggleableColumns.map(({ Header, id, accessor }) => ({
8
- value: String(id || accessor),
9
- label: String(Header),
10
- })), [toggleableColumns]);
11
- const onChange = useCallback((value) => {
12
- const visibleColumns = new Set(value);
13
- setHiddenColumns(toggleableColumns
14
- .filter(({ id, accessor }) => !visibleColumns.has((id || accessor)))
15
- .map(({ id, accessor }) => (id || accessor)));
16
- setValue(value);
17
- }, [setHiddenColumns, toggleableColumns]);
18
- const [value, setValue] = useState(visibleColumns.filter(({ id }) => id !== selectionColumnId).map(({ id }) => id));
19
- return (React.createElement(CheckableSelectField, { name: "custom-columns", options: options, value: value, "data-test": dataTest, label: "Columns", onChange: onChange }));
20
- }
21
- //# sourceMappingURL=useTableCustomizableColumns.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useTableCustomizableColumns.js","sourceRoot":"","sources":["../../src/hooks/useTableCustomizableColumns.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAI7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAA;AAGhD,MAAM,CAAC,MAAM,iBAAiB,GAAG,WAAW,CAAA;AAE5C,MAAM,UAAU,2BAA2B,CAAmB,EAC5D,OAAO,EACP,cAAc,EACd,gBAAgB,EAChB,QAAQ,GAAG,sBAAsB,GAMlC;IACC,4BAA4B;IAC5B,MAAM,iBAAiB,GAAG,OAAO,CAC/B,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,EAC/G,CAAC,OAAO,CAAC,CACV,CAAA;IACD,MAAM,OAAO,GAAG,OAAO,CACrB,GAAG,EAAE,CACH,iBAAiB,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;QACnD,KAAK,EAAE,MAAM,CAAC,EAAE,IAAI,QAAQ,CAAC;QAC7B,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC;KACtB,CAAC,CAAC,EACL,CAAC,iBAAiB,CAAC,CACpB,CAAA;IAED,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,KAAe,EAAE,EAAE;QAClB,MAAM,cAAc,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,CAAA;QAErC,gBAAgB,CACd,iBAAiB;aACd,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,QAAQ,CAAW,CAAC,CAAC;aAC7E,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,QAAQ,CAAW,CAAC,CACzD,CAAA;QACD,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjB,CAAC,EACD,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,CACtC,CAAA;IACD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAW,cAAc,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,iBAAiB,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IAE7H,OAAO,CACL,oBAAC,oBAAoB,IACnB,IAAI,EAAC,gBAAgB,EACrB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,eACD,QAAQ,EACnB,KAAK,EAAC,SAAS,EACf,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAA;AACH,CAAC"}
package/styles/fonts.css DELETED
@@ -1,26 +0,0 @@
1
- /* roboto-300 - latin */
2
- @font-face {
3
- font-family: Roboto;
4
- font-style: normal;
5
- font-weight: 300;
6
- src: url('../fonts/roboto-v27-latin-300.woff2') format('woff2'), url('../fonts/roboto-v27-latin-300.woff') format('woff'),
7
- url('../fonts/roboto-v27-latin-300.ttf') format('truetype'), url('../fonts/roboto-v27-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
8
- }
9
-
10
- /* roboto-regular - latin */
11
- @font-face {
12
- font-family: Roboto;
13
- font-style: normal;
14
- font-weight: 400;
15
- src: url('../fonts/roboto-v27-latin-regular.woff2') format('woff2'), url('../fonts/roboto-v27-latin-regular.woff') format('woff'),
16
- url('../fonts/roboto-v27-latin-regular.ttf') format('truetype'), url('../fonts/roboto-v27-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
17
- }
18
-
19
- /* roboto-500 - latin */
20
- @font-face {
21
- font-family: Roboto;
22
- font-style: normal;
23
- font-weight: 500;
24
- src: url('../fonts/roboto-v27-latin-500.woff2') format('woff2'), url('../fonts/roboto-v27-latin-500.woff') format('woff'),
25
- url('../fonts/roboto-v27-latin-500.ttf') format('truetype'), url('../fonts/roboto-v27-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
26
- }