blue-react 10.0.0-rc3 → 10.0.0

package/dist/components/HeaderTitle.js

@@ -17,7 +17,7 @@ export default function HeaderTitle(_ref) {
     to = _ref.to,
     _ref$href = _ref.href,
     href = _ref$href === void 0 ? "#" : _ref$href,
-    breadcrumbItems = _ref.breadcrumbItems;
+    breadcrumb = _ref.breadcrumb;
   var uniqueId = "HeaderTitle-" + guid();
   var setDocumentTitle = function setDocumentTitle() {
     if (window.blueHashRouterRef && window.blueHashRouterRef.props && window.blueHashRouterRef.props.disableTitleSet === false) {
@@ -54,8 +54,8 @@ export default function HeaderTitle(_ref) {
   }, /*#__PURE__*/createElement(elementType, {
     to: to,
     href: href
-  }, appTitle)), breadcrumbItems === null || breadcrumbItems === void 0 ? void 0 : breadcrumbItems.map(function (item, index) {
-    var active = index === breadcrumbItems.length - 1;
+  }, appTitle)), breadcrumb === null || breadcrumb === void 0 ? void 0 : breadcrumb.map(function (item, index) {
+    var active = index === breadcrumb.length - 1;
     return /*#__PURE__*/React.createElement("li", {
       key: index,
       className: "breadcrumb-item ".concat(active ? "active" : ""),

package/dist/components/Layout/LayoutHeader.js

@@ -0,0 +1,25 @@
+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); }
+var _excluded = ["children", "className"];
+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); }
+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; }
+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; }
+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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+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); }
+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; }
+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; }
+import React from "react";
+export default function LayoutHeader(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("header", _extends({
+    className: "d-flex justify-content-between position-relative h-100 ".concat(className),
+    style: _objectSpread({
+      color: "var(--blue-sidebar-color)",
+      background: "var(--blue-sidebar-bg)",
+      zIndex: "var(--blue-layout-header-z-index, 4)",
+      "--blue-menu-item-dropdown-bg": "var(--blue-sidebar-bg)"
+    }, rest.style)
+  }, rest), children);
+}

package/dist/components/Layout/LayoutMain.js

@@ -0,0 +1,17 @@
+var _excluded = ["children", "className", "noPageBorder"];
+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); }
+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; }
+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; }
+import React from "react";
+export default function LayoutMain(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    _ref$noPageBorder = _ref.noPageBorder,
+    noPageBorder = _ref$noPageBorder === void 0 ? false : _ref$noPageBorder,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: "w-100 h-100 p-1 pt-0 ".concat(className)
+  }, rest), /*#__PURE__*/React.createElement("div", {
+    className: "\"w-100 h-100 overflow-auto rounded-3 ".concat(noPageBorder ? "" : "border ", "bg-body shadow-sm\"")
+  }, children));
+}

package/dist/components/Layout.js

@@ -1,6 +1,11 @@
 import React from "react";
 import "blue-web/dist/js/side-layout";
+import LayoutHeader from "./Layout/LayoutHeader";
+import LayoutMain from "./Layout/LayoutMain";
 var SideLayout = "side-layout";
+/**
+ * A layout with header, side and main content area. Side is collapsible.
+ */
 export default function Layout(_ref) {
   var children = _ref.children,
     header = _ref.header,
@@ -67,14 +72,7 @@ export default function Layout(_ref) {
     style: {
       "--bs-bg-opacity": 0.5
     }
-  }), /*#__PURE__*/React.createElement("header", {
-    className: "d-flex justify-content-between position-relative h-100",
-    style: {
-      color: "var(--blue-sidebar-color)",
-      background: "var(--blue-sidebar-bg)",
-      zIndex: "var(--blue-layout-header-z-index, 4)",
-      "--blue-menu-item-dropdown-bg": "var(--blue-sidebar-bg)"
-    },
+  }), /*#__PURE__*/React.createElement(LayoutHeader, {
     slot: "header"
   }, header), /*#__PURE__*/React.createElement("div", {
     slot: "side",
@@ -83,9 +81,7 @@ export default function Layout(_ref) {
       color: "var(--blue-sidebar-color)",
       background: "var(--blue-sidebar-bg)"
     }
-  }, side), /*#__PURE__*/React.createElement("div", {
-    className: "w-100 h-100 p-1 pt-0"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "\"w-100 h-100 overflow-auto rounded-3 ".concat(noPageBorder ? "" : "border ", "bg-body shadow-sm\"")
-  }, children))));
+  }, side), /*#__PURE__*/React.createElement(LayoutMain, {
+    noPageBorder: noPageBorder
+  }, children)));
 }

