tenjin-ui-kit 0.3.70 → 0.3.72-dev
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/common/hooks/apiHooks.js +155 -0
- package/common/hooks/newApiHook.js +188 -0
- package/{dist/common → common}/utils/security/index.js +2 -2
- package/{dist/common → common}/utils/security/securityConfig.js +1 -2
- package/components/Canvas.js +330 -0
- package/components/DragBox/index.js +40 -0
- package/components/InputWithChip/index.js +294 -0
- package/{dist/components → components}/RightContext/index.js +19 -28
- package/components/WorkFlow.js +42 -0
- package/components/WorkFlowBuilder.js +115 -0
- package/components/alert/Style.js +20 -0
- package/components/alert/index.js +67 -0
- package/{dist/components → components}/attachment/index.js +21 -28
- package/{dist/components → components}/authenticationProvider/AuthError.js +3 -4
- package/{dist/components → components}/authenticationProvider/AuthLoader.js +3 -4
- package/components/authenticationProvider/index.js +110 -0
- package/{dist/components → components}/avatar/index.js +13 -14
- package/components/avatar/styles.js +91 -0
- package/components/breadCrumbs/index.js +169 -0
- package/{dist/components → components}/breadCrumbs/style.js +1 -4
- package/{dist/components → components}/browsingTestCaseLayout/DetailsViewLayout/DetailsViewContent/index.js +5 -6
- package/{dist/components → components}/browsingTestCaseLayout/DetailsViewLayout/DetailsViewContent/style.js +5 -8
- package/{dist/components → components}/browsingTestCaseLayout/DetailsViewLayout/DetailsViewHeader/index.js +4 -5
- package/{dist/components → components}/browsingTestCaseLayout/TreeViewLayout/TreeViewContent/Index.js +4 -5
- package/{dist/components → components}/browsingTestCaseLayout/TreeViewLayout/TreeViewHeader/Index.js +5 -6
- package/components/browsingTestCaseLayout/TreeViewLayout/TreeViewHeader/style.js +23 -0
- package/{dist/components → components}/browsingTestCaseLayout/index.js +25 -30
- package/components/button/index.js +133 -0
- package/{dist/components → components}/chatBotModal/index.js +36 -45
- package/components/checkBox/index.js +29 -0
- package/{dist/components → components}/combobox/index.js +51 -72
- package/components/divider/index.js +37 -0
- package/{dist/components → components}/editableField/index.js +19 -28
- package/{dist/components → components}/error/index.js +6 -12
- package/components/errorBoundary/index.js +140 -0
- package/components/fileUploader/index.js +151 -0
- package/components/fileUploader/style.js +57 -0
- package/components/filter/ValueSelector.js +333 -0
- package/{dist/components → components}/filter/index.js +26 -33
- package/{dist/components → components}/iconButton/index.js +3 -4
- package/components/input/index.js +167 -0
- package/components/layout/index.js +94 -0
- package/components/layout/main/index.js +24 -0
- package/components/layout/main/style.js +19 -0
- package/{dist/components → components}/layout/pageContent/index.js +6 -7
- package/components/layout/sidebar/FlatMenu.js +64 -0
- package/components/layout/sidebar/GroupedIconMenu.js +233 -0
- package/components/layout/sidebar/GroupedMenu.js +57 -0
- package/components/layout/sidebar/ProjectMenu.js +223 -0
- package/components/layout/sidebar/index.js +88 -0
- package/components/layout/sidebar/style.js +149 -0
- package/components/layout/topBar/ProjectTopbar.js +388 -0
- package/components/layout/topBar/UserAvatar.js +138 -0
- package/components/layout/topBar/index.js +121 -0
- package/{dist/components → components}/loader/index.js +9 -12
- package/components/menu/index.js +71 -0
- package/{dist/components → components}/modal/Modal.js +5 -6
- package/components/modal/index.js +88 -0
- package/components/modal/style.js +65 -0
- package/components/optionMenu/index.js +105 -0
- package/components/pagination/index.js +114 -0
- package/components/pagination/style.js +33 -0
- package/components/paginationUpdated/index.js +74 -0
- package/components/paper/index.js +43 -0
- package/components/paper/style.js +31 -0
- package/components/reactSelect/index.js +195 -0
- package/components/reactSelect/style.js +130 -0
- package/components/richTextEditor/index.js +64 -0
- package/components/select/GroupedSelect.js +167 -0
- package/components/select/SimpleSelect.js +184 -0
- package/{dist/components → components}/select/index.js +38 -54
- package/components/simpleSelect/index.js +53 -0
- package/{dist/components → components}/sort/index.js +19 -22
- package/{dist/components → components}/switch/index.js +10 -11
- package/components/switch/style.js +39 -0
- package/{dist/components → components}/switch/switch.js +17 -23
- package/components/table/ReactTable.js +101 -0
- package/components/table/SimpleTable.js +117 -0
- package/components/table/index.js +381 -0
- package/components/text/index.js +65 -0
- package/{dist/components → components}/timeStamp/index.js +4 -6
- package/components/timeStamp/style.js +20 -0
- package/components/topBar/index.js +169 -0
- package/{dist/components → components}/tree/index.js +29 -47
- package/components/tree/style.js +29 -0
- package/components/valuePicker/ValueSelector.js +205 -0
- package/{dist/components → components}/valuePicker/index.js +19 -26
- package/{dist/components → components}/wrapperLayout/layout/index.js +4 -5
- package/{dist/components → components}/wrapperLayout/main/index.js +4 -5
- package/{dist/components → components}/wrapperLayout/main/pageContainer/index.js +4 -5
- package/components/wrapperLayout/main/sideBar/index.js +272 -0
- package/components/wrapperLayout/main/sideBar/style.js +190 -0
- package/{dist/components → components}/wrapperLayout/topBar/UserAvatar.js +4 -5
- package/components/wrapperLayout/topBar/avatar.js +55 -0
- package/components/wrapperLayout/topBar/index.js +196 -0
- package/{dist/components → components}/wrapperLayout/topBar/menuIcon.js +4 -5
- package/components/wrapperLayout/topBar/style.js +74 -0
- package/http/index.js +133 -0
- package/{dist/index.js → index.js} +53 -55
- package/package.json +5 -3
- package/{dist/templates → templates}/listPage/index.js +36 -57
- package/{dist/themes → themes}/default.js +5 -7
- package/{dist/themes → themes}/defaultSmall.js +2 -3
- package/{dist/themes → themes}/responsiveTheme.js +6 -8
- package/.dockerignore +0 -6
- package/.storybook/main.js +0 -16
- package/.storybook/preview.js +0 -11
- package/Dockerfile +0 -17
- package/Jenkinsfile +0 -66
- package/build/asset-manifest.json +0 -16
- package/build/favicon.ico +0 -0
- package/build/index.html +0 -1
- package/build/logo192.png +0 -0
- package/build/logo512.png +0 -0
- package/build/manifest.json +0 -25
- package/build/robots.txt +0 -3
- package/build/static/css/main.522396f6.css +0 -2
- package/build/static/css/main.522396f6.css.map +0 -1
- package/build/static/js/787.18cf14d0.chunk.js +0 -2
- package/build/static/js/787.18cf14d0.chunk.js.map +0 -1
- package/build/static/js/main.d71fecac.js +0 -3
- package/build/static/js/main.d71fecac.js.LICENSE.txt +0 -50
- package/build/static/js/main.d71fecac.js.map +0 -1
- package/build/static/media/logo.6ce24c58023cc2f8fd88fe9d219db6c6.svg +0 -1
- package/build/tenjinLogo.png +0 -0
- package/dist/common/hooks/apiHooks.js +0 -223
- package/dist/common/hooks/newApiHook.js +0 -270
- package/dist/components/Canvas.js +0 -254
- package/dist/components/DragBox/index.js +0 -45
- package/dist/components/InputWithChip/index.js +0 -187
- 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/authenticationProvider/index.js +0 -166
- package/dist/components/avatar/styles.js +0 -94
- package/dist/components/breadCrumbs/index.js +0 -180
- package/dist/components/browsingTestCaseLayout/TreeViewLayout/TreeViewHeader/style.js +0 -26
- package/dist/components/button/index.js +0 -140
- package/dist/components/checkBox/index.js +0 -30
- package/dist/components/divider/index.js +0 -41
- package/dist/components/errorBoundary/index.js +0 -160
- package/dist/components/fileUploader/index.js +0 -156
- package/dist/components/fileUploader/style.js +0 -60
- package/dist/components/filter/ValueSelector.js +0 -405
- package/dist/components/input/index.js +0 -174
- 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/sidebar/FlatMenu.js +0 -64
- package/dist/components/layout/sidebar/GroupedIconMenu.js +0 -246
- package/dist/components/layout/sidebar/GroupedMenu.js +0 -67
- package/dist/components/layout/sidebar/ProjectMenu.js +0 -230
- package/dist/components/layout/sidebar/index.js +0 -91
- package/dist/components/layout/sidebar/style.js +0 -154
- package/dist/components/layout/topBar/ProjectTopbar.js +0 -338
- package/dist/components/layout/topBar/UserAvatar.js +0 -145
- package/dist/components/layout/topBar/index.js +0 -132
- package/dist/components/menu/index.js +0 -80
- package/dist/components/modal/index.js +0 -91
- package/dist/components/modal/style.js +0 -68
- 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/paginationUpdated/index.js +0 -75
- 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 -83
- package/dist/components/select/GroupedSelect.js +0 -183
- package/dist/components/select/SimpleSelect.js +0 -212
- package/dist/components/simpleSelect/index.js +0 -56
- package/dist/components/switch/style.js +0 -42
- package/dist/components/table/ReactTable.js +0 -118
- package/dist/components/table/SimpleTable.js +0 -136
- package/dist/components/table/index.js +0 -256
- package/dist/components/text/index.js +0 -67
- package/dist/components/timeStamp/style.js +0 -23
- package/dist/components/topBar/index.js +0 -176
- package/dist/components/tree/style.js +0 -32
- package/dist/components/valuePicker/ValueSelector.js +0 -273
- 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/avatar.js +0 -57
- package/dist/components/wrapperLayout/topBar/index.js +0 -182
- package/dist/components/wrapperLayout/topBar/style.js +0 -77
- package/dist/http/index.js +0 -226
- package/public/favicon.ico +0 -0
- package/public/index.html +0 -43
- package/public/logo192.png +0 -0
- package/public/logo512.png +0 -0
- package/public/manifest.json +0 -25
- package/public/robots.txt +0 -3
- package/public/tenjinLogo.png +0 -0
- /package/{dist/assets → assets}/images/MicrosoftTeams-image (1).png +0 -0
- /package/{dist/assets → assets}/images/tenjin-4.0-logo.png +0 -0
- /package/{dist/components → components}/RightContext/index.css +0 -0
- /package/{dist/components → components}/browsingTestCaseLayout/style.css +0 -0
- /package/{dist/components → components}/errorBoundary/Error.jpg +0 -0
- /package/{dist/components → components}/iconButton/style.js +0 -0
- /package/{dist/components → components}/richTextEditor/style.js +0 -0
- /package/{dist/components → components}/wrapperLayout/layout/style.js +0 -0
|
@@ -1,174 +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 _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
|
|
10
|
-
var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
|
|
11
|
-
var _styles = require("@mui/material/styles");
|
|
12
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
14
|
-
var _text = _interopRequireDefault(require("../text"));
|
|
15
|
-
var _excluded = ["label", "id", "fullWidth", "disableAutocomplete", "startIcon", "endIcon", "size", "error", "errorMessage", "isRequired", "isDisabled", "isPastDateDisabled", "readOnly", "helperText", "autoFocus", "onBlurDelay", "onChange", "restrictSpecialChars"];
|
|
16
|
-
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); }
|
|
17
|
-
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; }
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
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); }
|
|
20
|
-
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; }
|
|
21
|
-
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; }
|
|
22
|
-
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; }
|
|
23
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
24
|
-
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); }
|
|
25
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
26
|
-
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."); }
|
|
27
|
-
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); }
|
|
28
|
-
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; }
|
|
29
|
-
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; } }
|
|
30
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
31
|
-
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; }
|
|
32
|
-
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; }
|
|
33
|
-
var Input = function Input(_ref) {
|
|
34
|
-
var label = _ref.label,
|
|
35
|
-
id = _ref.id,
|
|
36
|
-
fullWidth = _ref.fullWidth,
|
|
37
|
-
disableAutocomplete = _ref.disableAutocomplete,
|
|
38
|
-
startIcon = _ref.startIcon,
|
|
39
|
-
endIcon = _ref.endIcon,
|
|
40
|
-
size = _ref.size,
|
|
41
|
-
error = _ref.error,
|
|
42
|
-
errorMessage = _ref.errorMessage,
|
|
43
|
-
isRequired = _ref.isRequired,
|
|
44
|
-
isDisabled = _ref.isDisabled,
|
|
45
|
-
isPastDateDisabled = _ref.isPastDateDisabled,
|
|
46
|
-
readOnly = _ref.readOnly,
|
|
47
|
-
helperText = _ref.helperText,
|
|
48
|
-
autoFocus = _ref.autoFocus,
|
|
49
|
-
onBlurDelay = _ref.onBlurDelay,
|
|
50
|
-
onChange = _ref.onChange,
|
|
51
|
-
_ref$restrictSpecialC = _ref.restrictSpecialChars,
|
|
52
|
-
restrictSpecialChars = _ref$restrictSpecialC === void 0 ? false : _ref$restrictSpecialC,
|
|
53
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
54
|
-
var inputRef = (0, _react.useRef)(null);
|
|
55
|
-
var theme = (0, _styles.useTheme)();
|
|
56
|
-
var minDate = new Date().toISOString().split("T")[0];
|
|
57
|
-
var _useState = (0, _react.useState)(""),
|
|
58
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
59
|
-
localErrorMessage = _useState2[0],
|
|
60
|
-
setLocalErrorMessage = _useState2[1];
|
|
61
|
-
var showError = function showError(message) {
|
|
62
|
-
return setLocalErrorMessage(message);
|
|
63
|
-
};
|
|
64
|
-
var clearError = function clearError() {
|
|
65
|
-
return setLocalErrorMessage("");
|
|
66
|
-
};
|
|
67
|
-
var validateRestrictiveCharacters = function validateRestrictiveCharacters(e) {
|
|
68
|
-
// e.preventDefault();
|
|
69
|
-
var value = e.target.value;
|
|
70
|
-
if (!restrictSpecialChars) {
|
|
71
|
-
onChange(e);
|
|
72
|
-
return;
|
|
73
|
-
}
|
|
74
|
-
var filteredValue = value.replace(/[^a-zA-Z0-9.,@_\-() ]/g, "");
|
|
75
|
-
if (filteredValue !== value) {
|
|
76
|
-
showError("Only letters, numbers, and . , _ - @ ( ) are allowed.");
|
|
77
|
-
e.target.value = filteredValue;
|
|
78
|
-
value = filteredValue;
|
|
79
|
-
if (inputRef.current) {
|
|
80
|
-
inputRef.current.value = filteredValue;
|
|
81
|
-
}
|
|
82
|
-
if (onChange) {
|
|
83
|
-
onChange(_objectSpread(_objectSpread({}, e), {}, {
|
|
84
|
-
target: _objectSpread(_objectSpread({}, e.target), {}, {
|
|
85
|
-
value: filteredValue
|
|
86
|
-
})
|
|
87
|
-
}));
|
|
88
|
-
}
|
|
89
|
-
} else {
|
|
90
|
-
clearError();
|
|
91
|
-
if (onChange) {
|
|
92
|
-
onChange(_objectSpread(_objectSpread({}, e), {}, {
|
|
93
|
-
target: _objectSpread(_objectSpread({}, e.target), {}, {
|
|
94
|
-
value: value
|
|
95
|
-
})
|
|
96
|
-
}));
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
};
|
|
100
|
-
return /*#__PURE__*/_react.default.createElement(_FormControl.default, {
|
|
101
|
-
variant: "standard",
|
|
102
|
-
fullWidth: fullWidth
|
|
103
|
-
}, label && /*#__PURE__*/_react.default.createElement(_material.FormLabel, {
|
|
104
|
-
sx: {
|
|
105
|
-
fontSize: "0.8rem",
|
|
106
|
-
fontWeight: 500,
|
|
107
|
-
paddingBottom: "0.2rem"
|
|
108
|
-
},
|
|
109
|
-
htmlFor: id
|
|
110
|
-
}, /*#__PURE__*/_react.default.createElement(_text.default, null, label, isRequired ? /*#__PURE__*/_react.default.createElement("span", {
|
|
111
|
-
style: {
|
|
112
|
-
color: "red"
|
|
113
|
-
}
|
|
114
|
-
}, " * ") : "")), /*#__PURE__*/_react.default.createElement(_material.OutlinedInput, _extends({
|
|
115
|
-
id: id,
|
|
116
|
-
ref: inputRef,
|
|
117
|
-
required: isRequired,
|
|
118
|
-
autoComplete: disableAutocomplete ? "nothing" : null,
|
|
119
|
-
sx: {
|
|
120
|
-
"& input": {
|
|
121
|
-
backgroundColor: isDisabled && "#DDDDDD",
|
|
122
|
-
color: isDisabled && "#000000"
|
|
123
|
-
},
|
|
124
|
-
"& label": {
|
|
125
|
-
fontWeight: 500
|
|
126
|
-
},
|
|
127
|
-
"& svg": {
|
|
128
|
-
marginRight: startIcon ? theme.spacing(1) : 0,
|
|
129
|
-
marginLeft: endIcon ? theme.spacing(1) : 0
|
|
130
|
-
}
|
|
131
|
-
},
|
|
132
|
-
startAdornment: startIcon,
|
|
133
|
-
endAdornment: endIcon
|
|
134
|
-
// helperText={errorMessage || localErrorMessage}
|
|
135
|
-
,
|
|
136
|
-
disabled: isDisabled,
|
|
137
|
-
error: !!error || !!localErrorMessage,
|
|
138
|
-
onChange: validateRestrictiveCharacters,
|
|
139
|
-
onBlur: function onBlur(e) {
|
|
140
|
-
setTimeout(function () {
|
|
141
|
-
if (e && typeof rest.onBlur === "function") {
|
|
142
|
-
rest.onBlur(e);
|
|
143
|
-
}
|
|
144
|
-
}, onBlurDelay || 100);
|
|
145
|
-
},
|
|
146
|
-
autoFocus: !!autoFocus ? rest.value ? rest.value : true : false,
|
|
147
|
-
inputProps: _objectSpread({
|
|
148
|
-
readOnly: readOnly ? "readOnly" : null
|
|
149
|
-
}, isPastDateDisabled && {
|
|
150
|
-
min: minDate
|
|
151
|
-
})
|
|
152
|
-
}, rest)), (error || localErrorMessage) && /*#__PURE__*/_react.default.createElement(_material.FormHelperText, {
|
|
153
|
-
sx: {
|
|
154
|
-
color: "red"
|
|
155
|
-
},
|
|
156
|
-
id: "component-error-text"
|
|
157
|
-
}, localErrorMessage || errorMessage || helperText));
|
|
158
|
-
};
|
|
159
|
-
Input.propTypes = {
|
|
160
|
-
label: _propTypes.default.string,
|
|
161
|
-
id: _propTypes.default.string,
|
|
162
|
-
fullWidth: _propTypes.default.bool,
|
|
163
|
-
startIcon: _propTypes.default.any,
|
|
164
|
-
endIcon: _propTypes.default.any,
|
|
165
|
-
disableAutocomplete: _propTypes.default.bool,
|
|
166
|
-
size: _propTypes.default.string,
|
|
167
|
-
isRequired: _propTypes.default.bool,
|
|
168
|
-
isDisabled: _propTypes.default.bool,
|
|
169
|
-
readOnly: _propTypes.default.bool,
|
|
170
|
-
// Added readOnly prop type
|
|
171
|
-
autoFocus: _propTypes.default.bool
|
|
172
|
-
};
|
|
173
|
-
var _default = Input;
|
|
174
|
-
exports.default = _default;
|
|
@@ -1,98 +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 = exports.LayoutContext = void 0;
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _material = require("@mui/material");
|
|
10
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
var _topBar = _interopRequireDefault(require("./topBar"));
|
|
12
|
-
var _main = _interopRequireDefault(require("./main"));
|
|
13
|
-
var _sidebar = _interopRequireDefault(require("./sidebar"));
|
|
14
|
-
var _pageContent = _interopRequireDefault(require("./pageContent"));
|
|
15
|
-
var _ProjectTopbar = _interopRequireDefault(require("./topBar/ProjectTopbar"));
|
|
16
|
-
var _reactDnd = require("react-dnd");
|
|
17
|
-
var _reactDndHtml5Backend = require("react-dnd-html5-backend");
|
|
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 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; }
|
|
22
|
-
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; }
|
|
23
|
-
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; }
|
|
24
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
25
|
-
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); }
|
|
26
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
27
|
-
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."); }
|
|
28
|
-
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); }
|
|
29
|
-
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; }
|
|
30
|
-
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; } }
|
|
31
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
32
|
-
var LayoutContext = /*#__PURE__*/(0, _react.createContext)();
|
|
33
|
-
exports.LayoutContext = LayoutContext;
|
|
34
|
-
var Layout = function Layout(_ref) {
|
|
35
|
-
var id = _ref.id,
|
|
36
|
-
defaultExpand = _ref.defaultExpand,
|
|
37
|
-
children = _ref.children;
|
|
38
|
-
var _useState = (0, _react.useState)({
|
|
39
|
-
windowTitle: "Tenjin Enterprise",
|
|
40
|
-
breadcrumbs: [],
|
|
41
|
-
sidebarPresent: true,
|
|
42
|
-
sidebarCollapsed: defaultExpand ? false : true,
|
|
43
|
-
selectedSidebarKey: null
|
|
44
|
-
}),
|
|
45
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
46
|
-
layoutState = _useState2[0],
|
|
47
|
-
setLayoutState = _useState2[1];
|
|
48
|
-
var toggleSidebar = function toggleSidebar() {
|
|
49
|
-
setLayoutState(_objectSpread(_objectSpread({}, layoutState), {}, {
|
|
50
|
-
sidebarCollapsed: !layoutState.sidebarCollapsed
|
|
51
|
-
}));
|
|
52
|
-
};
|
|
53
|
-
var setBreadcrumbs = function setBreadcrumbs(breadcrumbs) {
|
|
54
|
-
setLayoutState(_objectSpread(_objectSpread({}, layoutState), {}, {
|
|
55
|
-
breadcrumbs: breadcrumbs
|
|
56
|
-
}));
|
|
57
|
-
};
|
|
58
|
-
var setWindowTitle = function setWindowTitle(title) {
|
|
59
|
-
var finalWindowTitle = "".concat(title ? title + " - " : "", " Tenjin Enterprise");
|
|
60
|
-
document.title = finalWindowTitle;
|
|
61
|
-
};
|
|
62
|
-
var setSelectedSidebarKey = function setSelectedSidebarKey(key) {
|
|
63
|
-
setLayoutState(_objectSpread(_objectSpread({}, layoutState), {}, {
|
|
64
|
-
selectedSidebarKey: key
|
|
65
|
-
}));
|
|
66
|
-
};
|
|
67
|
-
return /*#__PURE__*/_react.default.createElement(_reactDnd.DndProvider, {
|
|
68
|
-
backend: _reactDndHtml5Backend.HTML5Backend
|
|
69
|
-
}, /*#__PURE__*/_react.default.createElement(_material.Box, {
|
|
70
|
-
className: "tenjin-layout",
|
|
71
|
-
id: id,
|
|
72
|
-
sx: {
|
|
73
|
-
width: "100%",
|
|
74
|
-
height: "100vh"
|
|
75
|
-
}
|
|
76
|
-
}, /*#__PURE__*/_react.default.createElement(LayoutContext.Provider, {
|
|
77
|
-
value: {
|
|
78
|
-
layoutState: layoutState,
|
|
79
|
-
toggleSidebar: toggleSidebar,
|
|
80
|
-
setBreadcrumbs: setBreadcrumbs,
|
|
81
|
-
setWindowTitle: setWindowTitle,
|
|
82
|
-
setSelectedSidebarKey: setSelectedSidebarKey
|
|
83
|
-
}
|
|
84
|
-
}, children)));
|
|
85
|
-
};
|
|
86
|
-
Layout.defaultProps = {
|
|
87
|
-
id: "wrapper"
|
|
88
|
-
};
|
|
89
|
-
Layout.propTypes = {
|
|
90
|
-
id: _propTypes.default.string
|
|
91
|
-
};
|
|
92
|
-
Layout.TopBar = _topBar.default;
|
|
93
|
-
Layout.Main = _main.default;
|
|
94
|
-
Layout.Sidebar = _sidebar.default;
|
|
95
|
-
Layout.PageContent = _pageContent.default;
|
|
96
|
-
Layout.ProjectTopbar = _ProjectTopbar.default;
|
|
97
|
-
var _default = Layout;
|
|
98
|
-
exports.default = _default;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _clsx2 = _interopRequireDefault(require("clsx"));
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _style = _interopRequireDefault(require("./style"));
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
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); }
|
|
12
|
-
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; }
|
|
13
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
14
|
-
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); }
|
|
15
|
-
var Main = function Main(_ref) {
|
|
16
|
-
var _clsx;
|
|
17
|
-
var children = _ref.children,
|
|
18
|
-
id = _ref.id;
|
|
19
|
-
var classes = (0, _style.default)();
|
|
20
|
-
return /*#__PURE__*/_react.default.createElement("div", {
|
|
21
|
-
className: (0, _clsx2.default)((_clsx = {}, _defineProperty(_clsx, classes.main, true), _defineProperty(_clsx, "tenjin-main", true), _clsx)),
|
|
22
|
-
id: id || "tenjin-main-content"
|
|
23
|
-
}, children);
|
|
24
|
-
};
|
|
25
|
-
Main.propTypes = {};
|
|
26
|
-
var _default = Main;
|
|
27
|
-
exports.default = _default;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _styles = require("@mui/styles");
|
|
8
|
-
var _responsiveTheme = _interopRequireDefault(require("../../../themes/responsiveTheme"));
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
-
var _default = (0, _styles.makeStyles)(function () {
|
|
11
|
-
return {
|
|
12
|
-
main: {
|
|
13
|
-
height: "calc(100vh - 48px)",
|
|
14
|
-
padding: _responsiveTheme.default.spacing(0.5),
|
|
15
|
-
backgroundColor: "#f4f7fc",
|
|
16
|
-
maxHeight: "calc(100vh - 48px)",
|
|
17
|
-
overflowY: "hidden",
|
|
18
|
-
display: "flex"
|
|
19
|
-
}
|
|
20
|
-
};
|
|
21
|
-
});
|
|
22
|
-
exports.default = _default;
|
|
@@ -1,64 +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 _clsx4 = _interopRequireDefault(require("clsx"));
|
|
9
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
var _reactRouterDom = require("react-router-dom");
|
|
12
|
-
var _ = require("..");
|
|
13
|
-
var _style = _interopRequireDefault(require("./style"));
|
|
14
|
-
var _text = _interopRequireDefault(require("../../text"));
|
|
15
|
-
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); }
|
|
16
|
-
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; }
|
|
17
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
18
|
-
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); }
|
|
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 FlatMenu = function FlatMenu(_ref) {
|
|
23
|
-
var items = _ref.items;
|
|
24
|
-
var _useContext = (0, _react.useContext)(_.LayoutContext),
|
|
25
|
-
_useContext$layoutSta = _useContext.layoutState,
|
|
26
|
-
collapsed = _useContext$layoutSta.sidebarCollapsed,
|
|
27
|
-
selectedSidebarKey = _useContext$layoutSta.selectedSidebarKey,
|
|
28
|
-
setSelectedSidebarKey = _useContext.setSelectedSidebarKey;
|
|
29
|
-
var classes = (0, _style.default)();
|
|
30
|
-
return items ? /*#__PURE__*/_react.default.createElement(_material.List, null, items.map(function (i, index) {
|
|
31
|
-
var _clsx, _clsx2, _clsx3;
|
|
32
|
-
return /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
|
|
33
|
-
key: index,
|
|
34
|
-
title: collapsed ? i.display : null,
|
|
35
|
-
placement: "right"
|
|
36
|
-
}, /*#__PURE__*/_react.default.createElement(_material.ListItemButton, {
|
|
37
|
-
disableRipple: true,
|
|
38
|
-
disableTouchRipple: true,
|
|
39
|
-
key: index,
|
|
40
|
-
selected: selectedSidebarKey === i.key,
|
|
41
|
-
className: (0, _clsx4.default)((_clsx = {}, _defineProperty(_clsx, classes.flatMenuItem, true), _defineProperty(_clsx, classes.collapsedFlatMenuItem, collapsed), _clsx))
|
|
42
|
-
// component={i.serverSide ? "a" : Link}
|
|
43
|
-
// href={i.href}
|
|
44
|
-
// to={i.href}
|
|
45
|
-
,
|
|
46
|
-
onClick: function onClick() {
|
|
47
|
-
return setSelectedSidebarKey(i.key);
|
|
48
|
-
},
|
|
49
|
-
classes: {
|
|
50
|
-
selected: classes.selectedFlatMenuItem
|
|
51
|
-
}
|
|
52
|
-
}, /*#__PURE__*/_react.default.createElement(_material.ListItemIcon, {
|
|
53
|
-
className: (0, _clsx4.default)((_clsx2 = {}, _defineProperty(_clsx2, classes.listItemText, true), _defineProperty(_clsx2, classes.flatMenuItemIcon, true), _defineProperty(_clsx2, classes.selectedFlatMenuIcon, selectedSidebarKey === i.key), _clsx2))
|
|
54
|
-
}, i.icon), /*#__PURE__*/_react.default.createElement(_material.ListItemText, {
|
|
55
|
-
className: (0, _clsx4.default)((_clsx3 = {}, _defineProperty(_clsx3, classes.listItemText, true), _defineProperty(_clsx3, classes.collapsedFlatMenuItemText, collapsed), _defineProperty(_clsx3, classes.selectedFlatMenuItemText, selectedSidebarKey === i.key), _clsx3)),
|
|
56
|
-
disableTypography: true
|
|
57
|
-
}, /*#__PURE__*/_react.default.createElement(_text.default, null, i.display))));
|
|
58
|
-
})) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
|
|
59
|
-
};
|
|
60
|
-
FlatMenu.propTypes = {
|
|
61
|
-
items: _propTypes.default.array.isRequired
|
|
62
|
-
};
|
|
63
|
-
var _default = FlatMenu;
|
|
64
|
-
exports.default = _default;
|
|
@@ -1,246 +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 _clsx2 = _interopRequireDefault(require("clsx"));
|
|
10
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
12
|
-
var _reactRouterDom = require("react-router-dom");
|
|
13
|
-
var _style = _interopRequireDefault(require("./style"));
|
|
14
|
-
var _text = _interopRequireDefault(require("../../text"));
|
|
15
|
-
var _ = require("..");
|
|
16
|
-
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); }
|
|
17
|
-
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; }
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
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; }
|
|
20
|
-
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; }
|
|
21
|
-
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; }
|
|
22
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
23
|
-
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); }
|
|
24
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
25
|
-
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."); }
|
|
26
|
-
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); }
|
|
27
|
-
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; }
|
|
28
|
-
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; } }
|
|
29
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
30
|
-
var GroupedIconMenu = function GroupedIconMenu(_ref) {
|
|
31
|
-
var groups = _ref.groups,
|
|
32
|
-
icon = _ref.icon,
|
|
33
|
-
title = _ref.title,
|
|
34
|
-
pointer = _ref.pointer,
|
|
35
|
-
href = _ref.href;
|
|
36
|
-
var classes = (0, _style.default)();
|
|
37
|
-
var popupRef = (0, _react.useRef)(null);
|
|
38
|
-
var navigate = (0, _reactRouterDom.useNavigate)();
|
|
39
|
-
var _useContext = (0, _react.useContext)(_.LayoutContext),
|
|
40
|
-
_useContext$layoutSta = _useContext.layoutState,
|
|
41
|
-
collapsed = _useContext$layoutSta.sidebarCollapsed,
|
|
42
|
-
selectedSidebarKey = _useContext$layoutSta.selectedSidebarKey,
|
|
43
|
-
setSelectedSidebarKey = _useContext.setSelectedSidebarKey;
|
|
44
|
-
var _useState = (0, _react.useState)({}),
|
|
45
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
46
|
-
selectedCollapsedSidebar = _useState2[0],
|
|
47
|
-
setselectedCollapsedSidebar = _useState2[1];
|
|
48
|
-
var _useState3 = (0, _react.useState)({
|
|
49
|
-
index: null,
|
|
50
|
-
open: false
|
|
51
|
-
}),
|
|
52
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
53
|
-
selectedItem = _useState4[0],
|
|
54
|
-
setselectedItem = _useState4[1];
|
|
55
|
-
var handleClick = function handleClick(event, index, selected) {
|
|
56
|
-
setselectedItem(function (prev) {
|
|
57
|
-
return _objectSpread(_objectSpread({}, prev), {}, {
|
|
58
|
-
index: index,
|
|
59
|
-
open: true,
|
|
60
|
-
anchorE1: event.currentTarget,
|
|
61
|
-
selected: selected
|
|
62
|
-
});
|
|
63
|
-
});
|
|
64
|
-
};
|
|
65
|
-
var handleClose = function handleClose() {
|
|
66
|
-
setselectedItem(function (prev) {
|
|
67
|
-
return _objectSpread(_objectSpread({}, prev), {}, {
|
|
68
|
-
index: null,
|
|
69
|
-
open: false,
|
|
70
|
-
anchorE1: null
|
|
71
|
-
});
|
|
72
|
-
});
|
|
73
|
-
};
|
|
74
|
-
(0, _react.useEffect)(function () {
|
|
75
|
-
function handleClickOutside(event) {
|
|
76
|
-
if (popupRef.current && !popupRef.current.contains(event.target)) {
|
|
77
|
-
handleClose();
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
document.addEventListener("mousedown", handleClickOutside);
|
|
81
|
-
return function () {
|
|
82
|
-
document.removeEventListener("mousedown", handleClickOutside);
|
|
83
|
-
};
|
|
84
|
-
}, [popupRef]);
|
|
85
|
-
var theme = (0, _material.useTheme)();
|
|
86
|
-
return groups ? /*#__PURE__*/_react.default.createElement("div", {
|
|
87
|
-
className: classes.projectMenuMainWrapper
|
|
88
|
-
}, /*#__PURE__*/_react.default.createElement("div", null, !collapsed && /*#__PURE__*/_react.default.createElement("div", {
|
|
89
|
-
style: {
|
|
90
|
-
cursor: pointer && "pointer"
|
|
91
|
-
},
|
|
92
|
-
onClick: function onClick() {
|
|
93
|
-
return window.location = href;
|
|
94
|
-
}
|
|
95
|
-
}, /*#__PURE__*/_react.default.createElement(_text.default, {
|
|
96
|
-
className: classes.projectMenuHeader,
|
|
97
|
-
fontWeight: 600,
|
|
98
|
-
variant: "caption",
|
|
99
|
-
marginBottom: "0.5rem",
|
|
100
|
-
marginTop: "0.5rem"
|
|
101
|
-
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
102
|
-
style: {
|
|
103
|
-
marginRight: "0.5rem",
|
|
104
|
-
paddingTop: "0.2rem"
|
|
105
|
-
}
|
|
106
|
-
}, icon), title))), /*#__PURE__*/_react.default.createElement("div", null, groups.map(function (group, index) {
|
|
107
|
-
var _group$items$filter$, _group$items$filter$2, _clsx, _group$groupName, _group$groupName2;
|
|
108
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
|
|
109
|
-
key: group.groupName
|
|
110
|
-
}, /*#__PURE__*/_react.default.createElement(_material.List, {
|
|
111
|
-
sx: {
|
|
112
|
-
display: "inline-block",
|
|
113
|
-
position: "relative",
|
|
114
|
-
width: "100%",
|
|
115
|
-
height: "100%"
|
|
116
|
-
},
|
|
117
|
-
subheader: /*#__PURE__*/_react.default.createElement(_material.ListSubheader, {
|
|
118
|
-
className: "sidebar",
|
|
119
|
-
sx: {
|
|
120
|
-
// padding: 0,
|
|
121
|
-
display: "flex",
|
|
122
|
-
fontWeight: 600,
|
|
123
|
-
lineHeight: collapsed && 0,
|
|
124
|
-
marginTop: !collapsed && (index == 0 ? "0rem" : "1rem"),
|
|
125
|
-
padding: !collapsed ? "0.8rem 0rem" : 0,
|
|
126
|
-
justifyContent: collapsed && "center",
|
|
127
|
-
alignItems: "center"
|
|
128
|
-
}
|
|
129
|
-
}, collapsed ? /*#__PURE__*/_react.default.createElement("div", {
|
|
130
|
-
className: "buttonIcon"
|
|
131
|
-
}, /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
|
|
132
|
-
key: index,
|
|
133
|
-
title: collapsed ? group.groupName : null,
|
|
134
|
-
placement: "right"
|
|
135
|
-
}, /*#__PURE__*/_react.default.createElement(_material.ListItemButton, {
|
|
136
|
-
id: "account-button",
|
|
137
|
-
selected: (group === null || group === void 0 ? void 0 : (_group$items$filter$ = group.items.filter(function (item) {
|
|
138
|
-
return item.key === selectedSidebarKey;
|
|
139
|
-
})[0]) === null || _group$items$filter$ === void 0 ? void 0 : _group$items$filter$.key) === selectedSidebarKey,
|
|
140
|
-
classes: {
|
|
141
|
-
selected: classes.selectedProjectMenuItem
|
|
142
|
-
},
|
|
143
|
-
key: selectedCollapsedSidebar === null || selectedCollapsedSidebar === void 0 ? void 0 : selectedCollapsedSidebar.key,
|
|
144
|
-
onClick: function onClick(e) {
|
|
145
|
-
selectedItem.open ? handleClose() : handleClick(e, index, group);
|
|
146
|
-
}
|
|
147
|
-
}, /*#__PURE__*/_react.default.createElement(_material.ListItemText, {
|
|
148
|
-
disableTypography: true,
|
|
149
|
-
className: (0, _clsx2.default)((_clsx = {}, _defineProperty(_clsx, classes.projectListIcon, true), _defineProperty(_clsx, "selected", {
|
|
150
|
-
color: "#fff !important"
|
|
151
|
-
}), _defineProperty(_clsx, classes.selectedProjectMenuItemIcon, (group === null || group === void 0 ? void 0 : (_group$items$filter$2 = group.items.filter(function (item) {
|
|
152
|
-
return item.key === selectedSidebarKey;
|
|
153
|
-
})[0]) === null || _group$items$filter$2 === void 0 ? void 0 : _group$items$filter$2.key) === selectedSidebarKey), _clsx))
|
|
154
|
-
}, group.icon)))) : /*#__PURE__*/_react.default.createElement("span", {
|
|
155
|
-
className: classes.subHeaderIcon
|
|
156
|
-
}, group.icon), /*#__PURE__*/_react.default.createElement(_text.default, {
|
|
157
|
-
fontSize: theme.typography.fontSize - 2,
|
|
158
|
-
semibold: true,
|
|
159
|
-
sx: {
|
|
160
|
-
marginLeft: theme.spacing(1),
|
|
161
|
-
alignItems: "center",
|
|
162
|
-
height: "100%",
|
|
163
|
-
display: collapsed ? "none !important" : "flex"
|
|
164
|
-
}
|
|
165
|
-
}, (_group$groupName = group.groupName) === null || _group$groupName === void 0 ? void 0 : _group$groupName.toUpperCase()))
|
|
166
|
-
}, !collapsed && group.items.map(function (i) {
|
|
167
|
-
return /*#__PURE__*/_react.default.createElement(_material.ListItemButton, {
|
|
168
|
-
disableRipple: true,
|
|
169
|
-
disableTouchRipple: true,
|
|
170
|
-
component: i.serverSide ? "a" : _reactRouterDom.Link,
|
|
171
|
-
href: i.href,
|
|
172
|
-
to: i.href,
|
|
173
|
-
selected: i.key === selectedSidebarKey,
|
|
174
|
-
sidebarKey: i.key,
|
|
175
|
-
key: i.key,
|
|
176
|
-
onClick: function onClick() {
|
|
177
|
-
setSelectedSidebarKey(i.key);
|
|
178
|
-
setselectedCollapsedSidebar(i);
|
|
179
|
-
},
|
|
180
|
-
classes: {
|
|
181
|
-
selected: classes.selectedProjectMenuItem
|
|
182
|
-
}
|
|
183
|
-
}, /*#__PURE__*/_react.default.createElement(_text.default, {
|
|
184
|
-
semibold: true,
|
|
185
|
-
sx: {
|
|
186
|
-
marginLeft: theme.spacing(1)
|
|
187
|
-
},
|
|
188
|
-
fontSize: theme.typography.fontSize,
|
|
189
|
-
color: i.key === selectedSidebarKey ? "#fff" : theme.palette.primary.main
|
|
190
|
-
}, i.display));
|
|
191
|
-
})), !collapsed && index < groups.length - 1 && /*#__PURE__*/_react.default.createElement(_material.Divider, {
|
|
192
|
-
sx: {
|
|
193
|
-
height: "initial !important"
|
|
194
|
-
}
|
|
195
|
-
}), selectedItem.index === index && /*#__PURE__*/_react.default.createElement("div", {
|
|
196
|
-
ref: popupRef,
|
|
197
|
-
className: selectedItem.open ? classes.menuItemOpen : classes.menuItem
|
|
198
|
-
}, /*#__PURE__*/_react.default.createElement(_material.Paper, {
|
|
199
|
-
sx: {
|
|
200
|
-
width: "13rem",
|
|
201
|
-
padding: "0.7rem",
|
|
202
|
-
// maxHeight: "14.5rem",
|
|
203
|
-
// overflow: "auto !important",
|
|
204
|
-
maxHeight: "14.5rem",
|
|
205
|
-
display: "flex",
|
|
206
|
-
flexDirection: "column"
|
|
207
|
-
}
|
|
208
|
-
}, /*#__PURE__*/_react.default.createElement(_text.default, {
|
|
209
|
-
fontWeight: "600",
|
|
210
|
-
pl: "0.3rem",
|
|
211
|
-
color: "#7D7D7D"
|
|
212
|
-
}, (_group$groupName2 = group.groupName) === null || _group$groupName2 === void 0 ? void 0 : _group$groupName2.toUpperCase()), /*#__PURE__*/_react.default.createElement(_material.Box, {
|
|
213
|
-
flex: 1,
|
|
214
|
-
height: "0px",
|
|
215
|
-
overflow: "auto"
|
|
216
|
-
}, group.items.map(function (i) {
|
|
217
|
-
return /*#__PURE__*/_react.default.createElement(_material.ListItemText, {
|
|
218
|
-
disableTypography: true,
|
|
219
|
-
sx: {
|
|
220
|
-
color: "#44409A !important",
|
|
221
|
-
fontWeight: 600,
|
|
222
|
-
p: "0.3rem",
|
|
223
|
-
cursor: "pointer",
|
|
224
|
-
fontSize: "14px !important",
|
|
225
|
-
backgroundColor: i.key === selectedSidebarKey ? "#f5f6f7" : "none",
|
|
226
|
-
"&:hover": {
|
|
227
|
-
backgroundColor: "#f5f6f7"
|
|
228
|
-
}
|
|
229
|
-
},
|
|
230
|
-
onClick: function onClick() {
|
|
231
|
-
setSelectedSidebarKey(i.key);
|
|
232
|
-
setselectedCollapsedSidebar(i);
|
|
233
|
-
handleClose();
|
|
234
|
-
i.serverSide ? window.location.href = i.href : navigate(i.href);
|
|
235
|
-
}
|
|
236
|
-
}, /*#__PURE__*/_react.default.createElement(_text.default, {
|
|
237
|
-
semibold: true
|
|
238
|
-
}, i.display));
|
|
239
|
-
})))));
|
|
240
|
-
}))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
|
|
241
|
-
};
|
|
242
|
-
GroupedIconMenu.propTypes = {
|
|
243
|
-
groups: _propTypes.default.array.isRequired
|
|
244
|
-
};
|
|
245
|
-
var _default = GroupedIconMenu;
|
|
246
|
-
exports.default = _default;
|