@3sc/common-component 0.0.1 → 0.0.2
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/dist/App.js +4 -2
- package/dist/components/alert/index.js +9 -6
- package/dist/components/bell.js +4 -3
- package/dist/components/my-dialog.js +10 -9
- package/dist/config/mui-provider.js +2 -1
- package/dist/config/my-context.js +6 -3
- package/dist/helper/common-fun.js +5 -3
- package/dist/modules/notification.js +2 -1
- package/package.json +1 -1
package/dist/App.js
CHANGED
|
@@ -4,11 +4,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
7
8
|
var _modules = require("./modules");
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
8
10
|
function App() {
|
|
9
|
-
return /*#__PURE__*/
|
|
11
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
10
12
|
className: "App"
|
|
11
|
-
}, "hello", /*#__PURE__*/
|
|
13
|
+
}, "hello", /*#__PURE__*/_react.default.createElement(_modules.Notification, {
|
|
12
14
|
tenantId: "e9cbadf0-a2c3-4f0b-b358-e9368ccd093c",
|
|
13
15
|
buId: "1b97f147-5c15-4bd4-9d5d-8a63129caf3d",
|
|
14
16
|
snopId: "dee67439-9306-408a-b79c-99c4265dc5a3"
|
|
@@ -1,20 +1,23 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
require("core-js/modules/es.weak-map.js");
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
7
|
exports.default = void 0;
|
|
7
8
|
require("core-js/modules/web.dom-collections.iterator.js");
|
|
8
9
|
require("core-js/modules/es.promise.js");
|
|
10
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
11
|
var _material = require("@mui/material");
|
|
10
12
|
var _bell = _interopRequireDefault(require("../bell"));
|
|
11
13
|
var _myDialog = _interopRequireDefault(require("../my-dialog"));
|
|
12
|
-
var _react = require("react");
|
|
13
14
|
require("./style.scss");
|
|
14
15
|
var _myContext = require("../../config/my-context");
|
|
15
16
|
var _notification = require("../../services/notification");
|
|
16
17
|
var _StatusCode = _interopRequireDefault(require("../../utils/StatusCode"));
|
|
17
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
+
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); }
|
|
20
|
+
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; }
|
|
18
21
|
const Alert = _ref => {
|
|
19
22
|
let {
|
|
20
23
|
tenantId,
|
|
@@ -75,15 +78,15 @@ const Alert = _ref => {
|
|
|
75
78
|
const handleShowAll = () => {};
|
|
76
79
|
const handleMarkAllAsRead = () => {};
|
|
77
80
|
console.log("loading", loading, data);
|
|
78
|
-
return /*#__PURE__*/
|
|
81
|
+
return /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_material.Box, {
|
|
79
82
|
sx: {
|
|
80
83
|
display: "flex",
|
|
81
84
|
justifyContent: "center"
|
|
82
85
|
}
|
|
83
|
-
}, /*#__PURE__*/
|
|
86
|
+
}, /*#__PURE__*/_react.default.createElement(_bell.default, {
|
|
84
87
|
count: (data === null || data === void 0 ? void 0 : data.length) || 0,
|
|
85
88
|
handleClick: handleOpen
|
|
86
|
-
})), /*#__PURE__*/
|
|
89
|
+
})), /*#__PURE__*/_react.default.createElement(_myDialog.default, {
|
|
87
90
|
title: "Alerts",
|
|
88
91
|
open: open,
|
|
89
92
|
loading: loading || false,
|
|
@@ -92,13 +95,13 @@ const Alert = _ref => {
|
|
|
92
95
|
onRefresh: handleRefresh,
|
|
93
96
|
handleShowAll: handleShowAll,
|
|
94
97
|
handleMarkAllAsRead: handleMarkAllAsRead
|
|
95
|
-
}, /*#__PURE__*/
|
|
98
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Box, {
|
|
96
99
|
sx: {
|
|
97
100
|
display: "flex",
|
|
98
101
|
justifyContent: "center",
|
|
99
102
|
alignItems: "center",
|
|
100
103
|
height: 320
|
|
101
104
|
}
|
|
102
|
-
}, loading ? /*#__PURE__*/
|
|
105
|
+
}, loading ? /*#__PURE__*/_react.default.createElement(_material.CircularProgress, null) : /*#__PURE__*/_react.default.createElement(_material.Box, null, "Alert"))));
|
|
103
106
|
};
|
|
104
107
|
var _default = exports.default = Alert;
|
package/dist/components/bell.js
CHANGED
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports.default = void 0;
|
|
9
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
10
|
var _NotificationsOutlined = _interopRequireDefault(require("@mui/icons-material/NotificationsOutlined"));
|
|
10
11
|
var _material = require("@mui/material");
|
|
11
12
|
var _Badge = _interopRequireDefault(require("@mui/material/Badge"));
|
|
@@ -25,13 +26,13 @@ const Bell = _ref => {
|
|
|
25
26
|
handleClick
|
|
26
27
|
} = _ref,
|
|
27
28
|
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
28
|
-
return /*#__PURE__*/
|
|
29
|
+
return /*#__PURE__*/_react.default.createElement(_material.IconButton, {
|
|
29
30
|
onClick: handleClick
|
|
30
|
-
}, /*#__PURE__*/
|
|
31
|
+
}, /*#__PURE__*/_react.default.createElement(_Badge.default, _extends({}, otherProps, {
|
|
31
32
|
badgeContent: count,
|
|
32
33
|
overlap: "circular",
|
|
33
34
|
color: "primary"
|
|
34
|
-
}), /*#__PURE__*/
|
|
35
|
+
}), /*#__PURE__*/_react.default.createElement(_NotificationsOutlined.default, {
|
|
35
36
|
sx: _objectSpread({
|
|
36
37
|
fontSize: "3.5rem"
|
|
37
38
|
}, count > 0 ? {
|
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
9
|
var _material = require("@mui/material");
|
|
9
10
|
var _styles = require("@mui/material/styles");
|
|
10
11
|
var _Refresh = _interopRequireDefault(require("@mui/icons-material/Refresh"));
|
|
@@ -44,16 +45,16 @@ const MyDialog = _ref2 => {
|
|
|
44
45
|
isMarkAllAsRead
|
|
45
46
|
} = _ref2,
|
|
46
47
|
otherProps = _objectWithoutProperties(_ref2, _excluded);
|
|
47
|
-
return /*#__PURE__*/
|
|
48
|
+
return /*#__PURE__*/_react.default.createElement(CustomizeDialog, _extends({}, otherProps, {
|
|
48
49
|
className: "notification-dialog"
|
|
49
|
-
}), /*#__PURE__*/
|
|
50
|
+
}), /*#__PURE__*/_react.default.createElement(_material.DialogTitle, {
|
|
50
51
|
sx: {
|
|
51
52
|
p: 1
|
|
52
53
|
}
|
|
53
|
-
}, /*#__PURE__*/
|
|
54
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
|
54
55
|
variant: "h6",
|
|
55
56
|
className: "title"
|
|
56
|
-
}, title), /*#__PURE__*/
|
|
57
|
+
}, title), /*#__PURE__*/_react.default.createElement(_material.IconButton, {
|
|
57
58
|
disabled: loading,
|
|
58
59
|
"aria-label": "close",
|
|
59
60
|
sx: {
|
|
@@ -63,16 +64,16 @@ const MyDialog = _ref2 => {
|
|
|
63
64
|
color: "primary.main"
|
|
64
65
|
},
|
|
65
66
|
onClick: onRefresh
|
|
66
|
-
}, /*#__PURE__*/
|
|
67
|
+
}, /*#__PURE__*/_react.default.createElement(_Refresh.default, {
|
|
67
68
|
fontSize: "small"
|
|
68
|
-
})))), /*#__PURE__*/
|
|
69
|
+
})))), /*#__PURE__*/_react.default.createElement(_material.DialogContent, {
|
|
69
70
|
dividers: true
|
|
70
|
-
}, children), /*#__PURE__*/
|
|
71
|
+
}, children), /*#__PURE__*/_react.default.createElement(_material.DialogActions, {
|
|
71
72
|
className: "dialog-action"
|
|
72
|
-
}, /*#__PURE__*/
|
|
73
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Button, {
|
|
73
74
|
onClick: handleShowAll,
|
|
74
75
|
className: "view-all"
|
|
75
|
-
}, "Show all"), isMarkAllAsRead && /*#__PURE__*/
|
|
76
|
+
}, "Show all"), isMarkAllAsRead && /*#__PURE__*/_react.default.createElement(_material.Button, {
|
|
76
77
|
className: "view-all",
|
|
77
78
|
onClick: handleMarkAllAsRead
|
|
78
79
|
}, "Mark all as read")));
|
|
@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
7
8
|
var _material = require("@mui/material");
|
|
8
9
|
var _theme = _interopRequireDefault(require("./theme"));
|
|
9
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -11,7 +12,7 @@ function MuiProvider(_ref) {
|
|
|
11
12
|
let {
|
|
12
13
|
children
|
|
13
14
|
} = _ref;
|
|
14
|
-
return /*#__PURE__*/
|
|
15
|
+
return /*#__PURE__*/_react.default.createElement(_material.ThemeProvider, {
|
|
15
16
|
theme: _theme.default
|
|
16
17
|
}, children);
|
|
17
18
|
}
|
|
@@ -1,12 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
require("core-js/modules/es.symbol.description.js");
|
|
4
|
+
require("core-js/modules/es.weak-map.js");
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.default = exports.TasksDispatchContext = exports.TasksContext = void 0;
|
|
8
9
|
require("core-js/modules/web.dom-collections.iterator.js");
|
|
9
|
-
var _react = require("react");
|
|
10
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
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); }
|
|
12
|
+
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; }
|
|
10
13
|
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; }
|
|
11
14
|
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; }
|
|
12
15
|
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,9 +22,9 @@ function MyContext(_ref) {
|
|
|
19
22
|
children
|
|
20
23
|
} = _ref;
|
|
21
24
|
const [tasks, dispatch] = (0, _react.useReducer)(tasksReducer, initialTasks);
|
|
22
|
-
return /*#__PURE__*/
|
|
25
|
+
return /*#__PURE__*/_react.default.createElement(TasksContext.Provider, {
|
|
23
26
|
value: tasks
|
|
24
|
-
}, /*#__PURE__*/
|
|
27
|
+
}, /*#__PURE__*/_react.default.createElement(TasksDispatchContext.Provider, {
|
|
25
28
|
value: dispatch
|
|
26
29
|
}, children));
|
|
27
30
|
}
|
|
@@ -5,8 +5,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.getLocalStorage = void 0;
|
|
7
7
|
const getLocalStorage = key => {
|
|
8
|
-
|
|
9
|
-
if (
|
|
10
|
-
|
|
8
|
+
const value = localStorage.getItem(key);
|
|
9
|
+
if (value) {
|
|
10
|
+
return JSON.parse(value);
|
|
11
|
+
}
|
|
12
|
+
return "";
|
|
11
13
|
};
|
|
12
14
|
exports.getLocalStorage = getLocalStorage;
|
|
@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.Notification = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
7
8
|
var _alert = _interopRequireDefault(require("../components/alert"));
|
|
8
9
|
var _muiProvider = _interopRequireDefault(require("../config/mui-provider"));
|
|
9
10
|
var _myContext = _interopRequireDefault(require("../config/my-context"));
|
|
@@ -14,7 +15,7 @@ const Notification = _ref => {
|
|
|
14
15
|
buId,
|
|
15
16
|
snopId
|
|
16
17
|
} = _ref;
|
|
17
|
-
return /*#__PURE__*/
|
|
18
|
+
return /*#__PURE__*/_react.default.createElement(_muiProvider.default, null, /*#__PURE__*/_react.default.createElement(_myContext.default, null, /*#__PURE__*/_react.default.createElement(_alert.default, {
|
|
18
19
|
tenantId: tenantId,
|
|
19
20
|
buId: buId,
|
|
20
21
|
snopId: snopId
|