package/dist/components/LayoutHeader.js

@@ -0,0 +1,25 @@
+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); }
+var _excluded = ["children", "className"];
+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); }
+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; }
+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; }
+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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+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); }
+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; }
+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; }
+import React from "react";
+export default function LayoutHeader(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("header", _extends({
+    className: "d-flex justify-content-between position-relative h-100 ".concat(className),
+    style: _objectSpread({
+      color: "var(--blue-sidebar-color)",
+      background: "var(--blue-sidebar-bg)",
+      zIndex: "var(--blue-layout-header-z-index, 4)",
+      "--blue-menu-item-dropdown-bg": "var(--blue-sidebar-bg)"
+    }, rest.style)
+  }, rest), children);
+}

package/dist/components/LayoutMain.js

@@ -0,0 +1,17 @@
+var _excluded = ["children", "className", "noPageBorder"];
+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); }
+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; }
+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; }
+import React from "react";
+export default function LayoutMain(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    _ref$noPageBorder = _ref.noPageBorder,
+    noPageBorder = _ref$noPageBorder === void 0 ? false : _ref$noPageBorder,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: "w-100 h-100 p-1 pt-0 ".concat(className)
+  }, rest), /*#__PURE__*/React.createElement("div", {
+    className: "\"w-100 h-100 overflow-auto rounded-3 ".concat(noPageBorder ? "" : "border ", "bg-body shadow-sm\"")
+  }, children));
+}

package/dist/components/SimpleLayout.js

@@ -0,0 +1,24 @@
+import React from "react";
+import "blue-web/dist/js/side-layout";
+import LayoutHeader from "./Layout/LayoutHeader";
+import LayoutMain from "./Layout/LayoutMain";
+/**
+ * A simple layout with header and main content area.
+ */
+export default function SimpleLayout(_ref) {
+  var children = _ref.children,
+    header = _ref.header,
+    _ref$noPageBorder = _ref.noPageBorder,
+    noPageBorder = _ref$noPageBorder === void 0 ? false : _ref$noPageBorder;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "vh-100 d-grid",
+    style: {
+      gridTemplateRows: "var(--blue-menu-item-height) auto"
+    }
+  }, /*#__PURE__*/React.createElement(LayoutHeader, {
+    slot: "header"
+  }, header), /*#__PURE__*/React.createElement(LayoutMain, {
+    noPageBorder: noPageBorder,
+    className: "overflow-hidden"
+  }, children));
+}

package/dist/types/components/HeaderTitle.d.ts

@@ -31,10 +31,10 @@ export interface HeaderTitleProps {
     /**
      * Breadcrumb items to be shown.
      */
-    breadcrumbItems?: ReactNode[];
+    breadcrumb?: ReactNode[];
 }
 /**
  * The title area at the header bar.
  * Depending on its content, the document's title will be set aswell (what will be shown in the browser title bar).
  */
