@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.
- package/LICENSE +201 -201
- package/README.md +255 -3
- package/dist/arrowUp-4a5caee7.js +6 -0
- package/dist/attachedFile.js +9 -0
- package/dist/baseIconButton-251479f7.js +25 -0
- package/dist/baseIconButton.js +7 -0
- package/dist/bind-06a7ff84.js +41 -0
- package/dist/breadcrumbs-8e5ca8d7.js +183 -0
- package/dist/breadcrumbs.js +11 -0
- package/dist/bubblesLoader-f3ffa240.js +28 -0
- package/dist/bubblesLoader.js +7 -0
- package/dist/button-97d9e587.js +66 -0
- package/dist/button.js +3 -3
- package/dist/calendarArrow-44c7e60e.js +5 -0
- package/dist/checkbox-ed6cc375.js +73 -0
- package/dist/checkbox.js +4 -3
- package/dist/close-4d480ef7.js +5 -0
- package/dist/common/constants/keyCodes.d.ts +24 -0
- package/dist/common/hooks/index.d.ts +2 -0
- package/dist/common/hooks/useOnClickOutside.d.ts +3 -0
- package/dist/common/hooks/useWindowResize.d.ts +4 -0
- package/dist/common/types.d.ts +4 -0
- package/dist/common/utils/getFileExtension.d.ts +1 -0
- package/dist/common/utils/index.d.ts +1 -0
- package/dist/components/attachedFile/attachedFile.d.ts +14 -0
- package/dist/components/attachedFile/index.d.ts +2 -0
- package/dist/components/baseIconButton/baseIconButton.d.ts +9 -0
- package/dist/components/baseIconButton/index.d.ts +5 -0
- package/dist/components/breadcrumbs/breadcrumb/breadcrumb.d.ts +10 -0
- package/dist/components/breadcrumbs/breadcrumb/index.d.ts +1 -0
- package/dist/components/breadcrumbs/breadcrumbs.d.ts +3 -0
- package/dist/components/breadcrumbs/breadcrumbsProvider/breadcrumbsProvider.d.ts +13 -0
- package/dist/components/breadcrumbs/breadcrumbsProvider/hooks.d.ts +3 -0
- package/dist/components/breadcrumbs/breadcrumbsProvider/index.d.ts +1 -0
- package/dist/components/breadcrumbs/hiddenBreadcrumbs/hiddenBreadcrumbs.d.ts +6 -0
- package/dist/components/breadcrumbs/hiddenBreadcrumbs/index.d.ts +2 -0
- package/dist/components/breadcrumbs/index.d.ts +5 -0
- package/dist/components/breadcrumbs/tree/index.d.ts +1 -0
- package/dist/components/breadcrumbs/tree/tree.d.ts +7 -0
- package/dist/components/breadcrumbs/types.d.ts +24 -0
- package/dist/components/bubblesLoader/bubblesLoader.d.ts +9 -0
- package/dist/components/bubblesLoader/index.d.ts +4 -0
- package/dist/components/button/button.d.ts +9 -9
- package/dist/components/button/index.d.ts +3 -1
- package/dist/components/checkbox/checkbox.d.ts +7 -8
- package/dist/components/checkbox/index.d.ts +1 -0
- package/dist/components/datePicker/datePicker.d.ts +25 -0
- package/dist/components/datePicker/header/datePickerHeader.d.ts +16 -0
- package/dist/components/datePicker/header/index.d.ts +4 -0
- package/dist/components/datePicker/index.d.ts +5 -0
- package/dist/components/datePicker/utils.d.ts +4 -0
- package/dist/components/dropdown/constants.d.ts +8 -0
- package/dist/components/dropdown/dropdown.d.ts +33 -0
- package/dist/components/dropdown/dropdownOption/dropdownOption.d.ts +4 -0
- package/dist/components/dropdown/dropdownOption/index.d.ts +4 -0
- package/dist/components/dropdown/index.d.ts +4 -0
- package/dist/components/dropdown/types.d.ts +23 -0
- package/dist/components/dropdown/utils.d.ts +5 -0
- package/dist/components/fieldLabel/fieldLabel.d.ts +7 -0
- package/dist/components/fieldLabel/index.d.ts +1 -0
- package/dist/components/fieldNumber/constants.d.ts +5 -0
- package/dist/components/fieldNumber/fieldNumber.d.ts +18 -0
- package/dist/components/fieldNumber/index.d.ts +4 -0
- package/dist/components/fieldText/fieldText.d.ts +32 -0
- package/dist/components/fieldText/index.d.ts +4 -0
- package/dist/components/fieldTextFlex/fieldTextFlex.d.ts +16 -0
- package/dist/components/fieldTextFlex/index.d.ts +4 -0
- package/dist/components/fileDropArea/attachedFilesList/attachedFilesList.d.ts +20 -0
- package/dist/components/fileDropArea/attachedFilesList/index.d.ts +5 -0
- package/dist/components/fileDropArea/browseButton/browseButton.d.ts +9 -0
- package/dist/components/fileDropArea/browseButton/index.d.ts +4 -0
- package/dist/components/fileDropArea/constants.d.ts +2 -0
- package/dist/components/fileDropArea/dropZone/dropZone.d.ts +10 -0
- package/dist/components/fileDropArea/dropZone/index.d.ts +4 -0
- package/dist/components/fileDropArea/errorMessage/errorMessage.d.ts +5 -0
- package/dist/components/fileDropArea/errorMessage/index.d.ts +4 -0
- package/dist/components/fileDropArea/fileDropArea.d.ts +19 -0
- package/dist/components/fileDropArea/fileDropAreaProvider/fileDropAreaProvider.d.ts +17 -0
- package/dist/components/fileDropArea/fileDropAreaProvider/index.d.ts +1 -0
- package/dist/components/fileDropArea/fileDropAreaProvider/useFileDropAreaContext.d.ts +3 -0
- package/dist/components/fileDropArea/hooks/index.d.ts +1 -0
- package/dist/components/fileDropArea/hooks/useFileDropArea.d.ts +13 -0
- package/dist/components/fileDropArea/hooks/useFileProcessing.d.ts +13 -0
- package/dist/components/fileDropArea/hooks/useOverlayDropArea.d.ts +22 -0
- package/dist/components/fileDropArea/index.d.ts +6 -0
- package/dist/components/fileDropArea/types.d.ts +57 -0
- package/dist/components/fileDropArea/utils/getValidationErrorMessage.d.ts +3 -0
- package/dist/components/fileDropArea/utils/index.d.ts +2 -0
- package/dist/components/fileDropArea/utils/validateFile.d.ts +3 -0
- package/dist/components/icons/index.d.ts +57 -0
- package/dist/components/index.d.ts +22 -0
- package/dist/components/maxValueDisplay/index.d.ts +4 -0
- package/dist/components/maxValueDisplay/maxValueDisplay.d.ts +8 -0
- package/dist/components/maxValueDisplay/utils/index.d.ts +1 -0
- package/dist/components/maxValueDisplay/utils/isPositiveInteger.d.ts +1 -0
- package/dist/components/modal/index.d.ts +4 -0
- package/dist/components/modal/modal.d.ts +25 -0
- package/dist/components/modal/modalContent/index.d.ts +1 -0
- package/dist/components/modal/modalContent/modalContent.d.ts +8 -0
- package/dist/components/modal/modalFooter/index.d.ts +2 -0
- package/dist/components/modal/modalFooter/modalFooter.d.ts +14 -0
- package/dist/components/modal/modalHeader/index.d.ts +1 -0
- package/dist/components/modal/modalHeader/modalHeader.d.ts +9 -0
- package/dist/components/modal/types.d.ts +6 -0
- package/dist/components/pagination/index.d.ts +5 -0
- package/dist/components/pagination/itemsCounter/index.d.ts +1 -0
- package/dist/components/pagination/itemsCounter/itemCounter.d.ts +10 -0
- package/dist/components/pagination/pageControls/activePage/activePage.d.ts +13 -0
- package/dist/components/pagination/pageControls/activePage/index.d.ts +1 -0
- package/dist/components/pagination/pageControls/activePage/pageSelector/index.d.ts +1 -0
- package/dist/components/pagination/pageControls/activePage/pageSelector/pageSelector.d.ts +11 -0
- package/dist/components/pagination/pageControls/index.d.ts +1 -0
- package/dist/components/pagination/pageControls/pageControls.d.ts +17 -0
- package/dist/components/pagination/pageControls/pageNavigator/bar/bar.d.ts +12 -0
- package/dist/components/pagination/pageControls/pageNavigator/bar/index.d.ts +1 -0
- package/dist/components/pagination/pageControls/pageNavigator/index.d.ts +1 -0
- package/dist/components/pagination/pageControls/pageNavigator/pageNavigator.d.ts +12 -0
- package/dist/components/pagination/pageSizeControl/index.d.ts +1 -0
- package/dist/components/pagination/pageSizeControl/pageSizeControl.d.ts +11 -0
- package/dist/components/pagination/pageSizeControl/sizeSelector/index.d.ts +1 -0
- package/dist/components/pagination/pageSizeControl/sizeSelector/sizeSelector.d.ts +9 -0
- package/dist/components/pagination/pagination.d.ts +23 -0
- package/dist/components/pagination/types.d.ts +2 -0
- package/dist/components/popover/index.d.ts +4 -0
- package/dist/components/popover/popover.d.ts +19 -0
- package/dist/components/radio/index.d.ts +5 -0
- package/dist/components/radio/radio.d.ts +17 -0
- package/dist/components/radio/radioGroup.d.ts +9 -0
- package/dist/components/selection/index.d.ts +5 -0
- package/dist/components/selection/selection.d.ts +12 -0
- package/dist/components/selection/types.d.ts +1 -0
- package/dist/components/spinLoader/index.d.ts +4 -0
- package/dist/components/spinLoader/spinLoader.d.ts +8 -0
- package/dist/components/systemAlert/index.d.ts +1 -0
- package/dist/components/systemAlert/systemAlert.d.ts +4 -0
- package/dist/components/systemAlert/types.d.ts +22 -0
- package/dist/components/systemMessage/index.d.ts +1 -0
- package/dist/components/systemMessage/systemMessage.d.ts +1 -0
- package/dist/components/table/constants.d.ts +2 -0
- package/dist/components/table/index.d.ts +4 -0
- package/dist/components/table/table.d.ts +4 -0
- package/dist/components/table/types.d.ts +52 -0
- package/dist/components/table/utils.d.ts +6 -0
- package/dist/components/themeProvider/index.d.ts +1 -0
- package/dist/components/themeProvider/themeProvider.d.ts +3 -1
- package/dist/components/toggle/index.d.ts +4 -0
- package/dist/components/toggle/toggle.d.ts +12 -0
- package/dist/components/tooltip/index.d.ts +1 -0
- package/dist/components/tooltip/tooltip.d.ts +23 -0
- package/dist/datePicker-efa4e2d6.js +194 -0
- package/dist/datePicker.js +27 -0
- package/dist/dropdown-0260bb66.js +5 -0
- package/dist/dropdown-ec754bbe.js +289 -0
- package/dist/dropdown.js +17 -0
- package/dist/fieldLabel.js +18 -0
- package/dist/fieldNumber-c9113a7f.js +135 -0
- package/dist/fieldNumber.js +12 -0
- package/dist/fieldText-ba8a917c.js +165 -0
- package/dist/fieldText.js +13 -0
- package/dist/fieldTextFlex-8afaab31.js +78 -0
- package/dist/fieldTextFlex.js +10 -0
- package/dist/fileDropArea.js +353 -0
- package/dist/fonts/OpenSans/OpenSans-Bold.ttf +0 -0
- package/dist/fonts/OpenSans/OpenSans-Medium.ttf +0 -0
- package/dist/icons.js +71 -0
- package/dist/index-e27a72a8.js +99 -0
- package/dist/index.js +133 -10
- package/dist/keyCodes-f63c0e11.js +4 -0
- package/dist/maxValueDisplay-9be01a75.js +13 -0
- package/dist/maxValueDisplay.js +6 -0
- package/dist/modal.js +155 -0
- package/dist/openEye-7b9cf080.js +7 -0
- package/dist/pagination-43330c73.js +347 -0
- package/dist/pagination.js +20 -0
- package/dist/plus-0929dda4.js +6 -0
- package/dist/popover.js +99 -0
- package/dist/prevPage-87faf576.js +6 -0
- package/dist/radio-62546efa.js +76 -0
- package/dist/radio.js +9 -0
- package/dist/selection-9124d029.js +38 -0
- package/dist/selection.js +10 -0
- package/dist/spinLoader-c4a53718.js +11 -0
- package/dist/spinLoader.js +7 -0
- package/dist/style.css +1 -1
- package/dist/success-8fd8bd2c.js +7 -0
- package/dist/systemAlert.js +69 -0
- package/dist/systemMessage-924fdaa6.js +30 -0
- package/dist/systemMessage.js +5 -6
- package/dist/table-920fdad9.js +142 -0
- package/dist/table.js +11 -0
- package/dist/themeProvider-46c2be7b.js +23 -0
- package/dist/themeProvider.js +3 -3
- package/dist/toggle-304107fa.js +59 -0
- package/dist/toggle.js +9 -0
- package/dist/tooltip.js +101 -0
- package/dist/tree-c3dd3d45.js +6 -0
- package/dist/useOnClickOutside-c332f7d3.js +16 -0
- package/dist/xls-995781cc.js +11 -0
- package/package.json +107 -64
- package/dist/bind-e1346f99.js +0 -44
- package/dist/button-9e154905.js +0 -1867
- package/dist/checkbox-ae12c5f5.js +0 -74
- package/dist/constants/key-codes.d.ts +0 -4
- package/dist/jsx-runtime-2962e83b.js +0 -631
- package/dist/systemMessage-5dc0f1e6.js +0 -30
- 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-
|
|
2
|
-
import "
|
|
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 "./
|
|
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 @@
|
|
|
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,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,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,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 @@
|
|
|
1
|
+
export { BreadcrumbsProvider } from './breadcrumbsProvider';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Tree } from './tree';
|
|
@@ -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
|
+
}
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ReactNode, ComponentPropsWithRef, MouseEventHandler } from 'react';
|
|
2
|
+
|
|
2
3
|
type IconPlace = 'start' | 'end';
|
|
3
|
-
type ButtonVariant = 'primary' | 'ghost' | 'danger' | 'text';
|
|
4
|
-
|
|
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?:
|
|
8
|
+
icon?: ReactNode;
|
|
7
9
|
iconPlace?: IconPlace;
|
|
8
|
-
|
|
9
|
-
wide?: boolean;
|
|
10
|
+
adjustWidthOn?: ButtonWidth;
|
|
10
11
|
disabled?: boolean;
|
|
11
12
|
type?: 'submit' | 'reset' | 'button';
|
|
12
|
-
onClick?:
|
|
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:
|
|
18
|
+
export declare const Button: import('react').ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
|
|
19
19
|
export {};
|
|
@@ -1,14 +1,13 @@
|
|
|
1
|
-
import { FC, ReactNode } from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
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
|
-
|
|
8
|
-
|
|
9
|
-
|
|
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 {};
|
|
@@ -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,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,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,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,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,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>>;
|