blue-react 11.0.3 → 11.0.5

package/dist/components/HashRouter.js

@@ -13,27 +13,27 @@ function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new T
 function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
 import React, { Component } from "react";
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-/**
- * Component for simple hash routing. It's recommended to use solutions like `react-router-dom` for more complex routing.
- *
- * As soon this component is mounted, it is globally available under `window.blueHashRouterRef`.
- * You can also append your own event listeners.
- *
- * Allowed events:
- *
- * * **componentDidUpdate** - Component was updated.
- *   Example: `window.blueHashRouterRef.addEventListener("componentDidUpdate", (prevProps, prevState) => { })`
- * * **pageDidShowAgain** - Page appeared again with the same old state. In the callback function you can reinitialize things.
- *   Example: `window.blueHashRouterRef.addEventListener("pageDidShowAgain", "home", (prevProps, prevState) => { })`
- * * **pageDidHide** - This page disappeared and another page appears instead.
- *   Example: `window.blueHashRouterRef.addEventListener("pageDidHide", "home", (prevProps, prevState) => { })`
- *
- * Method to add event listeners:
- * * `window.blueHashRouterRef.`**addEventListener**`(eventName: string, param2: any, param3: any, listenerId?: string)`
- *
- * Methods to remove event listeners:
- * * `window.blueHashRouterRef.`**removeEventListener**`(eventName: string, listenerId: string)`
- * * `window.blueHashRouterRef.`**removeDuplicatedEventListeners**`()` - Will automatically be called when running `addEventListener`
+/**
+ * Component for simple hash routing. It's recommended to use solutions like `react-router-dom` for more complex routing.
+ *
+ * As soon this component is mounted, it is globally available under `window.blueHashRouterRef`.
+ * You can also append your own event listeners.
+ *
+ * Allowed events:
+ *
+ * * **componentDidUpdate** - Component was updated.
+ *   Example: `window.blueHashRouterRef.addEventListener("componentDidUpdate", (prevProps, prevState) => { })`
+ * * **pageDidShowAgain** - Page appeared again with the same old state. In the callback function you can reinitialize things.
+ *   Example: `window.blueHashRouterRef.addEventListener("pageDidShowAgain", "home", (prevProps, prevState) => { })`
+ * * **pageDidHide** - This page disappeared and another page appears instead.
+ *   Example: `window.blueHashRouterRef.addEventListener("pageDidHide", "home", (prevProps, prevState) => { })`
+ *
+ * Method to add event listeners:
+ * * `window.blueHashRouterRef.`**addEventListener**`(eventName: string, param2: any, param3: any, listenerId?: string)`
+ *
+ * Methods to remove event listeners:
+ * * `window.blueHashRouterRef.`**removeEventListener**`(eventName: string, listenerId: string)`
+ * * `window.blueHashRouterRef.`**removeDuplicatedEventListeners**`()` - Will automatically be called when running `addEventListener`
  */
 var HashRouter = /*#__PURE__*/function (_Component) {
   function HashRouter(props) {

package/dist/components/Header.js

@@ -4,8 +4,8 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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); }
 import React from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * The top of a page.
