blue-react 8.6.4 → 8.7.1

package/dist/style.scss

@@ -1,5 +1,5 @@
 /*!
- * Blue React v8.6.4-beta1 (https://bruegmann.github.io/blue-react)
+ * Blue React v8.7.1 (https://bruegmann.github.io/blue-react)
  * Licensed under GNU General Public License v3.0 (https://github.com/bruegmann/blue-react/blob/master/LICENSE).
 */
 

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

@@ -7,7 +7,15 @@ declare global {
 }
 export interface LayoutProps {
     id?: string;
+    /**
+     * By default, the side bar is "in".
+     * You can control the state from outside, by also using `onChangeSidebarIn`.
+     */
     sidebarIn?: boolean;
+    /**
+     * React to changes of the `sidebarIn` state.
+     */
+    onChangeSidebarIn?: (sidebarIn: boolean) => void;
     style?: CSSProperties;
     /**
      * Sidebar is automatically expanded on wider views.
@@ -62,7 +70,7 @@ export interface LayoutProps {
     children?: any;
 }
 export interface LayoutState {
-    sidebarIn?: boolean;
+    sidebarIn: boolean;
     match: any;
     history: string[];
     hash: string;

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

@@ -1,8 +1,9 @@
-/// <reference types="react" />
+import { ReactNode } from "react";
 import { ModalType } from "./shared";
 export interface ModalProps {
     modalContent?: string;
     modalTitle?: string;
+    modalIcon?: ReactNode;
     unSetModalContent: (modalContent?: string) => void;
     /**
      * Type of `input` depends on `type` prop and which action occured.
@@ -22,4 +23,4 @@ export interface ModalProps {
  *
  * For easy use, you should use the hook `useModal` together with `ModalProvider`. See the example there.
  */
-export default function Modal({ modalContent, modalTitle, unSetModalContent, onSubmit, defaultInput, type }: ModalProps): JSX.Element;
+export default function Modal({ modalContent, modalTitle, modalIcon, unSetModalContent, onSubmit, defaultInput, type }: ModalProps): JSX.Element;

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

@@ -4,8 +4,8 @@ export interface ModalProviderProps {
 }
 declare const ModalProvider: ({ children, ...rest }: ModalProviderProps) => JSX.Element;
 declare const useModal: () => {
-    ask: (text: string, title?: string) => Promise<string | boolean>;
-    tell: (text: string, title?: string) => Promise<boolean>;
-    verify: (text: string, title?: string) => Promise<boolean>;
+    ask: (text: string, title?: string, icon?: ReactNode) => Promise<string | boolean>;
+    tell: (text: string, title?: string, icon?: ReactNode) => Promise<boolean>;
+    verify: (text: string, title?: string, icon?: ReactNode) => Promise<boolean>;
 };
 export { ModalProvider, useModal };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "blue-react",
-    "version": "8.6.4",
+    "version": "8.7.1",
     "description": "Blue React Components",
     "license": "LGPL-3.0-or-later",
     "main": "index.js",