@reportportal/ui-kit 0.0.1-alpha.1 → 0.0.1-alpha.100

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 (206) hide show
  1. package/LICENSE +201 -201
  2. package/README.md +255 -3
  3. package/dist/arrowUp-4a5caee7.js +6 -0
  4. package/dist/attachedFile.js +9 -0
  5. package/dist/baseIconButton-251479f7.js +25 -0
  6. package/dist/baseIconButton.js +7 -0
  7. package/dist/bind-06a7ff84.js +41 -0
  8. package/dist/breadcrumbs-8e5ca8d7.js +183 -0
  9. package/dist/breadcrumbs.js +11 -0
  10. package/dist/bubblesLoader-f3ffa240.js +28 -0
  11. package/dist/bubblesLoader.js +7 -0
  12. package/dist/button-97d9e587.js +66 -0
  13. package/dist/button.js +3 -3
  14. package/dist/calendarArrow-44c7e60e.js +5 -0
  15. package/dist/checkbox-ed6cc375.js +73 -0
  16. package/dist/checkbox.js +4 -3
  17. package/dist/close-4d480ef7.js +5 -0
  18. package/dist/common/constants/keyCodes.d.ts +24 -0
  19. package/dist/common/hooks/index.d.ts +2 -0
  20. package/dist/common/hooks/useOnClickOutside.d.ts +3 -0
  21. package/dist/common/hooks/useWindowResize.d.ts +4 -0
  22. package/dist/common/types.d.ts +4 -0
  23. package/dist/common/utils/getFileExtension.d.ts +1 -0
  24. package/dist/common/utils/index.d.ts +1 -0
  25. package/dist/components/attachedFile/attachedFile.d.ts +14 -0
  26. package/dist/components/attachedFile/index.d.ts +2 -0
  27. package/dist/components/baseIconButton/baseIconButton.d.ts +9 -0
  28. package/dist/components/baseIconButton/index.d.ts +5 -0
  29. package/dist/components/breadcrumbs/breadcrumb/breadcrumb.d.ts +10 -0
  30. package/dist/components/breadcrumbs/breadcrumb/index.d.ts +1 -0
  31. package/dist/components/breadcrumbs/breadcrumbs.d.ts +3 -0
  32. package/dist/components/breadcrumbs/breadcrumbsProvider/breadcrumbsProvider.d.ts +13 -0
  33. package/dist/components/breadcrumbs/breadcrumbsProvider/hooks.d.ts +3 -0
  34. package/dist/components/breadcrumbs/breadcrumbsProvider/index.d.ts +1 -0
  35. package/dist/components/breadcrumbs/hiddenBreadcrumbs/hiddenBreadcrumbs.d.ts +6 -0
  36. package/dist/components/breadcrumbs/hiddenBreadcrumbs/index.d.ts +2 -0
  37. package/dist/components/breadcrumbs/index.d.ts +5 -0
  38. package/dist/components/breadcrumbs/tree/index.d.ts +1 -0
  39. package/dist/components/breadcrumbs/tree/tree.d.ts +7 -0
  40. package/dist/components/breadcrumbs/types.d.ts +24 -0
  41. package/dist/components/bubblesLoader/bubblesLoader.d.ts +9 -0
  42. package/dist/components/bubblesLoader/index.d.ts +4 -0
  43. package/dist/components/button/button.d.ts +9 -9
  44. package/dist/components/button/index.d.ts +3 -1
  45. package/dist/components/checkbox/checkbox.d.ts +7 -8
  46. package/dist/components/checkbox/index.d.ts +1 -0
  47. package/dist/components/datePicker/datePicker.d.ts +25 -0
  48. package/dist/components/datePicker/header/datePickerHeader.d.ts +16 -0
  49. package/dist/components/datePicker/header/index.d.ts +4 -0
  50. package/dist/components/datePicker/index.d.ts +5 -0
  51. package/dist/components/datePicker/utils.d.ts +4 -0
  52. package/dist/components/dropdown/constants.d.ts +8 -0
  53. package/dist/components/dropdown/dropdown.d.ts +33 -0
  54. package/dist/components/dropdown/dropdownOption/dropdownOption.d.ts +4 -0
  55. package/dist/components/dropdown/dropdownOption/index.d.ts +4 -0
  56. package/dist/components/dropdown/index.d.ts +4 -0
  57. package/dist/components/dropdown/types.d.ts +23 -0
  58. package/dist/components/dropdown/utils.d.ts +5 -0
  59. package/dist/components/fieldLabel/fieldLabel.d.ts +7 -0
  60. package/dist/components/fieldLabel/index.d.ts +1 -0
  61. package/dist/components/fieldNumber/constants.d.ts +5 -0
  62. package/dist/components/fieldNumber/fieldNumber.d.ts +18 -0
  63. package/dist/components/fieldNumber/index.d.ts +4 -0
  64. package/dist/components/fieldText/fieldText.d.ts +32 -0
  65. package/dist/components/fieldText/index.d.ts +4 -0
  66. package/dist/components/fieldTextFlex/fieldTextFlex.d.ts +16 -0
  67. package/dist/components/fieldTextFlex/index.d.ts +4 -0
  68. package/dist/components/fileDropArea/attachedFilesList/attachedFilesList.d.ts +20 -0
  69. package/dist/components/fileDropArea/attachedFilesList/index.d.ts +5 -0
  70. package/dist/components/fileDropArea/browseButton/browseButton.d.ts +9 -0
  71. package/dist/components/fileDropArea/browseButton/index.d.ts +4 -0
  72. package/dist/components/fileDropArea/constants.d.ts +2 -0
  73. package/dist/components/fileDropArea/dropZone/dropZone.d.ts +10 -0
  74. package/dist/components/fileDropArea/dropZone/index.d.ts +4 -0
  75. package/dist/components/fileDropArea/errorMessage/errorMessage.d.ts +5 -0
  76. package/dist/components/fileDropArea/errorMessage/index.d.ts +4 -0
  77. package/dist/components/fileDropArea/fileDropArea.d.ts +19 -0
  78. package/dist/components/fileDropArea/fileDropAreaProvider/fileDropAreaProvider.d.ts +17 -0
  79. package/dist/components/fileDropArea/fileDropAreaProvider/index.d.ts +1 -0
  80. package/dist/components/fileDropArea/fileDropAreaProvider/useFileDropAreaContext.d.ts +3 -0
  81. package/dist/components/fileDropArea/hooks/index.d.ts +1 -0
  82. package/dist/components/fileDropArea/hooks/useFileDropArea.d.ts +13 -0
  83. package/dist/components/fileDropArea/hooks/useFileProcessing.d.ts +13 -0
  84. package/dist/components/fileDropArea/hooks/useOverlayDropArea.d.ts +22 -0
  85. package/dist/components/fileDropArea/index.d.ts +6 -0
  86. package/dist/components/fileDropArea/types.d.ts +57 -0
  87. package/dist/components/fileDropArea/utils/getValidationErrorMessage.d.ts +3 -0
  88. package/dist/components/fileDropArea/utils/index.d.ts +2 -0
  89. package/dist/components/fileDropArea/utils/validateFile.d.ts +3 -0
  90. package/dist/components/icons/index.d.ts +57 -0
  91. package/dist/components/index.d.ts +22 -0
  92. package/dist/components/maxValueDisplay/index.d.ts +4 -0
  93. package/dist/components/maxValueDisplay/maxValueDisplay.d.ts +8 -0
  94. package/dist/components/maxValueDisplay/utils/index.d.ts +1 -0
  95. package/dist/components/maxValueDisplay/utils/isPositiveInteger.d.ts +1 -0
  96. package/dist/components/modal/index.d.ts +4 -0
  97. package/dist/components/modal/modal.d.ts +25 -0
  98. package/dist/components/modal/modalContent/index.d.ts +1 -0
  99. package/dist/components/modal/modalContent/modalContent.d.ts +8 -0
  100. package/dist/components/modal/modalFooter/index.d.ts +2 -0
  101. package/dist/components/modal/modalFooter/modalFooter.d.ts +14 -0
  102. package/dist/components/modal/modalHeader/index.d.ts +1 -0
  103. package/dist/components/modal/modalHeader/modalHeader.d.ts +9 -0
  104. package/dist/components/modal/types.d.ts +6 -0
  105. package/dist/components/pagination/index.d.ts +5 -0
  106. package/dist/components/pagination/itemsCounter/index.d.ts +1 -0
  107. package/dist/components/pagination/itemsCounter/itemCounter.d.ts +10 -0
  108. package/dist/components/pagination/pageControls/activePage/activePage.d.ts +13 -0
  109. package/dist/components/pagination/pageControls/activePage/index.d.ts +1 -0
  110. package/dist/components/pagination/pageControls/activePage/pageSelector/index.d.ts +1 -0
  111. package/dist/components/pagination/pageControls/activePage/pageSelector/pageSelector.d.ts +11 -0
  112. package/dist/components/pagination/pageControls/index.d.ts +1 -0
  113. package/dist/components/pagination/pageControls/pageControls.d.ts +17 -0
  114. package/dist/components/pagination/pageControls/pageNavigator/bar/bar.d.ts +12 -0
  115. package/dist/components/pagination/pageControls/pageNavigator/bar/index.d.ts +1 -0
  116. package/dist/components/pagination/pageControls/pageNavigator/index.d.ts +1 -0
  117. package/dist/components/pagination/pageControls/pageNavigator/pageNavigator.d.ts +12 -0
  118. package/dist/components/pagination/pageSizeControl/index.d.ts +1 -0
  119. package/dist/components/pagination/pageSizeControl/pageSizeControl.d.ts +11 -0
  120. package/dist/components/pagination/pageSizeControl/sizeSelector/index.d.ts +1 -0
  121. package/dist/components/pagination/pageSizeControl/sizeSelector/sizeSelector.d.ts +9 -0
  122. package/dist/components/pagination/pagination.d.ts +23 -0
  123. package/dist/components/pagination/types.d.ts +2 -0
  124. package/dist/components/popover/index.d.ts +4 -0
  125. package/dist/components/popover/popover.d.ts +19 -0
  126. package/dist/components/radio/index.d.ts +5 -0
  127. package/dist/components/radio/radio.d.ts +17 -0
  128. package/dist/components/radio/radioGroup.d.ts +9 -0
  129. package/dist/components/selection/index.d.ts +5 -0
  130. package/dist/components/selection/selection.d.ts +12 -0
  131. package/dist/components/selection/types.d.ts +1 -0
  132. package/dist/components/spinLoader/index.d.ts +4 -0
  133. package/dist/components/spinLoader/spinLoader.d.ts +8 -0
  134. package/dist/components/systemAlert/index.d.ts +1 -0
  135. package/dist/components/systemAlert/systemAlert.d.ts +4 -0
  136. package/dist/components/systemAlert/types.d.ts +22 -0
  137. package/dist/components/systemMessage/index.d.ts +1 -0
  138. package/dist/components/systemMessage/systemMessage.d.ts +1 -0
  139. package/dist/components/table/constants.d.ts +2 -0
  140. package/dist/components/table/index.d.ts +4 -0
  141. package/dist/components/table/table.d.ts +4 -0
  142. package/dist/components/table/types.d.ts +52 -0
  143. package/dist/components/table/utils.d.ts +6 -0
  144. package/dist/components/themeProvider/index.d.ts +1 -0
  145. package/dist/components/themeProvider/themeProvider.d.ts +3 -1
  146. package/dist/components/toggle/index.d.ts +4 -0
  147. package/dist/components/toggle/toggle.d.ts +12 -0
  148. package/dist/components/tooltip/index.d.ts +1 -0
  149. package/dist/components/tooltip/tooltip.d.ts +23 -0
  150. package/dist/datePicker-efa4e2d6.js +194 -0
  151. package/dist/datePicker.js +27 -0
  152. package/dist/dropdown-0260bb66.js +5 -0
  153. package/dist/dropdown-ec754bbe.js +289 -0
  154. package/dist/dropdown.js +17 -0
  155. package/dist/fieldLabel.js +18 -0
  156. package/dist/fieldNumber-c9113a7f.js +135 -0
  157. package/dist/fieldNumber.js +12 -0
  158. package/dist/fieldText-ba8a917c.js +165 -0
  159. package/dist/fieldText.js +13 -0
  160. package/dist/fieldTextFlex-8afaab31.js +78 -0
  161. package/dist/fieldTextFlex.js +10 -0
  162. package/dist/fileDropArea.js +353 -0
  163. package/dist/fonts/OpenSans/OpenSans-Bold.ttf +0 -0
  164. package/dist/fonts/OpenSans/OpenSans-Medium.ttf +0 -0
  165. package/dist/icons.js +71 -0
  166. package/dist/index-e27a72a8.js +99 -0
  167. package/dist/index.js +133 -10
  168. package/dist/keyCodes-f63c0e11.js +4 -0
  169. package/dist/maxValueDisplay-9be01a75.js +13 -0
  170. package/dist/maxValueDisplay.js +6 -0
  171. package/dist/modal.js +155 -0
  172. package/dist/openEye-7b9cf080.js +7 -0
  173. package/dist/pagination-43330c73.js +347 -0
  174. package/dist/pagination.js +20 -0
  175. package/dist/plus-0929dda4.js +6 -0
  176. package/dist/popover.js +99 -0
  177. package/dist/prevPage-87faf576.js +6 -0
  178. package/dist/radio-62546efa.js +76 -0
  179. package/dist/radio.js +9 -0
  180. package/dist/selection-9124d029.js +38 -0
  181. package/dist/selection.js +10 -0
  182. package/dist/spinLoader-c4a53718.js +11 -0
  183. package/dist/spinLoader.js +7 -0
  184. package/dist/style.css +1 -1
  185. package/dist/success-8fd8bd2c.js +7 -0
  186. package/dist/systemAlert.js +69 -0
  187. package/dist/systemMessage-924fdaa6.js +30 -0
  188. package/dist/systemMessage.js +5 -6
  189. package/dist/table-920fdad9.js +142 -0
  190. package/dist/table.js +11 -0
  191. package/dist/themeProvider-46c2be7b.js +23 -0
  192. package/dist/themeProvider.js +3 -3
  193. package/dist/toggle-304107fa.js +59 -0
  194. package/dist/toggle.js +9 -0
  195. package/dist/tooltip.js +101 -0
  196. package/dist/tree-c3dd3d45.js +6 -0
  197. package/dist/useOnClickOutside-c332f7d3.js +16 -0
  198. package/dist/xls-995781cc.js +11 -0
  199. package/package.json +107 -64
  200. package/dist/bind-e1346f99.js +0 -44
  201. package/dist/button-9e154905.js +0 -1867
  202. package/dist/checkbox-ae12c5f5.js +0 -74
  203. package/dist/constants/key-codes.d.ts +0 -4
  204. package/dist/jsx-runtime-2962e83b.js +0 -631
  205. package/dist/systemMessage-5dc0f1e6.js +0 -30
  206. package/dist/themeProvider-4c0ab2a2.js +0 -19
