@luscii-healthtech/web-ui 55.2.7 → 55.2.9
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.
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
import type { FC } from "react";
|
|
2
2
|
import ReactModal from "react-modal";
|
|
3
3
|
import { type ModalBaseProps } from "./ModalBase";
|
|
4
|
-
/**
|
|
5
|
-
* @deprecated Use `ModalDialog` component instead. This component will be removed in a future version.
|
|
6
|
-
*/
|
|
7
4
|
export type ModalProps = Omit<ModalBaseProps, "title" | "withExtraMarginTop"> & {
|
|
8
5
|
title: string;
|
|
9
6
|
};
|
|
@@ -11,8 +8,21 @@ type StaticProperties = {
|
|
|
11
8
|
setAppElement: typeof ReactModal.setAppElement;
|
|
12
9
|
};
|
|
13
10
|
/**
|
|
14
|
-
*
|
|
15
|
-
*
|
|
11
|
+
* Modal built on `react-modal`, rendered in a `document.body` portal and stacked
|
|
12
|
+
* with `z-index`.
|
|
13
|
+
*
|
|
14
|
+
* Not deprecated, and not interchangeable with `ModalDialog`. Pick by content:
|
|
15
|
+
*
|
|
16
|
+
* - **`Modal`** — forms, and anything containing a popover that portals:
|
|
17
|
+
* `Select` (react-select), `Tooltip`/`HoverCard`/`FlyOutMenu` (Radix),
|
|
18
|
+
* `DatePicker` (react-datepicker), `TextEditor` (TipTap). Ordinary `z-index`
|
|
19
|
+
* stacking applies, so those components work with their default portal
|
|
20
|
+
* targets and need no wiring.
|
|
21
|
+
* - **`ModalDialog`** — messages, confirmations, previews, and other simple
|
|
22
|
+
* content. It calls `showModal()`, so it renders in the browser top layer,
|
|
23
|
+
* where no `z-index` from outside the dialog can reach. Every portalling
|
|
24
|
+
* popover inside it has to be pointed at the dialog element explicitly, via a
|
|
25
|
+
* different API per library.
|
|
16
26
|
*/
|
|
17
27
|
export declare const Modal: FC<ModalProps> & StaticProperties;
|
|
18
28
|
export {};
|
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
import type { FC } from "react";
|
|
2
2
|
import ReactModal from "react-modal";
|
|
3
3
|
import { type ModalBaseProps } from "./ModalBase";
|
|
4
|
-
/**
|
|
5
|
-
* @deprecated Use `ModalDialog` component instead. This component will be removed in a future version.
|
|
6
|
-
*/
|
|
7
4
|
export type ModalProps = Omit<ModalBaseProps, "title" | "withExtraMarginTop"> & {
|
|
8
5
|
title: string;
|
|
9
6
|
};
|
|
@@ -11,8 +8,21 @@ type StaticProperties = {
|
|
|
11
8
|
setAppElement: typeof ReactModal.setAppElement;
|
|
12
9
|
};
|
|
13
10
|
/**
|
|
14
|
-
*
|
|
15
|
-
*
|
|
11
|
+
* Modal built on `react-modal`, rendered in a `document.body` portal and stacked
|
|
12
|
+
* with `z-index`.
|
|
13
|
+
*
|
|
14
|
+
* Not deprecated, and not interchangeable with `ModalDialog`. Pick by content:
|
|
15
|
+
*
|
|
16
|
+
* - **`Modal`** — forms, and anything containing a popover that portals:
|
|
17
|
+
* `Select` (react-select), `Tooltip`/`HoverCard`/`FlyOutMenu` (Radix),
|
|
18
|
+
* `DatePicker` (react-datepicker), `TextEditor` (TipTap). Ordinary `z-index`
|
|
19
|
+
* stacking applies, so those components work with their default portal
|
|
20
|
+
* targets and need no wiring.
|
|
21
|
+
* - **`ModalDialog`** — messages, confirmations, previews, and other simple
|
|
22
|
+
* content. It calls `showModal()`, so it renders in the browser top layer,
|
|
23
|
+
* where no `z-index` from outside the dialog can reach. Every portalling
|
|
24
|
+
* popover inside it has to be pointed at the dialog element explicitly, via a
|
|
25
|
+
* different API per library.
|
|
16
26
|
*/
|
|
17
27
|
export declare const Modal: FC<ModalProps> & StaticProperties;
|
|
18
28
|
export {};
|