loon-bulma-react 2024.0.22 → 2024.0.24

package/dist/index.d.cts

@@ -1196,14 +1196,16 @@ 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)
-     * - `SizeProp`: s: 600px, m: 800px, l: 1000px, xl: 1200px
+     * - `SizeProp`: s: 600px, m: 800px, l: 1000px, xl: 1200px, max: 95%;
      * - `string`: '834px', '50%, 60em', '100%'
      */
-    size?: SizeProp | string;
+    size?: SizeProp | 'max' | string | undefined;
     /** Helptag in Loon voor de modal */
-    helpTag?: string;
+    helpTag?: string | undefined;
     /** blokkeer sluiten van modal als je er buiten klikt? (default = false) */
     disableOutsideClickDismiss?: boolean;
+    /** id for the modal itself */
+    id?: string | undefined;
 };
 /**
  * Een modal-component. Als een modal ene Foot en een Head heeft, wordt de rest automatisch toegevoegd in een Body
@@ -1219,34 +1221,37 @@ type ModalProps = {
  * </Modal>
  */
 declare const Modal: {
-    ({ size, children: nodeChildren, onOpened, onDismiss, helpTag, disableOutsideClickDismiss, }: ModalProps): JSX.Element;
+    ({ id, size, children: nodeChildren, onOpened, onDismiss, helpTag, disableOutsideClickDismiss, }: ModalProps): JSX.Element;
     /**
      * Een niet-scrollende, altijd zichtbare head voor de modal
      * @param props
      * @returns modal head
      * @example <Modal.Head>Optional Modal Head</Modal.Head>
      */
-    Head({ children }: {
+    Head: ({ id, children }: {
+        id?: string | undefined;
         children: React$1.ReactNode;
-    }): JSX.Element;
+    }) => JSX.Element;
     /**
      * Een scrollende body voor de modal
      * @param props
      * @returns modal body
      * @example <Modal.Body>Modal Body</Modal.Body>
      */
-    Body({ children }: {
+    Body: ({ id, children }: {
+        id?: string | undefined;
         children: React$1.ReactNode;
-    }): react_jsx_runtime.JSX.Element;
+    }) => react_jsx_runtime.JSX.Element;
     /**
      * Een niet-scrollende, altijd zichtbare foot voor de modal
      * @param props props
      * @returns modal foot
      * @example <Modal.Foot>Optional Modal Foot</Modal.Foot>
      */
-    Foot({ children }: {
+    Foot: ({ id, children }: {
+        id?: string | undefined;
         children: React$1.ReactNode;
-    }): react_jsx_runtime.JSX.Element;
+    }) => react_jsx_runtime.JSX.Element;
 };
 
 /** Props voor een Notification */
