blue-react 10.0.0-rc1 → 10.0.0-rc3
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 +50 -0
- package/dist/components/A.js +8 -23
- package/dist/components/ActionMenu.js +35 -67
- package/dist/components/ActionMenuItem.js +15 -37
- package/dist/components/Body.js +13 -27
- package/dist/components/Caret.js +6 -9
- package/dist/components/Chevron.js +14 -24
- package/dist/components/HashRouter.js +23 -66
- package/dist/components/Header.js +12 -15
- package/dist/components/HeaderTitle.js +37 -45
- package/dist/components/IconMenuItem.js +17 -33
- package/dist/components/Intro.js +12 -22
- package/dist/components/Layout.js +47 -42
- package/dist/components/MenuItem.js +41 -83
- package/dist/components/Modal.js +53 -86
- package/dist/components/ModalProvider.js +70 -125
- package/dist/components/Outside.js +13 -29
- package/dist/components/Page.js +18 -44
- package/dist/components/Search.js +47 -85
- package/dist/components/SidebarMenu.js +8 -22
- package/dist/components/SidebarMenuItem.js +34 -65
- package/dist/components/SidebarToggler.js +12 -22
- package/dist/components/SlimContainer.js +6 -16
- package/dist/components/Status.js +33 -44
- package/dist/components/StatusProvider.js +28 -65
- package/dist/components/Switch.js +17 -23
- package/dist/components/ToastProvider.js +43 -83
- package/dist/components/Utilities.js +23 -45
- package/dist/components/shared.js +1 -11
- package/dist/style.scss +1 -1
- package/dist/types/components/A.d.ts +9 -9
- package/dist/types/components/ActionMenu.d.ts +25 -25
- package/dist/types/components/ActionMenuItem.d.ts +36 -35
- package/dist/types/components/Body.d.ts +20 -21
- package/dist/types/components/Caret.d.ts +18 -18
- package/dist/types/components/Chevron.d.ts +17 -17
- package/dist/types/components/HashRouter.d.ts +76 -77
- package/dist/types/components/Header.d.ts +9 -8
- package/dist/types/components/HeaderTitle.d.ts +40 -40
- package/dist/types/components/IconMenuItem.d.ts +18 -19
- package/dist/types/components/Intro.d.ts +22 -23
- package/dist/types/components/Layout.d.ts +9 -16
- package/dist/types/components/MenuItem.d.ts +149 -149
- package/dist/types/components/Modal.d.ts +30 -30
- package/dist/types/components/ModalProvider.d.ts +21 -21
- package/dist/types/components/Outside.d.ts +17 -17
- package/dist/types/components/Page.d.ts +11 -12
- package/dist/types/components/Search.d.ts +36 -36
- package/dist/types/components/SidebarMenu.d.ts +31 -32
- package/dist/types/components/SidebarMenuItem.d.ts +21 -22
- package/dist/types/components/SidebarToggler.d.ts +10 -10
- package/dist/types/components/SlimContainer.d.ts +10 -10
- package/dist/types/components/Status.d.ts +12 -12
- package/dist/types/components/StatusProvider.d.ts +15 -15
- package/dist/types/components/Switch.d.ts +33 -33
- package/dist/types/components/ToastProvider.d.ts +22 -22
- package/dist/types/components/Utilities.d.ts +41 -41
- package/dist/types/components/shared.d.ts +15 -15
- package/index.d.ts +8 -12
- package/index.js +56 -30
- package/package.json +27 -43
- package/dist/components/ActionMenuSwitch.js +0 -44
- package/dist/components/LegacyLayout.js +0 -367
- package/dist/components/LegacySidebarMenu.js +0 -74
- package/dist/style.css +0 -11944
- package/dist/style.min.css +0 -16
- package/dist/types/components/ActionMenuSwitch.d.ts +0 -12
- package/dist/types/components/LegacyLayout.d.ts +0 -145
- package/dist/types/components/LegacySidebarMenu.d.ts +0 -33
|
@@ -1,67 +1,56 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = Status;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _clsx = _interopRequireDefault(require("clsx"));
|
|
11
|
-
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
|
|
14
|
-
function Status(_ref) {
|
|
1
|
+
import React from "react";
|
|
2
|
+
import clsx from "clsx";
|
|
3
|
+
export default function Status(_ref) {
|
|
15
4
|
var alert = _ref.alert,
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
return /*#__PURE__*/
|
|
28
|
-
className: (
|
|
5
|
+
onUnsetAlert = _ref.onUnsetAlert,
|
|
6
|
+
_ref$successIcon = _ref.successIcon,
|
|
7
|
+
successIcon = _ref$successIcon === void 0 ? "✔" : _ref$successIcon,
|
|
8
|
+
_ref$infoIcon = _ref.infoIcon,
|
|
9
|
+
infoIcon = _ref$infoIcon === void 0 ? "ℹ️" : _ref$infoIcon,
|
|
10
|
+
_ref$warningIcon = _ref.warningIcon,
|
|
11
|
+
warningIcon = _ref$warningIcon === void 0 ? "⚠️" : _ref$warningIcon,
|
|
12
|
+
_ref$dangerIcon = _ref.dangerIcon,
|
|
13
|
+
dangerIcon = _ref$dangerIcon === void 0 ? "❌" : _ref$dangerIcon,
|
|
14
|
+
_ref$status = _ref.status,
|
|
15
|
+
status = _ref$status === void 0 ? null : _ref$status;
|
|
16
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
17
|
+
className: clsx("blue-status-circle blue-loading blue-status-loading", {
|
|
29
18
|
"d-block": status === "loading" || alert && alert.status === "loading"
|
|
30
19
|
})
|
|
31
|
-
}, /*#__PURE__*/
|
|
20
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
32
21
|
className: "spinner-bounce-circle"
|
|
33
|
-
}, /*#__PURE__*/
|
|
34
|
-
className: (
|
|
22
|
+
}, /*#__PURE__*/React.createElement("div", null), /*#__PURE__*/React.createElement("div", null))), /*#__PURE__*/React.createElement("div", {
|
|
23
|
+
className: clsx("blue-status-circle blue-status-success", {
|
|
35
24
|
"d-flex": status === "success" || alert && alert.status === "success"
|
|
36
25
|
})
|
|
37
|
-
}, successIcon), /*#__PURE__*/
|
|
38
|
-
className: (
|
|
26
|
+
}, successIcon), /*#__PURE__*/React.createElement("div", {
|
|
27
|
+
className: clsx("blue-status-circle blue-status-info", {
|
|
39
28
|
"d-flex": status === "info" || alert && alert.status === "info"
|
|
40
29
|
})
|
|
41
|
-
}, infoIcon), /*#__PURE__*/
|
|
42
|
-
className: (
|
|
30
|
+
}, infoIcon), /*#__PURE__*/React.createElement("div", {
|
|
31
|
+
className: clsx("blue-status-circle blue-status-warning", {
|
|
43
32
|
"d-flex": status === "warning" || alert && alert.status === "warning"
|
|
44
33
|
})
|
|
45
|
-
}, warningIcon), /*#__PURE__*/
|
|
46
|
-
className: (
|
|
34
|
+
}, warningIcon), /*#__PURE__*/React.createElement("div", {
|
|
35
|
+
className: clsx("blue-status-circle blue-status-danger", {
|
|
47
36
|
"d-flex": status === "danger" || alert && alert.status === "danger"
|
|
48
37
|
})
|
|
49
|
-
}, dangerIcon), /*#__PURE__*/
|
|
38
|
+
}, dangerIcon), /*#__PURE__*/React.createElement("div", {
|
|
50
39
|
className: "blue-status-alert alert"
|
|
51
|
-
}, /*#__PURE__*/
|
|
40
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
52
41
|
type: "button",
|
|
53
42
|
className: "btn-close float-end mb-1",
|
|
54
43
|
"aria-label": "Close"
|
|
55
|
-
}), /*#__PURE__*/
|
|
44
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
56
45
|
className: "alert-body"
|
|
57
|
-
})), alert && /*#__PURE__*/
|
|
58
|
-
className: (
|
|
59
|
-
}, /*#__PURE__*/
|
|
46
|
+
})), alert && /*#__PURE__*/React.createElement("div", {
|
|
47
|
+
className: clsx("blue-status-alert alert d-block", alert.alertClassName, alert.status && "alert-".concat(alert.status))
|
|
48
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
60
49
|
type: "button",
|
|
61
50
|
className: "btn-close float-end mb-1 d-inline-block",
|
|
62
51
|
"aria-label": "Close",
|
|
63
52
|
onClick: onUnsetAlert
|
|
64
|
-
}), /*#__PURE__*/
|
|
53
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
65
54
|
className: "alert-body"
|
|
66
|
-
}, alert.title && /*#__PURE__*/
|
|
55
|
+
}, alert.title && /*#__PURE__*/React.createElement("h2", null, alert.title), alert.detailText && /*#__PURE__*/React.createElement("span", null, alert.detailText))));
|
|
67
56
|
}
|
|
@@ -1,71 +1,40 @@
|
|
|
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
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.useStatus = exports.StatusProvider = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
|
-
var _Status = _interopRequireDefault(require("./Status"));
|
|
13
|
-
|
|
14
1
|
var _excluded = ["children", "successIcon", "infoIcon", "warningIcon", "dangerIcon"];
|
|
15
|
-
|
|
16
|
-
function
|
|
17
|
-
|
|
18
|
-
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); }
|
|
19
|
-
|
|
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
|
-
|
|
22
|
-
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); }
|
|
23
|
-
|
|
24
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
25
|
-
|
|
2
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
3
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
26
4
|
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
|
-
|
|
28
|
-
function
|
|
29
|
-
|
|
30
|
-
function
|
|
31
|
-
|
|
32
|
-
function
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
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; }
|
|
37
|
-
|
|
38
|
-
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; }
|
|
39
|
-
|
|
40
|
-
var StatusContext = /*#__PURE__*/(0, _react.createContext)({
|
|
5
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
6
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
7
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
8
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
9
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
10
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
|
|
11
|
+
import React, { createContext, useContext, useState } from "react";
|
|
12
|
+
import Status from "./Status";
|
|
13
|
+
var StatusContext = /*#__PURE__*/createContext({
|
|
41
14
|
setAlert: undefined,
|
|
42
15
|
setStatus: undefined
|
|
43
16
|
});
|
|
44
|
-
|
|
45
17
|
var StatusProvider = function StatusProvider(_ref) {
|
|
46
18
|
var children = _ref.children,
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
setStatus = _useState4[1];
|
|
62
|
-
|
|
63
|
-
return /*#__PURE__*/_react.default.createElement(StatusContext.Provider, _extends({
|
|
19
|
+
successIcon = _ref.successIcon,
|
|
20
|
+
infoIcon = _ref.infoIcon,
|
|
21
|
+
warningIcon = _ref.warningIcon,
|
|
22
|
+
dangerIcon = _ref.dangerIcon,
|
|
23
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
24
|
+
var _useState = useState(null),
|
|
25
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
26
|
+
alert = _useState2[0],
|
|
27
|
+
setAlert = _useState2[1];
|
|
28
|
+
var _useState3 = useState(null),
|
|
29
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
30
|
+
status = _useState4[0],
|
|
31
|
+
setStatus = _useState4[1];
|
|
32
|
+
return /*#__PURE__*/React.createElement(StatusContext.Provider, _extends({
|
|
64
33
|
value: {
|
|
65
34
|
setAlert: setAlert,
|
|
66
35
|
setStatus: setStatus
|
|
67
36
|
}
|
|
68
|
-
}, rest), children, /*#__PURE__*/
|
|
37
|
+
}, rest), children, /*#__PURE__*/React.createElement(Status, {
|
|
69
38
|
alert: alert || undefined,
|
|
70
39
|
onUnsetAlert: function onUnsetAlert() {
|
|
71
40
|
return setAlert(null);
|
|
@@ -77,17 +46,11 @@ var StatusProvider = function StatusProvider(_ref) {
|
|
|
77
46
|
status: status
|
|
78
47
|
}));
|
|
79
48
|
};
|
|
80
|
-
|
|
81
|
-
exports.StatusProvider = StatusProvider;
|
|
82
|
-
|
|
83
49
|
var useStatus = function useStatus() {
|
|
84
|
-
var context =
|
|
85
|
-
|
|
50
|
+
var context = useContext(StatusContext);
|
|
86
51
|
if (context === undefined) {
|
|
87
52
|
throw new Error("useStatus must be used within a StatusProvider");
|
|
88
53
|
}
|
|
89
|
-
|
|
90
54
|
return context;
|
|
91
55
|
};
|
|
92
|
-
|
|
93
|
-
exports.useStatus = useStatus;
|
|
56
|
+
export { useStatus, StatusProvider };
|
|
@@ -1,18 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
4
|
-
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
|
-
exports
|
|
9
|
-
|
|
7
|
+
exports["default"] = Switch;
|
|
10
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
|
-
function
|
|
13
|
-
|
|
14
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
15
|
-
|
|
9
|
+
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); }
|
|
10
|
+
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 && {}.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
11
|
/**
|
|
17
12
|
* @deprecated
|
|
18
13
|
* Use Bootstrap's `.form-check.form-switch` instead:
|
|
@@ -25,40 +20,39 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
25
20
|
*/
|
|
26
21
|
function Switch(_ref) {
|
|
27
22
|
var className = _ref.className,
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
23
|
+
checked = _ref.checked,
|
|
24
|
+
onChange = _ref.onChange,
|
|
25
|
+
sliderLabel = _ref.sliderLabel,
|
|
26
|
+
disabled = _ref.disabled,
|
|
27
|
+
_ref$elementType = _ref.elementType,
|
|
28
|
+
elementType = _ref$elementType === void 0 ? "label" : _ref$elementType,
|
|
29
|
+
_ref$legacy = _ref.legacy,
|
|
30
|
+
legacy = _ref$legacy === void 0 ? false : _ref$legacy,
|
|
31
|
+
label = _ref.label;
|
|
38
32
|
if (legacy === true) {
|
|
39
33
|
return /*#__PURE__*/(0, _react.createElement)(elementType, {
|
|
40
34
|
className: "switch " + (disabled ? "disabled " : "") + className
|
|
41
|
-
}, /*#__PURE__*/_react
|
|
35
|
+
}, /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("input", {
|
|
42
36
|
type: "checkbox",
|
|
43
37
|
checked: checked,
|
|
44
38
|
onChange: onChange,
|
|
45
39
|
disabled: disabled,
|
|
46
40
|
role: "switch"
|
|
47
|
-
}), /*#__PURE__*/_react
|
|
41
|
+
}), /*#__PURE__*/_react["default"].createElement("span", {
|
|
48
42
|
className: "slider round",
|
|
49
43
|
"data-label": sliderLabel
|
|
50
44
|
})));
|
|
51
45
|
} else {
|
|
52
46
|
return /*#__PURE__*/(0, _react.createElement)(elementType, {
|
|
53
47
|
className: "form-check form-switch " + (disabled ? "disabled " : "") + className
|
|
54
|
-
}, /*#__PURE__*/_react
|
|
48
|
+
}, /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("input", {
|
|
55
49
|
type: "checkbox",
|
|
56
50
|
role: "switch",
|
|
57
51
|
className: "form-check-input",
|
|
58
52
|
checked: checked,
|
|
59
53
|
onChange: onChange,
|
|
60
54
|
disabled: disabled
|
|
61
|
-
}), /*#__PURE__*/_react
|
|
55
|
+
}), /*#__PURE__*/_react["default"].createElement("span", {
|
|
62
56
|
className: "form-check-label"
|
|
63
57
|
}, label)));
|
|
64
58
|
}
|
|
@@ -1,137 +1,97 @@
|
|
|
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
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.ToastProvider = ToastProvider;
|
|
9
|
-
exports.useToast = void 0;
|
|
10
|
-
|
|
11
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
12
|
-
|
|
13
|
-
var _shared = require("./shared");
|
|
14
|
-
|
|
15
1
|
var _excluded = ["type"];
|
|
16
|
-
|
|
17
|
-
function
|
|
18
|
-
|
|
19
|
-
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; }
|
|
20
|
-
|
|
21
|
-
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; }
|
|
22
|
-
|
|
23
|
-
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; }
|
|
24
|
-
|
|
25
|
-
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
26
|
-
|
|
2
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
3
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
|
|
4
|
+
function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
|
|
27
5
|
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
28
|
-
|
|
29
|
-
function
|
|
30
|
-
|
|
31
|
-
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
32
|
-
|
|
33
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
34
|
-
|
|
6
|
+
function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
|
|
7
|
+
function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
|
|
8
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
35
9
|
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."); }
|
|
36
|
-
|
|
37
|
-
function
|
|
38
|
-
|
|
39
|
-
function
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
44
|
-
|
|
45
|
-
var ToastContext = /*#__PURE__*/(0, _react.createContext)({
|
|
10
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
11
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
12
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
13
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
14
|
+
import React, { createContext, useContext, useState } from "react";
|
|
15
|
+
import { getPhrase } from "./shared";
|
|
16
|
+
var ToastContext = /*#__PURE__*/createContext({
|
|
46
17
|
addToast: undefined,
|
|
47
18
|
clearToasts: undefined
|
|
48
19
|
});
|
|
49
|
-
|
|
50
20
|
/**
|
|
51
21
|
* Push notifications to your visitors using Bootstrap's toast component.
|
|
52
22
|
*/
|
|
53
|
-
function ToastProvider(_ref) {
|
|
23
|
+
export function ToastProvider(_ref) {
|
|
54
24
|
var children = _ref.children,
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
setToastItems = _useState2[1];
|
|
68
|
-
|
|
25
|
+
_ref$successIcon = _ref.successIcon,
|
|
26
|
+
successIcon = _ref$successIcon === void 0 ? "✔" : _ref$successIcon,
|
|
27
|
+
_ref$infoIcon = _ref.infoIcon,
|
|
28
|
+
infoIcon = _ref$infoIcon === void 0 ? "ℹ️" : _ref$infoIcon,
|
|
29
|
+
_ref$warningIcon = _ref.warningIcon,
|
|
30
|
+
warningIcon = _ref$warningIcon === void 0 ? "⚠️" : _ref$warningIcon,
|
|
31
|
+
_ref$dangerIcon = _ref.dangerIcon,
|
|
32
|
+
dangerIcon = _ref$dangerIcon === void 0 ? "❌" : _ref$dangerIcon;
|
|
33
|
+
var _useState = useState([]),
|
|
34
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
35
|
+
toastItems = _useState2[0],
|
|
36
|
+
setToastItems = _useState2[1];
|
|
69
37
|
var addToast = function addToast(toastItem) {
|
|
70
38
|
setToastItems(function (toastItems) {
|
|
71
39
|
return [].concat(_toConsumableArray(toastItems), [toastItem]);
|
|
72
40
|
});
|
|
73
41
|
};
|
|
74
|
-
|
|
75
42
|
var clearToasts = function clearToasts() {
|
|
76
43
|
setToastItems([]);
|
|
77
44
|
};
|
|
78
|
-
|
|
79
|
-
return /*#__PURE__*/_react.default.createElement(ToastContext.Provider, {
|
|
45
|
+
return /*#__PURE__*/React.createElement(ToastContext.Provider, {
|
|
80
46
|
value: {
|
|
81
47
|
addToast: addToast,
|
|
82
48
|
clearToasts: clearToasts
|
|
83
49
|
}
|
|
84
|
-
}, children, /*#__PURE__*/
|
|
50
|
+
}, children, /*#__PURE__*/React.createElement("div", {
|
|
85
51
|
className: "blue-normal-scrollbar"
|
|
86
|
-
}, /*#__PURE__*/
|
|
52
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
87
53
|
className: "toast-container position-fixed bottom-0 end-0 p-3 mh-100 pe-auto overflow-auto me-3"
|
|
88
|
-
}, toastItems.length > 1 && /*#__PURE__*/
|
|
54
|
+
}, toastItems.length > 1 && /*#__PURE__*/React.createElement("div", {
|
|
89
55
|
className: "toast align-items-center fade show position-sticky top-0",
|
|
90
56
|
role: "alert",
|
|
91
57
|
"aria-live": "assertive",
|
|
92
58
|
"aria-atomic": "true"
|
|
93
|
-
}, /*#__PURE__*/
|
|
59
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
94
60
|
className: "toast-header"
|
|
95
|
-
}, /*#__PURE__*/
|
|
61
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
96
62
|
className: "btn btn-outline-light blue-btn-silent btn-sm w-100",
|
|
97
63
|
onClick: clearToasts
|
|
98
|
-
},
|
|
64
|
+
}, getPhrase("Close all")))), toastItems.map(function (_ref2, i) {
|
|
99
65
|
var type = _ref2.type,
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
return /*#__PURE__*/_react.default.createElement("div", {
|
|
66
|
+
toastItem = _objectWithoutProperties(_ref2, _excluded);
|
|
67
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
103
68
|
key: i,
|
|
104
69
|
className: "toast fade show",
|
|
105
70
|
role: "alert",
|
|
106
71
|
"aria-live": "assertive",
|
|
107
72
|
"aria-atomic": "true"
|
|
108
|
-
}, /*#__PURE__*/
|
|
73
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
109
74
|
className: "toast-header"
|
|
110
|
-
}, /*#__PURE__*/
|
|
75
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
111
76
|
className: "rounded me-2 text-".concat(type || "info")
|
|
112
|
-
}, type === "danger" ? dangerIcon : type === "success" ? successIcon : type === "warning" ? warningIcon : infoIcon), /*#__PURE__*/
|
|
77
|
+
}, type === "danger" ? dangerIcon : type === "success" ? successIcon : type === "warning" ? warningIcon : infoIcon), /*#__PURE__*/React.createElement("strong", {
|
|
113
78
|
className: "me-auto"
|
|
114
|
-
}, toastItem.title || (type === "danger" ?
|
|
79
|
+
}, toastItem.title || (type === "danger" ? getPhrase("Error") : getPhrase("Information"))), /*#__PURE__*/React.createElement("button", {
|
|
115
80
|
type: "button",
|
|
116
81
|
className: "btn-close",
|
|
117
82
|
onClick: function onClick() {
|
|
118
83
|
toastItems.splice(i, 1);
|
|
119
84
|
setToastItems(_toConsumableArray(toastItems));
|
|
120
85
|
}
|
|
121
|
-
})), /*#__PURE__*/
|
|
86
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
122
87
|
className: "toast-body"
|
|
123
88
|
}, toastItem.message));
|
|
124
89
|
}))));
|
|
125
90
|
}
|
|
126
|
-
|
|
127
|
-
var
|
|
128
|
-
var context = (0, _react.useContext)(ToastContext);
|
|
129
|
-
|
|
91
|
+
export var useToast = function useToast() {
|
|
92
|
+
var context = useContext(ToastContext);
|
|
130
93
|
if (context === undefined) {
|
|
131
94
|
throw new Error("useToast must be used within a ToastProvider");
|
|
132
95
|
}
|
|
133
|
-
|
|
134
96
|
return context;
|
|
135
|
-
};
|
|
136
|
-
|
|
137
|
-
exports.useToast = useToast;
|
|
97
|
+
};
|
|
@@ -1,93 +1,71 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.addClass = addClass;
|
|
7
|
-
exports.default = void 0;
|
|
8
|
-
exports.hasClass = hasClass;
|
|
9
|
-
exports.removeClass = removeClass;
|
|
10
|
-
exports.toggleActions = toggleActions;
|
|
11
|
-
exports.toggleClass = toggleClass;
|
|
12
|
-
|
|
13
|
-
var _utils = require("blue-web/dist/js/utils");
|
|
1
|
+
import { startLoading, finishLoading, showSuccess, hideSuccess, resetAlertMessage, setAlertMessage, guid, scrollToTop, fetchData } from "blue-web/dist/js/utils";
|
|
14
2
|
|
|
15
3
|
/**
|
|
16
4
|
* @deprecated Use (el as HTMLElement).classList.contains("my-class") instead.
|
|
17
5
|
*/
|
|
18
|
-
function hasClass(el, className) {
|
|
6
|
+
export function hasClass(el, className) {
|
|
19
7
|
if (el.classList) return el.classList.contains(className);else return !!el.className.match(new RegExp("(\\s|^)" + className + "(\\s|$)"));
|
|
20
8
|
}
|
|
9
|
+
|
|
21
10
|
/**
|
|
22
11
|
* @deprecated Use (el as HTMLElement).classList.add("my-class") instead.
|
|
23
12
|
*/
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
function addClass(el, className) {
|
|
13
|
+
export function addClass(el, className) {
|
|
27
14
|
if (el.classList) el.classList.add(className);else if (!hasClass(el, className)) el.className += " " + className;
|
|
28
15
|
}
|
|
16
|
+
|
|
29
17
|
/**
|
|
30
18
|
* @deprecated Use (el as HTMLElement).classList.remove("my-class") instead.
|
|
31
19
|
*/
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
function removeClass(el, className) {
|
|
20
|
+
export function removeClass(el, className) {
|
|
35
21
|
if (el.classList) el.classList.remove(className);else if (hasClass(el, className)) el.className = el.className.replace(new RegExp("(\\s|^)" + className + "(\\s|$)"), " ");
|
|
36
22
|
}
|
|
23
|
+
|
|
37
24
|
/**
|
|
38
25
|
* @deprecated Use (el as HTMLElement).classList.toggle("my-class") instead.
|
|
39
26
|
*/
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
function toggleClass(element, className) {
|
|
27
|
+
export function toggleClass(element, className) {
|
|
43
28
|
if (!element || !className) {
|
|
44
29
|
return;
|
|
45
30
|
}
|
|
46
|
-
|
|
47
31
|
var classString = element.className,
|
|
48
|
-
|
|
49
|
-
|
|
32
|
+
nameIndex = classString.indexOf(className);
|
|
50
33
|
if (nameIndex === -1) {
|
|
51
34
|
classString += " " + className;
|
|
52
35
|
} else {
|
|
53
36
|
classString = classString.substr(0, nameIndex) + classString.substr(nameIndex + className.length);
|
|
54
37
|
}
|
|
55
|
-
|
|
56
38
|
element.className = classString;
|
|
57
39
|
}
|
|
40
|
+
|
|
58
41
|
/**
|
|
59
42
|
* @deprecated Is handled inside of `ActioMenu` component now
|
|
60
43
|
*/
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
function toggleActions() {
|
|
44
|
+
export function toggleActions() {
|
|
64
45
|
toggleClass(document.querySelector(".blue-wrapper"), "active");
|
|
65
46
|
toggleClass(document.querySelector(".blue-layout"), "wrapper-in");
|
|
66
47
|
var els = document.querySelectorAll(".blue-actions");
|
|
67
|
-
|
|
68
48
|
for (var i = 0; i < els.length; i++) {
|
|
69
49
|
toggleClass(els[i], "open");
|
|
70
50
|
}
|
|
71
51
|
}
|
|
52
|
+
|
|
72
53
|
/**
|
|
73
54
|
* @deprecated In future versions of Blue React, you will need to use utils of Blue Web directly.
|
|
74
55
|
*/
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
var _default = {
|
|
56
|
+
export default {
|
|
78
57
|
hasClass: hasClass,
|
|
79
58
|
addClass: addClass,
|
|
80
59
|
removeClass: removeClass,
|
|
81
60
|
toggleClass: toggleClass,
|
|
82
|
-
startLoading:
|
|
83
|
-
finishLoading:
|
|
84
|
-
showSuccess:
|
|
85
|
-
hideSuccess:
|
|
61
|
+
startLoading: startLoading,
|
|
62
|
+
finishLoading: finishLoading,
|
|
63
|
+
showSuccess: showSuccess,
|
|
64
|
+
hideSuccess: hideSuccess,
|
|
86
65
|
toggleActions: toggleActions,
|
|
87
|
-
resetAlertMessage:
|
|
88
|
-
setAlertMessage:
|
|
89
|
-
guid:
|
|
90
|
-
scrollToTop:
|
|
91
|
-
fetchData:
|
|
92
|
-
};
|
|
93
|
-
exports.default = _default;
|
|
66
|
+
resetAlertMessage: resetAlertMessage,
|
|
67
|
+
setAlertMessage: setAlertMessage,
|
|
68
|
+
guid: guid,
|
|
69
|
+
scrollToTop: scrollToTop,
|
|
70
|
+
fetchData: fetchData
|
|
71
|
+
};
|