@3sc/common-component 0.0.6 → 0.0.12
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/README.md +8 -20
- package/dist/index.es.js +22242 -0
- package/dist/index.es.js.map +1 -0
- package/dist/index.umd.js +254 -0
- package/dist/index.umd.js.map +1 -0
- package/dist/style.css +1 -0
- package/dist/vite.svg +1 -0
- package/package.json +48 -63
- package/dist/App.js +0 -19
- package/dist/App.test.js +0 -10
- package/dist/components/alert/alert-body.js +0 -155
- package/dist/components/alert/details-body.js +0 -128
- package/dist/components/alert/index.js +0 -266
- package/dist/components/alert/style.scss +0 -166
- package/dist/components/alert/table-detail.js +0 -37
- package/dist/components/bell.js +0 -45
- package/dist/components/index.js +0 -13
- package/dist/components/input-field/index.js +0 -67
- package/dist/components/my-dialog.js +0 -119
- package/dist/components/my-pagination/index.js +0 -54
- package/dist/components/my-pagination/logs.js +0 -24
- package/dist/components/notification-card/card.js +0 -107
- package/dist/components/notification-card/index.js +0 -36
- package/dist/components/select-field/index.js +0 -55
- package/dist/components/select-field/react-select.js +0 -31
- package/dist/components/sort-icon/index.js +0 -26
- package/dist/config/axios.js +0 -41
- package/dist/config/mui-provider.js +0 -19
- package/dist/config/my-context.js +0 -67
- package/dist/config/theme.js +0 -22
- package/dist/helper/common-fun.js +0 -90
- package/dist/index.css +0 -13
- package/dist/index.js +0 -15
- package/dist/modules/index.js +0 -12
- package/dist/modules/notification.js +0 -20
- package/dist/reportWebVitals.js +0 -30
- package/dist/sass/_base.scss +0 -271
- package/dist/sass/_colors.scss +0 -7
- package/dist/sass/_typography.scss +0 -1
- package/dist/sass/fonts/montserrat-v25-latin-300.eot +0 -0
- package/dist/sass/fonts/montserrat-v25-latin-300.svg +0 -326
- package/dist/sass/fonts/montserrat-v25-latin-300.ttf +0 -0
- package/dist/sass/fonts/montserrat-v25-latin-300.woff +0 -0
- package/dist/sass/fonts/montserrat-v25-latin-300.woff2 +0 -0
- package/dist/sass/fonts/montserrat-v25-latin-500.eot +0 -0
- package/dist/sass/fonts/montserrat-v25-latin-500.svg +0 -328
- package/dist/sass/fonts/montserrat-v25-latin-500.ttf +0 -0
- package/dist/sass/fonts/montserrat-v25-latin-500.woff +0 -0
- package/dist/sass/fonts/montserrat-v25-latin-500.woff2 +0 -0
- package/dist/sass/fonts/montserrat-v25-latin-600.eot +0 -0
- package/dist/sass/fonts/montserrat-v25-latin-600.svg +0 -329
- package/dist/sass/fonts/montserrat-v25-latin-600.ttf +0 -0
- package/dist/sass/fonts/montserrat-v25-latin-600.woff +0 -0
- package/dist/sass/fonts/montserrat-v25-latin-600.woff2 +0 -0
- package/dist/sass/fonts/montserrat-v25-latin-700.eot +0 -0
- package/dist/sass/fonts/montserrat-v25-latin-700.svg +0 -329
- package/dist/sass/fonts/montserrat-v25-latin-700.ttf +0 -0
- package/dist/sass/fonts/montserrat-v25-latin-700.woff +0 -0
- package/dist/sass/fonts/montserrat-v25-latin-700.woff2 +0 -0
- package/dist/sass/fonts/montserrat-v25-latin-800.eot +0 -0
- package/dist/sass/fonts/montserrat-v25-latin-800.svg +0 -329
- package/dist/sass/fonts/montserrat-v25-latin-800.ttf +0 -0
- package/dist/sass/fonts/montserrat-v25-latin-800.woff +0 -0
- package/dist/sass/fonts/montserrat-v25-latin-800.woff2 +0 -0
- package/dist/sass/fonts/montserrat-v25-latin-regular.eot +0 -0
- package/dist/sass/fonts/montserrat-v25-latin-regular.svg +0 -327
- package/dist/sass/fonts/montserrat-v25-latin-regular.ttf +0 -0
- package/dist/sass/fonts/montserrat-v25-latin-regular.woff +0 -0
- package/dist/sass/fonts/montserrat-v25-latin-regular.woff2 +0 -0
- package/dist/sass/fonts/poppins-v20-latin-300.eot +0 -0
- package/dist/sass/fonts/poppins-v20-latin-300.svg +0 -321
- package/dist/sass/fonts/poppins-v20-latin-300.ttf +0 -0
- package/dist/sass/fonts/poppins-v20-latin-300.woff +0 -0
- package/dist/sass/fonts/poppins-v20-latin-300.woff2 +0 -0
- package/dist/sass/fonts/poppins-v20-latin-500.eot +0 -0
- package/dist/sass/fonts/poppins-v20-latin-500.svg +0 -323
- package/dist/sass/fonts/poppins-v20-latin-500.ttf +0 -0
- package/dist/sass/fonts/poppins-v20-latin-500.woff +0 -0
- package/dist/sass/fonts/poppins-v20-latin-500.woff2 +0 -0
- package/dist/sass/fonts/poppins-v20-latin-600.eot +0 -0
- package/dist/sass/fonts/poppins-v20-latin-600.svg +0 -322
- package/dist/sass/fonts/poppins-v20-latin-600.ttf +0 -0
- package/dist/sass/fonts/poppins-v20-latin-600.woff +0 -0
- package/dist/sass/fonts/poppins-v20-latin-600.woff2 +0 -0
- package/dist/sass/fonts/poppins-v20-latin-700.eot +0 -0
- package/dist/sass/fonts/poppins-v20-latin-700.svg +0 -322
- package/dist/sass/fonts/poppins-v20-latin-700.ttf +0 -0
- package/dist/sass/fonts/poppins-v20-latin-700.woff +0 -0
- package/dist/sass/fonts/poppins-v20-latin-700.woff2 +0 -0
- package/dist/sass/fonts/poppins-v20-latin-800.eot +0 -0
- package/dist/sass/fonts/poppins-v20-latin-800.svg +0 -320
- package/dist/sass/fonts/poppins-v20-latin-800.ttf +0 -0
- package/dist/sass/fonts/poppins-v20-latin-800.woff +0 -0
- package/dist/sass/fonts/poppins-v20-latin-800.woff2 +0 -0
- package/dist/sass/fonts/poppins-v20-latin-regular.eot +0 -0
- package/dist/sass/fonts/poppins-v20-latin-regular.svg +0 -323
- package/dist/sass/fonts/poppins-v20-latin-regular.ttf +0 -0
- package/dist/sass/fonts/poppins-v20-latin-regular.woff +0 -0
- package/dist/sass/fonts/poppins-v20-latin-regular.woff2 +0 -0
- package/dist/sass/main.scss +0 -3
- package/dist/services/notification.js +0 -47
- package/dist/setupTests.js +0 -3
- package/dist/utils/ActionType.js +0 -13
- package/dist/utils/Constant.js +0 -54
- package/dist/utils/EndPoint.js +0 -10
- package/dist/utils/Env.js +0 -14
- package/dist/utils/ErrorMsg.js +0 -14
- package/dist/utils/LocalStorage.js +0 -17
- package/dist/utils/StatusCode.js +0 -16
|
@@ -1,119 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
require("core-js/modules/es.object.assign.js");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.default = void 0;
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _material = require("@mui/material");
|
|
10
|
-
var _styles = require("@mui/material/styles");
|
|
11
|
-
var _Refresh = _interopRequireDefault(require("@mui/icons-material/Refresh"));
|
|
12
|
-
var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
|
|
13
|
-
var _colors = require("@mui/material/colors");
|
|
14
|
-
var _Constant = require("../utils/Constant");
|
|
15
|
-
const _excluded = ["title", "subTitle", "children", "onRefresh", "onClose", "loading", "handleShowAll", "handleMarkAllAsRead", "isMarkAllAsRead", "width", "headerIconType", "isDialogActionShow", "className"];
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
18
|
-
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; }
|
|
19
|
-
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; }
|
|
20
|
-
const CustomizeDialog = (0, _styles.styled)(_material.Dialog)(_ref => {
|
|
21
|
-
let {
|
|
22
|
-
theme
|
|
23
|
-
} = _ref;
|
|
24
|
-
return {
|
|
25
|
-
"& .MuiPaper-root": {
|
|
26
|
-
borderRadius: 8,
|
|
27
|
-
border: "1px solid ".concat(_colors.grey[50]),
|
|
28
|
-
boxShadow: theme.shadows[5]
|
|
29
|
-
},
|
|
30
|
-
"& .MuiDialogContent-root": {
|
|
31
|
-
padding: theme.spacing(1)
|
|
32
|
-
},
|
|
33
|
-
"& .MuiDialogActions-root": {
|
|
34
|
-
padding: "".concat(theme.spacing(0.2), " ").concat(theme.spacing(0.5), "}")
|
|
35
|
-
}
|
|
36
|
-
};
|
|
37
|
-
});
|
|
38
|
-
const MyDialog = _ref2 => {
|
|
39
|
-
let {
|
|
40
|
-
title,
|
|
41
|
-
subTitle,
|
|
42
|
-
children,
|
|
43
|
-
onRefresh,
|
|
44
|
-
onClose,
|
|
45
|
-
loading,
|
|
46
|
-
handleShowAll,
|
|
47
|
-
handleMarkAllAsRead,
|
|
48
|
-
isMarkAllAsRead,
|
|
49
|
-
width,
|
|
50
|
-
headerIconType,
|
|
51
|
-
isDialogActionShow,
|
|
52
|
-
className
|
|
53
|
-
} = _ref2,
|
|
54
|
-
otherProps = _objectWithoutProperties(_ref2, _excluded);
|
|
55
|
-
const headerIcon = () => {
|
|
56
|
-
switch (headerIconType) {
|
|
57
|
-
case _Constant.HEADER_ICON_TYPE.REFRESH:
|
|
58
|
-
return /*#__PURE__*/_react.default.createElement(_material.IconButton, {
|
|
59
|
-
disabled: loading,
|
|
60
|
-
"aria-label": "close",
|
|
61
|
-
sx: {
|
|
62
|
-
position: "absolute",
|
|
63
|
-
right: 8,
|
|
64
|
-
top: 8,
|
|
65
|
-
color: "primary.main"
|
|
66
|
-
},
|
|
67
|
-
onClick: onRefresh
|
|
68
|
-
}, /*#__PURE__*/_react.default.createElement(_Refresh.default, {
|
|
69
|
-
fontSize: "medium"
|
|
70
|
-
}));
|
|
71
|
-
case _Constant.HEADER_ICON_TYPE.CLOSE:
|
|
72
|
-
return /*#__PURE__*/_react.default.createElement(_material.IconButton, {
|
|
73
|
-
"aria-label": "close",
|
|
74
|
-
sx: {
|
|
75
|
-
position: "absolute",
|
|
76
|
-
right: 8,
|
|
77
|
-
top: 8,
|
|
78
|
-
color: "primary.main"
|
|
79
|
-
},
|
|
80
|
-
onClick: onClose
|
|
81
|
-
}, /*#__PURE__*/_react.default.createElement(_Close.default, {
|
|
82
|
-
fontSize: "medium"
|
|
83
|
-
}));
|
|
84
|
-
default:
|
|
85
|
-
return null;
|
|
86
|
-
}
|
|
87
|
-
};
|
|
88
|
-
return /*#__PURE__*/_react.default.createElement(CustomizeDialog, _extends({
|
|
89
|
-
maxWidth: "md",
|
|
90
|
-
onClose: onClose
|
|
91
|
-
}, otherProps, {
|
|
92
|
-
className: ["notification-dialog", className].join(" ")
|
|
93
|
-
}), /*#__PURE__*/_react.default.createElement(_material.DialogTitle, {
|
|
94
|
-
sx: {
|
|
95
|
-
p: 1,
|
|
96
|
-
display: "flex"
|
|
97
|
-
}
|
|
98
|
-
}, /*#__PURE__*/_react.default.createElement(_material.Box, {
|
|
99
|
-
sx: {
|
|
100
|
-
gap: 1,
|
|
101
|
-
display: "flex"
|
|
102
|
-
}
|
|
103
|
-
}, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
|
104
|
-
variant: "h6",
|
|
105
|
-
className: "title"
|
|
106
|
-
}, title), subTitle && /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
|
107
|
-
variant: "h6",
|
|
108
|
-
className: "title sub-title"
|
|
109
|
-
}, subTitle)), headerIcon())), children, isDialogActionShow && /*#__PURE__*/_react.default.createElement(_material.DialogActions, {
|
|
110
|
-
className: "dialog-action"
|
|
111
|
-
}, /*#__PURE__*/_react.default.createElement(_material.Button, {
|
|
112
|
-
onClick: handleShowAll,
|
|
113
|
-
className: "view-all"
|
|
114
|
-
}, "Show all"), isMarkAllAsRead.boo && /*#__PURE__*/_react.default.createElement(_material.Button, {
|
|
115
|
-
className: "view-all",
|
|
116
|
-
onClick: handleMarkAllAsRead
|
|
117
|
-
}, "Mark all as read")));
|
|
118
|
-
};
|
|
119
|
-
var _default = exports.default = MyDialog;
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _Pagination = _interopRequireDefault(require("@mui/material/Pagination"));
|
|
9
|
-
var _material = require("@mui/material");
|
|
10
|
-
var _logs = _interopRequireDefault(require("./logs"));
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
const MyPagination = _ref => {
|
|
13
|
-
let {
|
|
14
|
-
page,
|
|
15
|
-
rowPerPage,
|
|
16
|
-
total,
|
|
17
|
-
handleChangePage,
|
|
18
|
-
isLogo,
|
|
19
|
-
isMarkAllRead,
|
|
20
|
-
selectedAlert,
|
|
21
|
-
handleAllRead
|
|
22
|
-
} = _ref;
|
|
23
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Pagination.default, {
|
|
24
|
-
count: Math.ceil(total / rowPerPage),
|
|
25
|
-
page: page,
|
|
26
|
-
onChange: (_, page) => {
|
|
27
|
-
handleChangePage(page);
|
|
28
|
-
},
|
|
29
|
-
sx: {
|
|
30
|
-
margin: "1rem 0",
|
|
31
|
-
"& .MuiPaginationItem-root": {
|
|
32
|
-
fontSize: "1.25rem",
|
|
33
|
-
"& .MuiSvgIcon-root": {
|
|
34
|
-
fontSize: "2.2rem",
|
|
35
|
-
color: "primary.main"
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
},
|
|
39
|
-
color: "primary",
|
|
40
|
-
shape: "rounded",
|
|
41
|
-
showFirstButton: true,
|
|
42
|
-
showLastButton: true
|
|
43
|
-
}), isLogo && /*#__PURE__*/_react.default.createElement(_logs.default, {
|
|
44
|
-
start: page * rowPerPage - rowPerPage + 1,
|
|
45
|
-
end: page * rowPerPage > total ? total : page * rowPerPage,
|
|
46
|
-
total: total
|
|
47
|
-
}), isMarkAllRead && /*#__PURE__*/_react.default.createElement(_material.Button, {
|
|
48
|
-
variant: "contained",
|
|
49
|
-
className: "view-all",
|
|
50
|
-
disabled: selectedAlert.length === 0,
|
|
51
|
-
onClick: handleAllRead
|
|
52
|
-
}, "Mark Read"));
|
|
53
|
-
};
|
|
54
|
-
var _default = exports.default = MyPagination;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _material = require("@mui/material");
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
-
const Logs = _ref => {
|
|
11
|
-
let {
|
|
12
|
-
start,
|
|
13
|
-
end,
|
|
14
|
-
total
|
|
15
|
-
} = _ref;
|
|
16
|
-
return /*#__PURE__*/_react.default.createElement(_material.Box, {
|
|
17
|
-
component: "h1",
|
|
18
|
-
sx: {
|
|
19
|
-
fontSize: "1.5rem",
|
|
20
|
-
fontWeight: 500
|
|
21
|
-
}
|
|
22
|
-
}, start, " - ", end, " of ", total, " logs");
|
|
23
|
-
};
|
|
24
|
-
var _default = exports.default = Logs;
|
|
@@ -1,107 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
require("core-js/modules/es.array.includes.js");
|
|
8
|
-
require("core-js/modules/es.string.includes.js");
|
|
9
|
-
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var _material = require("@mui/material");
|
|
11
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
12
|
-
var _colors = require("@mui/material/colors");
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
-
const Card = _ref => {
|
|
15
|
-
let {
|
|
16
|
-
type,
|
|
17
|
-
title,
|
|
18
|
-
subTitle,
|
|
19
|
-
subType,
|
|
20
|
-
isRead,
|
|
21
|
-
handleShowDetails,
|
|
22
|
-
handleRead,
|
|
23
|
-
isCheckBox,
|
|
24
|
-
isSubType,
|
|
25
|
-
selectedAlert,
|
|
26
|
-
id,
|
|
27
|
-
handleCheckboxChange
|
|
28
|
-
} = _ref;
|
|
29
|
-
return /*#__PURE__*/_react.default.createElement(_material.Box, {
|
|
30
|
-
className: "card"
|
|
31
|
-
}, /*#__PURE__*/_react.default.createElement(_material.Stack, {
|
|
32
|
-
display: "flex",
|
|
33
|
-
flexDirection: "row",
|
|
34
|
-
alignItems: "start",
|
|
35
|
-
gap: 1
|
|
36
|
-
}, type && /*#__PURE__*/_react.default.createElement(_material.Badge, {
|
|
37
|
-
color: type,
|
|
38
|
-
variant: "dot",
|
|
39
|
-
className: "badge"
|
|
40
|
-
}), isCheckBox && /*#__PURE__*/_react.default.createElement(_material.Checkbox, {
|
|
41
|
-
checked: selectedAlert.includes(id) ? true : false,
|
|
42
|
-
onChange: e => handleCheckboxChange(e, id),
|
|
43
|
-
disabled: isRead
|
|
44
|
-
}), /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
|
45
|
-
variant: "h6",
|
|
46
|
-
component: "span",
|
|
47
|
-
className: ["title-card", isRead && "read"].join(" ")
|
|
48
|
-
}, title)), /*#__PURE__*/_react.default.createElement(_material.Stack, {
|
|
49
|
-
display: "flex",
|
|
50
|
-
justifyContent: "space-between",
|
|
51
|
-
flexDirection: "row",
|
|
52
|
-
alignItems: "start",
|
|
53
|
-
gap: 1
|
|
54
|
-
}, isSubType && /*#__PURE__*/_react.default.createElement(_material.Chip, {
|
|
55
|
-
label: subType,
|
|
56
|
-
variant: "filled",
|
|
57
|
-
size: "small",
|
|
58
|
-
sx: {
|
|
59
|
-
fontFamily: "Montserrat, sans-serif",
|
|
60
|
-
fontWeight: "medium",
|
|
61
|
-
color: "primary.main",
|
|
62
|
-
ml: 5
|
|
63
|
-
}
|
|
64
|
-
}), /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
|
65
|
-
variant: "body2",
|
|
66
|
-
component: "div",
|
|
67
|
-
className: ["sub-title", isRead && "read"].join(" ")
|
|
68
|
-
}, subTitle)), /*#__PURE__*/_react.default.createElement(_material.Stack, {
|
|
69
|
-
display: "flex",
|
|
70
|
-
flexDirection: "row",
|
|
71
|
-
justifyContent: "end",
|
|
72
|
-
gap: 1
|
|
73
|
-
}, /*#__PURE__*/_react.default.createElement(_material.Chip, {
|
|
74
|
-
onClick: handleShowDetails,
|
|
75
|
-
label: "Show Details",
|
|
76
|
-
component: "button",
|
|
77
|
-
variant: "filled",
|
|
78
|
-
clickable: true,
|
|
79
|
-
size: "small",
|
|
80
|
-
sx: {
|
|
81
|
-
fontFamily: "Montserrat, sans-serif",
|
|
82
|
-
fontWeight: "medium",
|
|
83
|
-
color: _colors.blue[500]
|
|
84
|
-
}
|
|
85
|
-
}), !isRead && /*#__PURE__*/_react.default.createElement(_material.Chip, {
|
|
86
|
-
onClick: handleRead,
|
|
87
|
-
label: "Mark as Read",
|
|
88
|
-
component: "button",
|
|
89
|
-
variant: "filled",
|
|
90
|
-
clickable: true,
|
|
91
|
-
size: "small",
|
|
92
|
-
sx: {
|
|
93
|
-
fontFamily: "Montserrat, sans-serif",
|
|
94
|
-
fontWeight: "medium",
|
|
95
|
-
color: "primary.main"
|
|
96
|
-
}
|
|
97
|
-
})));
|
|
98
|
-
};
|
|
99
|
-
var _default = exports.default = Card;
|
|
100
|
-
Card.propTypes = {
|
|
101
|
-
type: _propTypes.default.string,
|
|
102
|
-
title: _propTypes.default.string,
|
|
103
|
-
subTitle: _propTypes.default.string,
|
|
104
|
-
isRead: _propTypes.default.bool,
|
|
105
|
-
handleShowDetails: _propTypes.default.func,
|
|
106
|
-
handleRead: _propTypes.default.func
|
|
107
|
-
};
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _material = require("@mui/material");
|
|
9
|
-
var _card = _interopRequireDefault(require("./card"));
|
|
10
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
var _commonFun = require("../../helper/common-fun");
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
const NotificationCard = _ref => {
|
|
14
|
-
let {
|
|
15
|
-
data,
|
|
16
|
-
handleRead: _handleRead,
|
|
17
|
-
handleShowDetails: _handleShowDetails
|
|
18
|
-
} = _ref;
|
|
19
|
-
return /*#__PURE__*/_react.default.createElement(_material.Box, null, data.map((item, index) => {
|
|
20
|
-
return /*#__PURE__*/_react.default.createElement(_card.default, {
|
|
21
|
-
key: index,
|
|
22
|
-
type: "success",
|
|
23
|
-
title: item.message,
|
|
24
|
-
subTitle: (0, _commonFun.fullFormatDate)(item.createdAt),
|
|
25
|
-
isRead: item.isRead,
|
|
26
|
-
handleShowDetails: () => _handleShowDetails(item.id),
|
|
27
|
-
handleRead: () => _handleRead([item.id])
|
|
28
|
-
});
|
|
29
|
-
}));
|
|
30
|
-
};
|
|
31
|
-
var _default = exports.default = NotificationCard;
|
|
32
|
-
NotificationCard.propTypes = {
|
|
33
|
-
data: _propTypes.default.array,
|
|
34
|
-
handleRead: _propTypes.default.func,
|
|
35
|
-
handleShowDetails: _propTypes.default.func
|
|
36
|
-
};
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _material = require("@mui/material");
|
|
9
|
-
var _styles = require("@mui/material/styles");
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
const BootstrapInput = (0, _styles.styled)(_material.InputBase)(_ref => {
|
|
12
|
-
let {
|
|
13
|
-
theme
|
|
14
|
-
} = _ref;
|
|
15
|
-
return {
|
|
16
|
-
"& .MuiInputBase-input": {
|
|
17
|
-
color: theme.palette.input.border,
|
|
18
|
-
borderRadius: 4,
|
|
19
|
-
position: "relative",
|
|
20
|
-
backgroundColor: theme.palette.background.paper,
|
|
21
|
-
border: "1px solid ".concat(theme.palette.input.border),
|
|
22
|
-
fontSize: ".9rem",
|
|
23
|
-
fontWeight: 500,
|
|
24
|
-
fontFamily: "Montserrat, sans-serif",
|
|
25
|
-
padding: "11px 26px 10px 12px",
|
|
26
|
-
transition: theme.transitions.create(["border-color", "box-shadow"])
|
|
27
|
-
}
|
|
28
|
-
};
|
|
29
|
-
});
|
|
30
|
-
const SelectField = _ref2 => {
|
|
31
|
-
let {
|
|
32
|
-
option,
|
|
33
|
-
value,
|
|
34
|
-
handleSelectChange
|
|
35
|
-
} = _ref2;
|
|
36
|
-
return /*#__PURE__*/_react.default.createElement(_material.FormControl, {
|
|
37
|
-
sx: {
|
|
38
|
-
width: 120
|
|
39
|
-
}
|
|
40
|
-
}, /*#__PURE__*/_react.default.createElement(_material.Select, {
|
|
41
|
-
onChange: handleSelectChange,
|
|
42
|
-
value: value,
|
|
43
|
-
size: "small",
|
|
44
|
-
input: /*#__PURE__*/_react.default.createElement(BootstrapInput, null),
|
|
45
|
-
sx: {
|
|
46
|
-
"& .MuiSelected": {
|
|
47
|
-
color: "primary.main"
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
}, option.map((item, index) => /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
|
|
51
|
-
key: index,
|
|
52
|
-
value: item.value
|
|
53
|
-
}, item.label))));
|
|
54
|
-
};
|
|
55
|
-
var _default = exports.default = SelectField;
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
require("core-js/modules/es.object.assign.js");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.default = void 0;
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _reactSelect = _interopRequireDefault(require("react-select"));
|
|
10
|
-
var _Constant = require("../../utils/Constant");
|
|
11
|
-
const _excluded = ["option", "value", "handleSelectChange"];
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
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); }
|
|
14
|
-
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; }
|
|
15
|
-
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; }
|
|
16
|
-
const ReactSelect = _ref => {
|
|
17
|
-
let {
|
|
18
|
-
option,
|
|
19
|
-
value,
|
|
20
|
-
handleSelectChange
|
|
21
|
-
} = _ref,
|
|
22
|
-
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
23
|
-
return /*#__PURE__*/_react.default.createElement(_reactSelect.default, _extends({}, otherProps, {
|
|
24
|
-
options: option,
|
|
25
|
-
value: value,
|
|
26
|
-
className: "custom-select-container",
|
|
27
|
-
onChange: handleSelectChange,
|
|
28
|
-
theme: _Constant.customSelectTheme
|
|
29
|
-
}));
|
|
30
|
-
};
|
|
31
|
-
var _default = exports.default = ReactSelect;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
|
-
const SortIcon = _ref => {
|
|
10
|
-
let {
|
|
11
|
-
sortKey,
|
|
12
|
-
sortDir,
|
|
13
|
-
column
|
|
14
|
-
} = _ref;
|
|
15
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, sortKey === column ? !sortDir ? /*#__PURE__*/_react.default.createElement("i", {
|
|
16
|
-
className: "fa fa-arrow-up",
|
|
17
|
-
"aria-hidden": "true"
|
|
18
|
-
}) : /*#__PURE__*/_react.default.createElement("i", {
|
|
19
|
-
className: "fa fa-arrow-down",
|
|
20
|
-
"aria-hidden": "true"
|
|
21
|
-
}) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("i", {
|
|
22
|
-
className: "fa fa-sort",
|
|
23
|
-
"aria-hidden": "true"
|
|
24
|
-
})));
|
|
25
|
-
};
|
|
26
|
-
var _default = exports.default = SortIcon;
|
package/dist/config/axios.js
DELETED
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
// import axios from "axios";
|
|
2
|
-
// import Env from "../utils/Env";
|
|
3
|
-
// import LOCAL_STORAGE from "../utils/LocalStorage";
|
|
4
|
-
// import { OTHER_CONSTANT } from "../utils/Constant";
|
|
5
|
-
|
|
6
|
-
// const instanceAxios = axios.create({
|
|
7
|
-
// baseURL: Env.BASE_URL,
|
|
8
|
-
// headers: {
|
|
9
|
-
// "Content-Type": "application/json",
|
|
10
|
-
// Authorization: `${OTHER_CONSTANT.BEARER} ${LOCAL_STORAGE.TOKEN}`,
|
|
11
|
-
// },
|
|
12
|
-
// });
|
|
13
|
-
|
|
14
|
-
// // Add a request interceptor
|
|
15
|
-
// instanceAxios.interceptors.request.use(
|
|
16
|
-
// function (config) {
|
|
17
|
-
// // Do something before request is sent
|
|
18
|
-
// return config;
|
|
19
|
-
// },
|
|
20
|
-
// function (error) {
|
|
21
|
-
// // Do something with request error
|
|
22
|
-
// return Promise.reject(error);
|
|
23
|
-
// }
|
|
24
|
-
// );
|
|
25
|
-
|
|
26
|
-
// // Add a response interceptor
|
|
27
|
-
// instanceAxios.interceptors.response.use(
|
|
28
|
-
// function (response) {
|
|
29
|
-
// // Any status code that lie within the range of 2xx cause this function to trigger
|
|
30
|
-
// // Do something with response data
|
|
31
|
-
// return response;
|
|
32
|
-
// },
|
|
33
|
-
// function (error) {
|
|
34
|
-
// // Any status codes that falls outside the range of 2xx cause this function to trigger
|
|
35
|
-
// // Do something with response error
|
|
36
|
-
// return Promise.reject(error);
|
|
37
|
-
// }
|
|
38
|
-
// );
|
|
39
|
-
|
|
40
|
-
// export default instanceAxios;
|
|
41
|
-
"use strict";
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _material = require("@mui/material");
|
|
9
|
-
var _theme = _interopRequireDefault(require("./theme"));
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
function MuiProvider(_ref) {
|
|
12
|
-
let {
|
|
13
|
-
children
|
|
14
|
-
} = _ref;
|
|
15
|
-
return /*#__PURE__*/_react.default.createElement(_material.ThemeProvider, {
|
|
16
|
-
theme: _theme.default
|
|
17
|
-
}, children);
|
|
18
|
-
}
|
|
19
|
-
var _default = exports.default = MuiProvider;
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
require("core-js/modules/es.symbol.description.js");
|
|
4
|
-
require("core-js/modules/es.weak-map.js");
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.default = exports.TasksDispatchContext = exports.TasksContext = void 0;
|
|
9
|
-
require("core-js/modules/web.dom-collections.iterator.js");
|
|
10
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
var _ActionType = _interopRequireDefault(require("../utils/ActionType"));
|
|
12
|
-
var _ErrorMsg = _interopRequireDefault(require("../utils/ErrorMsg"));
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
15
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
16
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
17
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
18
|
-
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; }
|
|
19
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
|
|
20
|
-
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
21
|
-
const TasksContext = exports.TasksContext = /*#__PURE__*/(0, _react.createContext)(null);
|
|
22
|
-
const TasksDispatchContext = exports.TasksDispatchContext = /*#__PURE__*/(0, _react.createContext)(null);
|
|
23
|
-
function MyContext(_ref) {
|
|
24
|
-
let {
|
|
25
|
-
children
|
|
26
|
-
} = _ref;
|
|
27
|
-
const [tasks, dispatch] = (0, _react.useReducer)(tasksReducer, initialTasks);
|
|
28
|
-
return /*#__PURE__*/_react.default.createElement(TasksContext.Provider, {
|
|
29
|
-
value: tasks
|
|
30
|
-
}, /*#__PURE__*/_react.default.createElement(TasksDispatchContext.Provider, {
|
|
31
|
-
value: dispatch
|
|
32
|
-
}, children));
|
|
33
|
-
}
|
|
34
|
-
var _default = exports.default = MyContext;
|
|
35
|
-
function tasksReducer(tasks, action) {
|
|
36
|
-
switch (action.type) {
|
|
37
|
-
case _ActionType.default.LOADING:
|
|
38
|
-
return _objectSpread(_objectSpread({}, tasks), {}, {
|
|
39
|
-
loading: action.loading
|
|
40
|
-
});
|
|
41
|
-
case _ActionType.default.SUCCESS:
|
|
42
|
-
{
|
|
43
|
-
return _objectSpread(_objectSpread({}, tasks), {}, {
|
|
44
|
-
data: action.data
|
|
45
|
-
});
|
|
46
|
-
}
|
|
47
|
-
case _ActionType.default.MARK_ALL_AS_READ:
|
|
48
|
-
return _objectSpread(_objectSpread({}, tasks), {}, {
|
|
49
|
-
isMarkAllAsRead: action.isMarkAllAsRead
|
|
50
|
-
});
|
|
51
|
-
case _ActionType.default.ERROR:
|
|
52
|
-
return _objectSpread(_objectSpread({}, tasks), {}, {
|
|
53
|
-
error: action.error
|
|
54
|
-
});
|
|
55
|
-
default:
|
|
56
|
-
throw new Error("".concat(_ErrorMsg.default.UNHANDLED, ": ").concat(action));
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
const initialTasks = {
|
|
60
|
-
loading: false,
|
|
61
|
-
data: [],
|
|
62
|
-
error: "",
|
|
63
|
-
isMarkAllAsRead: {
|
|
64
|
-
count: 0,
|
|
65
|
-
boo: false
|
|
66
|
-
}
|
|
67
|
-
};
|
package/dist/config/theme.js
DELETED
|
@@ -1,22 +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
|
-
const theme = (0, _material.createTheme)({
|
|
9
|
-
palette: {
|
|
10
|
-
primary: {
|
|
11
|
-
main: "#E94F1C"
|
|
12
|
-
},
|
|
13
|
-
secondary: {
|
|
14
|
-
main: "#1D1D1B"
|
|
15
|
-
},
|
|
16
|
-
input: {
|
|
17
|
-
color: "rgba(0, 0, 0, 0.87)",
|
|
18
|
-
border: "#ACB2BA"
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
});
|
|
22
|
-
var _default = exports.default = theme;
|