loon-bulma-react 2025.0.24 → 2025.0.26

package/dist/index.d.cts

@@ -1252,11 +1252,12 @@ type ModalProps = {
     /** Callback voor openen van de modal */
     onOpened?: (helptag?: string) => void;
     /** De grootte van de modal: met SizeProp of een string. ( DEFAULT = 'm', 800px)
+     * - `function` met windowWidth als parameter, retourneert een string met px, %, em of vw
      * - `SizeProp`: s: 600px, m: 800px, l: 1000px, xl: 1200px, max: 95%;
      * - `string`: '834px', '50%, 60em', '100%'
      * - `number`: size < 100 ? als percentage, anders als px
      */
-    size?: SizeProp | 'max' | string | number | undefined;
+    size?: SizeProp | 'max' | string | number | ((windowWidth: number) => `${number}${'px' | '%' | 'em' | 'vw'}`) | undefined;
     /** Helptag in Loon voor de modal */
     helpTag?: string | undefined;
     /** blokkeer sluiten van modal als je er buiten klikt? (default = false)
@@ -3431,8 +3432,6 @@ type CurrencyInputProps = StrictOmit<InputPropsType<number>, 'keyboardType' | 'p
     errorMessage?: string | ((v: InputErrorProps) => string);
     /** speciale informatie-tekst bij de input */
     infoMessage?: string | ((v?: number) => string);
-    /** prefix voo het bedrag (default = `'€ '`) */
-    prefix?: string;
     /** suffix achter het bedrag (default = `''`) */
     suffix?: string;
     /** aantal getoonde decimalen _achter_ de integer, ook als dat 0 is! (default = `2`) */
@@ -3466,7 +3465,7 @@ type CurrencyInputProps = StrictOmit<InputPropsType<number>, 'keyboardType' | 'p
  * const [x, setX] = React.useState<string>('0');
  * <CurrencyInput value={x} onValueChanged={([strVal, _numVal]) => setX(strVal)} />
  */
-declare function CurrencyInput({ allowNegativeValue, placeholder, helpTag, errorMessage, infoMessage, label, disabled, title, name, value, required, showRequiredOnLabel, spellCheck, id, autoComplete, max, min, inputRef, readonly, step, autofocus, hideIconRight, infoData, form, onBlur, onChange, onFocus, onKeyDown, onKeyUp, onValueChanged, size: sizeProp, alignment: alignmentProp, direction: directionProp, labelHidden, loading, icon, suffix, prefix, decimalScale, decimalSeparator, groupSeparator, }: CurrencyInputProps): react_jsx_runtime.JSX.Element;
+declare function CurrencyInput({ allowNegativeValue, placeholder, helpTag, errorMessage, infoMessage, label, disabled, title, name, value, required, showRequiredOnLabel, spellCheck, id, autoComplete, max, min, inputRef, readonly, step, autofocus, hideIconRight, infoData, form, onBlur, onChange, onFocus, onKeyDown, onKeyUp, onValueChanged, size: sizeProp, alignment: alignmentProp, direction: directionProp, labelHidden, loading, icon, suffix, decimalScale, decimalSeparator, groupSeparator, }: CurrencyInputProps): react_jsx_runtime.JSX.Element;
 
 /** WeekInput: input voor een weeknummer (format: yyyy-Www)
  * -1e getal: jaartal
@@ -4681,8 +4680,8 @@ type NotifierProps = {
     defaultDismissTime?: number;
     /** Notificaties komen altijd aan de rechterkant, kies uit bovenkant of onderkant (default = 'top') */
     location?: 'top' | 'bottom';
-    /** de breedte van de notification-bar. Default =  `25%` */
-    width?: `${number}%` | `${number}px` | `${number}em`;
+    /** de breedte van de notification-bar. Default =  `20vw` (20% schermbreedte) */
+    width?: `${number}%` | `${number}px` | `${number}em` | `${number}vw` | `${number}vh`;
 };
 type NotifierItemProps = {
     /** Optioneel id voor notificatie, als niet gedefinieerd wordt het een random integer */

package/dist/index.d.ts

@@ -1252,11 +1252,12 @@ type ModalProps = {
     /** Callback voor openen van de modal */
     onOpened?: (helptag?: string) => void;
     /** De grootte van de modal: met SizeProp of een string. ( DEFAULT = 'm', 800px)
+     * - `function` met windowWidth als parameter, retourneert een string met px, %, em of vw
      * - `SizeProp`: s: 600px, m: 800px, l: 1000px, xl: 1200px, max: 95%;
      * - `string`: '834px', '50%, 60em', '100%'
      * - `number`: size < 100 ? als percentage, anders als px
      */
-    size?: SizeProp | 'max' | string | number | undefined;
+    size?: SizeProp | 'max' | string | number | ((windowWidth: number) => `${number}${'px' | '%' | 'em' | 'vw'}`) | undefined;
     /** Helptag in Loon voor de modal */
     helpTag?: string | undefined;
     /** blokkeer sluiten van modal als je er buiten klikt? (default = false)
@@ -3431,8 +3432,6 @@ type CurrencyInputProps = StrictOmit<InputPropsType<number>, 'keyboardType' | 'p
     errorMessage?: string | ((v: InputErrorProps) => string);
     /** speciale informatie-tekst bij de input */
     infoMessage?: string | ((v?: number) => string);
-    /** prefix voo het bedrag (default = `'€ '`) */
-    prefix?: string;
     /** suffix achter het bedrag (default = `''`) */
     suffix?: string;
     /** aantal getoonde decimalen _achter_ de integer, ook als dat 0 is! (default = `2`) */
@@ -3466,7 +3465,7 @@ type CurrencyInputProps = StrictOmit<InputPropsType<number>, 'keyboardType' | 'p
  * const [x, setX] = React.useState<string>('0');
  * <CurrencyInput value={x} onValueChanged={([strVal, _numVal]) => setX(strVal)} />
  */
-declare function CurrencyInput({ allowNegativeValue, placeholder, helpTag, errorMessage, infoMessage, label, disabled, title, name, value, required, showRequiredOnLabel, spellCheck, id, autoComplete, max, min, inputRef, readonly, step, autofocus, hideIconRight, infoData, form, onBlur, onChange, onFocus, onKeyDown, onKeyUp, onValueChanged, size: sizeProp, alignment: alignmentProp, direction: directionProp, labelHidden, loading, icon, suffix, prefix, decimalScale, decimalSeparator, groupSeparator, }: CurrencyInputProps): react_jsx_runtime.JSX.Element;
+declare function CurrencyInput({ allowNegativeValue, placeholder, helpTag, errorMessage, infoMessage, label, disabled, title, name, value, required, showRequiredOnLabel, spellCheck, id, autoComplete, max, min, inputRef, readonly, step, autofocus, hideIconRight, infoData, form, onBlur, onChange, onFocus, onKeyDown, onKeyUp, onValueChanged, size: sizeProp, alignment: alignmentProp, direction: directionProp, labelHidden, loading, icon, suffix, decimalScale, decimalSeparator, groupSeparator, }: CurrencyInputProps): react_jsx_runtime.JSX.Element;
 
 /** WeekInput: input voor een weeknummer (format: yyyy-Www)
  * -1e getal: jaartal
@@ -4681,8 +4680,8 @@ type NotifierProps = {
     defaultDismissTime?: number;
     /** Notificaties komen altijd aan de rechterkant, kies uit bovenkant of onderkant (default = 'top') */
     location?: 'top' | 'bottom';
-    /** de breedte van de notification-bar. Default =  `25%` */
-    width?: `${number}%` | `${number}px` | `${number}em`;
+    /** de breedte van de notification-bar. Default =  `20vw` (20% schermbreedte) */
+    width?: `${number}%` | `${number}px` | `${number}em` | `${number}vw` | `${number}vh`;
 };
 type NotifierItemProps = {
     /** Optioneel id voor notificatie, als niet gedefinieerd wordt het een random integer */