-export default function HeaderTitle({ logo, logoAlt, appTitle, children, className, sidebar, elementType, to, href, breadcrumbItems }: HeaderTitleProps): import("react/jsx-runtime").JSX.Element;
+export default function HeaderTitle({ logo, logoAlt, appTitle, children, className, sidebar, elementType, to, href, breadcrumb }: HeaderTitleProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Layout/LayoutHeader.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export interface LayoutHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+export default function LayoutHeader({ children, className, ...rest }: LayoutHeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Layout/LayoutMain.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export interface LayoutMainProps extends React.HTMLAttributes<HTMLDivElement> {
+    noPageBorder?: boolean;
+}
+export default function LayoutMain({ children, className, noPageBorder, ...rest }: LayoutMainProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Layout.d.ts

@@ -6,4 +6,7 @@ export interface LayoutProps {
     side?: React.ReactNode;
     noPageBorder?: boolean;
 }
+/**
+ * A layout with header, side and main content area. Side is collapsible.
+ */
 export default function Layout({ children, header, side, noPageBorder }: LayoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/LayoutHeader.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export interface LayoutHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+export default function LayoutHeader({ children, className, ...rest }: LayoutHeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/LayoutMain.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export interface LayoutMainProps extends React.HTMLAttributes<HTMLDivElement> {
+    noPageBorder?: boolean;
+}
+export default function LayoutMain({ children, className, noPageBorder, ...rest }: LayoutMainProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Page.d.ts

@@ -1,9 +1,10 @@
+import { ReactNode } from "react";
 export interface PageProps {
     /**
      * Will be set to the document's `<title>` tag.
      */
     title?: string;
-    children?: any;
+    children?: ReactNode;
 }
 /**
  * Main component for each page.

package/dist/types/components/SimpleLayout.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import "blue-web/dist/js/side-layout";
+export interface SimpleLayoutProps {
+    children?: React.ReactNode;
+    header?: React.ReactNode;
+    noPageBorder?: boolean;
+}
+/**
+ * A simple layout with header and main content area.
+ */
+export default function SimpleLayout({ children, header, noPageBorder }: SimpleLayoutProps): import("react/jsx-runtime").JSX.Element;

package/index.d.ts

@@ -61,6 +61,9 @@ export { SidebarMenuProps } from "./dist/types/components/SidebarMenu"
 export { default as SidebarMenuItem } from "./dist/types/components/SidebarMenuItem"
 export { SidebarMenuItemProps } from "./dist/types/components/SidebarMenuItem"
 
+export { default as SimpleLayout } from "./dist/types/components/SimpleLayout"
+export { SimpleLayoutProps } from "./dist/types/components/SimpleLayout"
+
 export { default as SlimContainer } from "./dist/types/components/SlimContainer"
 export { SlimContainerProps } from "./dist/types/components/SlimContainer"
 

package/index.js

@@ -18,6 +18,7 @@ import Page from "./dist/components/Page.js"
 import Search from "./dist/components/Search.js"
 import SidebarMenu from "./dist/components/SidebarMenu.js"
 import SidebarMenuItem from "./dist/components/SidebarMenuItem.js"
+import SimpleLayout from "./dist/components/SimpleLayout.js"
 import SlimContainer from "./dist/components/SlimContainer.js"
 import Status from "./dist/components/Status.js"
 import { StatusProvider, useStatus } from "./dist/components/StatusProvider.js"
@@ -46,6 +47,7 @@ export {
     Search,
     SidebarMenu,
     SidebarMenuItem,
+    SimpleLayout,
     SlimContainer,
     Status,
     StatusProvider,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "blue-react",
-    "version": "10.0.0-rc3",
+    "version": "10.0.0",
     "description": "Blue React Components",
     "license": "LGPL-3.0-or-later",
     "type": "module",
@@ -23,13 +23,13 @@
         "build-types": "tsc -p tsconfig.app.json --declaration --emitDeclarationOnly --declarationDir ./dist/types --noEmit false --composite false",
         "build": "babel ./src/components --out-dir ./dist/components --extensions \".tsx,.js,.ts\"",
         "build-release": "npm run build-types && npm run build && npm run docgen",
-        "docgen": "react-docgen ./src/components/ -o ./src/docs/data/docs.json --extension tsx && node followUpDocs && npm run license-report",
+        "docgen": "react-docgen ./src/components/ --ignore Layout -o ./src/docs/data/docs.json --extension tsx && node followUpDocs && npm run license-report",
         "test": "react-scripts test",
         "eject": "react-scripts eject",
         "predeploy": "npm run build-docs",
         "deploy": "gh-pages --dist deployment --dest v10",
         "prepublishOnly": "npm i && npm run build-release",
-        "release": "npm publish --tag next && npm run deploy",
+        "release": "npm publish && npm run deploy",
         "prettier": "npx prettier --write .",
         "license-report": "npx license-report --prod --output=json > ./src/docs/data/license-report.json"
     },