fluentui-extended 2026.2.19 → 2026.6.12
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/README.md +12 -0
- package/package.json +5 -5
package/README.md
CHANGED
|
@@ -167,6 +167,7 @@ import { AddRegular, PersonSearchRegular } from '@fluentui/react-icons';
|
|
|
167
167
|
|
|
168
168
|
| Prop | Type | Default | Description |
|
|
169
169
|
|------|------|---------|-------------|
|
|
170
|
+
| `id` | `string` | auto-generated | Unique identifier for the lookup |
|
|
170
171
|
| `options` | `LookupOption[]` | `[]` | Options to display in the dropdown |
|
|
171
172
|
| `selectedKey` | `string \| null` | - | Selected option key (controlled) |
|
|
172
173
|
| `selectedOption` | `LookupOption \| null` | - | Selected option object (recommended for async) |
|
|
@@ -178,9 +179,20 @@ import { AddRegular, PersonSearchRegular } from '@fluentui/react-icons';
|
|
|
178
179
|
| `clearable` | `boolean` | `true` | Show clear button |
|
|
179
180
|
| `minSearchLength` | `number` | `0` | Min chars before search fires |
|
|
180
181
|
| `searchDebounceMs` | `number` | `300` | Search debounce delay (ms) |
|
|
182
|
+
| `matchInputWidth` | `boolean` | `true` | Match dropdown width to input width |
|
|
181
183
|
| `header` | `ReactNode` | - | Header content |
|
|
182
184
|
| `footer` | `ReactNode` | - | Footer content |
|
|
183
185
|
| `disabled` | `boolean` | `false` | Disable the lookup |
|
|
186
|
+
| `open` | `boolean` | - | Controlled open state for the dropdown |
|
|
187
|
+
| `onOpenChange` | `(open: boolean) => void` | - | Callback when dropdown open state changes |
|
|
188
|
+
|
|
189
|
+
### Cross-Document Support (Dynamics 365 Iframes)
|
|
190
|
+
|
|
191
|
+
The Lookup component automatically detects when it's rendered inside a cross-document context (e.g., a React tree mounted into a parent window's document from an iframe). It uses `ownerDocument` and `ownerDocument.defaultView` instead of the global `document` and `window` to ensure:
|
|
192
|
+
|
|
193
|
+
- **Dismiss on click outside** works correctly (mousedown listener on the correct document)
|
|
194
|
+
- **Scroll/resize tracking** responds to the correct window's events
|
|
195
|
+
- **Dropdown positioning** uses the correct scroll offsets
|
|
184
196
|
|
|
185
197
|
### Inherited Input Props
|
|
186
198
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "fluentui-extended",
|
|
3
|
-
"version": "2026.
|
|
3
|
+
"version": "2026.6.12",
|
|
4
4
|
"description": "Extended Fluent UI v9 components styled after Dynamics 365 - Lookup with async search, expandable details, and more",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.mjs",
|
|
@@ -53,8 +53,8 @@
|
|
|
53
53
|
"@fluentui/react-components": "^9.0.0",
|
|
54
54
|
"@fluentui/react-datepicker-compat": "^0.6.0",
|
|
55
55
|
"@fluentui/react-icons": "^2.0.0",
|
|
56
|
-
"react": "^16.8.0 || ^17.0.0 || ^18.0.0",
|
|
57
|
-
"react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
|
|
56
|
+
"react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
|
|
57
|
+
"react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
|
|
58
58
|
},
|
|
59
59
|
"devDependencies": {
|
|
60
60
|
"@azure/msal-browser": "^5.2.0",
|
|
@@ -64,8 +64,8 @@
|
|
|
64
64
|
"@testing-library/jest-dom": "^6.9.1",
|
|
65
65
|
"@testing-library/react": "^16.3.2",
|
|
66
66
|
"@testing-library/user-event": "^14.6.1",
|
|
67
|
-
"@types/react": "^18.3.0",
|
|
68
|
-
"@types/react-dom": "^18.3.0",
|
|
67
|
+
"@types/react": "^18.3.0 || ^19.0.0",
|
|
68
|
+
"@types/react-dom": "^18.3.0 || ^19.0.0",
|
|
69
69
|
"@vitejs/plugin-react": "^4.3.0",
|
|
70
70
|
"jsdom": "^28.0.0",
|
|
71
71
|
"react": "^18.3.0",
|