+/**
+ * The top of a page.
  */
 export default function Header(_ref) {
   var children = _ref.children,

package/dist/components/HeaderTitle.js

@@ -1,9 +1,9 @@
 import React, { createElement, useEffect } from "react";
 import { guid } from "blue-web/dist/js/utils.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * 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).
+/**
+ * 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(_ref) {
   var logo = _ref.logo,

package/dist/components/IconMenuItem.js

@@ -10,10 +10,10 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 import React from "react";
 import MenuItem from "./LegacyMenuItem.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @deprecated
- * Variant of `MenuItem` to primarily display an icon without a label.
- * The label prop will be displayed as a tooltip.
+/**
+ * @deprecated
+ * Variant of `MenuItem` to primarily display an icon without a label.
+ * The label prop will be displayed as a tooltip.
  */
 export default function IconMenuItem(_ref) {
   var label = _ref.label,

package/dist/components/Intro.js

@@ -1,7 +1,7 @@
 import React from "react";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Can be used for a sign-in page.
+/**
+ * Can be used for a sign-in page.
  */
 export default function Intro(_ref) {
   var logo = _ref.logo,

package/dist/components/Layout.js

@@ -2,8 +2,8 @@ import React from "react";
 import clsx from "clsx";
 import { getPhrase } from "./shared.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * A layout with header, side and main content area. Side is collapsible.
+/**
+ * A layout with header, side and main content area. Side is collapsible.
  */
 export default function Layout(_ref) {
   var children = _ref.children,

package/dist/components/LegacyMenuItem.js

@@ -15,9 +15,9 @@ function findParentWithClass(element, className) {
   }
   return element;
 }
-/**
- * @deprecated
- * Link, button or custom component for Sidebar, Actions or ActionMenu
+/**
+ * @deprecated
+ * Link, button or custom component for Sidebar, Actions or ActionMenu
  */
 export default function LegacyMenuItem(props) {
   var id = "blue-menu-item-wrapper-".concat(Math.random().toString(36).substring(7));

package/dist/components/Modal.js

@@ -8,11 +8,11 @@ import React, { useEffect, useState, useRef } from "react";
 import { Modal as BootstrapModal } from "bootstrap";
 import { getPhrase } from "./shared.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Simple modal/dialog. Designed to work as an alternative to JavaScript's native `alert()`, `prompt()` and `confirm()` functions.
- * It uses Bootstrap's Modal components.
- *
- * For easy use, you should use the hook `useModal` together with `ModalProvider`. See the example there.
+/**
+ * Simple modal/dialog. Designed to work as an alternative to JavaScript's native `alert()`, `prompt()` and `confirm()` functions.
+ * It uses Bootstrap's Modal components.
+ *
+ * For easy use, you should use the hook `useModal` together with `ModalProvider`. See the example there.
  */
 export default function Modal(_ref) {
   var modalContent = _ref.modalContent,

package/dist/components/Outside.js

@@ -1,13 +1,13 @@
 import React, { useEffect, useRef } from "react";
 
-/**
- * Hook that alerts clicks outside of the passed ref
+/**
+ * Hook that alerts clicks outside of the passed ref
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 export function useOutside(ref, callback) {
   useEffect(function () {
-    /**
-     * Alert if clicked on outside of element
+    /**
+     * Alert if clicked on outside of element
      */
     function handleClickOutside(event) {
       if (ref.current && !ref.current.contains(event.target) && callback) {
@@ -22,8 +22,8 @@ export function useOutside(ref, callback) {
     };
   }, [ref]);
 }
-/**
- * Component that fires an event if you click outside of it
+/**
+ * Component that fires an event if you click outside of it
  */
 export default function Outside(_ref) {
   var children = _ref.children,

package/dist/components/Search.js

@@ -8,8 +8,8 @@ import React, { useEffect, useState } from "react";
 import { guid } from "blue-web/dist/js/utils.js";
 import { getPhrase } from "./shared.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * A search bar that can be placed to the sidebar or on a page.
+/**
+ * A search bar that can be placed to the sidebar or on a page.
  */
 export default function Search(props) {
   var autoFocus = props.autoFocus,

package/dist/components/SidebarMenu.js

@@ -1,7 +1,7 @@
 import React from "react";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Sidebar for the `Layout` component.
+/**
+ * Sidebar for the `Layout` component.
  */
 export default function SidebarMenu(props) {
   return /*#__PURE__*/_jsxs("div", {

package/dist/components/SimpleLayout.js

@@ -1,8 +1,8 @@
 import React from "react";
 import clsx from "clsx";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * A simple layout with header and main content area.
+/**
+ * A simple layout with header and main content area.
  */
 export default function SimpleLayout(_ref) {
   var children = _ref.children,

package/dist/components/SlimContainer.js

@@ -1,7 +1,7 @@
 import React from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Shortcut for a combination using Bootstrap's Grid System to create a slim responsive container.
+/**
+ * Shortcut for a combination using Bootstrap's Grid System to create a slim responsive container.
  */
 export default function SlimContainer(_ref) {
   var children = _ref.children,

package/dist/components/Tab.js

@@ -10,8 +10,8 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 import { useContext, useId } from "react";
 import { TabsNameContext } from "./Tabs.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Always use together with `Tabs`.
+/**
+ * Always use together with `Tabs`.
  */
 export default function Tab(_ref) {
   var label = _ref.label,

package/dist/components/Tabs.js

@@ -1,9 +1,9 @@
 import { useId, createContext } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var TabsNameContext = /*#__PURE__*/createContext("");
-/**
- * Implementation of Blue Web Tabs. Allows to use tabs without JavaScript.
- * Use together with `Tab`.
+/**
+ * Implementation of Blue Web Tabs. Allows to use tabs without JavaScript.
+ * Use together with `Tab`.
  */
 export default function Tabs(_ref) {
   var children = _ref.children,

package/dist/components/ToastProvider.js

@@ -18,8 +18,8 @@ var ToastContext = /*#__PURE__*/createContext({
   addToast: undefined,
   clearToasts: undefined
 });
-/**
- * Push notifications to your visitors using Bootstrap's toast component.
+/**
+ * Push notifications to your visitors using Bootstrap's toast component.
  */
 export function ToastProvider(_ref) {
   var children = _ref.children,

package/dist/components/Utilities.js

@@ -1,28 +1,28 @@
 import { startLoading, finishLoading, showSuccess, hideSuccess, resetAlertMessage, setAlertMessage, guid, scrollToTop, fetchData } from "blue-web/dist/js/utils.js";
 
-/**
- * @deprecated Use (el as HTMLElement).classList.contains("my-class") instead.
+/**
+ * @deprecated Use (el as HTMLElement).classList.contains("my-class") instead.
  */
 export function hasClass(el, className) {
   if (el.classList) return el.classList.contains(className);else return !!el.className.match(new RegExp("(\\s|^)" + className + "(\\s|$)"));
 }
 
-/**
- * @deprecated Use (el as HTMLElement).classList.add("my-class") instead.
+/**
+ * @deprecated Use (el as HTMLElement).classList.add("my-class") instead.
  */
 export function addClass(el, className) {
   if (el.classList) el.classList.add(className);else if (!hasClass(el, className)) el.className += " " + className;
 }
 
-/**
- * @deprecated Use (el as HTMLElement).classList.remove("my-class") instead.
+/**
+ * @deprecated Use (el as HTMLElement).classList.remove("my-class") instead.
  */
 export function removeClass(el, className) {
   if (el.classList) el.classList.remove(className);else if (hasClass(el, className)) el.className = el.className.replace(new RegExp("(\\s|^)" + className + "(\\s|$)"), " ");
 }
 
-/**
- * @deprecated Use (el as HTMLElement).classList.toggle("my-class") instead.
+/**
+ * @deprecated Use (el as HTMLElement).classList.toggle("my-class") instead.
  */
 export function toggleClass(element, className) {
   if (!element || !className) {
@@ -38,8 +38,8 @@ export function toggleClass(element, className) {
   element.className = classString;
 }
 
-/**
- * @deprecated Is handled inside of `ActioMenu` component now
+/**
+ * @deprecated Is handled inside of `ActioMenu` component now
  */
 export function toggleActions() {
   toggleClass(document.querySelector(".blue-wrapper"), "active");
@@ -50,8 +50,8 @@ export function toggleActions() {
   }
 }
 
-/**
- * @deprecated In future versions of Blue React, you will need to use utils of Blue Web directly.
+/**
+ * @deprecated In future versions of Blue React, you will need to use utils of Blue Web directly.
  */
 export default {
   hasClass: hasClass,

package/dist/style.scss

@@ -1,6 +1,6 @@
-/*!
- * Blue React v10.0.0-rc1-rc1 (https://bruegmann.github.io/blue-react)
- * Licensed under GNU General Public License v3.0 (https://github.com/bruegmann/blue-react/blob/master/LICENSE).
-*/
-
-@import "node_modules/blue-web/dist/style.scss";
+/*!
+ * Blue React v10.0.0-rc1-rc1 (https://bruegmann.github.io/blue-react)
+ * Licensed under GNU General Public License v3.0 (https://github.com/bruegmann/blue-react/blob/master/LICENSE).
+*/
+
+@import "node_modules/blue-web/dist/style.scss";

package/index.d.ts

@@ -1,78 +1,81 @@
-declare global {
-    interface Window {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        blueHashRouterRef: any
-    }
-}
-export default global
-
-export { default as Layout } from "./dist/components/Layout"
-export { LayoutProps } from "./dist/components/Layout"
-
-export { default as A } from "./dist/components/A"
-export { AProps } from "./dist/components/A"
-
-export { default as ActionMenu } from "./dist/components/ActionMenu"
-export { ActionMenuProps } from "./dist/components/ActionMenu"
-
-export { default as Button } from "./dist/components/Button"
-export { ButtonProps } from "./dist/components/Button"
-
-export { default as Chevron } from "./dist/components/Chevron"
-export { ChevronProps } from "./dist/components/Chevron"
-
-export { default as HashRouter } from "./dist/components/HashRouter"
-export { HashRouterProps } from "./dist/components/HashRouter"
-
-export { default as Header } from "./dist/components/Header"
-export { HeaderProps } from "./dist/components/Header"
-
-export { default as HeaderTitle } from "./dist/components/HeaderTitle"
-export { HeaderTitleProps } from "./dist/components/HeaderTitle"
-
-export { default as IconMenuItem } from "./dist/components/IconMenuItem"
-export { IconMenuItemProps } from "./dist/components/IconMenuItem"
-
-export { default as Intro } from "./dist/components/Intro"
-export { IntroProps } from "./dist/components/Intro"
-
-export { default as LegacyMenuItem } from "./dist/components/LegacyMenuItem"
-export { LegacyMenuItemProps } from "./dist/components/LegacyMenuItem"
-
-export { default as MenuItem } from "./dist/components/MenuItem"
-export { MenuItemProps } from "./dist/components/MenuItem"
-
-export { default as Modal } from "./dist/components/Modal"
-export { ModalProps } from "./dist/components/Modal"
-
-export { ModalProvider, useModal } from "./dist/components/ModalProvider"
-
-export { default as Outside } from "./dist/components/Outside"
-export { OutsideProps, useOutside } from "./dist/components/Outside"
-
-export { default as Search } from "./dist/components/Search"
-export { SearchProps } from "./dist/components/Search"
-
-export { default as SidebarMenu } from "./dist/components/SidebarMenu"
-export { SidebarMenuProps } from "./dist/components/SidebarMenu"
-
-export { default as SimpleLayout } from "./dist/components/SimpleLayout"
-export { SimpleLayoutProps } from "./dist/components/SimpleLayout"
-
-export { default as SlimContainer } from "./dist/components/SlimContainer"
-export { SlimContainerProps } from "./dist/components/SlimContainer"
-
-export { default as Status } from "./dist/components/Status"
-export { StatusProps } from "./dist/components/Status"
-
-export { StatusProvider, useStatus } from "./dist/components/StatusProvider"
-
-export {
-    ToastProvider,
-    ToastProviderProps,
-    useToast,
-    ToastItem,
-    ToastItemType
-} from "./dist/components/ToastProvider"
-
-export { default as Utilities } from "./dist/components/Utilities"
+declare global {
+    interface Window {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        blueHashRouterRef: any
+    }
+}
+export default global
+
+export { default as Layout } from "./dist/components/Layout"
+export { LayoutProps } from "./dist/components/Layout"
+
+export { default as A } from "./dist/components/A"
+export { AProps } from "./dist/components/A"
+
+export { default as ActionMenu } from "./dist/components/ActionMenu"
+export { ActionMenuProps } from "./dist/components/ActionMenu"
+
+export { default as Actions } from "./dist/components/Actions"
+export { ActionsProps } from "./dist/components/Actions"
+
+export { default as Button } from "./dist/components/Button"
+export { ButtonProps } from "./dist/components/Button"
+
+export { default as Chevron } from "./dist/components/Chevron"
+export { ChevronProps } from "./dist/components/Chevron"
+
+export { default as HashRouter } from "./dist/components/HashRouter"
+export { HashRouterProps } from "./dist/components/HashRouter"
+
+export { default as Header } from "./dist/components/Header"
+export { HeaderProps } from "./dist/components/Header"
+
+export { default as HeaderTitle } from "./dist/components/HeaderTitle"
+export { HeaderTitleProps } from "./dist/components/HeaderTitle"
+
+export { default as IconMenuItem } from "./dist/components/IconMenuItem"
+export { IconMenuItemProps } from "./dist/components/IconMenuItem"
+
+export { default as Intro } from "./dist/components/Intro"
+export { IntroProps } from "./dist/components/Intro"
+
+export { default as LegacyMenuItem } from "./dist/components/LegacyMenuItem"
+export { LegacyMenuItemProps } from "./dist/components/LegacyMenuItem"
+
+export { default as MenuItem } from "./dist/components/MenuItem"
+export { MenuItemProps } from "./dist/components/MenuItem"
+
+export { default as Modal } from "./dist/components/Modal"
+export { ModalProps } from "./dist/components/Modal"
+
+export { ModalProvider, useModal } from "./dist/components/ModalProvider"
+
+export { default as Outside } from "./dist/components/Outside"
+export { OutsideProps, useOutside } from "./dist/components/Outside"
+
+export { default as Search } from "./dist/components/Search"
+export { SearchProps } from "./dist/components/Search"
+
+export { default as SidebarMenu } from "./dist/components/SidebarMenu"
+export { SidebarMenuProps } from "./dist/components/SidebarMenu"
+
+export { default as SimpleLayout } from "./dist/components/SimpleLayout"
+export { SimpleLayoutProps } from "./dist/components/SimpleLayout"
+
+export { default as SlimContainer } from "./dist/components/SlimContainer"
+export { SlimContainerProps } from "./dist/components/SlimContainer"
+
+export { default as Status } from "./dist/components/Status"
+export { StatusProps } from "./dist/components/Status"
+
+export { StatusProvider, useStatus } from "./dist/components/StatusProvider"
+
+export {
+    ToastProvider,
+    ToastProviderProps,
+    useToast,
+    ToastItem,
+    ToastItemType
+} from "./dist/components/ToastProvider"
+
+export { default as Utilities } from "./dist/components/Utilities"

package/index.js

@@ -1,23 +1,24 @@
-export { default as A } from "./dist/components/A.js"
-export { default as ActionMenu } from "./dist/components/ActionMenu.js"
-export { default as Button } from "./dist/components/Button.js"
-export { default as Chevron } from "./dist/components/Chevron.js"
-export { default as HashRouter } from "./dist/components/HashRouter.js"
-export { default as Layout } from "./dist/components/Layout.js"
-export { default as Header } from "./dist/components/Header.js"
-export { default as HeaderTitle } from "./dist/components/HeaderTitle.js"
-export { default as IconMenuItem } from "./dist/components/IconMenuItem.js"
-export { default as Intro } from "./dist/components/Intro.js"
-export { default as LegacyMenuItem } from "./dist/components/LegacyMenuItem.js"
-export { default as MenuItem } from "./dist/components/MenuItem.js"
-export { default as Modal } from "./dist/components/Modal.js"
-export { ModalProvider, useModal } from "./dist/components/ModalProvider.js"
-export { default as Outside } from "./dist/components/Outside.js"
-export { default as Search } from "./dist/components/Search.js"
-export { default as SidebarMenu } from "./dist/components/SidebarMenu.js"
-export { default as SimpleLayout } from "./dist/components/SimpleLayout.js"
-export { default as SlimContainer } from "./dist/components/SlimContainer.js"
-export { default as Status } from "./dist/components/Status.js"
-export { StatusProvider, useStatus } from "./dist/components/StatusProvider.js"
-export { ToastProvider, useToast } from "./dist/components/ToastProvider.js"
-export { default as Utilities } from "./dist/components/Utilities.js"
+export { default as A } from "./dist/components/A.js"
+export { default as ActionMenu } from "./dist/components/ActionMenu.js"
+export { default as Actions } from "./dist/components/Actions.js"
+export { default as Button } from "./dist/components/Button.js"
+export { default as Chevron } from "./dist/components/Chevron.js"
+export { default as HashRouter } from "./dist/components/HashRouter.js"
+export { default as Layout } from "./dist/components/Layout.js"
+export { default as Header } from "./dist/components/Header.js"
+export { default as HeaderTitle } from "./dist/components/HeaderTitle.js"
+export { default as IconMenuItem } from "./dist/components/IconMenuItem.js"
+export { default as Intro } from "./dist/components/Intro.js"
+export { default as LegacyMenuItem } from "./dist/components/LegacyMenuItem.js"
+export { default as MenuItem } from "./dist/components/MenuItem.js"
+export { default as Modal } from "./dist/components/Modal.js"
+export { ModalProvider, useModal } from "./dist/components/ModalProvider.js"
+export { default as Outside } from "./dist/components/Outside.js"
+export { default as Search } from "./dist/components/Search.js"
+export { default as SidebarMenu } from "./dist/components/SidebarMenu.js"
+export { default as SimpleLayout } from "./dist/components/SimpleLayout.js"
+export { default as SlimContainer } from "./dist/components/SlimContainer.js"
+export { default as Status } from "./dist/components/Status.js"
+export { StatusProvider, useStatus } from "./dist/components/StatusProvider.js"
+export { ToastProvider, useToast } from "./dist/components/ToastProvider.js"
+export { default as Utilities } from "./dist/components/Utilities.js"