tenjin-ui-kit 0.2.167 → 0.2.170
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.
|
@@ -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
|
+
}
|
|
@@ -12,7 +12,7 @@ var _styles = require("@mui/material/styles");
|
|
|
12
12
|
var _react = _interopRequireDefault(require("react"));
|
|
13
13
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
14
14
|
var _text = _interopRequireDefault(require("../text"));
|
|
15
|
-
var _excluded = ["label", "id", "fullWidth", "disableAutocomplete", "startIcon", "endIcon", "size", "error", "errorMessage", "isRequired", "isDisabled", "isPastDateDisabled", "readOnly"];
|
|
15
|
+
var _excluded = ["label", "id", "fullWidth", "disableAutocomplete", "startIcon", "endIcon", "size", "error", "errorMessage", "isRequired", "isDisabled", "isPastDateDisabled", "readOnly", "helperText"];
|
|
16
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
17
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
18
18
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
@@ -36,6 +36,7 @@ var Input = function Input(_ref) {
|
|
|
36
36
|
isDisabled = _ref.isDisabled,
|
|
37
37
|
isPastDateDisabled = _ref.isPastDateDisabled,
|
|
38
38
|
readOnly = _ref.readOnly,
|
|
39
|
+
helperText = _ref.helperText,
|
|
39
40
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
40
41
|
var theme = (0, _styles.useTheme)();
|
|
41
42
|
var minDate = new Date().toISOString().split("T")[0];
|
|
@@ -75,11 +76,11 @@ var Input = function Input(_ref) {
|
|
|
75
76
|
helperText: errorMessage,
|
|
76
77
|
disabled: isDisabled,
|
|
77
78
|
inputProps: _objectSpread({
|
|
78
|
-
readOnly: readOnly ?
|
|
79
|
+
readOnly: readOnly ? "readOnly" : null
|
|
79
80
|
}, isPastDateDisabled && {
|
|
80
81
|
min: minDate
|
|
81
82
|
})
|
|
82
|
-
}, rest)), error && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.
|
|
83
|
+
}, rest)), error && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.OutlinedInput, _extends({
|
|
83
84
|
required: isRequired,
|
|
84
85
|
id: id,
|
|
85
86
|
autoComplete: disableAutocomplete ? "nothing" : null,
|
|
@@ -102,11 +103,16 @@ var Input = function Input(_ref) {
|
|
|
102
103
|
helperText: errorMessage,
|
|
103
104
|
error: true,
|
|
104
105
|
inputProps: _objectSpread({
|
|
105
|
-
readOnly: readOnly ?
|
|
106
|
+
readOnly: readOnly ? "readOnly" : null
|
|
106
107
|
}, isPastDateDisabled && {
|
|
107
108
|
min: minDate
|
|
108
109
|
})
|
|
109
|
-
}, rest))
|
|
110
|
+
}, rest)), /*#__PURE__*/_react.default.createElement(_material.FormHelperText, {
|
|
111
|
+
sx: {
|
|
112
|
+
color: "red"
|
|
113
|
+
},
|
|
114
|
+
id: "component-error-text"
|
|
115
|
+
}, errorMessage || helperText)));
|
|
110
116
|
};
|
|
111
117
|
Input.propTypes = {
|
|
112
118
|
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.170",
|
|
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
|
+
}
|