typescript-overlay-essentials 1.4.0 → 1.4.1

package/dist/ConfirmationBox.d.ts

@@ -2,19 +2,19 @@ import * as React from 'react';
 import { CSSProperties } from 'react';
 import './ConfirmationBox.css';
 export interface ConfirmationBoxState {
-    headline?: string | undefined;
-    message?: string | undefined;
-    message1?: string | undefined;
-    message2?: string | undefined;
-    cancelButtonText?: string | undefined;
-    proceedButtonText?: string | undefined;
-    handlerOk?: ((args?: unknown) => void) | undefined;
-    handlerCancel?: ((args?: unknown) => void) | undefined;
+    headline?: React.ReactNode;
+    message?: React.ReactNode;
+    message1?: React.ReactNode;
+    message2?: React.ReactNode;
+    cancelButtonText?: React.ReactNode;
+    proceedButtonText?: React.ReactNode;
+    handlerOk?: ((args?: unknown) => void);
+    handlerCancel?: ((args?: unknown) => void);
     handlerArgs?: unknown;
-    addCloseButton?: boolean | undefined;
-    activateConfirm?: boolean | undefined;
-    proceedButtonStyle?: CSSProperties | undefined;
-    cancelButtonStyle?: CSSProperties | undefined;
+    addCloseButton?: boolean;
+    activateConfirm?: boolean;
+    proceedButtonStyle?: CSSProperties;
+    cancelButtonStyle?: CSSProperties;
 }
 export declare const defaultConfirmationState: ConfirmationBoxState;
 export declare function ConfirmationBox({ state, setState }: {

package/dist/InfoOverlay.d.ts

@@ -2,13 +2,13 @@ import { CSSProperties } from 'react';
 import * as React from 'react';
 import './InfoOverlay.css';
 export interface InfoOverlayState {
-    headline?: string | undefined;
-    message?: string | undefined;
-    proceedButtonText?: string | undefined;
-    handler?: ((args?: unknown) => void) | undefined;
+    headline?: React.ReactNode;
+    message?: React.ReactNode;
+    proceedButtonText?: React.ReactNode;
+    handler?: ((args?: unknown) => void);
     handlerArgs?: unknown;
-    addCloseButton?: boolean | undefined;
-    style?: CSSProperties | undefined;
+    addCloseButton?: boolean;
+    style?: CSSProperties;
 }
 export declare const defaultInfoOverlayState: InfoOverlayState;
 export declare function InfoOverlay({ state, setState }: {

package/dist/InfoOverlayWithInput.d.ts

@@ -2,18 +2,18 @@ import { CSSProperties } from 'react';
 import * as React from 'react';
 import './InfoOverlayWithInput.css';
 export interface InfoOverlayWithInputState {
-    headline?: string | undefined;
-    message?: string | undefined;
-    preInput?: string | undefined;
-    placeholder?: string | undefined;
-    cancelButtonText?: string | undefined;
-    proceedButtonText?: string | undefined;
-    handlerOk?: ((userInput: string, args?: unknown) => void) | undefined;
-    handlerCancel?: ((args?: unknown) => void) | undefined;
+    headline?: React.ReactNode;
+    message?: React.ReactNode;
+    preInput?: string;
+    placeholder?: string;
+    cancelButtonText?: React.ReactNode;
+    proceedButtonText?: React.ReactNode;
+    handlerOk?: ((userInput: string, args?: unknown) => void);
+    handlerCancel?: ((args?: unknown) => void);
     handlerArgs?: unknown;
-    addCloseButton?: boolean | undefined;
-    proceedButtonStyle?: CSSProperties | undefined;
-    cancelButtonStyle?: CSSProperties | undefined;
+    addCloseButton?: boolean;
+    proceedButtonStyle?: CSSProperties;
+    cancelButtonStyle?: CSSProperties;
 }
 export declare const defaultInfoOverlayWithInputState: InfoOverlayWithInputState;
 export declare function InfoOverlayWithInput({ state, setState }: {

package/dist/InputFilter.d.ts

@@ -1 +1 @@
-export declare function setInputFilter(textbox: HTMLElement | undefined, inputFilter: (value: string) => boolean, errMsg: string): void;
+export declare function setInputFilter(inputFilter: (value: string) => boolean, errMsg: string, textbox?: HTMLElement): void;

package/dist/InputFilter.js

@@ -1,5 +1,5 @@
 // Restricts input for the given textbox to the given inputFilter function.
-export function setInputFilter(textbox, inputFilter, errMsg) {
+export function setInputFilter(inputFilter, errMsg, textbox) {
     ["input", "keydown", "keyup", "mousedown", "mouseup", "select", "contextmenu", "drop", "focusout"].forEach(function (event) {
         if (textbox) {
             textbox.addEventListener(event, function (e) {

package/dist/LoadingOverlay.d.ts

@@ -1,10 +1,11 @@
 import { ReactElement } from 'react';
+import * as React from 'react';
 import './LoadingOverlay.css';
 export interface LoadingOverlayState {
     isActive?: boolean;
-    message?: string | undefined;
-    color?: string | undefined;
-    showSuccess?: boolean | undefined;
+    message?: React.ReactNode;
+    color?: string;
+    showSuccess?: boolean;
 }
 export declare const defaultLoadingOverlayState: LoadingOverlayState;
 export declare function LoadingOverlay({ state, setState }: {

package/dist/MultipleChoiceOverlay.d.ts

@@ -2,18 +2,18 @@ import { CSSProperties } from 'react';
 import * as React from 'react';
 import './MultipleChoiceOverlay.css';
 export interface MultipleChoiceOverlayState {
-    headline?: string | undefined;
-    message?: string | undefined;
+    headline?: React.ReactNode;
+    message?: React.ReactNode;
     choices: string[] | [];
-    preInput?: string[] | undefined;
-    cancelButtonText?: string | undefined;
-    proceedButtonText?: string | undefined;
-    handlerOk?: ((userInput: string[], args?: unknown) => void) | undefined;
-    handlerCancel?: ((args?: unknown) => void) | undefined;
+    preInput?: string[];
+    cancelButtonText?: React.ReactNode;
+    proceedButtonText?: React.ReactNode;
+    handlerOk?: ((userInput: string[], args?: unknown) => void);
+    handlerCancel?: ((args?: unknown) => void);
     handlerArgs?: unknown;
-    addCloseButton?: boolean | undefined;
-    proceedButtonStyle?: CSSProperties | undefined;
-    cancelButtonStyle?: CSSProperties | undefined;
+    addCloseButton?: boolean;
+    proceedButtonStyle?: CSSProperties;
+    cancelButtonStyle?: CSSProperties;
 }
 export declare const defaultMultipleChoiceState: MultipleChoiceOverlayState;
 export declare function MultipleChoiceOverlay({ state, setState }: {

package/dist/MultipleRadioOverlay.d.ts

@@ -2,18 +2,18 @@ import { CSSProperties } from 'react';
 import * as React from 'react';
 import './MultipleRadioOverlay.css';
 export interface MultipleRadioOverlayState {
-    headline?: string | undefined;
-    message?: string | undefined;
+    headline?: React.ReactNode;
+    message?: React.ReactNode;
     choices: string[] | [];
-    preInput?: string | undefined;
-    cancelButtonText?: string | undefined;
-    proceedButtonText?: string | undefined;
-    handlerOk?: ((userInput: string, args?: unknown) => void) | undefined;
-    handlerCancel?: ((args?: unknown) => void) | undefined;
+    preInput?: string;
+    cancelButtonText?: React.ReactNode;
+    proceedButtonText?: React.ReactNode;
+    handlerOk?: ((userInput: string, args?: unknown) => void);
+    handlerCancel?: ((args?: unknown) => void);
     handlerArgs?: unknown;
-    addCloseButton?: boolean | undefined;
-    proceedButtonStyle?: CSSProperties | undefined;
-    cancelButtonStyle?: CSSProperties | undefined;
+    addCloseButton?: boolean;
+    proceedButtonStyle?: CSSProperties;
+    cancelButtonStyle?: CSSProperties;
 }
 export declare const defaultMultipleRadioState: MultipleRadioOverlayState;
 export declare function MultipleRadioOverlay({ state, setState }: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "typescript-overlay-essentials",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "description": "Eine kleine Ansammlung an praktischen Tools, die out of the Box genutzt werden können. Alle enthaltenen Overlays können als Reaktion auf etwas geöffnet werden und schließen sich danach automatisch. Es beinhaltet: \\n - [ConfirmationBox]: Ein Overlay mit einer ConfirmationBox (Fortfahren / Abbrechen), \\n - [InfoOverlay]: ein simples Overlay mit einer Informationsbox die man bestätigen kann, \\n - [InfoOverlayWithInput]: Ein Overlay bei dem ein User zusätzlich ein Freitext-Feld zur Eingabe hat, \\n - [LoadingOverlay]: Ein simples Overlay mit einer Lade-animation und optionalem Ladetext, \\n - [MultipleChoiceOverlay]: Ein simples Overlay bei dem ein Nutzer aus mehreren gegebenen Aktionen auswählen kann, \\n - [MultipleRadioOverlay]: Ein simples Overlay bei dem ein Nutzer genau eine aus mehreren gegebenen Aktionen auswählen kann, \\n - [Toast]: Ein simpler Toast der für kurze Zeit grün hinterlegt in der oberen rechten Ecke des Bildschirms angezeigt wird, \\n - [ToggleSwitch]: Eine Auswahl aus zwei Optionen aus denen ein Nutzer wählen kann in der Darstellung (Option 1 | Option 2), \\n - [Dropdown]: Ein simples Dropdown-Menü (auf Basis von react-select), welches einfacherer zu Konfigurieren ist und einige default-Einstellungen hat, \\n - [InputFilter]: Ein Tool was genutzt werden kann um auf einem Inputfeld einen Regex-Filter anzuwenden und dem User so nur Eingaben erlaubt die dem Filter entsprechen.",
   "keywords": [
     "typescript",