tenjin-ui-kit 0.2.136 → 0.2.137
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/package.json +1 -1
- package/dist/common/hooks/apiHooks.js +0 -223
- package/dist/common/hooks/newApiHook.js +0 -270
- package/dist/common/utils/security/index.js +0 -11
- package/dist/common/utils/security/securityConfig.js +0 -8
- package/dist/components/Canvas.js +0 -254
- package/dist/components/DragBox/index.js +0 -45
- package/dist/components/InputWithChip/index.js +0 -149
- package/dist/components/RightContext/index.css +0 -20
- package/dist/components/RightContext/index.js +0 -86
- package/dist/components/WorkFlow.js +0 -47
- package/dist/components/WorkFlowBuilder.js +0 -130
- package/dist/components/alert/Style.js +0 -23
- package/dist/components/alert/index.js +0 -69
- package/dist/components/attachment/index.js +0 -138
- package/dist/components/authenticationProvider/AuthError.js +0 -24
- package/dist/components/authenticationProvider/AuthLoader.js +0 -21
- package/dist/components/authenticationProvider/index.js +0 -128
- package/dist/components/avatar/index.js +0 -95
- package/dist/components/avatar/styles.js +0 -94
- package/dist/components/breadCrumbs/index.js +0 -162
- package/dist/components/breadCrumbs/style.js +0 -11
- package/dist/components/browsingTestCaseLayout/DetailsViewLayout/DetailsViewContent/index.js +0 -19
- package/dist/components/browsingTestCaseLayout/DetailsViewLayout/DetailsViewContent/style.js +0 -15
- package/dist/components/browsingTestCaseLayout/DetailsViewLayout/DetailsViewHeader/index.js +0 -36
- package/dist/components/browsingTestCaseLayout/TreeViewLayout/TreeViewContent/Index.js +0 -26
- package/dist/components/browsingTestCaseLayout/TreeViewLayout/TreeViewHeader/Index.js +0 -48
- package/dist/components/browsingTestCaseLayout/TreeViewLayout/TreeViewHeader/style.js +0 -26
- package/dist/components/browsingTestCaseLayout/index.js +0 -187
- package/dist/components/browsingTestCaseLayout/style.css +0 -82
- package/dist/components/button/index.js +0 -131
- package/dist/components/checkBox/index.js +0 -30
- package/dist/components/divider/index.js +0 -39
- package/dist/components/editableField/index.js +0 -125
- package/dist/components/error/index.js +0 -56
- package/dist/components/errorBoundary/Error.jpg +0 -0
- package/dist/components/errorBoundary/index.js +0 -160
- package/dist/components/fileUploader/index.js +0 -124
- package/dist/components/fileUploader/style.js +0 -60
- package/dist/components/iconButton/index.js +0 -35
- package/dist/components/iconButton/style.js +0 -1
- package/dist/components/input/index.js +0 -124
- package/dist/components/layout/index.js +0 -98
- package/dist/components/layout/main/index.js +0 -27
- package/dist/components/layout/main/style.js +0 -22
- package/dist/components/layout/pageContent/index.js +0 -30
- package/dist/components/layout/sidebar/FlatMenu.js +0 -64
- package/dist/components/layout/sidebar/GroupedIconMenu.js +0 -227
- package/dist/components/layout/sidebar/GroupedMenu.js +0 -68
- package/dist/components/layout/sidebar/ProjectMenu.js +0 -230
- package/dist/components/layout/sidebar/index.js +0 -84
- package/dist/components/layout/sidebar/style.js +0 -154
- package/dist/components/layout/topBar/ProjectTopbar.js +0 -234
- package/dist/components/layout/topBar/UserAvatar.js +0 -102
- package/dist/components/layout/topBar/index.js +0 -132
- package/dist/components/loader/index.js +0 -28
- package/dist/components/menu/index.js +0 -80
- package/dist/components/modal/Modal.js +0 -56
- package/dist/components/modal/index.js +0 -88
- package/dist/components/modal/style.js +0 -60
- package/dist/components/optionMenu/index.js +0 -112
- package/dist/components/pagination/index.js +0 -129
- package/dist/components/pagination/style.js +0 -36
- package/dist/components/paper/index.js +0 -44
- package/dist/components/paper/style.js +0 -34
- package/dist/components/reactSelect/index.js +0 -212
- package/dist/components/reactSelect/style.js +0 -163
- package/dist/components/richTextEditor/index.js +0 -34
- package/dist/components/richTextEditor/style.js +0 -1
- package/dist/components/select/SimpleSelect.js +0 -123
- package/dist/components/select/index.js +0 -211
- package/dist/components/simpleSelect/index.js +0 -122
- package/dist/components/switch/index.js +0 -73
- package/dist/components/switch/style.js +0 -42
- package/dist/components/switch/switch.js +0 -110
- package/dist/components/table/ReactTable.js +0 -116
- package/dist/components/table/SimpleTable.js +0 -57
- package/dist/components/table/index.js +0 -257
- package/dist/components/text/index.js +0 -64
- package/dist/components/timeStamp/index.js +0 -40
- package/dist/components/timeStamp/style.js +0 -23
- package/dist/components/topBar/index.js +0 -176
- package/dist/components/tree/index.js +0 -314
- package/dist/components/tree/style.js +0 -32
- package/dist/components/valuePicker/ValueSelector.js +0 -275
- package/dist/components/valuePicker/index.js +0 -133
- package/dist/components/wrapperLayout/layout/index.js +0 -30
- package/dist/components/wrapperLayout/layout/style.js +0 -1
- package/dist/components/wrapperLayout/main/index.js +0 -22
- package/dist/components/wrapperLayout/main/pageContainer/index.js +0 -28
- package/dist/components/wrapperLayout/main/sideBar/index.js +0 -262
- package/dist/components/wrapperLayout/main/sideBar/style.js +0 -196
- package/dist/components/wrapperLayout/topBar/UserAvatar.js +0 -17
- package/dist/components/wrapperLayout/topBar/avatar.js +0 -57
- package/dist/components/wrapperLayout/topBar/index.js +0 -182
- package/dist/components/wrapperLayout/topBar/menuIcon.js +0 -14
- package/dist/components/wrapperLayout/topBar/style.js +0 -77
- package/dist/http/index.js +0 -225
- package/dist/index.js +0 -320
- package/dist/templates/listPage/index.js +0 -301
- package/dist/themes/default.js +0 -253
- package/dist/themes/defaultSmall.js +0 -86
- package/dist/themes/responsiveTheme.js +0 -250
|
@@ -1,187 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.default = void 0;
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _DetailsViewContent = _interopRequireDefault(require("./DetailsViewLayout/DetailsViewContent"));
|
|
10
|
-
var _DetailsViewHeader = _interopRequireDefault(require("./DetailsViewLayout/DetailsViewHeader"));
|
|
11
|
-
var _Index = _interopRequireDefault(require("./TreeViewLayout/TreeViewContent/Index"));
|
|
12
|
-
var _Index2 = _interopRequireDefault(require("./TreeViewLayout/TreeViewHeader/Index"));
|
|
13
|
-
require("./style.css");
|
|
14
|
-
var _material = require("@mui/material");
|
|
15
|
-
var _bs = require("react-icons/bs");
|
|
16
|
-
var _iconButton = _interopRequireDefault(require("../iconButton"));
|
|
17
|
-
var _text = _interopRequireDefault(require("../text"));
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
20
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
22
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
23
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
24
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
25
|
-
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
26
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
27
|
-
var BrowsingTestCaseLayout = function BrowsingTestCaseLayout(_ref) {
|
|
28
|
-
var collapse = _ref.collapse,
|
|
29
|
-
hasExtraContent = _ref.hasExtraContent,
|
|
30
|
-
children = _ref.children,
|
|
31
|
-
leftHandle = _ref.leftHandle,
|
|
32
|
-
onlyRightHandle = _ref.onlyRightHandle,
|
|
33
|
-
leftHandelerDetails = _ref.leftHandelerDetails;
|
|
34
|
-
// return <div className="browsing-test-case-layout">{children}</div>;
|
|
35
|
-
// console.log("Browser", children);
|
|
36
|
-
var _useState = (0, _react.useState)(false),
|
|
37
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
38
|
-
isHandlerDragging = _useState2[0],
|
|
39
|
-
setIsHandlerDragging = _useState2[1];
|
|
40
|
-
var _useState3 = (0, _react.useState)(200),
|
|
41
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
42
|
-
boxAWidth = _useState4[0],
|
|
43
|
-
setBoxAWidth = _useState4[1];
|
|
44
|
-
var _useState5 = (0, _react.useState)(true),
|
|
45
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
46
|
-
expand = _useState6[0],
|
|
47
|
-
setExpand = _useState6[1];
|
|
48
|
-
var wrapperRef = (0, _react.useRef)(null);
|
|
49
|
-
var boxARef = (0, _react.useRef)(null);
|
|
50
|
-
var handleMouseDown = function handleMouseDown(e) {
|
|
51
|
-
setIsHandlerDragging(true);
|
|
52
|
-
};
|
|
53
|
-
var handleMouseMove = function handleMouseMove(e) {
|
|
54
|
-
if (!isHandlerDragging) {
|
|
55
|
-
return false;
|
|
56
|
-
}
|
|
57
|
-
var containerOffsetLeft = wrapperRef.current.offsetLeft;
|
|
58
|
-
var pointerRelativeXpos = e.clientX - containerOffsetLeft;
|
|
59
|
-
var boxAminWidth = 60;
|
|
60
|
-
setBoxAWidth(Math.max(boxAminWidth, pointerRelativeXpos - 8));
|
|
61
|
-
};
|
|
62
|
-
var handleMouseUp = function handleMouseUp(e) {
|
|
63
|
-
setIsHandlerDragging(false);
|
|
64
|
-
};
|
|
65
|
-
_react.default.useEffect(function () {
|
|
66
|
-
if (collapse) {
|
|
67
|
-
setExpand(false);
|
|
68
|
-
} else {
|
|
69
|
-
setExpand(true);
|
|
70
|
-
}
|
|
71
|
-
}, [collapse]);
|
|
72
|
-
_react.default.useEffect(function () {
|
|
73
|
-
if (expand) {
|
|
74
|
-
document.addEventListener("mousemove", handleMouseMove);
|
|
75
|
-
document.addEventListener("mouseup", handleMouseUp);
|
|
76
|
-
return function () {
|
|
77
|
-
document.removeEventListener("mousemove", handleMouseMove);
|
|
78
|
-
document.removeEventListener("mouseup", handleMouseUp);
|
|
79
|
-
};
|
|
80
|
-
} else {
|
|
81
|
-
setBoxAWidth(50);
|
|
82
|
-
}
|
|
83
|
-
}, [isHandlerDragging, expand]);
|
|
84
|
-
document.documentElement.style.setProperty("--box-width", "".concat(boxAWidth, "px"));
|
|
85
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
86
|
-
class: "wrapper",
|
|
87
|
-
ref: wrapperRef
|
|
88
|
-
}, /*#__PURE__*/_react.default.createElement(_material.Paper, {
|
|
89
|
-
ref: boxARef,
|
|
90
|
-
elevation: 0,
|
|
91
|
-
className: "leftWrapper"
|
|
92
|
-
}, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !expand ? /*#__PURE__*/_react.default.createElement("div", {
|
|
93
|
-
style: {
|
|
94
|
-
marginTop: "2rem"
|
|
95
|
-
}
|
|
96
|
-
}, /*#__PURE__*/_react.default.createElement(_text.default, {
|
|
97
|
-
style: {
|
|
98
|
-
color: "#44409A"
|
|
99
|
-
},
|
|
100
|
-
className: "verticalText",
|
|
101
|
-
semibold: true
|
|
102
|
-
}, "Test Repository")) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children[0], children[1])))), /*#__PURE__*/_react.default.createElement("div", {
|
|
103
|
-
style: {
|
|
104
|
-
display: "flex",
|
|
105
|
-
justifyContent: "center",
|
|
106
|
-
alignItems: "center",
|
|
107
|
-
flexDirection: "column"
|
|
108
|
-
}
|
|
109
|
-
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
110
|
-
style: {
|
|
111
|
-
marginTop: "-0.3rem"
|
|
112
|
-
}
|
|
113
|
-
}, /*#__PURE__*/_react.default.createElement(_iconButton.default, {
|
|
114
|
-
title: expand ? "Collapse" : "Expand",
|
|
115
|
-
icon: expand ? /*#__PURE__*/_react.default.createElement(_bs.BsArrowLeftCircle, {
|
|
116
|
-
style: {
|
|
117
|
-
width: "20px",
|
|
118
|
-
height: "20px"
|
|
119
|
-
}
|
|
120
|
-
}) : /*#__PURE__*/_react.default.createElement(_bs.BsArrowRightCircle, {
|
|
121
|
-
style: {
|
|
122
|
-
width: "20px",
|
|
123
|
-
height: "20px"
|
|
124
|
-
}
|
|
125
|
-
}),
|
|
126
|
-
onClick: function onClick() {
|
|
127
|
-
return setExpand(!expand);
|
|
128
|
-
}
|
|
129
|
-
}), " "), /*#__PURE__*/_react.default.createElement("div", {
|
|
130
|
-
class: "handler",
|
|
131
|
-
onMouseDown: handleMouseDown
|
|
132
|
-
})), expand ? /*#__PURE__*/_react.default.createElement(_material.Paper, {
|
|
133
|
-
ref: boxARef,
|
|
134
|
-
elevation: 0,
|
|
135
|
-
className: "rightWrapper"
|
|
136
|
-
}, children[2], children[3]) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Paper, {
|
|
137
|
-
ref: boxARef,
|
|
138
|
-
elevation: 0,
|
|
139
|
-
className: "rightWrapper"
|
|
140
|
-
}, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children[2], children[3])), leftHandelerDetails && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !onlyRightHandle && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !hasExtraContent && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
141
|
-
style: {
|
|
142
|
-
display: "flex",
|
|
143
|
-
justifyContent: "center",
|
|
144
|
-
alignItems: "center",
|
|
145
|
-
flexDirection: "column"
|
|
146
|
-
}
|
|
147
|
-
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
148
|
-
style: {
|
|
149
|
-
marginTop: "-0.3rem"
|
|
150
|
-
}
|
|
151
|
-
}, /*#__PURE__*/_react.default.createElement(_iconButton.default, {
|
|
152
|
-
title: !expand ? "Collapse" : "Expand",
|
|
153
|
-
icon: !expand ? /*#__PURE__*/_react.default.createElement(_bs.BsArrowLeftCircle, {
|
|
154
|
-
style: {
|
|
155
|
-
width: "20px",
|
|
156
|
-
height: "20px"
|
|
157
|
-
}
|
|
158
|
-
}) : /*#__PURE__*/_react.default.createElement(_bs.BsArrowRightCircle, {
|
|
159
|
-
style: {
|
|
160
|
-
width: "20px",
|
|
161
|
-
height: "20px"
|
|
162
|
-
}
|
|
163
|
-
})
|
|
164
|
-
// onClick={() => setExpand(!expand)}
|
|
165
|
-
,
|
|
166
|
-
onClick: leftHandle
|
|
167
|
-
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
168
|
-
class: "handler",
|
|
169
|
-
onMouseDown: handleMouseDown
|
|
170
|
-
})), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
171
|
-
style: {
|
|
172
|
-
marginTop: "2rem"
|
|
173
|
-
}
|
|
174
|
-
}, /*#__PURE__*/_react.default.createElement(_text.default, {
|
|
175
|
-
style: {
|
|
176
|
-
color: "#44409A"
|
|
177
|
-
},
|
|
178
|
-
className: "verticalText",
|
|
179
|
-
semibold: true
|
|
180
|
-
}, "Properties")))))))));
|
|
181
|
-
};
|
|
182
|
-
BrowsingTestCaseLayout.TreeViewContent = _Index.default;
|
|
183
|
-
BrowsingTestCaseLayout.TreeViewHeader = _Index2.default;
|
|
184
|
-
BrowsingTestCaseLayout.DetailsViewContent = _DetailsViewContent.default;
|
|
185
|
-
BrowsingTestCaseLayout.DetailsViewHeader = _DetailsViewHeader.default;
|
|
186
|
-
var _default = BrowsingTestCaseLayout;
|
|
187
|
-
exports.default = _default;
|
|
@@ -1,82 +0,0 @@
|
|
|
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,131 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = exports.ButtonLoader = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _material = require("@mui/material");
|
|
9
|
-
var _styles = require("@mui/material/styles");
|
|
10
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
var _text = _interopRequireDefault(require("../text"));
|
|
12
|
-
var _Menu = _interopRequireDefault(require("@mui/material/Menu"));
|
|
13
|
-
var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
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); }
|
|
16
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
17
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
18
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
19
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
20
|
-
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
21
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
22
|
-
var Button = function Button(props) {
|
|
23
|
-
var loading = props.loading,
|
|
24
|
-
loadingText = props.loadingText,
|
|
25
|
-
children = props.children,
|
|
26
|
-
size = props.size,
|
|
27
|
-
onClick = props.onClick,
|
|
28
|
-
color = props.color,
|
|
29
|
-
fixedWidth = props.fixedWidth,
|
|
30
|
-
type = props.type;
|
|
31
|
-
var handleClick = function handleClick(e) {
|
|
32
|
-
if (loading) {
|
|
33
|
-
e.preventDefault();
|
|
34
|
-
} else {
|
|
35
|
-
onClick && onClick(e);
|
|
36
|
-
}
|
|
37
|
-
};
|
|
38
|
-
var menuItems = props.menuItems,
|
|
39
|
-
setSelectedMenu = props.setSelectedMenu;
|
|
40
|
-
var _React$useState = _react.default.useState(null),
|
|
41
|
-
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
42
|
-
anchorEl = _React$useState2[0],
|
|
43
|
-
setAnchorEl = _React$useState2[1];
|
|
44
|
-
var open = Boolean(anchorEl);
|
|
45
|
-
var handleMenuClick = function handleMenuClick(event) {
|
|
46
|
-
setAnchorEl(event.currentTarget);
|
|
47
|
-
};
|
|
48
|
-
var handleClose = function handleClose(e) {
|
|
49
|
-
setAnchorEl(null);
|
|
50
|
-
};
|
|
51
|
-
var handleMenuItemClick = function handleMenuItemClick(value) {
|
|
52
|
-
setSelectedMenu(value);
|
|
53
|
-
handleClose();
|
|
54
|
-
};
|
|
55
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !type ? /*#__PURE__*/_react.default.createElement(_material.Button, _extends({
|
|
56
|
-
onClick: handleClick
|
|
57
|
-
}, props, {
|
|
58
|
-
sx: fixedWidth && {
|
|
59
|
-
minWidth: 148
|
|
60
|
-
}
|
|
61
|
-
}), loading ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(ButtonLoader, {
|
|
62
|
-
buttonColor: color,
|
|
63
|
-
size: size,
|
|
64
|
-
loadingText: loadingText
|
|
65
|
-
}), loadingText && {
|
|
66
|
-
loadingText: loadingText
|
|
67
|
-
}) : children) : /*#__PURE__*/_react.default.createElement("div", {
|
|
68
|
-
style: {
|
|
69
|
-
display: "flex",
|
|
70
|
-
justifyContent: "flex-end",
|
|
71
|
-
gap: 20,
|
|
72
|
-
alignItems: "center"
|
|
73
|
-
}
|
|
74
|
-
}, /*#__PURE__*/_react.default.createElement(_material.Button, _extends({
|
|
75
|
-
size: "small",
|
|
76
|
-
"aria-controls": open ? "basic-menu" : undefined,
|
|
77
|
-
"aria-haspopup": "true",
|
|
78
|
-
"aria-expanded": open ? "true" : undefined,
|
|
79
|
-
onClick: handleMenuClick
|
|
80
|
-
}, props), children), /*#__PURE__*/_react.default.createElement(_Menu.default, {
|
|
81
|
-
id: "basic-menu",
|
|
82
|
-
anchorEl: anchorEl,
|
|
83
|
-
open: open,
|
|
84
|
-
onClose: function onClose(e) {
|
|
85
|
-
return handleClose(e);
|
|
86
|
-
},
|
|
87
|
-
MenuListProps: {
|
|
88
|
-
"aria-labelledby": "basic-button"
|
|
89
|
-
},
|
|
90
|
-
sx: {
|
|
91
|
-
mt: "0.7rem"
|
|
92
|
-
}
|
|
93
|
-
}, menuItems && (menuItems === null || menuItems === void 0 ? void 0 : menuItems.map(function (item, key) {
|
|
94
|
-
return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
|
|
95
|
-
onClick: function onClick(e) {
|
|
96
|
-
handleClose(e);
|
|
97
|
-
handleMenuItemClick(item);
|
|
98
|
-
},
|
|
99
|
-
key: item.item
|
|
100
|
-
}, item.item);
|
|
101
|
-
})))));
|
|
102
|
-
};
|
|
103
|
-
var ButtonLoader = function ButtonLoader(_ref) {
|
|
104
|
-
var buttonColor = _ref.buttonColor,
|
|
105
|
-
size = _ref.size,
|
|
106
|
-
loadingText = _ref.loadingText;
|
|
107
|
-
var theme = (0, _styles.useTheme)();
|
|
108
|
-
var resolvedButtonColor = theme.palette[buttonColor] ? theme.palette[buttonColor].main : theme.palette.primary.main;
|
|
109
|
-
var textColor = theme.palette.getContrastText(resolvedButtonColor);
|
|
110
|
-
return /*#__PURE__*/_react.default.createElement(_material.CircularProgress, {
|
|
111
|
-
size: size === "small" ? 20 : size === "large" ? 24 : 22,
|
|
112
|
-
sx: {
|
|
113
|
-
marginRight: loadingText ? "0.5rem" : "initial",
|
|
114
|
-
color: textColor
|
|
115
|
-
}
|
|
116
|
-
});
|
|
117
|
-
};
|
|
118
|
-
exports.ButtonLoader = ButtonLoader;
|
|
119
|
-
Button.defaultProps = {
|
|
120
|
-
color: "primary"
|
|
121
|
-
};
|
|
122
|
-
Button.propTypes = {
|
|
123
|
-
loading: _propTypes.default.bool,
|
|
124
|
-
loadingText: _propTypes.default.string,
|
|
125
|
-
children: _propTypes.default.any,
|
|
126
|
-
size: _propTypes.default.string,
|
|
127
|
-
onClick: _propTypes.default.func,
|
|
128
|
-
color: _propTypes.default.string
|
|
129
|
-
};
|
|
130
|
-
var _default = Button;
|
|
131
|
-
exports.default = _default;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _material = require("@mui/material");
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _text = _interopRequireDefault(require("../text"));
|
|
10
|
-
var _excluded = ["label"];
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
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); }
|
|
13
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
14
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
15
|
-
var CheckBox = function CheckBox(props) {
|
|
16
|
-
var label = props.label,
|
|
17
|
-
rest = _objectWithoutProperties(props, _excluded);
|
|
18
|
-
return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.FormControlLabel, _extends({
|
|
19
|
-
control: /*#__PURE__*/_react.default.createElement(_material.Checkbox, rest),
|
|
20
|
-
label: /*#__PURE__*/_react.default.createElement(_text.default, null, label)
|
|
21
|
-
}, rest)));
|
|
22
|
-
};
|
|
23
|
-
CheckBox.defaultProps = {
|
|
24
|
-
size: "medium",
|
|
25
|
-
color: "primary",
|
|
26
|
-
defaultChecked: true,
|
|
27
|
-
labelPlacement: "right"
|
|
28
|
-
};
|
|
29
|
-
var _default = CheckBox;
|
|
30
|
-
exports.default = _default;
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = Divider;
|
|
7
|
-
var React = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _styles = require("@mui/material/styles");
|
|
9
|
-
var _material = require("@mui/material");
|
|
10
|
-
var _Chip = _interopRequireDefault(require("@mui/material/Chip"));
|
|
11
|
-
var _text = _interopRequireDefault(require("../text"));
|
|
12
|
-
var _responsiveTheme = _interopRequireDefault(require("../../themes/responsiveTheme"));
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
16
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
17
|
-
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; }
|
|
18
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
19
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
20
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
21
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
22
|
-
var Root = (0, _styles.styled)("div")(function () {
|
|
23
|
-
return _objectSpread(_objectSpread({
|
|
24
|
-
width: "100%"
|
|
25
|
-
}, _responsiveTheme.default.typography.body2), {}, {
|
|
26
|
-
"& > :not(style) + :not(style)": {
|
|
27
|
-
marginTop: _responsiveTheme.default.spacing(2)
|
|
28
|
-
}
|
|
29
|
-
});
|
|
30
|
-
});
|
|
31
|
-
function Divider(props) {
|
|
32
|
-
return /*#__PURE__*/React.createElement(Root, null, props.type && props.type === "Chip" ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_material.Divider, {
|
|
33
|
-
textAlign: props.textAlign && props.textAlign
|
|
34
|
-
}, /*#__PURE__*/React.createElement(_Chip.default, {
|
|
35
|
-
label: props.title && props.title
|
|
36
|
-
})), /*#__PURE__*/React.createElement(_text.default, null, props.children)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_material.Divider, {
|
|
37
|
-
textAlign: props.textAlign && props.textAlign
|
|
38
|
-
}, /*#__PURE__*/React.createElement(_text.default, null, props.title && props.title)), props.children));
|
|
39
|
-
}
|
|
@@ -1,125 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.default = void 0;
|
|
8
|
-
var _material = require("@mui/material");
|
|
9
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
10
|
-
var _Edit = _interopRequireDefault(require("@mui/icons-material/Edit"));
|
|
11
|
-
var _text = _interopRequireDefault(require("../text"));
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
14
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
15
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
16
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
17
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
18
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
19
|
-
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
20
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
21
|
-
// import Select from "../select";
|
|
22
|
-
|
|
23
|
-
var EditableField = function EditableField(props) {
|
|
24
|
-
var _useState = (0, _react.useState)(props.editableData),
|
|
25
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
26
|
-
name = _useState2[0],
|
|
27
|
-
setName = _useState2[1];
|
|
28
|
-
var _useState3 = (0, _react.useState)(false),
|
|
29
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
30
|
-
isNameFocused = _useState4[0],
|
|
31
|
-
setIsNameFocused = _useState4[1];
|
|
32
|
-
var _useState5 = (0, _react.useState)(false),
|
|
33
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
34
|
-
show = _useState6[0],
|
|
35
|
-
isShow = _useState6[1];
|
|
36
|
-
var handleKeyDown = function handleKeyDown(event) {
|
|
37
|
-
if ((name === null || name === void 0 ? void 0 : name.length) > 0 || typeof name === "number") {
|
|
38
|
-
if (event.key === "Enter") {
|
|
39
|
-
setIsNameFocused(false);
|
|
40
|
-
isShow(false);
|
|
41
|
-
}
|
|
42
|
-
} else {
|
|
43
|
-
var _props$editableData;
|
|
44
|
-
window.alert("Sorry, data should be there");
|
|
45
|
-
setName((_props$editableData = props.editableData) !== null && _props$editableData !== void 0 ? _props$editableData : /*#__PURE__*/_react.default.createElement(_text.default, null, "Please, enter some data"));
|
|
46
|
-
}
|
|
47
|
-
};
|
|
48
|
-
var onBLurHandeler = function onBLurHandeler() {
|
|
49
|
-
if ((name === null || name === void 0 ? void 0 : name.length) > 0 || typeof name === "number") {
|
|
50
|
-
setIsNameFocused(false);
|
|
51
|
-
isShow(false);
|
|
52
|
-
} else {
|
|
53
|
-
var _props$editableData2;
|
|
54
|
-
window.alert("Sorry, data should be there");
|
|
55
|
-
setName((_props$editableData2 = props.editableData) !== null && _props$editableData2 !== void 0 ? _props$editableData2 : /*#__PURE__*/_react.default.createElement(_text.default, null, "Please, enter some data"));
|
|
56
|
-
setIsNameFocused(true);
|
|
57
|
-
isShow(true);
|
|
58
|
-
}
|
|
59
|
-
};
|
|
60
|
-
|
|
61
|
-
//Select Type
|
|
62
|
-
var onSelectBLurHandeler = function onSelectBLurHandeler() {
|
|
63
|
-
if (props.value === null) {
|
|
64
|
-
var _props$value;
|
|
65
|
-
window.alert("Sorry, data should be selected");
|
|
66
|
-
setName((_props$value = props.value) !== null && _props$value !== void 0 ? _props$value : /*#__PURE__*/_react.default.createElement(_text.default, null, "Please, select some data"));
|
|
67
|
-
setIsNameFocused(true);
|
|
68
|
-
isShow(true);
|
|
69
|
-
} else {
|
|
70
|
-
setName(props.value);
|
|
71
|
-
}
|
|
72
|
-
setIsNameFocused(false);
|
|
73
|
-
isShow(false);
|
|
74
|
-
};
|
|
75
|
-
console.log(props);
|
|
76
|
-
return /*#__PURE__*/_react.default.createElement("div", null, !isNameFocused ? /*#__PURE__*/_react.default.createElement("div", {
|
|
77
|
-
style: {
|
|
78
|
-
display: "flex",
|
|
79
|
-
justifyContent: "space-between"
|
|
80
|
-
}
|
|
81
|
-
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
82
|
-
style: show ? {
|
|
83
|
-
backgroundColor: "#F4F7FC",
|
|
84
|
-
width: "100%",
|
|
85
|
-
cursor: "pointer"
|
|
86
|
-
} : {}
|
|
87
|
-
}, /*#__PURE__*/_react.default.createElement(_text.default, {
|
|
88
|
-
onClick: function onClick() {
|
|
89
|
-
return setIsNameFocused(true);
|
|
90
|
-
},
|
|
91
|
-
onMouseEnter: function onMouseEnter() {
|
|
92
|
-
return isShow(true);
|
|
93
|
-
},
|
|
94
|
-
onMouseLeave: function onMouseLeave() {
|
|
95
|
-
return isShow(false);
|
|
96
|
-
},
|
|
97
|
-
style: {
|
|
98
|
-
display: "flex",
|
|
99
|
-
alignItems: "center",
|
|
100
|
-
padding: "0.5rem"
|
|
101
|
-
}
|
|
102
|
-
}, name))) : props.isSelect ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", null, "Select")) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.TextField, {
|
|
103
|
-
id: "standard-basic",
|
|
104
|
-
variant: "standard",
|
|
105
|
-
autoFocus: true,
|
|
106
|
-
value: name,
|
|
107
|
-
onChange: function onChange(e) {
|
|
108
|
-
return setName(e.target.value);
|
|
109
|
-
},
|
|
110
|
-
onBlur: onBLurHandeler,
|
|
111
|
-
onKeyDown: handleKeyDown,
|
|
112
|
-
style: {
|
|
113
|
-
width: "100%"
|
|
114
|
-
},
|
|
115
|
-
InputProps: {
|
|
116
|
-
endAdornment: /*#__PURE__*/_react.default.createElement(_material.InputAdornment, {
|
|
117
|
-
position: "start"
|
|
118
|
-
}, /*#__PURE__*/_react.default.createElement(_Edit.default, {
|
|
119
|
-
fontSize: "small"
|
|
120
|
-
}))
|
|
121
|
-
}
|
|
122
|
-
})));
|
|
123
|
-
};
|
|
124
|
-
var _default = EditableField;
|
|
125
|
-
exports.default = _default;
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _material = require("@mui/material");
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _text = _interopRequireDefault(require("../text"));
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
/* eslint-disable jsx-a11y/anchor-is-valid */
|
|
12
|
-
|
|
13
|
-
var Error = function Error() {
|
|
14
|
-
var handleGoBack = function handleGoBack() {
|
|
15
|
-
window.history.back();
|
|
16
|
-
// window.setTimeout(() => {
|
|
17
|
-
// window.location.reload();
|
|
18
|
-
// }, 10);
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
return /*#__PURE__*/_react.default.createElement(_material.Grid, {
|
|
22
|
-
container: true
|
|
23
|
-
}, /*#__PURE__*/_react.default.createElement(_material.Grid, {
|
|
24
|
-
container: true,
|
|
25
|
-
justifyContent: "center"
|
|
26
|
-
}, /*#__PURE__*/_react.default.createElement(_material.Grid, {
|
|
27
|
-
container: true,
|
|
28
|
-
justifyContent: "center"
|
|
29
|
-
}, /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
|
30
|
-
color: "secondary",
|
|
31
|
-
padding: 2,
|
|
32
|
-
variant: "h6"
|
|
33
|
-
}, "Oops! Something went wrong.")), /*#__PURE__*/_react.default.createElement(_material.Grid, {
|
|
34
|
-
container: true,
|
|
35
|
-
justifyContent: "center",
|
|
36
|
-
alignItems: "center"
|
|
37
|
-
}, " ", /*#__PURE__*/_react.default.createElement(_text.default, null, "Try", " ", /*#__PURE__*/_react.default.createElement("a", {
|
|
38
|
-
style: {
|
|
39
|
-
cursor: "pointer",
|
|
40
|
-
color: "blue"
|
|
41
|
-
},
|
|
42
|
-
onClick: function onClick() {
|
|
43
|
-
return window.location.reload();
|
|
44
|
-
}
|
|
45
|
-
}, "Reloading", " "), "the page OR", /*#__PURE__*/_react.default.createElement("a", {
|
|
46
|
-
style: {
|
|
47
|
-
cursor: "pointer",
|
|
48
|
-
color: "blue"
|
|
49
|
-
},
|
|
50
|
-
onClick: function onClick() {
|
|
51
|
-
return handleGoBack();
|
|
52
|
-
}
|
|
53
|
-
}, " ", "Go Back")))));
|
|
54
|
-
};
|
|
55
|
-
var _default = Error;
|
|
56
|
-
exports.default = _default;
|
|
Binary file
|