blue-react 10.2.0 → 11.0.1

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.
Files changed (76) hide show
  1. package/README.md +41 -84
  2. package/dist/components/A.js +13 -6
  3. package/dist/components/ActionMenu.js +27 -22
  4. package/dist/components/Actions.js +30 -22
  5. package/dist/components/Button.d.ts +28 -0
  6. package/dist/components/Button.js +111 -0
  7. package/dist/components/Chevron.js +11 -9
  8. package/dist/components/HashRouter.js +9 -6
  9. package/dist/components/Header.js +5 -3
  10. package/dist/components/HeaderTitle.js +31 -26
  11. package/dist/components/IconMenuItem.d.ts +3 -2
  12. package/dist/components/IconMenuItem.js +18 -10
  13. package/dist/components/Intro.js +23 -17
  14. package/dist/components/Layout.js +79 -71
  15. package/dist/{types/components/MenuItem.d.ts → components/LegacyMenuItem.d.ts} +150 -149
  16. package/dist/components/LegacyMenuItem.js +170 -0
  17. package/dist/components/MenuItem.d.ts +13 -149
  18. package/dist/components/MenuItem.js +168 -153
  19. package/dist/components/Modal.js +62 -49
  20. package/dist/components/ModalProvider.js +43 -35
  21. package/dist/components/Outside.js +5 -3
  22. package/dist/components/Search.js +69 -60
  23. package/dist/components/SidebarMenu.js +9 -6
  24. package/dist/components/SimpleLayout.js +16 -11
  25. package/dist/components/SlimContainer.js +8 -5
  26. package/dist/components/Status.js +56 -40
  27. package/dist/components/StatusProvider.js +22 -14
  28. package/dist/components/Tab.js +28 -19
  29. package/dist/components/Tabs.js +8 -5
  30. package/dist/components/ToastProvider.js +55 -44
  31. package/dist/components/shared.js +4 -1
  32. package/index.d.ts +5 -5
  33. package/index.js +4 -2
  34. package/package.json +14 -12
  35. package/dist/components/ActionMenuItem.js +0 -73
  36. package/dist/components/ActionMenuSwitch.js +0 -44
  37. package/dist/components/Body.d.ts +0 -21
  38. package/dist/components/Body.js +0 -25
  39. package/dist/components/Caret.js +0 -25
  40. package/dist/components/Layout/LayoutHeader.d.ts +0 -4
  41. package/dist/components/Layout/LayoutHeader.js +0 -25
  42. package/dist/components/Layout/LayoutMain.d.ts +0 -5
  43. package/dist/components/Layout/LayoutMain.js +0 -17
  44. package/dist/components/Page.d.ts +0 -13
  45. package/dist/components/Page.js +0 -39
  46. package/dist/components/SidebarMenuItem.js +0 -115
  47. package/dist/components/SidebarToggler.d.ts +0 -11
  48. package/dist/components/SidebarToggler.js +0 -24
  49. package/dist/components/Switch.js +0 -65
  50. package/dist/types/components/A.d.ts +0 -9
  51. package/dist/types/components/ActionMenu.d.ts +0 -25
  52. package/dist/types/components/ActionMenuItem.d.ts +0 -35
  53. package/dist/types/components/ActionMenuSwitch.d.ts +0 -12
  54. package/dist/types/components/Body.d.ts +0 -21
  55. package/dist/types/components/Caret.d.ts +0 -18
  56. package/dist/types/components/Chevron.d.ts +0 -17
  57. package/dist/types/components/Header.d.ts +0 -8
  58. package/dist/types/components/HeaderTitle.d.ts +0 -40
  59. package/dist/types/components/IconMenuItem.d.ts +0 -19
  60. package/dist/types/components/Intro.d.ts +0 -23
  61. package/dist/types/components/Layout.d.ts +0 -144
  62. package/dist/types/components/Modal.d.ts +0 -30
  63. package/dist/types/components/ModalProvider.d.ts +0 -21
  64. package/dist/types/components/Outside.d.ts +0 -17
  65. package/dist/types/components/Page.d.ts +0 -12
  66. package/dist/types/components/Search.d.ts +0 -36
  67. package/dist/types/components/SidebarMenu.d.ts +0 -32
  68. package/dist/types/components/SidebarMenuItem.d.ts +0 -22
  69. package/dist/types/components/SidebarToggler.d.ts +0 -10
  70. package/dist/types/components/SlimContainer.d.ts +0 -10
  71. package/dist/types/components/Status.d.ts +0 -12
  72. package/dist/types/components/StatusProvider.d.ts +0 -15
  73. package/dist/types/components/Switch.d.ts +0 -33
  74. package/dist/types/components/ToastProvider.d.ts +0 -22
  75. package/dist/types/components/Utilities.d.ts +0 -41
  76. package/dist/types/components/shared.d.ts +0 -15
