tenjin-ui-kit 0.2.166 → 0.2.168
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/components/InputWithChip/index.js +5 -1
- package/components/RightContext/index.css +20 -20
- package/components/browsingTestCaseLayout/style.css +82 -82
- package/components/fileUploader/index.js +19 -1
- package/components/input/index.js +7 -2
- package/components/optionMenu/index.js +25 -25
- package/package.json +119 -119
|
@@ -83,7 +83,11 @@ var InputWithChip = function InputWithChip(_ref) {
|
|
|
83
83
|
}, label && /*#__PURE__*/_react.default.createElement(_text.default, {
|
|
84
84
|
color: theme.palette.grey[600],
|
|
85
85
|
required: isRequired
|
|
86
|
-
}, label
|
|
86
|
+
}, label, isRequired ? /*#__PURE__*/_react.default.createElement("span", {
|
|
87
|
+
style: {
|
|
88
|
+
color: "red"
|
|
89
|
+
}
|
|
90
|
+
}, " * ") : ""), /*#__PURE__*/_react.default.createElement(_material.TextField, _extends({
|
|
87
91
|
value: txtValue
|
|
88
92
|
}, rest, {
|
|
89
93
|
id: id,
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
.contextContainer {
|
|
2
|
-
z-index: 1;
|
|
3
|
-
width: 100%;
|
|
4
|
-
height: 500px;
|
|
5
|
-
background: #673ab7;
|
|
6
|
-
}
|
|
7
|
-
.rightClick {
|
|
8
|
-
z-index: 12;
|
|
9
|
-
position: fixed;
|
|
10
|
-
background: rgb(240, 200, 1);
|
|
11
|
-
}
|
|
12
|
-
.menuElement {
|
|
13
|
-
color: #222222;
|
|
14
|
-
cursor: pointer;
|
|
15
|
-
padding: 17px 36px;
|
|
16
|
-
}
|
|
17
|
-
.menuElement:hover {
|
|
18
|
-
color: #fff;
|
|
19
|
-
background: #009688;
|
|
20
|
-
}
|
|
1
|
+
.contextContainer {
|
|
2
|
+
z-index: 1;
|
|
3
|
+
width: 100%;
|
|
4
|
+
height: 500px;
|
|
5
|
+
background: #673ab7;
|
|
6
|
+
}
|
|
7
|
+
.rightClick {
|
|
8
|
+
z-index: 12;
|
|
9
|
+
position: fixed;
|
|
10
|
+
background: rgb(240, 200, 1);
|
|
11
|
+
}
|
|
12
|
+
.menuElement {
|
|
13
|
+
color: #222222;
|
|
14
|
+
cursor: pointer;
|
|
15
|
+
padding: 17px 36px;
|
|
16
|
+
}
|
|
17
|
+
.menuElement:hover {
|
|
18
|
+
color: #fff;
|
|
19
|
+
background: #009688;
|
|
20
|
+
}
|
|
@@ -1,82 +1,82 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
--box-width: 200px;
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
body {
|
|
6
|
-
margin: 40px;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
.wrapper {
|
|
10
|
-
background-color: #fff;
|
|
11
|
-
color: #444;
|
|
12
|
-
display: flex;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.box {
|
|
16
|
-
background-color: #444;
|
|
17
|
-
color: #fff;
|
|
18
|
-
border-radius: 5px;
|
|
19
|
-
padding: 20px;
|
|
20
|
-
font-size: 12px;
|
|
21
|
-
|
|
22
|
-
box-sizing: border-box;
|
|
23
|
-
|
|
24
|
-
flex: 1 1 auto;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.handler {
|
|
28
|
-
width: 20px;
|
|
29
|
-
padding: 0;
|
|
30
|
-
cursor: ew-resize;
|
|
31
|
-
flex: 0 0 auto;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.handler::before {
|
|
35
|
-
content: "";
|
|
36
|
-
display: block;
|
|
37
|
-
width: 2px;
|
|
38
|
-
height: calc(100vh - 34px);
|
|
39
|
-
background: #c0c0c0;
|
|
40
|
-
margin: 0 auto;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.arrowButton {
|
|
44
|
-
display: flex;
|
|
45
|
-
justify-content: flex-end;
|
|
46
|
-
/* transition: 0.4s; */
|
|
47
|
-
width: 100%;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
.verticalText {
|
|
51
|
-
display: flex;
|
|
52
|
-
flex-direction: column;
|
|
53
|
-
justify-content: center;
|
|
54
|
-
writing-mode: vertical-lr;
|
|
55
|
-
text-orientation: mixed;
|
|
56
|
-
transform: rotate(180deg);
|
|
57
|
-
font-size: 1.3rem;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
.leftWrapper {
|
|
61
|
-
background-color: #fff;
|
|
62
|
-
color: black;
|
|
63
|
-
border-radius: 5px;
|
|
64
|
-
padding: 0rem 0.5rem;
|
|
65
|
-
font-size: 12px;
|
|
66
|
-
box-sizing: border-box;
|
|
67
|
-
flex: 1 1 auto;
|
|
68
|
-
min-width: var(--box-width);
|
|
69
|
-
flex-grow: 0;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
.rightWrapper {
|
|
73
|
-
background-color: #fff;
|
|
74
|
-
color: black;
|
|
75
|
-
border-radius: 5px;
|
|
76
|
-
padding: 0rem 0.5rem;
|
|
77
|
-
font-size: 12px;
|
|
78
|
-
box-sizing: border-box;
|
|
79
|
-
flex: 1 1 auto;
|
|
80
|
-
min-width: var(--box-width);
|
|
81
|
-
flex-grow: 1;
|
|
82
|
-
}
|
|
1
|
+
:root {
|
|
2
|
+
--box-width: 200px;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
body {
|
|
6
|
+
margin: 40px;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.wrapper {
|
|
10
|
+
background-color: #fff;
|
|
11
|
+
color: #444;
|
|
12
|
+
display: flex;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.box {
|
|
16
|
+
background-color: #444;
|
|
17
|
+
color: #fff;
|
|
18
|
+
border-radius: 5px;
|
|
19
|
+
padding: 20px;
|
|
20
|
+
font-size: 12px;
|
|
21
|
+
|
|
22
|
+
box-sizing: border-box;
|
|
23
|
+
|
|
24
|
+
flex: 1 1 auto;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.handler {
|
|
28
|
+
width: 20px;
|
|
29
|
+
padding: 0;
|
|
30
|
+
cursor: ew-resize;
|
|
31
|
+
flex: 0 0 auto;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.handler::before {
|
|
35
|
+
content: "";
|
|
36
|
+
display: block;
|
|
37
|
+
width: 2px;
|
|
38
|
+
height: calc(100vh - 34px);
|
|
39
|
+
background: #c0c0c0;
|
|
40
|
+
margin: 0 auto;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.arrowButton {
|
|
44
|
+
display: flex;
|
|
45
|
+
justify-content: flex-end;
|
|
46
|
+
/* transition: 0.4s; */
|
|
47
|
+
width: 100%;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.verticalText {
|
|
51
|
+
display: flex;
|
|
52
|
+
flex-direction: column;
|
|
53
|
+
justify-content: center;
|
|
54
|
+
writing-mode: vertical-lr;
|
|
55
|
+
text-orientation: mixed;
|
|
56
|
+
transform: rotate(180deg);
|
|
57
|
+
font-size: 1.3rem;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.leftWrapper {
|
|
61
|
+
background-color: #fff;
|
|
62
|
+
color: black;
|
|
63
|
+
border-radius: 5px;
|
|
64
|
+
padding: 0rem 0.5rem;
|
|
65
|
+
font-size: 12px;
|
|
66
|
+
box-sizing: border-box;
|
|
67
|
+
flex: 1 1 auto;
|
|
68
|
+
min-width: var(--box-width);
|
|
69
|
+
flex-grow: 0;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.rightWrapper {
|
|
73
|
+
background-color: #fff;
|
|
74
|
+
color: black;
|
|
75
|
+
border-radius: 5px;
|
|
76
|
+
padding: 0rem 0.5rem;
|
|
77
|
+
font-size: 12px;
|
|
78
|
+
box-sizing: border-box;
|
|
79
|
+
flex: 1 1 auto;
|
|
80
|
+
min-width: var(--box-width);
|
|
81
|
+
flex-grow: 1;
|
|
82
|
+
}
|
|
@@ -46,8 +46,26 @@ var FileUploader = function FileUploader(props) {
|
|
|
46
46
|
setSelectedFile = props.setSelectedFile,
|
|
47
47
|
key = props.key;
|
|
48
48
|
var fileInputRef = (0, _react.useRef)(null);
|
|
49
|
+
|
|
50
|
+
// const handleFileInput = (e) => {
|
|
51
|
+
// e.target.files[0] && setSelectedFile(e.target.files);
|
|
52
|
+
// };
|
|
49
53
|
var handleFileInput = function handleFileInput(e) {
|
|
50
|
-
e.target.files[0] && setSelectedFile(e.target.files);
|
|
54
|
+
// e.target.files[0] && setSelectedFile(e.target.files);
|
|
55
|
+
var selectedFile = e.target.files[0];
|
|
56
|
+
if (selectedFile) {
|
|
57
|
+
var _selectedFile$name, _selectedFile$name$sp, _selectedFile$name$sp2;
|
|
58
|
+
var excludedExtensions = [".zip", ".exe", ".batch", ".webm", ".mp4", ".mp3", ".bat", ".js", ".vbs", ".html", ".scr", ".cmd", ".rar", ".svg"];
|
|
59
|
+
var fileExtension = selectedFile === null || selectedFile === void 0 ? void 0 : (_selectedFile$name = selectedFile.name) === null || _selectedFile$name === void 0 ? void 0 : (_selectedFile$name$sp = _selectedFile$name.split(".")) === null || _selectedFile$name$sp === void 0 ? void 0 : (_selectedFile$name$sp2 = _selectedFile$name$sp.pop()) === null || _selectedFile$name$sp2 === void 0 ? void 0 : _selectedFile$name$sp2.toLowerCase();
|
|
60
|
+
if (excludedExtensions.some(function (ext) {
|
|
61
|
+
return selectedFile.name.endsWith(ext);
|
|
62
|
+
})) {
|
|
63
|
+
alert("Selected file type .".concat(fileExtension, " is not allowed."));
|
|
64
|
+
e.target.value = null;
|
|
65
|
+
} else {
|
|
66
|
+
e.target.files[0] && setSelectedFile(e.target.files);
|
|
67
|
+
}
|
|
68
|
+
}
|
|
51
69
|
};
|
|
52
70
|
var handleDrop = function handleDrop(e) {
|
|
53
71
|
e.preventDefault();
|
|
@@ -79,7 +79,7 @@ var Input = function Input(_ref) {
|
|
|
79
79
|
}, isPastDateDisabled && {
|
|
80
80
|
min: minDate
|
|
81
81
|
})
|
|
82
|
-
}, rest)), error && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.
|
|
82
|
+
}, rest)), error && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.OutlinedInput, _extends({
|
|
83
83
|
required: isRequired,
|
|
84
84
|
id: id,
|
|
85
85
|
autoComplete: disableAutocomplete ? "nothing" : null,
|
|
@@ -106,7 +106,12 @@ var Input = function Input(_ref) {
|
|
|
106
106
|
}, isPastDateDisabled && {
|
|
107
107
|
min: minDate
|
|
108
108
|
})
|
|
109
|
-
}, rest))
|
|
109
|
+
}, rest)), /*#__PURE__*/_react.default.createElement(_material.FormHelperText, {
|
|
110
|
+
sx: {
|
|
111
|
+
color: "red"
|
|
112
|
+
},
|
|
113
|
+
id: "component-error-text"
|
|
114
|
+
}, errorMessage)));
|
|
110
115
|
};
|
|
111
116
|
Input.propTypes = {
|
|
112
117
|
label: _propTypes.default.string,
|
|
@@ -20,31 +20,31 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
|
|
|
20
20
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
21
21
|
var ITEM_HEIGHT = 500;
|
|
22
22
|
|
|
23
|
-
/**
|
|
24
|
-
*
|
|
25
|
-
* @param {{
|
|
26
|
-
* options: Array<{
|
|
27
|
-
* name: String | Number,
|
|
28
|
-
* displayName: String,
|
|
29
|
-
* onClick: (name: String | Number, optionId: String | Number) => void,
|
|
30
|
-
* visibility?: boolean,
|
|
31
|
-
* divider?: boolean
|
|
32
|
-
* }>,
|
|
33
|
-
* optionId?: String | Number,
|
|
34
|
-
* }} props
|
|
35
|
-
* @description
|
|
36
|
-
* options: provide this object in an array for options
|
|
37
|
-
* {
|
|
38
|
-
* name, displayName , onClick, visibility, divider
|
|
39
|
-
* }
|
|
40
|
-
* name: name for Menuoption it will act like ID
|
|
41
|
-
* displayname: To display name
|
|
42
|
-
* onClick: Accepts a callbac function, this function will provide name in parameter
|
|
43
|
-
* visibility: (optional) if set to false, the option will be disabled
|
|
44
|
-
* divider: (optional) if set to true, a divider line will be displayed after the MenuItem
|
|
45
|
-
*
|
|
46
|
-
* optionId: Provide an option ID to get it as 2nd parameter of callback function
|
|
47
|
-
* @returns An option component
|
|
23
|
+
/**
|
|
24
|
+
*
|
|
25
|
+
* @param {{
|
|
26
|
+
* options: Array<{
|
|
27
|
+
* name: String | Number,
|
|
28
|
+
* displayName: String,
|
|
29
|
+
* onClick: (name: String | Number, optionId: String | Number) => void,
|
|
30
|
+
* visibility?: boolean,
|
|
31
|
+
* divider?: boolean
|
|
32
|
+
* }>,
|
|
33
|
+
* optionId?: String | Number,
|
|
34
|
+
* }} props
|
|
35
|
+
* @description
|
|
36
|
+
* options: provide this object in an array for options
|
|
37
|
+
* {
|
|
38
|
+
* name, displayName , onClick, visibility, divider
|
|
39
|
+
* }
|
|
40
|
+
* name: name for Menuoption it will act like ID
|
|
41
|
+
* displayname: To display name
|
|
42
|
+
* onClick: Accepts a callbac function, this function will provide name in parameter
|
|
43
|
+
* visibility: (optional) if set to false, the option will be disabled
|
|
44
|
+
* divider: (optional) if set to true, a divider line will be displayed after the MenuItem
|
|
45
|
+
*
|
|
46
|
+
* optionId: Provide an option ID to get it as 2nd parameter of callback function
|
|
47
|
+
* @returns An option component
|
|
48
48
|
*/
|
|
49
49
|
|
|
50
50
|
var OptionMenu = function OptionMenu(_ref) {
|
package/package.json
CHANGED
|
@@ -1,119 +1,119 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "tenjin-ui-kit",
|
|
3
|
-
"version": "0.2.
|
|
4
|
-
"repository": {
|
|
5
|
-
"url": "https://gitlab.com/yethi/react/tenjin-ui-kit.git"
|
|
6
|
-
},
|
|
7
|
-
"dependencies": {
|
|
8
|
-
"@floating-ui/dom": "^1.2.1",
|
|
9
|
-
"@mantine/core": "^5.10.1",
|
|
10
|
-
"@mantine/hooks": "^5.10.1",
|
|
11
|
-
"@mantine/rte": "^5.10.1",
|
|
12
|
-
"@mui/icons-material": "^5.11.0",
|
|
13
|
-
"@mui/lab": "^5.0.0-alpha.116",
|
|
14
|
-
"@mui/styles": "^5.11.2",
|
|
15
|
-
"@testing-library/jest-dom": "^5.16.5",
|
|
16
|
-
"@testing-library/react": "^13.4.0",
|
|
17
|
-
"@testing-library/user-event": "^13.5.0",
|
|
18
|
-
"aria-hidden": "^1.2.2",
|
|
19
|
-
"axios": "^0.26.0",
|
|
20
|
-
"clsx": "^1.2.1",
|
|
21
|
-
"d3-hierarchy": "^3.1.2",
|
|
22
|
-
"feather-icons": "^4.29.0",
|
|
23
|
-
"final-form": "^4.20.9",
|
|
24
|
-
"material-ui-popup-state": "^5.0.8",
|
|
25
|
-
"moment": "^2.29.4",
|
|
26
|
-
"react-beautiful-dnd": "^13.1.1",
|
|
27
|
-
"react-dnd": "^16.0.1",
|
|
28
|
-
"react-dnd-html5-backend": "^16.0.1",
|
|
29
|
-
"react-dropzone": "^14.2.3",
|
|
30
|
-
"react-feather": "^2.0.10",
|
|
31
|
-
"react-final-form": "^6.5.9",
|
|
32
|
-
"react-flow-renderer": "^10.3.17",
|
|
33
|
-
"react-icons": "^4.10.1",
|
|
34
|
-
"react-moment": "^1.1.3",
|
|
35
|
-
"react-scripts": "5.0.1",
|
|
36
|
-
"react-select": "^5.7.4",
|
|
37
|
-
"react-sortable-hoc": "^2.0.0",
|
|
38
|
-
"reactflow": "^11.6.1",
|
|
39
|
-
"storybook-react-context": "^0.6.0",
|
|
40
|
-
"styled-components": "^5.3.9",
|
|
41
|
-
"uuid": "^9.0.0",
|
|
42
|
-
"web-vitals": "^2.1.4"
|
|
43
|
-
},
|
|
44
|
-
"scripts": {
|
|
45
|
-
"start": "react-scripts start",
|
|
46
|
-
"build": "react-scripts build",
|
|
47
|
-
"test": "react-scripts test",
|
|
48
|
-
"eject": "react-scripts eject",
|
|
49
|
-
"storybook": "start-storybook -p 6006 -s public",
|
|
50
|
-
"build-storybook": "build-storybook -s public",
|
|
51
|
-
"clean": "rimraf dist",
|
|
52
|
-
"compile": "npm run clean && cross-env NODE_ENV=production babel src/package --out-dir dist --copy-files --ignore __tests__,spec.js,test.js,stories.js,__snapshots__"
|
|
53
|
-
},
|
|
54
|
-
"eslintConfig": {
|
|
55
|
-
"extends": [
|
|
56
|
-
"react-app",
|
|
57
|
-
"react-app/jest"
|
|
58
|
-
],
|
|
59
|
-
"overrides": [
|
|
60
|
-
{
|
|
61
|
-
"files": [
|
|
62
|
-
"**/*.stories.*"
|
|
63
|
-
],
|
|
64
|
-
"rules": {
|
|
65
|
-
"import/no-anonymous-default-export": "off"
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
]
|
|
69
|
-
},
|
|
70
|
-
"browserslist": {
|
|
71
|
-
"production": [
|
|
72
|
-
">0.2%",
|
|
73
|
-
"not dead",
|
|
74
|
-
"not op_mini all"
|
|
75
|
-
],
|
|
76
|
-
"development": [
|
|
77
|
-
"last 1 chrome version",
|
|
78
|
-
"last 1 firefox version",
|
|
79
|
-
"last 1 safari version"
|
|
80
|
-
]
|
|
81
|
-
},
|
|
82
|
-
"devDependencies": {
|
|
83
|
-
"@babel/cli": "^7.20.7",
|
|
84
|
-
"@babel/preset-env": "^7.20.2",
|
|
85
|
-
"@babel/preset-react": "^7.18.6",
|
|
86
|
-
"@emotion/react": "^11.10.5",
|
|
87
|
-
"@emotion/styled": "^11.10.5",
|
|
88
|
-
"@mui/material": "^5.11.3",
|
|
89
|
-
"@storybook/addon-actions": "^6.5.15",
|
|
90
|
-
"@storybook/addon-essentials": "^6.5.15",
|
|
91
|
-
"@storybook/addon-interactions": "^6.5.15",
|
|
92
|
-
"@storybook/addon-links": "^6.5.15",
|
|
93
|
-
"@storybook/builder-webpack5": "^6.5.15",
|
|
94
|
-
"@storybook/manager-webpack5": "^6.5.15",
|
|
95
|
-
"@storybook/node-logger": "^6.5.15",
|
|
96
|
-
"@storybook/preset-create-react-app": "^4.1.2",
|
|
97
|
-
"@storybook/react": "^6.5.15",
|
|
98
|
-
"@storybook/testing-library": "^0.0.13",
|
|
99
|
-
"babel-plugin-named-exports-order": "^0.0.2",
|
|
100
|
-
"cross-env": "^7.0.3",
|
|
101
|
-
"prop-types": "^15.8.1",
|
|
102
|
-
"react": "^18.2.0",
|
|
103
|
-
"react-dom": "^18.2.0",
|
|
104
|
-
"react-router-dom": "^6.6.1",
|
|
105
|
-
"rimraf": "^3.0.2",
|
|
106
|
-
"webpack": "^5.75.0"
|
|
107
|
-
},
|
|
108
|
-
"peerDependencies": {
|
|
109
|
-
"@emotion/react": "^11.10.5",
|
|
110
|
-
"@emotion/styled": "^11.10.5",
|
|
111
|
-
"@mui/material": "^5.11.3",
|
|
112
|
-
"@testing-library/jest-dom": "^5.16.5",
|
|
113
|
-
"@testing-library/react": "^13.4.0",
|
|
114
|
-
"@testing-library/user-event": "^13.5.0",
|
|
115
|
-
"react": "^18.2.0",
|
|
116
|
-
"react-dom": "^18.2.0",
|
|
117
|
-
"react-router-dom": "^6.6.1"
|
|
118
|
-
}
|
|
119
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "tenjin-ui-kit",
|
|
3
|
+
"version": "0.2.168",
|
|
4
|
+
"repository": {
|
|
5
|
+
"url": "https://gitlab.com/yethi/react/tenjin-ui-kit.git"
|
|
6
|
+
},
|
|
7
|
+
"dependencies": {
|
|
8
|
+
"@floating-ui/dom": "^1.2.1",
|
|
9
|
+
"@mantine/core": "^5.10.1",
|
|
10
|
+
"@mantine/hooks": "^5.10.1",
|
|
11
|
+
"@mantine/rte": "^5.10.1",
|
|
12
|
+
"@mui/icons-material": "^5.11.0",
|
|
13
|
+
"@mui/lab": "^5.0.0-alpha.116",
|
|
14
|
+
"@mui/styles": "^5.11.2",
|
|
15
|
+
"@testing-library/jest-dom": "^5.16.5",
|
|
16
|
+
"@testing-library/react": "^13.4.0",
|
|
17
|
+
"@testing-library/user-event": "^13.5.0",
|
|
18
|
+
"aria-hidden": "^1.2.2",
|
|
19
|
+
"axios": "^0.26.0",
|
|
20
|
+
"clsx": "^1.2.1",
|
|
21
|
+
"d3-hierarchy": "^3.1.2",
|
|
22
|
+
"feather-icons": "^4.29.0",
|
|
23
|
+
"final-form": "^4.20.9",
|
|
24
|
+
"material-ui-popup-state": "^5.0.8",
|
|
25
|
+
"moment": "^2.29.4",
|
|
26
|
+
"react-beautiful-dnd": "^13.1.1",
|
|
27
|
+
"react-dnd": "^16.0.1",
|
|
28
|
+
"react-dnd-html5-backend": "^16.0.1",
|
|
29
|
+
"react-dropzone": "^14.2.3",
|
|
30
|
+
"react-feather": "^2.0.10",
|
|
31
|
+
"react-final-form": "^6.5.9",
|
|
32
|
+
"react-flow-renderer": "^10.3.17",
|
|
33
|
+
"react-icons": "^4.10.1",
|
|
34
|
+
"react-moment": "^1.1.3",
|
|
35
|
+
"react-scripts": "5.0.1",
|
|
36
|
+
"react-select": "^5.7.4",
|
|
37
|
+
"react-sortable-hoc": "^2.0.0",
|
|
38
|
+
"reactflow": "^11.6.1",
|
|
39
|
+
"storybook-react-context": "^0.6.0",
|
|
40
|
+
"styled-components": "^5.3.9",
|
|
41
|
+
"uuid": "^9.0.0",
|
|
42
|
+
"web-vitals": "^2.1.4"
|
|
43
|
+
},
|
|
44
|
+
"scripts": {
|
|
45
|
+
"start": "react-scripts start",
|
|
46
|
+
"build": "react-scripts build",
|
|
47
|
+
"test": "react-scripts test",
|
|
48
|
+
"eject": "react-scripts eject",
|
|
49
|
+
"storybook": "start-storybook -p 6006 -s public",
|
|
50
|
+
"build-storybook": "build-storybook -s public",
|
|
51
|
+
"clean": "rimraf dist",
|
|
52
|
+
"compile": "npm run clean && cross-env NODE_ENV=production babel src/package --out-dir dist --copy-files --ignore __tests__,spec.js,test.js,stories.js,__snapshots__"
|
|
53
|
+
},
|
|
54
|
+
"eslintConfig": {
|
|
55
|
+
"extends": [
|
|
56
|
+
"react-app",
|
|
57
|
+
"react-app/jest"
|
|
58
|
+
],
|
|
59
|
+
"overrides": [
|
|
60
|
+
{
|
|
61
|
+
"files": [
|
|
62
|
+
"**/*.stories.*"
|
|
63
|
+
],
|
|
64
|
+
"rules": {
|
|
65
|
+
"import/no-anonymous-default-export": "off"
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
]
|
|
69
|
+
},
|
|
70
|
+
"browserslist": {
|
|
71
|
+
"production": [
|
|
72
|
+
">0.2%",
|
|
73
|
+
"not dead",
|
|
74
|
+
"not op_mini all"
|
|
75
|
+
],
|
|
76
|
+
"development": [
|
|
77
|
+
"last 1 chrome version",
|
|
78
|
+
"last 1 firefox version",
|
|
79
|
+
"last 1 safari version"
|
|
80
|
+
]
|
|
81
|
+
},
|
|
82
|
+
"devDependencies": {
|
|
83
|
+
"@babel/cli": "^7.20.7",
|
|
84
|
+
"@babel/preset-env": "^7.20.2",
|
|
85
|
+
"@babel/preset-react": "^7.18.6",
|
|
86
|
+
"@emotion/react": "^11.10.5",
|
|
87
|
+
"@emotion/styled": "^11.10.5",
|
|
88
|
+
"@mui/material": "^5.11.3",
|
|
89
|
+
"@storybook/addon-actions": "^6.5.15",
|
|
90
|
+
"@storybook/addon-essentials": "^6.5.15",
|
|
91
|
+
"@storybook/addon-interactions": "^6.5.15",
|
|
92
|
+
"@storybook/addon-links": "^6.5.15",
|
|
93
|
+
"@storybook/builder-webpack5": "^6.5.15",
|
|
94
|
+
"@storybook/manager-webpack5": "^6.5.15",
|
|
95
|
+
"@storybook/node-logger": "^6.5.15",
|
|
96
|
+
"@storybook/preset-create-react-app": "^4.1.2",
|
|
97
|
+
"@storybook/react": "^6.5.15",
|
|
98
|
+
"@storybook/testing-library": "^0.0.13",
|
|
99
|
+
"babel-plugin-named-exports-order": "^0.0.2",
|
|
100
|
+
"cross-env": "^7.0.3",
|
|
101
|
+
"prop-types": "^15.8.1",
|
|
102
|
+
"react": "^18.2.0",
|
|
103
|
+
"react-dom": "^18.2.0",
|
|
104
|
+
"react-router-dom": "^6.6.1",
|
|
105
|
+
"rimraf": "^3.0.2",
|
|
106
|
+
"webpack": "^5.75.0"
|
|
107
|
+
},
|
|
108
|
+
"peerDependencies": {
|
|
109
|
+
"@emotion/react": "^11.10.5",
|
|
110
|
+
"@emotion/styled": "^11.10.5",
|
|
111
|
+
"@mui/material": "^5.11.3",
|
|
112
|
+
"@testing-library/jest-dom": "^5.16.5",
|
|
113
|
+
"@testing-library/react": "^13.4.0",
|
|
114
|
+
"@testing-library/user-event": "^13.5.0",
|
|
115
|
+
"react": "^18.2.0",
|
|
116
|
+
"react-dom": "^18.2.0",
|
|
117
|
+
"react-router-dom": "^6.6.1"
|
|
118
|
+
}
|
|
119
|
+
}
|