@3sc/common-component 0.0.10 → 0.0.13
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 +253 -1
- package/dist/index.umd.js.map +1 -1
- package/dist/style.css +1 -0
- package/dist/vite.svg +1 -0
- package/package.json +47 -62
- package/dist/App.js +0 -17
- 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.cjs +0 -2
- package/dist/index.cjs.map +0 -1
- package/dist/index.css +0 -2
- package/dist/index.css.map +0 -1
- package/dist/index.esm.mjs +0 -2
- package/dist/index.esm.mjs.map +0 -1
- package/dist/index.js +0 -2
- package/dist/index.js.map +0 -1
- package/dist/index.modern.js +0 -2
- package/dist/index.modern.js.map +0 -1
- package/dist/index.modern.mjs +0 -2
- package/dist/index.modern.mjs.map +0 -1
- package/dist/index.module.js +0 -2
- package/dist/index.module.js.map +0 -1
- package/dist/modules/common-component +0 -2
- package/dist/modules/common-component.cjs +0 -2
- package/dist/modules/common-component.cjs.map +0 -1
- package/dist/modules/common-component.css +0 -2
- package/dist/modules/common-component.css.map +0 -1
- package/dist/modules/common-component.map +0 -1
- package/dist/modules/common-component.modern.js +0 -2
- package/dist/modules/common-component.modern.js.map +0 -1
- package/dist/modules/common-component.umd.js +0 -2
- package/dist/modules/common-component.umd.js.map +0 -1
- 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;
|