@linzjs/windows 9.5.4 → 9.5.6
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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# @linzjs/windows
|
|
2
2
|
|
|
3
|
-
[](https://github.com/semantic-release/semantic-release)
|
|
4
4
|
|
|
5
5
|
**Note: Make sure to install oxc plugin in Intellij/VSCode for development.**
|
|
6
6
|
|
|
@@ -188,7 +188,7 @@ export const PrefabModalUsage = () => {
|
|
|
188
188
|
level: 'warning',
|
|
189
189
|
title: 'You are about to make changes',
|
|
190
190
|
children: 'Are you sure that you want to make these changes?',
|
|
191
|
-
helpLink: 'https
|
|
191
|
+
helpLink: 'https://www.example.com/help',
|
|
192
192
|
buttons: [
|
|
193
193
|
{ title: 'Cancel', icon: 'ic_navigate_before', value: undefined },
|
|
194
194
|
{ title: 'Delete the world!', icon: 'ic_delete_solid', value: 'delete', level: 'error' },
|
|
@@ -456,8 +456,6 @@ export const TestShowPanel = () => (
|
|
|
456
456
|
|
|
457
457
|
Panels can dock into a designated `PanelDock` area. Add `dockTo` to `PanelHeader` and place a `PanelDock` in your layout.
|
|
458
458
|
|
|
459
|
-
![Panel docking example screenshot placeholder]
|
|
460
|
-
|
|
461
459
|
```tsx
|
|
462
460
|
import { OpenPanelButton, Panel, PanelContent, PanelDock, PanelHeader } from '@linzjs/windows';
|
|
463
461
|
import { useState } from 'react';
|
|
@@ -493,7 +491,7 @@ export const TestShowPanel = () => {
|
|
|
493
491
|
|
|
494
492
|
Panels support tabs via the `@linzjs/lui` `LuiTabs` components. Wrap the `Panel` in `LuiTabs` and use `LuiTabsGroup`/`LuiTabsPanelSwitch` in the header.
|
|
495
493
|
|
|
496
|
-

|
|
497
495
|
|
|
498
496
|
```tsx
|
|
499
497
|
import { LuiTabs, LuiTabsGroup, LuiTabsPanel, LuiTabsPanelSwitch } from '@linzjs/lui';
|
|
@@ -538,8 +536,6 @@ export const TestShowTabbedPanel = () => (
|
|
|
538
536
|
|
|
539
537
|
When a modal is shown from inside a panel that has been popped out into a separate window, use `showOnAllWindows: true` to ensure the modal appears in the correct window.
|
|
540
538
|
|
|
541
|
-
![Panel with global modal example screenshot placeholder]
|
|
542
|
-
|
|
543
539
|
```tsx
|
|
544
540
|
import { useLuiModalPrefab, OpenPanelButton, Panel, PanelContent, PanelHeader } from '@linzjs/windows';
|
|
545
541
|
|
|
@@ -583,8 +579,9 @@ export const TestShowPanelWithGlobalModal = () => (
|
|
|
583
579
|
|
|
584
580
|
A toolbar ribbon with buttons, sliders, menus, and separators. Supports horizontal and vertical orientations.
|
|
585
581
|
|
|
586
|
-
![img.png]()
|
|
583
|
+

|
|
584
|
+

|
|
588
585
|
**Setup** — requires both `LuiModalAsyncContextProvider` and `PanelsContextProvider`:
|
|
589
586
|
|
|
590
587
|
```tsx
|
|
@@ -689,7 +686,7 @@ export const TestRibbonPanel = () => {
|
|
|
689
686
|
</RibbonContainer>
|
|
690
687
|
</RibbonButtonSlider>
|
|
691
688
|
{/* External link button */}
|
|
692
|
-
<RibbonButtonLink href={'https
|
|
689
|
+
<RibbonButtonLink href={'https://example.com/'} icon={'ic_link'} loading={loading} />
|
|
693
690
|
</RibbonContainer>
|
|
694
691
|
</>
|
|
695
692
|
);
|
|
@@ -18,8 +18,8 @@ import {
|
|
|
18
18
|
ShowModalProps,
|
|
19
19
|
} from './LuiModalAsyncContext';
|
|
20
20
|
import { LuiModalAsyncInstanceContext } from './LuiModalAsyncInstanceContext';
|
|
21
|
-
import { v4 } from 'uuid';
|
|
22
21
|
import { useInterval } from '../common/useInterval';
|
|
22
|
+
import { v4 } from '../common/uuid';
|
|
23
23
|
|
|
24
24
|
export interface LuiModalAsyncInstance {
|
|
25
25
|
uuid: string;
|