loon-bulma-react 2025.1.2 → 2025.1.3

package/dist/components/Calendar/Planning/PlanningView.d.ts

@@ -1,4 +1,3 @@
-import { KeyOf } from '~/lib/types';
 import { JSDateTime } from '~/lib/utils/JSDateTime.class';
 import React from 'react';
 import { BaseEventProps, CalendarOptions } from '../Props';
@@ -16,7 +15,7 @@ type PlanningViewProps<R, E extends BaseEventProps = BaseEventProps> = {
      * - 'itself' -> Gebruik met R is een string of number.
      * - Anders moet de rowIdentifer een property van R zijn.
      */
-    rowIdentifier?: 'itself' | KeyOf<R> | ((item: R, index?: number) => string);
+    rowIdentifier?: 'itself' | keyof R | ((item: R, index?: number) => string);
     /** Gebruik start en einde van de week? Dan is de 1e kolom met events altijd een maandag, de laatste altijd een zondag (bij visibleDays is allemaal) */
     alwaysStartOnMonday?: boolean;
     /** Opties voor deze view */

package/dist/components/Container/Container.d.ts

@@ -1,4 +1,4 @@
-import { SizeProp, StrictOmit } from '~/lib/index';
+import { SizeProp, StrictOmit } from '~/lib';
 import React from 'react';
 type ContainerProps = {
     /** Container content */

package/dist/components/DataTable/DataTable.d.ts

@@ -1,4 +1,4 @@
-import { KeyOf, AlignmentProp, SizeProp } from '~/lib/types';
+import { AlignmentProp, SizeProp } from '~/lib/types';
 import React from 'react';
 type DataTableColumnProp<T extends unknown = unknown> = {
     /** Instellen van de volgorde van de kolommen. Kolommen worden gesorteerd obv de waarde. De default waarde  = `0`
@@ -11,9 +11,9 @@ type DataTableColumnProp<T extends unknown = unknown> = {
     /** sorteer-functie voor deze kolom. Als niet gedefinieerd kan je niet op deze kolom sorteren */
     sort?: (a: T, b: T) => -1 | 0 | 1 | number;
     /** de waarde van de kolom. Een fucnction of een property van object van type `T` (string) */
-    value: KeyOf<T> | ((item: T, hovered?: boolean) => React.ReactNode);
+    value: keyof T | ((item: T, hovered?: boolean) => React.ReactNode);
     /** manier om deze cel te identificeren */
-    cellIdentifier?: KeyOf<T> | ((item: T) => string);
+    cellIdentifier?: keyof T | ((item: T) => string);
     /** header voor de kolom. Als niet gedefinieerd wordt de `value` gebruikt, Dus als `value` een `function` is, **moet** je deze setten */
     header?: string | React.ReactNode;
     /** alignment van deze kolom (default = `l` */
@@ -125,7 +125,7 @@ type DataTableProps<T extends unknown = unknown> = {
      * - string: de property op het object van type `T`
      * - function: een function die een `string` returned om te gebruiken als `key` voor de row.
      */
-    rowIdentifier: KeyOf<T> | ((item: T) => string);
+    rowIdentifier: keyof T | ((item: T) => string);
     /** extra content boven de tabel, links van het zoekveld. Deze content wordt automatisch gewrapped met een `<td>...</td>` */
     headerContent?: React.ReactNode;
     /** extra content onder de tabel. Een ReactNode.

package/dist/components/SimpleTable/SimpleTable.d.ts

@@ -1,4 +1,4 @@
-import { KeyOf, StrictOmit } from '~/lib/types';
+import { StrictOmit } from '~/lib/types';
 import React from 'react';
 type SimpleTableProps<T extends unknown = unknown> = {
     id?: string;
@@ -10,11 +10,11 @@ type SimpleTableProps<T extends unknown = unknown> = {
      * - `TableColProps`: naam van de kolom en de object-key die daarbij hoort. Als name undefined, wordt de key genomen
      * - `undefined`: alle object keys worden gebruikt en getoont
      */
-    columns?: KeyOf<T>[] | SimpleTableColProps<T>[];
+    columns?: (keyof T)[] | SimpleTableColProps<T>[];
     /** De data van tabel: een array objects */
     data: T[];
     /** Waarmee moet een rij worden geidentificeerd. Anders wordt index gebruikt, liever niet: react-performance */
-    rowIdentifier: KeyOf<T> | ((item: T) => string | number);
+    rowIdentifier: keyof T | ((item: T) => string | number);
     /** Is de tabel narrow ? (default false) */
     narrow?: boolean;
     /** Is de tabel striped ? (default false) */
@@ -45,7 +45,7 @@ type SimpleTableColProps<T extends unknown = unknown> = {
      * - Als string: object[value] geeft de waarde
      * - Als function: eigen function om de value te zetten
      */
-    value: KeyOf<T> | ((v: T) => string | React.ReactNode);
+    value: keyof T | ((v: T) => string | React.ReactNode);
     hidden?: boolean;
 };
 /**

package/dist/components/Tooltip/Tooltip.d.ts

@@ -1,4 +1,4 @@
-import { PositionProp } from '~/lib/index';
+import { PositionProp } from '~/lib';
 import React from 'react';
 /** actions die de tooltip kan doen */
 type ActionType = 'hover' | 'focus' | 'click' | 'contextMenu';

package/dist/components/TreeView/TreeView.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { KeyOf, StrictOmit } from '~/lib/types';
+import { StrictOmit } from '~/lib/types';
 /** De basis-props voor de nodes en de items */
 type BaseProps = {
     /** het path naar deze node*/
@@ -29,7 +29,7 @@ type TreeViewNode<T extends unknown = string> = {
     label: string | ((v: T) => string);
     /** hoe moeten we het item identificeren (te gebruiken als `key` in `.map()`).
      * Default ='value', die werkt alleen voor strings. Voor een ander type moet je een key of een functie geven. */
-    childIdentifier?: 'value' | KeyOf<T> | ((item: T) => string);
+    childIdentifier?: 'value' | keyof T | ((item: T) => string);
     /** de child-items van deze tree node */
     items?: Array<TreeViewNode>;
     /** onclick-callback van de node

package/dist/forms/Currency/CurrencyInput.d.ts

@@ -21,10 +21,12 @@ type CurrencyInputProps = StrictOmit<InputPropsType<number>, 'keyboardType' | 'p
     allowNegativeValue?: boolean;
     /** value-changed callback met de nieuwe waarde van de input. Kan direct met de `setX()` van `const [x, setX] = React.useState()` worden gebruikt
      * @example
-     * const [x, setX] = React.useState<[number, string]>([0, '0']);
+     * const [x, setX] = React.useState<number>(0);
      * return <MyCurrencyInput value={x} onValueChange={setX} {...props} />
      */
     onValueChanged?: (value: number) => void | Promise<void>;
+    /** value-changed callback met de nieuwe string-waarde van de input.     */
+    onStringValueChanged?: (value: string) => void | Promise<void>;
 };
 /** Een input speciaal voor bedragen. Geeft standaard een eur-teken weer met daarachter het ingevoerde bedrag.
  * Het bedrag wordt als number-string-tuple opgeslagen, zodat het ook met een `setX()` van `const [x, setX] = React.useState()` kan worden gebruikt.
@@ -42,6 +44,6 @@ 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): import("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, onStringValueChanged, size: sizeProp, alignment: alignmentProp, direction: directionProp, labelHidden, loading, icon, suffix, prefix, decimalScale, decimalSeparator, groupSeparator, }: CurrencyInputProps): import("react/jsx-runtime").JSX.Element;
 export { CurrencyInput };
 export type { CurrencyInputProps };

package/dist/forms/MaskedInput/MaskedInput.d.ts

@@ -10,8 +10,8 @@ interface MaskedInputProps extends Omit<React.InputHTMLAttributes<HTMLInputEleme
     onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
 }
-type Mask = Array<string | RegExp> | ((value: string, config?: any) => Array<string | RegExp> | false);
-interface ConformToMaskConfig {
+export type Mask = Array<string | RegExp> | ((value: string, config?: any) => Array<string | RegExp> | false);
+export interface ConformToMaskConfig {
     guide?: boolean;
     previousConformedValue?: string;
     placeholderChar?: string;
@@ -26,7 +26,7 @@ interface ConformToMaskResult {
     };
 }
 export declare const MaskedInput: React.ForwardRefExoticComponent<MaskedInputProps & React.RefAttributes<HTMLInputElement>>;
-export default function conformToMask(rawValue: string | undefined, mask: Mask, config?: ConformToMaskConfig): ConformToMaskResult;
+export declare function conformToMask(rawValue: string | undefined, mask: Mask, config?: ConformToMaskConfig): ConformToMaskResult;
 export declare function createNumberMask({ prefix, suffix, includeThousandsSeparator, thousandsSeparatorSymbol, allowDecimal, decimalSymbol, decimalLimit, requireDecimal, allowNegative, allowLeadingZeroes, integerLimit, }?: {
     prefix?: string | undefined;
     suffix?: string | undefined;