@@ -0,0 +1,5 @@
1
+ import * as e from "react";
2
+ const t = (l) => /* @__PURE__ */ e.createElement("svg", { width: 8, height: 13, viewBox: "0 0 8 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.54134 12.2173C6.69755 12.3735 6.95081 12.3735 7.10702 12.2173L7.24844 12.0759C7.40465 11.9197 7.40465 11.6664 7.24844 11.5102L1.90539 6.16715L7.24844 0.824097C7.40465 0.667887 7.40465 0.41462 7.24844 0.258411L7.10702 0.116989C6.95081 -0.0392199 6.69755 -0.0392199 6.54134 0.116989L0.998591 5.65973L0.999562 5.6607L0.767094 5.89317C0.610884 6.04938 0.610884 6.30265 0.767093 6.45886L1.48425 7.17602L1.49215 7.16813L6.54134 12.2173Z", fill: "#C1C7D0" }));
3
+ export {
4
+ t as S
5
+ };
@@ -0,0 +1,73 @@
1
+ import { jsxs as x, jsx as n } from "react/jsx-runtime";
2
+ import { c as f } from "./bind-06a7ff84.js";
3
+ import { useRef as y, useId as C } from "react";
4
+ import { K as p } from "./keyCodes-f63c0e11.js";
5
+ const E = "_checkbox_rvc2u_1", D = "_disabled_rvc2u_11", K = "_input_rvc2u_16", N = "_control_rvc2u_23", v = "_children_rvc2u_155", I = {
6
+ checkbox: E,
7
+ disabled: D,
8
+ input: K,
9
+ control: N,
10
+ "partially-checked": "_partially-checked_rvc2u_78",
11
+ children: v
12
+ }, e = f.bind(I), Y = ({
13
+ children: s,
14
+ disabled: c = !1,
15
+ onChange: d,
16
+ className: h,
17
+ value: t,
18
+ partiallyChecked: k,
19
+ title: l,
20
+ ...b
21
+ }) => {
22
+ const o = y(null), a = C(), m = (r) => {
23
+ var _, u;
24
+ const { keyCode: i } = r;
25
+ if (i === p.SPACE_KEY_CODE) {
26
+ r.preventDefault(), (_ = o.current) == null || _.click();
27
+ return;
28
+ }
29
+ i === p.ENTER_KEY_CODE && (r.preventDefault(), (u = o.current) == null || u.click());
30
+ };
31
+ return /* @__PURE__ */ x(
32
+ "label",
33
+ {
34
+ id: a,
35
+ className: e("checkbox", h, {
36
+ disabled: c
37
+ }),
38
+ title: l,
39
+ children: [
40
+ /* @__PURE__ */ n(
41
+ "input",
42
+ {
43
+ ref: o,
44
+ tabIndex: 0,
45
+ type: "checkbox",
46
+ onKeyDown: m,
47
+ className: e("input", { "partially-checked": k }),
48
+ disabled: c,
49
+ onChange: d,
50
+ checked: t,
51
+ title: l,
52
+ ...b
53
+ }
54
+ ),
55
+ /* @__PURE__ */ n(
56
+ "span",
57
+ {
58
+ "aria-labelledby": a,
59
+ role: "checkbox",
60
+ "aria-checked": t,
61
+ className: e("control", {
62
+ disabled: c
63
+ })
64
+ }
65
+ ),
66
+ s && /* @__PURE__ */ n("span", { className: e("children", { disabled: c }), children: s })
67
+ ]
68
+ }
69
+ );
70
+ };
71
+ export {
72
+ Y as C
73
+ };
package/dist/checkbox.js CHANGED
@@ -1,7 +1,8 @@
1
- import { C as r } from "./checkbox-ae12c5f5.js";
2
- import "./jsx-runtime-2962e83b.js";
1
+ import { C as r } from "./checkbox-ed6cc375.js";
2
+ import "react/jsx-runtime";
3
+ import "./bind-06a7ff84.js";
3
4
  import "react";