@@ -1,25 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = Caret;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
-
12
- /**
13
- * @deprecated Will be replaced by the `Chevron` component in the next major version.
14
- * Caret icon component.
15
- */
16
- function Caret(_ref) {
17
- var open = _ref.open,
18
- mirrored = _ref.mirrored,
19
- className = _ref.className,
20
- style = _ref.style;
21
- return /*#__PURE__*/_react.default.createElement("span", {
22
- className: "blue-caret " + (open ? " blue-caret-open " : "") + (mirrored ? " blue-caret-mirrored " : "") + className,
23
- style: style
24
- });
25
- }
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- export interface LayoutHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
3
- }
4
- export default function LayoutHeader({ children, className, ...rest }: LayoutHeaderProps): import("react/jsx-runtime").JSX.Element;
@@ -1,25 +0,0 @@
1
- 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); }
2
- var _excluded = ["children", "className"];
3
- 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); }
4
- 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; }
5
- 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; }
6
- function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
7
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
8
- 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); }
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 from "react";
12
- export default function LayoutHeader(_ref) {
13
- var children = _ref.children,
14
- className = _ref.className,
15
- rest = _objectWithoutProperties(_ref, _excluded);
16
- return /*#__PURE__*/React.createElement("header", _extends({
17
- className: "d-flex justify-content-between position-relative h-100 overflow-auto ".concat(className),
18
- style: _objectSpread({
19
- color: "var(--blue-sidebar-color)",
20
- background: "var(--blue-sidebar-bg)",
21
- zIndex: "var(--blue-layout-header-z-index, 4)",
22
- "--blue-menu-item-dropdown-bg": "var(--blue-sidebar-bg)"
23
- }, rest.style)
24
- }, rest), children);
25
- }
@@ -1,5 +0,0 @@
1
- import React from "react";
2
- export interface LayoutMainProps extends React.HTMLAttributes<HTMLDivElement> {
3
- noPageBorder?: boolean;
4
- }
5
- export default function LayoutMain({ children, className, noPageBorder, ...rest }: LayoutMainProps): import("react/jsx-runtime").JSX.Element;
@@ -1,17 +0,0 @@
1
- var _excluded = ["children", "className", "noPageBorder"];
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 _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; }
4
- 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; }
5
- import React from "react";
6
- export default function LayoutMain(_ref) {
7
- var children = _ref.children,
8
- className = _ref.className,
9
- _ref$noPageBorder = _ref.noPageBorder,
10
- noPageBorder = _ref$noPageBorder === void 0 ? false : _ref$noPageBorder,
11
- rest = _objectWithoutProperties(_ref, _excluded);
12
- return /*#__PURE__*/React.createElement("div", _extends({
13
- className: "w-100 h-100 p-1 pt-0 ".concat(className)
14
- }, rest), /*#__PURE__*/React.createElement("div", {
15
- className: "\"w-100 h-100 overflow-auto rounded-3 ".concat(noPageBorder ? "" : "border ", "bg-body shadow-sm\"")
16
- }, children));
17
- }
@@ -1,13 +0,0 @@
1
- import { ReactNode } from "react";
2
- export interface PageProps {
3
- /**
4
- * Will be set to the document's `<title>` tag.
5
- */
6
- title?: string;
7
- children?: ReactNode;
8
- }
9
- /**
10
- * @deprecated With the new layout design, you don't need this anymore.
11
- * Main component for each page.
12
- */
13
- export default function Page({ children, title }: PageProps): import("react/jsx-runtime").JSX.Element;
@@ -1,39 +0,0 @@
1
- function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
2
- 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."); }
3
- 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; } }
4
- 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; }
5
- 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; } }
6
- function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
7
- import React, { useEffect, useRef, useState } from "react";
8
- import clsx from "clsx";
9
- /**
10
- * @deprecated With the new layout design, you don't need this anymore.
11
- * Main component for each page.
12
- */
13
- export default function Page(_ref) {
14
- var children = _ref.children,
15
- title = _ref.title;
16
- var _useState = useState(false),
17
- _useState2 = _slicedToArray(_useState, 2),
18
- hasHeader = _useState2[0],
19
- setHasHeader = _useState2[1];
20
- var elementRef = useRef(null);
21
- useEffect(function () {
22
- if (elementRef && elementRef.current) {
23
- var headerElement = elementRef.current.querySelector(".blue-header");
24
- setHasHeader(headerElement !== null && headerElement !== undefined);
25
- }
26
- }, [elementRef]);
27
- useEffect(function () {
28
- var titleElement = document.querySelector("title");
29
- if (title && titleElement) {
30
- titleElement.innerText = title;
31
- }
32
- }, [title]);
33
- return /*#__PURE__*/React.createElement("div", {
34
- className: clsx("blue-page-wrapper", {
35
- hasHeader: hasHeader
36
- }),
37
- ref: elementRef
38
- }, children);
39
- }
@@ -1,115 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = SidebarMenuItem;
9
-
10
- var _react = _interopRequireWildcard(require("react"));
11
-
12
- var _MenuItem = _interopRequireDefault(require("./MenuItem"));
13
-
14
- var _Outside = _interopRequireDefault(require("./Outside"));
15
-
16
- var _excluded = ["outerClass", "children", "onClick"];
17
-
18
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
-
20
- 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); }
21
-
22
- 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; }
23
-
24
- 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); }
25
-
26
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
27
-
28
- 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."); }
29
-
30
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
31
-
32
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
33
-
34
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
35
-
36
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
37
-
38
- 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; }
39
-
40
- 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; }
41
-
42
- /**
43
- * @deprecated `MenuItem` now has all the features of `SidebarMenuItem`. Use `MenuItem` instead.
44
- * Extends `MenuItem` with following features:
45
- * * Shows provided label as tooltip if sidebar is closed.
46
- * * Children will be displayed on the right side of the parent item.
47
- *
48
- * **Important!** Set the following props to the surrounding `SidebarMenu` to provide problems with tooltips:
49
- * ```jsx
50
- * <SidebarMenu
51
- * sidebarClass="overflow-visible"
52
- * menuClass="overflow-visible"
53
- * >
54
- * ...
55
- * </SidebarMenu>
56
- * ```
57
- */
58
- function SidebarMenuItem(_ref) {
59
- var _ref$outerClass = _ref.outerClass,
60
- outerClass = _ref$outerClass === void 0 ? "" : _ref$outerClass,
61
- children = _ref.children,
62
- onClick = _ref.onClick,
63
- props = _objectWithoutProperties(_ref, _excluded);
64
-
65
- var _useState = (0, _react.useState)(false),
66
- _useState2 = _slicedToArray(_useState, 2),
67
- open = _useState2[0],
68
- setOpen = _useState2[1];
69
-
70
- var toggle = function toggle() {
71
- return setOpen(!open);
72
- };
73
-
74
- var _useState3 = (0, _react.useState)(0),
75
- _useState4 = _slicedToArray(_useState3, 2),
76
- offsetTop = _useState4[0],
77
- setOffsetTop = _useState4[1];
78
-
79
- var menuRef = (0, _react.useRef)(null);
80
- (0, _react.useEffect)(function () {
81
- setOpen(false);
82
- }, [window.location.hash]);
83
- (0, _react.useEffect)(function () {
84
- if (menuRef && menuRef.current) {
85
- setOffsetTop(menuRef.current.getBoundingClientRect().top);
86
- }
87
- }, [menuRef, open]);
88
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children ? /*#__PURE__*/_react.default.createElement(_Outside.default, {
89
- className: "position-relative ".concat(outerClass),
90
- onClickOutside: function onClickOutside() {
91
- setOpen(false);
92
- }
93
- }, /*#__PURE__*/_react.default.createElement(SidebarMenuItem, _extends({}, props, {
94
- highlighted: open,
95
- onClick: toggle
96
- })), open && /*#__PURE__*/_react.default.createElement("div", {
97
- ref: menuRef,
98
- className: ["position-absolute", "shadow", "top-0", "ms-1", "rounded", "w-bla-sidebar-width", "blue-menu-item-dropdown-from-start"].join(" "),
99
- style: {
100
- left: "var(--blue-sidebar-width, 3rem)",
101
- maxHeight: "calc(100vh - (".concat(offsetTop, "px + 1rem))"),
102
- overflowY: "auto",
103
- overflowX: "hidden",
104
- backgroundColor: "var(--blue-sidebar-bg)"
105
- }
106
- }, /*#__PURE__*/_react.default.createElement("div", {
107
- className: "blue-sidebar-state open"
108
- }, children))) : /*#__PURE__*/_react.default.createElement("div", {
109
- className: "blue-tooltip-end blue-sidebar-pseudo-hidden-on-open ".concat(outerClass),
110
- "data-tooltip": !props.isActive ? props.label : "",
111
- title: props.isActive ? props.label : ""
112
- }, /*#__PURE__*/_react.default.createElement(_MenuItem.default, _extends({}, props, {
113
- onClick: onClick
114
- }))));
115
- }
@@ -1,11 +0,0 @@
1
- import { MouseEventHandler, ReactNode } from "react";
2
- export interface SidebarTogglerProps {
3
- className?: string;
4
- sidebarToggleIconComponent: ReactNode;
5
- onClick: MouseEventHandler<HTMLButtonElement>;
6
- }
7
- /**
8
- * @deprecated With the new layout design, you don't need this anymore.
9
- * Button to toggle sidebar state. Designed for internal use inside of `Layout`.
10
- */
11
- export default function SidebarToggler({ className, sidebarToggleIconComponent, onClick }: SidebarTogglerProps): import("react/jsx-runtime").JSX.Element;
@@ -1,24 +0,0 @@
1
- import React from "react";
2
- import { getPhrase } from "./shared.js";
3
- /**
4
- * @deprecated With the new layout design, you don't need this anymore.
5
- * Button to toggle sidebar state. Designed for internal use inside of `Layout`.
6
- */
7
-
8
- export default function SidebarToggler(_ref) {
9
- var _ref$className = _ref.className,
10
- className = _ref$className === void 0 ? "" : _ref$className,
11
- sidebarToggleIconComponent = _ref.sidebarToggleIconComponent,
12
- onClick = _ref.onClick;
13
- return /*#__PURE__*/React.createElement("div", {
14
- className: "blue-sidebar-toggler position-fixed ".concat(className),
15
- "data-tooltip": getPhrase("Toggle menu")
16
- }, /*#__PURE__*/React.createElement("button", {
17
- type: "button",
18
- className: "blue-open-menu blue-menu-item btn rounded-0",
19
- onClick: onClick,
20
- "aria-label": getPhrase("Toggle menu")
21
- }, /*#__PURE__*/React.createElement("div", {
22
- className: "blue-sidebar-exception position-absolute w-100 h-100"
23
- }), sidebarToggleIconComponent));
24
- }
@@ -1,65 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = Switch;
9
-
10
- var _react = _interopRequireWildcard(require("react"));
11
-
12
- 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); }
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
-
16
- /**
17
- * @deprecated
18
- * Use Bootstrap's `.form-check.form-switch` instead:
19
- * https://getbootstrap.com/docs/5.2/forms/checks-radios/#switches
20
- *
21
- * For now, this component acts as proxy for Bootstrap's Switch.
22
- * To place a label next to the switch, use the new `label` prop.
23
- *
24
- * Migrate to Blue React 8.4.0 and use legacy support: Set the `label` with a string. Or set the `legacy` prop to use the previous look and behaviour.
25
- */
26
- function Switch(_ref) {
27
- var className = _ref.className,
28
- checked = _ref.checked,
29
- onChange = _ref.onChange,
30
- sliderLabel = _ref.sliderLabel,
31
- disabled = _ref.disabled,
32
- _ref$elementType = _ref.elementType,
33
- elementType = _ref$elementType === void 0 ? "label" : _ref$elementType,
34
- _ref$legacy = _ref.legacy,
35
- legacy = _ref$legacy === void 0 ? false : _ref$legacy,
36
- label = _ref.label;
37
-
38
- if (legacy === true) {
39
- return /*#__PURE__*/(0, _react.createElement)(elementType, {
40
- className: "switch " + (disabled ? "disabled " : "") + className
41
- }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("input", {
42
- type: "checkbox",
43
- checked: checked,
44
- onChange: onChange,
45
- disabled: disabled,
46
- role: "switch"
47
- }), /*#__PURE__*/_react.default.createElement("span", {
48
- className: "slider round",
49
- "data-label": sliderLabel
50
- })));
51
- } else {
52
- return /*#__PURE__*/(0, _react.createElement)(elementType, {
53
- className: "form-check form-switch " + (disabled ? "disabled " : "") + className
54
- }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("input", {
55
- type: "checkbox",
56
- role: "switch",
57
- className: "form-check-input",
58
- checked: checked,
59
- onChange: onChange,
60
- disabled: disabled
61
- }), /*#__PURE__*/_react.default.createElement("span", {
62
- className: "form-check-label"
63
- }, label)));
64
- }
65
- }
@@ -1,9 +0,0 @@
1
- import React from "react";
2
- export interface AProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
3
- }
4
- /**
5
- * The `<a>` element automatically sets `rel="noreferrer"` for external links with `target="_blank"`.\
6
- * `A` allows all props of the `<a>` element.\
7
- * `<A href="https://example.com" target="_blank">Example</A>` ➡️ `<a href="https://example.com" target="_blank" rel="noreferrer">Example</a>`
8
- */
9
- export default function A({ children, rel, ...rest }: AProps): JSX.Element;
@@ -1,25 +0,0 @@
1
- import React from "react";
2
- import { breakOption } from "./shared";
3
- export declare const ActionMenuContext: React.Context<{
4
- breakOption: breakOption | "none";
5
- }>;
6
- export interface ActionMenuProps {
7
- /**
8
- * Hides the toggle button in mobile view. Can be useful when using multiple ActionMenus and not show the toggle button for each menu.
9
- */
10
- hideToggleAction?: boolean;
11
- children?: any;
12
- /**
13
- * Icon component for the toggle icon.
14
- */
15
- toggleIcon?: any;
16
- className?: string;
17
- /**
18
- * "sm" | "md" | "lg" | "xl" | "none". Default is "lg". The responsive breakpoint at which the menu will be shown as a dropdown.
19
- */
20
- break?: breakOption | "none";
21
- }
22
- /**
23
- * The Action Menu on the top right of a page. You can place Actions here which are in context of the current page.
24
- */
25
- export default function ActionMenu(props: ActionMenuProps): JSX.Element;
@@ -1,35 +0,0 @@
1
- /// <reference types="react" />
2
- import { MenuItemProps } from "./MenuItem";
3
- export interface ActionMenuItemProps extends MenuItemProps {
4
- }
5
- /**
6
- * Use this instead of `MenuItem` when you want to use it inside an `ActionMenu` to make it appear as a dropdown.
7
- *
8
- * It basically is a shortcut. Instead of writing:
9
- *
10
- * ```tsx
11
- * <ActionMenu>
12
- * <div className="position-relative z-1">
13
- * <MenuItem
14
- * label="Parent"
15
- * supportOutside
16
- * dropdownClassName={`position-md-absolute end-0 d-flex flex-column`}
17
- * >
18
- * <MenuItem label="Item 1" />
19
- * </MenuItem>
20
- * </div>
21
- * </ActionMenu>
22
- * ```
23
- *
24
- * you can write:
25
- * ```tsx
26
- * <ActionMenu>
27
- * <ActionMenuItem label="Parent">
28
- * <MenuItem label="Item 1" />
29
- * </MenuItem>
30
- * </ActionMenu>
31
- * ```
32
- *
33
- * The responsive utility class for absolute position (`position-md-absolute` in this example) is automatically added based on the `break` param of the parent `ActionMenu`.
34
- */
35
- export default function ActionMenuItem({ children, ...props }: ActionMenuItemProps): JSX.Element;
@@ -1,12 +0,0 @@
1
- /// <reference types="react" />
2
- import { SwitchProps } from "./Switch";
3
- export interface ActionMenuSwitchProps extends SwitchProps {
4
- onChange?: () => void;
5
- label?: any;
6
- }
7
- /**
8
- * @deprecated
9
- * Use a solution with Bootstrap's `.form-check.form-switch` or `MenuItem` with a switch icon.
10
- * Switch for the Action Menu.
11
- */
12
- export default function ActionMenuSwitch({ label, ...props }: ActionMenuSwitchProps): JSX.Element;
@@ -1,21 +0,0 @@
1
- /// <reference types="react" />
2
- import { breakOption } from "./shared";
3
- export interface BodyProps {
4
- id?: string;
5
- className?: string;
6
- /**
7
- * Class name for the container. More info: https://getbootstrap.com/docs/4.0/layout/overview/#containers
8
- */
9
- containerClass?: string;
10
- /**
11
- * Set `true` if this page uses `<Actions />`, so this component will get enough padding to avoid overlapping of the content.
12
- */
13
- hasActions?: boolean;
14
- break?: breakOption;
15
- onClick?: (event: any) => void;
16
- children?: any;
17
- }
18
- /**
19
- * Contains the content of the page.
20
- */
21
- export default function Body({ id, className, containerClass, hasActions, onClick, children, ...rest }: BodyProps): JSX.Element;
@@ -1,18 +0,0 @@
1
- import { CSSProperties } from "react";
2
- export interface CaretProps {
3
- /**
4
- * Indicates if open or not.
5
- */
6
- open?: boolean;
7
- /**
8
- * By default the caret points to the right when closed. Set mirrored and it will point to the left.
9
- */
10
- mirrored?: boolean;
11
- className?: string;
12
- style?: CSSProperties;
13
- }
14
- /**
15
- * @deprecated Will be replaced by the `Chevron` component in the next major version.
16
- * Caret icon component.
17
- */
18
- export default function Caret({ open, mirrored, className, style }: CaretProps): JSX.Element;
@@ -1,17 +0,0 @@
1
- import { CSSProperties } from "react";
2
- export interface ChevronProps {
3
- /**
4
- * Indicates if open or not.
5
- */
6
- open?: boolean;
7
- /**
8
- * By default the chevron points to the right when closed. Set mirrored and it will point to the left.
9
- */
10
- mirrored?: boolean;
11
- className?: string;
12
- style?: CSSProperties;
13
- }
14
- /**
15
- * Chevron icon component with open state.
16
- */
17
- export default function Chevron({ open, mirrored, className, style }: ChevronProps): JSX.Element;
@@ -1,8 +0,0 @@
1
- import { ReactNode } from "react";
2
- export interface HeaderProps {
3
- children?: ReactNode;
4
- }
5
- /**
6
- * The top of a page.
7
- */
8
- export default function Header({ children }: HeaderProps): JSX.Element;
@@ -1,40 +0,0 @@
1
- /// <reference types="react" />
2
- export interface HeaderTitleProps {
3
- /**
4
- * Can be an image. Will be placed inside of the `src` attribute.
5
- */
6
- logo?: string;
7
- logoAlt?: string;
8
- /**
9
- * Text next to the logo.
10
- */
11
- appTitle?: string;
12
- /**
13
- * Disables that the app title will disappear at a specific view width.
14
- */
15
- keepAppTitle?: boolean;
16
- children?: any;
17
- /**
18
- * Extends `className` from parent element.
19
- */
20
- className?: string;
21
- /**
22
- * Is the component used on the sidebar?
23
- */
24
- sidebar?: boolean;
25
- /**
26
- * By default, MenuItem is a `"a"`.
27
- * If you want to have it another type, you can pass a component reference with this prop (e.g. `Link`).
28
- */
29
- elementType?: any;
30
- /**
31
- * Sets `to` prop, e.g. when you use the `Link` component from React Router.
32
- */
33
- to?: string;
34
- href?: string;
35
- }
36
- /**
37
- * The title area at the header bar.
38
- * Depending on its content, the document's title will be set aswell (what will be shown in the browser title bar).
39
- */
40
- export default function HeaderTitle({ logo, logoAlt, appTitle, keepAppTitle, children, className, sidebar, elementType, to, href }: HeaderTitleProps): JSX.Element;
@@ -1,19 +0,0 @@
1
- /// <reference types="react" />
2
- import { MenuItemProps } from "./MenuItem";
3
- export interface IconMenuItemProps extends MenuItemProps {
4
- outerClass?: string;
5
- /**
6
- * Tooltip will be placed to the end/right by default. You can change the direction with this prop.
7
- */
8
- tooltipClass?: string;
9
- /**
10
- * When used inside of the sidebar: active indicator will be displayed underneath instead of before.
11
- * The prop to `false` to disable this behavior.
12
- */
13
- horizontalOnOpenSidebar?: boolean;
14
- }
15
- /**
16
- * Variant of `MenuItem` to primarily display an icon without a label.
17
- * The label prop will be displayed as a tooltip.
18
- */
19
- export default function IconMenuItem({ label, outerClass, tooltipClass, horizontalOnOpenSidebar, className, ...props }: IconMenuItemProps): JSX.Element;
@@ -1,23 +0,0 @@
1
- /// <reference types="react" />
2
- export interface IntroProps {
3
- /**
4
- * Can be an image. Will be placed inside of the `src` attribute.
5
- */
6
- logo?: string;
7
- /**
8
- * Max width from the logo.
9
- */
10
- logoMaxWidth?: string;
11
- /**
12
- * Text which will be placed under the logo.
13
- */
14
- title?: string;
15
- /**
16
- * Content
17
- */
18
- children?: any;
19
- }
20
- /**
21
- * Can be used for a sign-in page.
22
- */
23
- export default function Intro({ logo, logoMaxWidth, title, children }: IntroProps): JSX.Element;