@@ -3315,7 +3320,7 @@ type InputStylingPropsType = {
     /** moet het label van de input verborgen worden? (screenreader only) (default = `false`) */ labelHidden?: boolean;
     /** label boven (`v`) of voor (`h`) de input, (default = `v`, vertical) */ direction?: DirectionProp;
     /** (optioneel) icon op de input */ icon?: IconProp | string | undefined | null;
-    infoData?: string | React$1.ReactNode | (() => void) | undefined;
+    infoData?: string | React$1.ReactNode | ((helptag?: string | undefined) => void) | undefined;
 };
 type InputPropsType<T = InputValueType> = {
     optionList?: string[] | Array<{
@@ -3488,7 +3493,7 @@ declare function BaseInput<T extends InputValueType = string>({ alignment, autoC
  * | type           | `string`       | type voor deze input (default = `text`)|
  * | value          | `string`       | value voor deze input (default = `undefined`)|
  */
-declare function Input<T extends InputValueType = string>({ direction, errorMessage, showRequiredOnLabel, icon, id, label, labelHidden, name, required, loading, size, value, infoData, optionList, onBlur, onFocus, ...props }: StrictOmit<InputPropsType<T>, 'optionListId'> & InputStylingPropsType): JSX.Element;
+declare function Input<T extends InputValueType = string>({ direction, errorMessage, showRequiredOnLabel, icon, id, label, labelHidden, name, required, loading, size, value, infoData, helpTag, optionList, onBlur, onFocus, ...props }: StrictOmit<InputPropsType<T>, 'optionListId'> & InputStylingPropsType): JSX.Element;
 
 type CheckBoxInputProps = StrictOmit<InputPropsType<boolean>, 'value' | 'type' | 'step' | 'pattern' | 'errorMessage' | 'infoMessage' | 'min' | 'max' | 'pattern' | 'placeholder'> & StrictOmit<InputStylingPropsType, 'icon'> & {
     /** is de input checked? */
@@ -3833,6 +3838,7 @@ type RadioGroupProps<T extends RBValueType = string> = StrictOmit<InputStylingPr
     /** label bij de radio-group. Als geen label, dan wordt de `name`-property gebruikt */ label?: string;
     /** name-property voor de input. Deze hoort bij **alle** radio-buttons in de groep */ name: string;
     /** huidige waarde voor de radio-group. Dus de geselecteerde RadioButton */ value: T;
+    /** help-tag voor deze radio-group */ helpTag?: string | undefined;
     /** is deze input required (default= `false`) */ required?: boolean;
     /** Wordt er een rood sterretje bij het label getoond als een Radiogroup item required is ? (default = `false`) */ showRequiredOnLabel?: boolean;
     /** is deze input disabled (default= `false`) */ disabled?: boolean;
@@ -3911,7 +3917,7 @@ declare function RB<T extends RBValueType = string>({ helpTag, disabled, keyboar
  * ..<RB value="Z">set to Z</RB>
  * </RadioGroup>
  */
-declare function RadioGroup<T extends RBValueType = string>({ children: nodeChildren, id, label, disabled, labelHidden, name, value, required, showRequiredOnLabel, size, direction, itemsDirection, alignment, errorMessage, infoMessage, infoData, onValueChanged, onBlur, onChange, onFocus, onKeyDown, onKeyUp, }: RadioGroupProps<T>): JSX.Element;
+declare function RadioGroup<T extends RBValueType = string>({ children: nodeChildren, id, label, disabled, labelHidden, name, value, required, showRequiredOnLabel, size, direction, itemsDirection, alignment, errorMessage, infoMessage, infoData, helpTag, onValueChanged, onBlur, onChange, onFocus, onKeyDown, onKeyUp, }: RadioGroupProps<T>): JSX.Element;
 declare namespace RadioGroup {
     var Item: typeof SpecialRadioItem;
 }

package/dist/index.d.ts

@@ -1196,14 +1196,16 @@ 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)
-     * - `SizeProp`: s: 600px, m: 800px, l: 1000px, xl: 1200px
+     * - `SizeProp`: s: 600px, m: 800px, l: 1000px, xl: 1200px, max: 95%;
      * - `string`: '834px', '50%, 60em', '100%'
      */
-    size?: SizeProp | string;
+    size?: SizeProp | 'max' | string | undefined;
     /** Helptag in Loon voor de modal */
-    helpTag?: string;
+    helpTag?: string | undefined;
     /** blokkeer sluiten van modal als je er buiten klikt? (default = false) */
     disableOutsideClickDismiss?: boolean;
+    /** id for the modal itself */
+    id?: string | undefined;
 };
 /**
  * Een modal-component. Als een modal ene Foot en een Head heeft, wordt de rest automatisch toegevoegd in een Body
@@ -1219,34 +1221,37 @@ type ModalProps = {
  * </Modal>
  */
 declare const Modal: {
-    ({ size, children: nodeChildren, onOpened, onDismiss, helpTag, disableOutsideClickDismiss, }: ModalProps): JSX.Element;
+    ({ id, size, children: nodeChildren, onOpened, onDismiss, helpTag, disableOutsideClickDismiss, }: ModalProps): JSX.Element;
     /**
      * Een niet-scrollende, altijd zichtbare head voor de modal
      * @param props
      * @returns modal head
      * @example <Modal.Head>Optional Modal Head</Modal.Head>
      */
-    Head({ children }: {
+    Head: ({ id, children }: {
+        id?: string | undefined;
         children: React$1.ReactNode;
-    }): JSX.Element;
+    }) => JSX.Element;
     /**
      * Een scrollende body voor de modal
      * @param props
      * @returns modal body
      * @example <Modal.Body>Modal Body</Modal.Body>
      */
-    Body({ children }: {
+    Body: ({ id, children }: {
+        id?: string | undefined;
         children: React$1.ReactNode;
-    }): react_jsx_runtime.JSX.Element;
+    }) => react_jsx_runtime.JSX.Element;
     /**
      * Een niet-scrollende, altijd zichtbare foot voor de modal
      * @param props props
      * @returns modal foot
      * @example <Modal.Foot>Optional Modal Foot</Modal.Foot>
      */
-    Foot({ children }: {
+    Foot: ({ id, children }: {
+        id?: string | undefined;
         children: React$1.ReactNode;
-    }): react_jsx_runtime.JSX.Element;
+    }) => react_jsx_runtime.JSX.Element;
 };
 
 /** Props voor een Notification */
@@ -3315,7 +3320,7 @@ type InputStylingPropsType = {
     /** moet het label van de input verborgen worden? (screenreader only) (default = `false`) */ labelHidden?: boolean;
     /** label boven (`v`) of voor (`h`) de input, (default = `v`, vertical) */ direction?: DirectionProp;
     /** (optioneel) icon op de input */ icon?: IconProp | string | undefined | null;
-    infoData?: string | React$1.ReactNode | (() => void) | undefined;
+    infoData?: string | React$1.ReactNode | ((helptag?: string | undefined) => void) | undefined;
 };
 type InputPropsType<T = InputValueType> = {
     optionList?: string[] | Array<{
@@ -3488,7 +3493,7 @@ declare function BaseInput<T extends InputValueType = string>({ alignment, autoC
  * | type           | `string`       | type voor deze input (default = `text`)|
  * | value          | `string`       | value voor deze input (default = `undefined`)|
  */
-declare function Input<T extends InputValueType = string>({ direction, errorMessage, showRequiredOnLabel, icon, id, label, labelHidden, name, required, loading, size, value, infoData, optionList, onBlur, onFocus, ...props }: StrictOmit<InputPropsType<T>, 'optionListId'> & InputStylingPropsType): JSX.Element;
+declare function Input<T extends InputValueType = string>({ direction, errorMessage, showRequiredOnLabel, icon, id, label, labelHidden, name, required, loading, size, value, infoData, helpTag, optionList, onBlur, onFocus, ...props }: StrictOmit<InputPropsType<T>, 'optionListId'> & InputStylingPropsType): JSX.Element;
 
 type CheckBoxInputProps = StrictOmit<InputPropsType<boolean>, 'value' | 'type' | 'step' | 'pattern' | 'errorMessage' | 'infoMessage' | 'min' | 'max' | 'pattern' | 'placeholder'> & StrictOmit<InputStylingPropsType, 'icon'> & {
     /** is de input checked? */
@@ -3833,6 +3838,7 @@ type RadioGroupProps<T extends RBValueType = string> = StrictOmit<InputStylingPr
     /** label bij de radio-group. Als geen label, dan wordt de `name`-property gebruikt */ label?: string;
     /** name-property voor de input. Deze hoort bij **alle** radio-buttons in de groep */ name: string;
     /** huidige waarde voor de radio-group. Dus de geselecteerde RadioButton */ value: T;
+    /** help-tag voor deze radio-group */ helpTag?: string | undefined;
     /** is deze input required (default= `false`) */ required?: boolean;
     /** Wordt er een rood sterretje bij het label getoond als een Radiogroup item required is ? (default = `false`) */ showRequiredOnLabel?: boolean;
     /** is deze input disabled (default= `false`) */ disabled?: boolean;
@@ -3911,7 +3917,7 @@ declare function RB<T extends RBValueType = string>({ helpTag, disabled, keyboar
  * ..<RB value="Z">set to Z</RB>
  * </RadioGroup>
  */
-declare function RadioGroup<T extends RBValueType = string>({ children: nodeChildren, id, label, disabled, labelHidden, name, value, required, showRequiredOnLabel, size, direction, itemsDirection, alignment, errorMessage, infoMessage, infoData, onValueChanged, onBlur, onChange, onFocus, onKeyDown, onKeyUp, }: RadioGroupProps<T>): JSX.Element;
+declare function RadioGroup<T extends RBValueType = string>({ children: nodeChildren, id, label, disabled, labelHidden, name, value, required, showRequiredOnLabel, size, direction, itemsDirection, alignment, errorMessage, infoMessage, infoData, helpTag, onValueChanged, onBlur, onChange, onFocus, onKeyDown, onKeyUp, }: RadioGroupProps<T>): JSX.Element;
 declare namespace RadioGroup {
     var Item: typeof SpecialRadioItem;
 }