4
- import "./bind-e1346f99.js";
5
+ import "./keyCodes-f63c0e11.js";
5
6
  export {
6
7
  r as Checkbox,
7
8
  r as default
@@ -0,0 +1,5 @@
1
+ import * as e from "react";
2
+ const t = (l) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.732184 15.2698C0.330645 14.8683 0.330646 14.2172 0.732185 13.8157L6.54859 7.99928L0.732185 2.18288C0.330646 1.78134 0.330645 1.13031 0.732184 0.728774C1.13372 0.327235 1.78475 0.327235 2.18629 0.728774L8.00269 6.54518L13.8191 0.728767C14.2206 0.327229 14.8717 0.327228 15.2732 0.728767C15.6747 1.13031 15.6747 1.78133 15.2732 2.18287L9.45679 7.99928L15.2732 13.8157C15.6747 14.2172 15.6747 14.8683 15.2732 15.2698C14.8717 15.6713 14.2206 15.6713 13.8191 15.2698L8.00269 9.45338L2.18629 15.2698C1.78475 15.6713 1.13372 15.6713 0.732184 15.2698Z", fill: "#A2AAB5" }));
3
+ export {
4
+ t as S
5
+ };
@@ -0,0 +1,24 @@
1
+ export declare enum KeyCodes {
2
+ BACKSPACE_KEY_CODE = 8,
3
+ TAB_KEY_CODE = 9,
4
+ ENTER_KEY_CODE = 13,
5
+ ESCAPE_KEY_CODE = 27,
6
+ SPACE_KEY_CODE = 32,
7
+ ARROW_LEFT_KEY_CODE = 37,
8
+ ARROW_UP_KEY_CODE = 38,
9
+ ARROW_RIGHT_KEY_CODE = 39,
10
+ ARROW_DOWN_KEY_CODE = 40,
11
+ DELETE_KEY_CODE = 46,
12
+ NUMBER_START_KEY_CODE = 48,
13
+ NUMBER_END_KEY_CODE = 57,
14
+ NUM_LOCK_0_KEY_CODE = 96,
15
+ NUM_LOCK_1_KEY_CODE = 97,
16
+ NUM_LOCK_2_KEY_CODE = 98,
17
+ NUM_LOCK_3_KEY_CODE = 99,
18
+ NUM_LOCK_4_KEY_CODE = 100,
19
+ NUM_LOCK_5_KEY_CODE = 101,
20
+ NUM_LOCK_6_KEY_CODE = 102,
21
+ NUM_LOCK_7_KEY_CODE = 103,
22
+ NUM_LOCK_8_KEY_CODE = 104,
23
+ NUM_LOCK_9_KEY_CODE = 105
24
+ }
@@ -0,0 +1,2 @@
1
+ export { useOnClickOutside } from './useOnClickOutside';
2
+ export { useWindowResize } from './useWindowResize';
@@ -0,0 +1,3 @@
1
+ import { RefObject } from 'react';
2
+
3
+ export declare function useOnClickOutside<T extends HTMLElement = HTMLDivElement>(ref: RefObject<T>, handler?: (e?: MouseEvent) => void): void;
@@ -0,0 +1,4 @@
1
+ export declare const useWindowResize: () => {
2
+ width: number;
3
+ height: number;
4
+ };
@@ -0,0 +1,4 @@
1
+ export type ShapeWithClassName<P = Record<string, unknown>> = P & {
2
+ className?: string;
3
+ };
4
+ export type VoidFn = () => void;
@@ -0,0 +1 @@
1
+ export declare const getFileExtension: (fileName: string) => string;
@@ -0,0 +1 @@
1
+ export { getFileExtension } from './getFileExtension';
@@ -0,0 +1,14 @@
1
+ import { VoidFn } from '../../common/types';
2
+
3
+ export interface AttachedFileProps {
4
+ fileName: string;
5
+ size: number;
6
+ isFullWidth?: boolean;
7
+ uploadingProgress?: number;
8
+ isUploading?: boolean;
9
+ isUploadFailed?: boolean;
10
+ uploadFailedMessage?: string;
11
+ onRemove?: VoidFn;
12
+ onDownload?: VoidFn;
13
+ }
14
+ export declare const AttachedFile: ({ fileName, size, uploadingProgress, isUploadFailed, uploadFailedMessage, isUploading, isFullWidth, onDownload, onRemove, }: AttachedFileProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ export { AttachedFile } from './attachedFile';
2
+ export type { AttachedFileProps } from './attachedFile';
@@ -0,0 +1,9 @@
1
+ import { FC, MouseEventHandler, ReactNode, HTMLAttributes } from 'react';
2
+
3
+ export interface BaseIconButtonProps extends HTMLAttributes<HTMLButtonElement> {
4
+ children: ReactNode;
5
+ className?: string;
6
+ disabled?: boolean;
7
+ onClick?: MouseEventHandler<HTMLButtonElement>;
8
+ }
9
+ export declare const BaseIconButton: FC<BaseIconButtonProps>;
@@ -0,0 +1,5 @@
1
+ import { BaseIconButton, BaseIconButtonProps } from './baseIconButton';
2
+
3
+ export { BaseIconButton };
4
+ export type { BaseIconButtonProps };
5
+ export default BaseIconButton;
@@ -0,0 +1,10 @@
1
+ import { BreadcrumbDescriptor } from '../types';
2
+
3
+ interface BreadcrumbProps {
4
+ descriptor: BreadcrumbDescriptor;
5
+ titleTailNumChars?: number;
6
+ isClickable?: boolean;
7
+ variant?: 'default' | 'dark';
8
+ }
9
+ export declare const Breadcrumb: React.FC<BreadcrumbProps>;
10
+ export {};
@@ -0,0 +1 @@
1
+ export { Breadcrumb } from './breadcrumb';
@@ -0,0 +1,3 @@
1
+ import { BreadcrumbsProps } from './types';
2
+
3
+ export declare const Breadcrumbs: ({ descriptors, dataAutomationId, LinkComponent, tree, isBackButton, }: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,13 @@
1
+ import { ReactNode } from 'react';
2
+ import { LinkComponentType } from '../types';
3
+
4
+ export interface BreadcrumbsContextValue {
5
+ LinkComponent?: LinkComponentType;
6
+ }
7
+ export declare const BreadcrumbsContext: import('react').Context<BreadcrumbsContextValue | undefined>;
8
+ interface BreadcrumbsProviderProps {
9
+ children: ReactNode;
10
+ LinkComponent?: LinkComponentType;
11
+ }
12
+ export declare const BreadcrumbsProvider: ({ children, LinkComponent }: BreadcrumbsProviderProps) => import("react/jsx-runtime").JSX.Element;
13
+ export {};
@@ -0,0 +1,3 @@
1
+ import { BreadcrumbsContextValue } from './breadcrumbsProvider';
2
+
3
+ export declare const useBreadcrumbsContext: () => BreadcrumbsContextValue;
@@ -0,0 +1 @@
1
+ export { BreadcrumbsProvider } from './breadcrumbsProvider';
@@ -0,0 +1,6 @@
1
+ import { BreadcrumbDescriptor } from '../types';
2
+
3
+ export interface HiddenBreadcrumbsProps {
4
+ descriptors: BreadcrumbDescriptor[];
5
+ }
6
+ export declare const HiddenBreadcrumbs: ({ descriptors }: HiddenBreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ export { HiddenBreadcrumbs } from './hiddenBreadcrumbs';
2
+ export type { HiddenBreadcrumbsProps } from './hiddenBreadcrumbs';
@@ -0,0 +1,5 @@
1
+ import { Breadcrumbs } from './breadcrumbs';
2
+
3
+ export { Breadcrumbs };
4
+ export type { BreadcrumbDescriptor, TreeDescriptor, LinkComponentType, BreadcrumbsProps, } from './types';
5
+ export default Breadcrumbs;
@@ -0,0 +1 @@
1
+ export { Tree } from './tree';
@@ -0,0 +1,7 @@
1
+ import { TreeDescriptor } from '../types';
2
+
3
+ interface TreeProps {
4
+ tree: TreeDescriptor[];
5
+ }
6
+ export declare const Tree: ({ tree }: TreeProps) => import("react/jsx-runtime").JSX.Element;
7
+ export {};
@@ -0,0 +1,24 @@
1
+ import { ReactNode } from 'react';
2
+
3
+ export interface BreadcrumbDescriptor {
4
+ title: string | ReactNode;
5
+ link?: object | string;
6
+ onClick?: () => void;
7
+ }
8
+ export interface TreeDescriptor extends BreadcrumbDescriptor {
9
+ link: object | string;
10
+ children?: TreeDescriptor[];
11
+ }
12
+ export type LinkComponentType = React.ComponentType<{
13
+ to: object | string;
14
+ className?: string;
15
+ onClick?: () => void;
16
+ children: React.ReactNode;
17
+ }>;
18
+ export interface BreadcrumbsProps {
19
+ descriptors: BreadcrumbDescriptor[];
20
+ LinkComponent?: LinkComponentType;
21
+ tree?: TreeDescriptor[];
22
+ dataAutomationId?: string;
23
+ isBackButton?: boolean;
24
+ }
@@ -0,0 +1,9 @@
1
+ import { FC } from 'react';
2
+
3
+ interface BubblesLoaderProps {
4
+ color?: string;
5
+ className?: string;
6
+ variant?: 'standard' | 'large';
7
+ }
8
+ export declare const BubblesLoader: FC<BubblesLoaderProps>;
9
+ export {};
@@ -0,0 +1,4 @@
1
+ import { BubblesLoader } from './bubblesLoader';
2
+
3
+ export { BubblesLoader };
4
+ export default BubblesLoader;
@@ -1,19 +1,19 @@
1
- import { FC, ReactNode } from 'react';
1
+ import { ReactNode, ComponentPropsWithRef, MouseEventHandler } from 'react';
2
+
2
3
  type IconPlace = 'start' | 'end';
3
- type ButtonVariant = 'primary' | 'ghost' | 'danger' | 'text';
4
- interface ButtonProps {
4
+ type ButtonVariant = 'primary' | 'ghost' | 'danger' | 'text' | 'ghost-danger' | 'text-danger';
5
+ type ButtonWidth = 'content' | 'wide-content' | 'parent' | 'min-width';
6
+ export interface ButtonProps extends ComponentPropsWithRef<'button'> {
5
7
  children?: ReactNode;
6
- icon?: string;
8
+ icon?: ReactNode;
7
9
  iconPlace?: IconPlace;
8
- dataAutomationId?: string;
9
- wide?: boolean;
10
+ adjustWidthOn?: ButtonWidth;
10
11
  disabled?: boolean;
11
12
  type?: 'submit' | 'reset' | 'button';
12
- onClick?: () => void;
13
- form?: string;
13
+ onClick?: MouseEventHandler<HTMLButtonElement>;
14
14
  title?: string;
15
15
  className?: string;
16
16
  variant?: ButtonVariant;
17
17
  }
18
- export declare const Button: FC<ButtonProps>;
18
+ export declare const Button: import('react').ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
19
19
  export {};
@@ -1,3 +1,5 @@
1
- import { Button } from './button';
1
+ import { Button, ButtonProps } from './button';
2
+
2
3
  export { Button };
4
+ export type { ButtonProps };
3
5
  export default Button;
@@ -1,14 +1,13 @@
1
- import { FC, ReactNode } from 'react';
2
- interface CheckboxProps {
3
- value: boolean;
1
+ import { FC, ReactNode, ChangeEventHandler, HTMLAttributes } from 'react';
2
+
3
+ interface CheckboxProps extends HTMLAttributes<HTMLInputElement> {
4
+ value?: boolean;
4
5
  children?: ReactNode;
5
6
  disabled?: boolean;
6
7
  className?: string;
7
- dataAutomationId?: string;
8
- onChange?: () => void;
9
- onFocus?: () => void;
10
- onBlur?: () => void;
11
- form?: string;
8
+ onChange?: ChangeEventHandler<HTMLInputElement>;
9
+ partiallyChecked?: boolean;
10
+ title?: string;
12
11
  }
13
12
  export declare const Checkbox: FC<CheckboxProps>;
14
13
  export {};
@@ -1,3 +1,4 @@
1
1
  import { Checkbox } from './checkbox';
2
+
2
3
  export { Checkbox };
3
4
  export default Checkbox;
@@ -0,0 +1,25 @@
1
+ import { FC, ReactNode, ReactElement } from 'react';
2
+
3
+ interface DatePickerProps {
4
+ onChange?: (date: Date | any) => void;
5
+ onBlur?: () => void;
6
+ onFocus?: () => void;
7
+ headerNodes?: ReactNode;
8
+ disabled?: boolean;
9
+ shouldCloseOnSelect?: boolean;
10
+ fixedHeight?: boolean;
11
+ startDate?: Date | undefined;
12
+ endDate?: Date | undefined;
13
+ customClassName?: string;
14
+ popperClassName?: string;
15
+ calendarClassName?: string;
16
+ customTimeInput?: ReactElement;
17
+ language?: string;
18
+ yearsOptions?: number[];
19
+ placeholder?: string;
20
+ dateFormat?: string;
21
+ selects?: 'start' | 'end' | 'none';
22
+ value?: Date | null;
23
+ }
24
+ export declare const DatePicker: FC<DatePickerProps>;
25
+ export {};
@@ -0,0 +1,16 @@
1
+ import { FC, ReactNode } from 'react';
2
+
3
+ export interface DatePickerHeaderProps {
4
+ changeYear: (year: number) => void;
5
+ changeMonth: (month: number) => void;
6
+ decreaseMonth: () => void;
7
+ increaseMonth: () => void;
8
+ headerNodes: ReactNode;
9
+ date: Date;
10
+ prevMonthButtonDisabled: boolean;
11
+ nextMonthButtonDisabled: boolean;
12
+ customClassName: string;
13
+ yearsOptions: number[];
14
+ locale: string;
15
+ }
16
+ export declare const DatePickerHeader: FC<DatePickerHeaderProps>;
@@ -0,0 +1,4 @@
1
+ import { DatePickerHeader } from './datePickerHeader';
2
+
3
+ export { DatePickerHeader };
4
+ export default DatePickerHeader;
@@ -0,0 +1,5 @@
1
+ import { DatePicker } from './datePicker';
2
+ import { registerDatePickerLocale } from './utils';
3
+
4
+ export { DatePicker, registerDatePickerLocale };
5
+ export default DatePicker;
@@ -0,0 +1,4 @@
1
+ import { Locale } from 'date-fns';
2
+
3
+ export declare const registerDatePickerLocale: (language: string, locale: Locale) => void;
4
+ export declare const getYearsFrom: (start: number, amountYearsToGenerate?: number) => number[];
@@ -0,0 +1,8 @@
1
+ import { KeyCodes } from '../../common/constants/keyCodes';
2
+
3
+ export declare const OPEN_DROPDOWN_KEY_CODES: KeyCodes[];
4
+ export declare const CLOSE_DROPDOWN_KEY_CODES: KeyCodes[];
5
+ export declare enum EventName {
6
+ ON_KEY_DOWN = "onKeyDown",
7
+ ON_CLICK = "onClick"
8
+ }
@@ -0,0 +1,33 @@
1
+ import { ReactNode, FC } from 'react';
2
+ import { DropdownVariant, RenderDropdownOption, DropdownOptionType, DropdownValue } from './types';
3
+
4
+ export interface DropdownProps {
5
+ options: DropdownOptionType[];
6
+ value: DropdownValue | DropdownValue[];
7
+ disabled?: boolean;
8
+ error?: string;
9
+ mobileDisabled?: boolean;
10
+ title?: string;
11
+ touched?: boolean;
12
+ icon?: ReactNode;
13
+ variant?: DropdownVariant;
14
+ placeholder?: string;
15
+ transparentBackground?: boolean;
16
+ className?: string;
17
+ toggleButtonClassName?: string;
18
+ selectListClassName?: string;
19
+ label?: ReactNode;
20
+ onChange: (value: DropdownValue | DropdownValue[]) => void;
21
+ onFocus?: () => void;
22
+ onBlur?: () => void;
23
+ renderOption?: RenderDropdownOption;
24
+ isListWidthLimited?: boolean;
25
+ multiSelect?: boolean;
26
+ optionAll?: DropdownOptionType;
27
+ isOptionAllVisible?: boolean;
28
+ onSelectAll?: () => void;
29
+ formatDisplayedValue?: (value: string | undefined) => string;
30
+ notScrollable?: boolean;
31
+ footer?: ReactNode | ((closeHandler: () => void) => ReactNode);
32
+ }
33
+ export declare const Dropdown: FC<DropdownProps>;
@@ -0,0 +1,4 @@
1
+ import { FC } from 'react';
2
+ import { DropdownOptionProps } from '../types';
3
+
4
+ export declare const DropdownOption: FC<DropdownOptionProps>;
@@ -0,0 +1,4 @@
1
+ import { DropdownOption } from './dropdownOption';
2
+
3
+ export { DropdownOption };
4
+ export default DropdownOption;
@@ -0,0 +1,4 @@
1
+ import { Dropdown } from './dropdown';
2
+
3
+ export { Dropdown };
4
+ export default Dropdown;
@@ -0,0 +1,23 @@
1
+ import { MouseEventHandler, ReactNode } from 'react';
2
+
3
+ export type DropdownVariant = 'default' | 'ghost';
4
+ export type DropdownValue = string | boolean | number;
5
+ export type RenderDropdownOption = (props: DropdownOptionProps) => ReactNode;
6
+ export type DropdownOptionType = {
7
+ value: DropdownValue;
8
+ label: string;
9
+ disabled?: boolean;
10
+ hidden?: boolean;
11
+ title?: string;
12
+ groupRef?: string;
13
+ };
14
+ export interface DropdownOptionProps {
15
+ selected?: boolean;
16
+ onChange?: (value: DropdownValue) => void;
17
+ highlightHovered?: boolean;
18
+ render?: RenderDropdownOption;
19
+ onMouseEnter?: MouseEventHandler<HTMLDivElement>;
20
+ multiSelect?: boolean;
21
+ isPartiallyChecked?: boolean;
22
+ option: DropdownOptionType;
23
+ }
@@ -0,0 +1,5 @@
1
+ import { DropdownValue, DropdownOptionType } from './types';
2
+
3
+ export declare const calculateDefaultIndex: (options: DropdownOptionType[], selectedValue: DropdownValue | DropdownValue[]) => number;
4
+ export declare const calculateNextIndex: (options: DropdownOptionType[], index?: number) => number;
5
+ export declare const calculatePrevIndex: (options: DropdownOptionType[], index?: number) => number;
@@ -0,0 +1,7 @@
1
+ import { DetailedHTMLProps, LabelHTMLAttributes } from 'react';
2
+
3
+ interface FieldLabelProps extends DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement> {
4
+ isRequired?: boolean;
5
+ }
6
+ export declare const FieldLabel: ({ children, isRequired, className, ...rest }: FieldLabelProps) => import("react/jsx-runtime").JSX.Element;
7
+ export {};
@@ -0,0 +1 @@
1
+ export { FieldLabel } from './fieldLabel';
@@ -0,0 +1,5 @@
1
+ import { KeyCodes } from '../../common/constants/keyCodes';
2
+
3
+ export declare const DEFAULT_WIDTH_CH = 5;
4
+ export declare const MAX_WIDTH_CH = 16;
5
+ export declare const ALLOWED_KEY_CODES: KeyCodes[];
@@ -0,0 +1,18 @@
1
+ import { HTMLAttributes, FocusEventHandler } from 'react';
2
+
3
+ type FieldNumberValue = number | string;
4
+ interface FieldNumberProps extends Omit<HTMLAttributes<HTMLInputElement>, 'onChange' | 'onFocus'> {
5
+ onChange: (value: number | string) => void;
6
+ value?: FieldNumberValue;
7
+ placeholder?: string;
8
+ disabled?: boolean;
9
+ label?: string;
10
+ postfix?: string;
11
+ min?: number;
12
+ max?: number;
13
+ title?: string;
14
+ error?: string;
15
+ onFocus?: () => void | FocusEventHandler<HTMLInputElement>;
16
+ }
17
+ export declare const FieldNumber: ({ value, placeholder, disabled, onChange, onFocus, onBlur, label, postfix, min, max, title, error, id, ...rest }: FieldNumberProps) => import("react/jsx-runtime").JSX.Element;
18
+ export {};
@@ -0,0 +1,4 @@
1
+ import { FieldNumber } from './fieldNumber.js';
2
+
3
+ export { FieldNumber };
4
+ export default FieldNumber;
@@ -0,0 +1,32 @@
1
+ import { ChangeEventHandler, ReactNode, InputHTMLAttributes } from 'react';
2
+
3
+ type InputType = 'password' | 'text' | 'email';
4
+ export interface FieldTextProps extends InputHTMLAttributes<HTMLInputElement> {
5
+ value?: string;
6
+ className?: string;
7
+ classNameHelpText?: string;
8
+ error?: string;
9
+ placeholder?: string;
10
+ disabled?: boolean;
11
+ onChange?: ChangeEventHandler<HTMLInputElement>;
12
+ onFocus?: ChangeEventHandler<HTMLInputElement>;
13
+ onBlur?: ChangeEventHandler<HTMLInputElement>;
14
+ touched?: boolean;
15
+ title?: string;
16
+ label?: string;
17
+ helpText?: string;
18
+ defaultWidth?: boolean;
19
+ startIcon?: ReactNode;
20
+ endIcon?: ReactNode;
21
+ clearable?: boolean;
22
+ onClear?: (prevValue?: string) => void;
23
+ isRequired?: boolean;
24
+ hasDoubleMessage?: boolean;
25
+ type?: InputType;
26
+ displayError?: boolean;
27
+ maxLengthDisplay?: number;
28
+ collapsible?: boolean;
29
+ loading?: boolean;
30
+ }
31
+ export declare const FieldText: import('react').ForwardRefExoticComponent<FieldTextProps & import('react').RefAttributes<HTMLInputElement>>;
32
+ export {};
@@ -0,0 +1,4 @@
1
+ import { FieldText } from './fieldText';
2
+
3
+ export { FieldText };
4
+ export default FieldText;
@@ -0,0 +1,16 @@
1
+ import { ChangeEventHandler, ComponentPropsWithRef, FocusEventHandler, KeyboardEventHandler } from 'react';
2
+
3
+ export interface FieldTextFlexProps extends ComponentPropsWithRef<'textarea'> {
4
+ value: string;
5
+ readonly?: boolean;
6
+ error?: string;
7
+ touched?: boolean;
8
+ label?: string;
9
+ helpText?: string;
10
+ maxLengthDisplay?: number;
11
+ onChange?: ChangeEventHandler<HTMLTextAreaElement>;
12
+ onFocus?: FocusEventHandler<HTMLTextAreaElement>;
13
+ onBlur?: FocusEventHandler<HTMLTextAreaElement>;
14
+ onKeyUp?: KeyboardEventHandler<HTMLTextAreaElement>;
15
+ }
16
+ export declare const FieldTextFlex: import('react').ForwardRefExoticComponent<Omit<FieldTextFlexProps, "ref"> & import('react').RefAttributes<HTMLTextAreaElement>>;
@@ -0,0 +1,4 @@
1
+ import { FieldTextFlex } from './fieldTextFlex';
2
+
3
+ export { FieldTextFlex };
4
+ export default FieldTextFlex;