loon-bulma-react 2026.0.33 → 2026.0.34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,5 @@
1
1
  import { IconProp } from '@fortawesome/fontawesome-svg-core';
2
- import { AlignmentProp, DirectionProp, AutoCompleteProp, KeyboardTypeProp, StrictOmit, SizeProp } from './../types';
2
+ import { AlignmentProp, DirectionProp, AutoCompleteProp, KeyboardTypeProp, StrictOmit, SizeProp, ColorProp } from './../types';
3
3
  import React from 'react';
4
4
  import { MonthInputString } from './Periodes/MonthInput';
5
5
  import { WeekInputString } from './Periodes/WeekInput';
@@ -28,7 +28,7 @@ export type InputErrorProps<T = InputValueType> = {
28
28
  * - 1e item `ReactNode` MOET van het component-type `<Icon icon={...} />` zijn!
29
29
  * - 2e item`onClick` is optioneel en is een callback voor een click op het icon.
30
30
  */
31
- export type InputIconRightFn<T extends InputValueType = InputValueType> = (v: T | undefined, hovered: boolean, disabled: boolean, loading: boolean, focused: boolean) => [IconComponent: React.ReactNode, onClick?: () => void];
31
+ export type InputIconRightFn<T extends InputValueType = InputValueType> = (v: T | undefined, hovered: boolean, disabled: boolean, loading: boolean, focused: boolean) => [IconComponent: React.ReactNode, onClick?: () => void, color?: ColorProp];
32
32
  type InputValueType = string | number | string[] | readonly string[] | undefined;
33
33
  type InputStylingPropsType = {
34
34
  /** grootte van de input (default = `m`, medium) */ size?: SizeProp | undefined;
@@ -1,10 +1,11 @@
1
1
  import { StrictOmit } from './../../types';
2
2
  import React from 'react';
3
3
  import { InputPropsType, InputStylingPropsType } from '../Input';
4
- type SelectInputProps<T extends number | string | string[]> = StrictOmit<InputPropsType<number | string | string[]>, 'type' | 'step' | 'inputRef' | 'value' | 'onValueChanged' | 'onBlur' | 'onFocus' | 'onChange' | 'onKeyDown' | 'onKeyUp' | 'min' | 'max' | 'readonly' | 'pattern' | 'placeholder'> & InputStylingPropsType & {
4
+ import { IconProp } from '@fortawesome/fontawesome-svg-core';
5
+ type SelectInputProps<T extends number | string | string[]> = StrictOmit<InputPropsType<number | string | string[]>, 'type' | 'step' | 'iconRight' | 'inputRef' | 'value' | 'onValueChanged' | 'onBlur' | 'onFocus' | 'onChange' | 'onKeyDown' | 'onKeyUp' | 'min' | 'max' | 'readonly' | 'pattern' | 'placeholder'> & InputStylingPropsType & {
5
6
  /** De waarde van de select
6
7
  * - bij `multiple` is dit een array van strings
7
- * - bij `gewoon` is dit een string (default)
8
+ * - bij `gewoon` is dit een string (defsault)
8
9
  * Om het type te setten:
9
10
  * @example <Select<string[]> value={x} onValueChanged={setX} />
10
11
  * @example <Select<string> value={x} onValueChanged={setX} /> // string
@@ -21,6 +22,8 @@ type SelectInputProps<T extends number | string | string[]> = StrictOmit<InputPr
21
22
  * Moeten de items gegroupeerd wewergegeven worden (voor als de `options`-prop een array van objecten is met een `group`-property)
22
23
  */
23
24
  grouped?: boolean;
25
+ iconOpen?: IconProp | undefined;
26
+ iconClosed?: IconProp | undefined;
24
27
  /** De opties van de select. Kan een array van strings zijn, of een array van objecten met een `value`-property en een `label`-property.
25
28
  * - `string`: is het label EN de value van de `<Select.Option>`
26
29
  * - `object`: Een object met de volgende properties
@@ -110,7 +113,7 @@ type SelectInputProps<T extends number | string | string[]> = StrictOmit<InputPr
110
113
  * ..</Select.OptGroup>
111
114
  * </Select>
112
115
  */
113
- declare function Select<T extends number | string | string[] = string>({ value, id, name, label, grouped, required, showRequiredOnLabel, errorMessage, infoMessage, multiple, alignment: alignmentProp, size: sizeProp, direction: directionProp, iconRight, options, children: nodes, helpTag, disabled, keyboardType, title, spellCheck, loading, autoComplete, autofocus, form, inputRef: ref, labelHidden, icon, infoData, onBlur, onFocus, onChange, onKeyDown, onKeyUp, onValueChanged, }: SelectInputProps<T>): import("react/jsx-runtime").JSX.Element;
116
+ declare function Select<T extends number | string | string[] = string>({ value, id, name, label, grouped, required, showRequiredOnLabel, errorMessage, infoMessage, multiple, alignment: alignmentProp, size: sizeProp, direction: directionProp, options, children: nodes, helpTag, disabled, keyboardType, title, spellCheck, loading, autoComplete, autofocus, form, inputRef: ref, labelHidden, icon, iconOpen, iconClosed, infoData, onBlur, onFocus, onChange, onKeyDown, onKeyUp, onValueChanged, }: SelectInputProps<T>): import("react/jsx-runtime").JSX.Element;
114
117
  declare namespace Select {
115
118
  var Option: ({ value, disabled, id, children }: {
116
119
  id?: string;