loon-bulma-react 2026.0.26 → 2026.0.28
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.
- package/dist/components/Container/Container.d.ts +3 -2
- package/dist/components/DataTable/DataTable.d.ts +1 -1
- package/dist/components/DataTable/DataTableDropdown.d.ts +1 -0
- package/dist/contexts/AppProvider/AppProviders.d.ts +1 -2
- package/dist/contexts/ModeProvider/ModeProvider.d.ts +3 -1
- package/dist/forms/Input.d.ts +1 -1
- package/dist/forms/Radio/Radio.d.ts +1 -1
- package/dist/index.js +7036 -7226
- package/dist/loon-bulma-react.js +56408 -0
- package/dist/styles/_all.scss +1 -1
- package/dist/styles/steps.scss +4 -4
- package/package.json +36 -36
|
@@ -2,7 +2,7 @@ import { SizeProp, StrictOmit } from './../..';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
type ContainerProps = {
|
|
4
4
|
/** Container content */
|
|
5
|
-
children
|
|
5
|
+
children?: React.ReactNode | undefined;
|
|
6
6
|
/** Extra classes */
|
|
7
7
|
className?: string;
|
|
8
8
|
/** Set styling directly on container */
|
|
@@ -14,7 +14,7 @@ type ContainerProps = {
|
|
|
14
14
|
* - 'xl' = max width container
|
|
15
15
|
* - 'fluid' = full width container, met een margin van 32px aan beide kanten
|
|
16
16
|
*/
|
|
17
|
-
size?: SizeProp | 'fluid';
|
|
17
|
+
size?: SizeProp | 'fluid' | 'default';
|
|
18
18
|
id?: string;
|
|
19
19
|
itemRef?: React.RefObject<any>;
|
|
20
20
|
};
|
|
@@ -29,6 +29,7 @@ type ContainerProps = {
|
|
|
29
29
|
* | `<Container>` | `s` | max-width | 960px | 1152px | 1344px |
|
|
30
30
|
* | `<Container.Wide>` | `m` | max-width | max-width | 1152px | 1344px |
|
|
31
31
|
* | `<Container.Widest>` | `l` | max-width | max-width | max-width | 1344px |
|
|
32
|
+
* | `<Container.Widest>` | `xl | max-width | max-width | max-width | 1344px |
|
|
32
33
|
* | `<Container size='fluid'>` | `fluid` | 100% | 100% | 100% | 100% |
|
|
33
34
|
*
|
|
34
35
|
* @example <Container>This is a container</Container>
|
|
@@ -196,7 +196,7 @@ declare namespace DataTable {
|
|
|
196
196
|
} & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
197
197
|
Link({ children, onItemClick, ...props }: {
|
|
198
198
|
children: React.ReactNode;
|
|
199
|
-
onItemClick
|
|
199
|
+
onItemClick?: (isClickable: boolean) => void;
|
|
200
200
|
} & React.AnchorHTMLAttributes<HTMLAnchorElement>): import("react/jsx-runtime").JSX.Element;
|
|
201
201
|
};
|
|
202
202
|
var Container: typeof DataTableContainer;
|
|
@@ -15,6 +15,7 @@ type DataTableDropdownProps = {
|
|
|
15
15
|
* DataTable.Dropdown - A specialized dropdown component for use within DataTable.
|
|
16
16
|
* This component always uses a portal to render outside the table-container,
|
|
17
17
|
* preventing clipping issues caused by overflow properties on the table container.
|
|
18
|
+
* WIEHOE
|
|
18
19
|
*/
|
|
19
20
|
declare const DataTableDropdown: {
|
|
20
21
|
({ onHover, id, children: childrenProp, trigger: triggerProp, disabled, alignment, dropUp, startOpen, className: classNameProp, keepOpenAfterClick, }: DataTableDropdownProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -5,7 +5,6 @@ type AppProviderProps = {
|
|
|
5
5
|
children: React.ReactNode;
|
|
6
6
|
notifierLocation?: 'top' | 'bottom';
|
|
7
7
|
initialTheme?: ColorSchemeType;
|
|
8
|
-
isSpecialMode?: boolean;
|
|
9
8
|
defaults?: OptionalDefaultsType;
|
|
10
9
|
onThemeChanged?: (v: ColorSchemeType) => void;
|
|
11
10
|
};
|
|
@@ -14,5 +13,5 @@ type AppProviderProps = {
|
|
|
14
13
|
* @param param0
|
|
15
14
|
* @returns
|
|
16
15
|
*/
|
|
17
|
-
export declare function LoonBulmaReactProviders({ children, initialTheme, notifierLocation, defaults,
|
|
16
|
+
export declare function LoonBulmaReactProviders({ children, initialTheme, notifierLocation, defaults, onThemeChanged }: AppProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
18
17
|
export {};
|
|
@@ -6,7 +6,9 @@ type ContextType = {
|
|
|
6
6
|
setSpecialMode: (isSpecialMode: boolean) => void;
|
|
7
7
|
};
|
|
8
8
|
export declare const ModeContext: React.Context<ContextType>;
|
|
9
|
-
/** Zet een specifieke modus aan voor de loon-bulma-react-componenten
|
|
9
|
+
/** Zet een specifieke modus aan voor de loon-bulma-react-componenten
|
|
10
|
+
* @deprecated - deze gaat er uit!
|
|
11
|
+
*/
|
|
10
12
|
export declare function ModeProvider({ children, isSpecialMode }: {
|
|
11
13
|
children: React.ReactNode;
|
|
12
14
|
isSpecialMode?: boolean | undefined;
|
package/dist/forms/Input.d.ts
CHANGED
|
@@ -86,7 +86,7 @@ declare function RB<T extends RBValueType = string>({ helpTag, disabled, keyboar
|
|
|
86
86
|
* ..<RB value="Z">set to Z</RB>
|
|
87
87
|
* </RadioGroup>
|
|
88
88
|
*/
|
|
89
|
-
declare function RadioGroup<T extends RBValueType = string>({ children: childrenProp, id, label, disabled, labelHidden, name, value, required, showRequiredOnLabel, size: sizeProp, direction: directionProp, itemsDirection: itemsDirectionProp, alignment: alignmentProp, errorMessage, infoMessage, infoData, helpTag, onValueChanged, onBlur, onChange, onFocus, onKeyDown, onKeyUp, }: RadioGroupProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
89
|
+
declare function RadioGroup<T extends RBValueType = string>({ children: childrenProp, id: _id, label, disabled, labelHidden, name, value, required, showRequiredOnLabel, size: sizeProp, direction: directionProp, itemsDirection: itemsDirectionProp, alignment: alignmentProp, errorMessage, infoMessage, infoData, helpTag, onValueChanged, onBlur, onChange, onFocus, onKeyDown, onKeyUp, }: RadioGroupProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
90
90
|
declare namespace RadioGroup {
|
|
91
91
|
var Item: typeof SpecialRadioItem;
|
|
92
92
|
}
|