@mittwald/flow-react-components 1.1.47 → 1.1.49
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/MIGRATION.md +85 -0
- package/dist/assets/component-index.json +1 -1
- package/dist/assets/doc-properties.json +1 -1
- package/dist/css/all-layered.css +1 -1
- package/dist/css/all.css +1 -1
- package/dist/js/packages/components/src/components/Notification/Notification.module.mjs.map +1 -1
- package/dist/js/packages/components/src/components/Popover/Popover.mjs +18 -7
- package/dist/js/packages/components/src/components/Popover/Popover.mjs.map +1 -1
- package/dist/js/packages/components/src/lib/controller/overlay/OverlayController.mjs +24 -1
- package/dist/js/packages/components/src/lib/controller/overlay/OverlayController.mjs.map +1 -1
- package/dist/js/packages/design-tokens/dist/json-runtime/all-dark.mjs +4 -0
- package/dist/js/packages/design-tokens/dist/json-runtime/all-dark.mjs.map +1 -1
- package/dist/js/packages/design-tokens/dist/json-runtime/all-light.mjs +4 -0
- package/dist/js/packages/design-tokens/dist/json-runtime/all-light.mjs.map +1 -1
- package/dist/types/components/Popover/Popover.d.ts +19 -0
- package/dist/types/lib/controller/overlay/OverlayController.d.ts +13 -0
- package/dist/types/lib/theming/hooks/useDesignTokens.d.ts +4 -0
- package/package.json +9 -9
|
@@ -14,6 +14,25 @@ export interface PopoverProps extends PropsWithChildren<Omit<Aria.PopoverProps,
|
|
|
14
14
|
controller?: OverlayController;
|
|
15
15
|
/** A fixed width for the popover. */
|
|
16
16
|
width?: string | number;
|
|
17
|
+
/**
|
|
18
|
+
* Whether the popover is open. Use it to control the popover state – then
|
|
19
|
+
* `onOpenChange` must update the state this value comes from.
|
|
20
|
+
*/
|
|
21
|
+
isOpen?: boolean;
|
|
22
|
+
/**
|
|
23
|
+
* Whether the popover is open initially. Use it for an uncontrolled popover.
|
|
24
|
+
*
|
|
25
|
+
* @default false
|
|
26
|
+
*/
|
|
27
|
+
isDefaultOpen?: boolean;
|
|
28
|
+
/** @deprecated Use `isDefaultOpen` instead. */
|
|
29
|
+
defaultOpen?: boolean;
|
|
30
|
+
/**
|
|
31
|
+
* Called with the new open state whenever the popover is opened or closed –
|
|
32
|
+
* on every path, including a close triggered through the controller. It only
|
|
33
|
+
* reports the change; it never performs or suppresses it.
|
|
34
|
+
*/
|
|
35
|
+
onOpenChange?: (isOpen: boolean) => void;
|
|
17
36
|
}
|
|
18
37
|
export declare const Popover: import('react').FunctionComponent<PopoverProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
19
38
|
export default Popover;
|
|
@@ -50,6 +50,12 @@ export declare class OverlayController {
|
|
|
50
50
|
* armed.
|
|
51
51
|
*/
|
|
52
52
|
private closeWithoutConfirmationGrants;
|
|
53
|
+
/**
|
|
54
|
+
* The open state a `setOpen` call is currently applying. Handlers run before
|
|
55
|
+
* `isOpen` is assigned, so a handler that calls `setOpen` again would not be
|
|
56
|
+
* caught by the equality check at the top and would recurse.
|
|
57
|
+
*/
|
|
58
|
+
private openStateInFlight;
|
|
53
59
|
constructor(options?: ConstructorOptions);
|
|
54
60
|
/** Whether closing this overlay currently requires a confirmation. */
|
|
55
61
|
get confirmOnCloseEnabled(): boolean;
|
|
@@ -82,6 +88,13 @@ export declare class OverlayController {
|
|
|
82
88
|
close(options?: CloseOptions): void;
|
|
83
89
|
toggle(): void;
|
|
84
90
|
setOpen(toOpen: boolean, options?: CloseOptions): void;
|
|
91
|
+
/**
|
|
92
|
+
* Sets the open state without running any handler. Use it to mirror a
|
|
93
|
+
* controlled `isOpen` prop, whose change comes from the consumer – notifying
|
|
94
|
+
* them of their own state would echo it back.
|
|
95
|
+
*/
|
|
96
|
+
syncOpen(toOpen: boolean): void;
|
|
97
|
+
private applyOpenState;
|
|
85
98
|
setIsContentSuspended(to: boolean): void;
|
|
86
99
|
useIsOpen(): boolean;
|
|
87
100
|
useIsContentSuspended(): boolean;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mittwald/flow-react-components",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.49",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "A React implementation of Flow, mittwald’s design system",
|
|
6
6
|
"homepage": "https://flow.mittwald.de",
|
|
@@ -79,9 +79,9 @@
|
|
|
79
79
|
"@internationalized/string-compiler": "^3.4.1",
|
|
80
80
|
"@lezer/common": "^1.5.2",
|
|
81
81
|
"@lezer/highlight": "^1.2.3",
|
|
82
|
-
"@mittwald/flow-icons": "^1.1.
|
|
82
|
+
"@mittwald/flow-icons": "^1.1.49",
|
|
83
83
|
"@mittwald/password-tools-js": "^3.0.0",
|
|
84
|
-
"@mittwald/react-tunnel": "^1.1.
|
|
84
|
+
"@mittwald/react-tunnel": "^1.1.49",
|
|
85
85
|
"@mittwald/react-use-promise": "^4.2.2",
|
|
86
86
|
"@react-aria/form": "^3.2.1",
|
|
87
87
|
"@react-aria/i18n": "^3.13.1",
|
|
@@ -134,12 +134,12 @@
|
|
|
134
134
|
"@internationalized/date": "^3.12.3",
|
|
135
135
|
"@lezer/generator": "^1.8.0",
|
|
136
136
|
"@lezer/lr": "^1.4.10",
|
|
137
|
-
"@mittwald/flow-core": "1.1.
|
|
138
|
-
"@mittwald/flow-design-tokens": "1.1.
|
|
139
|
-
"@mittwald/flow-icons-base": "1.1.
|
|
137
|
+
"@mittwald/flow-core": "1.1.49",
|
|
138
|
+
"@mittwald/flow-design-tokens": "1.1.49",
|
|
139
|
+
"@mittwald/flow-icons-base": "1.1.49",
|
|
140
140
|
"@mittwald/react-use-promise": "^4.2.2",
|
|
141
141
|
"@mittwald/remote-dom-react": "1.2.2-mittwald.10",
|
|
142
|
-
"@mittwald/typescript-config": "1.1.
|
|
142
|
+
"@mittwald/typescript-config": "1.1.49",
|
|
143
143
|
"@nx/storybook": "^22.7.6",
|
|
144
144
|
"@storybook/addon-a11y": "^10.5.10",
|
|
145
145
|
"@storybook/addon-actions": "^9.0.8",
|
|
@@ -191,7 +191,7 @@
|
|
|
191
191
|
},
|
|
192
192
|
"peerDependencies": {
|
|
193
193
|
"@internationalized/date": "^3.12.2",
|
|
194
|
-
"@mittwald/flow-icons-pro": "1.1.
|
|
194
|
+
"@mittwald/flow-icons-pro": "1.1.49",
|
|
195
195
|
"@mittwald/react-use-promise": "^4.2.2",
|
|
196
196
|
"next": "^16.2.3",
|
|
197
197
|
"react": "^19.2.0",
|
|
@@ -215,5 +215,5 @@
|
|
|
215
215
|
"browserslist": [
|
|
216
216
|
"baseline widely available"
|
|
217
217
|
],
|
|
218
|
-
"gitHead": "
|
|
218
|
+
"gitHead": "eb6653984a27688c3ad0d58c5ac1c078229620b5"
|
|
219
219
|
}
|