@zendeskgarden/react-modals 8.46.0 → 8.48.0
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/index.cjs.js +226 -201
- package/dist/index.esm.js +139 -112
- package/dist/typings/elements/DrawerModal/DrawerModal.d.ts +10 -15
- package/dist/typings/elements/DrawerModal/Footer.d.ts +11 -0
- package/dist/typings/elements/DrawerModal/FooterItem.d.ts +11 -0
- package/dist/typings/elements/Header.d.ts +8 -3
- package/dist/typings/elements/Modal.d.ts +0 -4
- package/dist/typings/elements/TooltipModal/Footer.d.ts +11 -0
- package/dist/typings/elements/TooltipModal/FooterItem.d.ts +11 -0
- package/dist/typings/elements/TooltipModal/TooltipModal.d.ts +10 -15
- package/dist/typings/index.d.ts +3 -0
- package/dist/typings/styled/StyledDrawerModalFooterItem.d.ts +0 -3
- package/dist/typings/styled/StyledHeader.d.ts +0 -3
- package/dist/typings/styled/index.d.ts +0 -1
- package/dist/typings/utils/gardenPlacements.d.ts +2 -2
- package/package.json +4 -4
|
@@ -4,20 +4,14 @@
|
|
|
4
4
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
|
-
import { HTMLAttributes
|
|
7
|
+
import React, { HTMLAttributes } from 'react';
|
|
8
8
|
import { Modifier } from 'react-popper';
|
|
9
9
|
import { GARDEN_PLACEMENT } from '../../utils/gardenPlacements';
|
|
10
|
-
import { StyledTooltipModalFooter, StyledTooltipModalFooterItem } from '../../styled';
|
|
11
10
|
import { Title } from './Title';
|
|
12
11
|
import { Body } from './Body';
|
|
13
12
|
import { Close } from './Close';
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
Body: typeof Body;
|
|
17
|
-
Close: typeof Close;
|
|
18
|
-
Footer: typeof StyledTooltipModalFooter;
|
|
19
|
-
FooterItem: typeof StyledTooltipModalFooterItem;
|
|
20
|
-
}
|
|
13
|
+
import { Footer } from './Footer';
|
|
14
|
+
import { FooterItem } from './FooterItem';
|
|
21
15
|
export interface ITooltipModalProps extends HTMLAttributes<HTMLDivElement> {
|
|
22
16
|
/**
|
|
23
17
|
* Positions the modal relative to the provided `HTMLElement`
|
|
@@ -61,13 +55,14 @@ export interface ITooltipModalProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
61
55
|
* Returns keyboard focus to the element that triggered the modal
|
|
62
56
|
*/
|
|
63
57
|
restoreFocus?: boolean;
|
|
64
|
-
/**
|
|
65
|
-
* Sets the root ID. A unique ID is created if none is provided.
|
|
66
|
-
*/
|
|
67
|
-
id?: string;
|
|
68
58
|
}
|
|
69
59
|
/**
|
|
70
60
|
* @extends HTMLAttributes<HTMLDivElement>
|
|
71
61
|
*/
|
|
72
|
-
export declare const TooltipModal:
|
|
73
|
-
|
|
62
|
+
export declare const TooltipModal: React.ForwardRefExoticComponent<ITooltipModalProps & React.RefAttributes<HTMLDivElement>> & {
|
|
63
|
+
Body: typeof Body;
|
|
64
|
+
Close: typeof Close;
|
|
65
|
+
Footer: typeof Footer;
|
|
66
|
+
FooterItem: typeof FooterItem;
|
|
67
|
+
Title: typeof Title;
|
|
68
|
+
};
|
package/dist/typings/index.d.ts
CHANGED
|
@@ -5,11 +5,14 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
export { Modal } from './elements/Modal';
|
|
8
|
+
export type { IModalProps } from './elements/Modal';
|
|
8
9
|
export { Body } from './elements/Body';
|
|
9
10
|
export { Close } from './elements/Close';
|
|
10
11
|
export { Footer } from './elements/Footer';
|
|
11
12
|
export { FooterItem } from './elements/FooterItem';
|
|
12
13
|
export { Header } from './elements/Header';
|
|
13
14
|
export { TooltipModal } from './elements/TooltipModal/TooltipModal';
|
|
15
|
+
export type { ITooltipModalProps } from './elements/TooltipModal/TooltipModal';
|
|
14
16
|
export { DrawerModal } from './elements/DrawerModal/DrawerModal';
|
|
17
|
+
export type { IDrawerModalProps } from './elements/DrawerModal/DrawerModal';
|
|
15
18
|
export type { GARDEN_PLACEMENT } from './utils/gardenPlacements';
|
|
@@ -7,7 +7,4 @@
|
|
|
7
7
|
export declare const StyledDrawerModalFooterItem: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
|
|
8
8
|
'data-garden-id': string;
|
|
9
9
|
'data-garden-version': string;
|
|
10
|
-
} & {
|
|
11
|
-
'data-garden-id': string;
|
|
12
|
-
'data-garden-version': string;
|
|
13
10
|
}, "data-garden-id" | "data-garden-version">;
|
|
@@ -5,9 +5,6 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
export interface IStyledHeaderProps {
|
|
8
|
-
/**
|
|
9
|
-
* Applies danger styling
|
|
10
|
-
*/
|
|
11
8
|
isDanger?: boolean;
|
|
12
9
|
}
|
|
13
10
|
export declare const StyledHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IStyledHeaderProps, never>;
|
|
@@ -11,7 +11,6 @@ export { StyledClose } from './StyledClose';
|
|
|
11
11
|
export { StyledFooter } from './StyledFooter';
|
|
12
12
|
export { StyledFooterItem } from './StyledFooterItem';
|
|
13
13
|
export { StyledHeader } from './StyledHeader';
|
|
14
|
-
export type { IStyledHeaderProps } from './StyledHeader';
|
|
15
14
|
export { StyledDangerIcon } from './StyledDangerIcon';
|
|
16
15
|
export { StyledModal } from './StyledModal';
|
|
17
16
|
export type { IStyledModalProps } from './StyledModal';
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
|
-
import { ARROW_POSITION } from '@zendeskgarden/react-theming';
|
|
7
|
+
import { ARROW_POSITION, MENU_POSITION } from '@zendeskgarden/react-theming';
|
|
8
8
|
import { Placement } from '@popperjs/core';
|
|
9
9
|
export declare type GARDEN_PLACEMENT = 'auto' | 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'end' | 'end-top' | 'end-bottom' | 'start' | 'start-top' | 'start-bottom';
|
|
10
10
|
/**
|
|
@@ -26,4 +26,4 @@ export declare function getArrowPosition(popperPlacement: Placement): ARROW_POSI
|
|
|
26
26
|
* Convert Popper.JS placement to corresponding menu position
|
|
27
27
|
* @param {String} popperPlacement
|
|
28
28
|
*/
|
|
29
|
-
export declare function getMenuPosition(popperPlacement?: Placement):
|
|
29
|
+
export declare function getMenuPosition(popperPlacement?: Placement): MENU_POSITION;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-modals",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.48.0",
|
|
4
4
|
"description": "Components relating to modals in the Garden Design System",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "Zendesk Garden <garden@zendesk.com>",
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
"@popperjs/core": "^2.4.4",
|
|
25
25
|
"@zendeskgarden/container-focusvisible": "^0.4.6",
|
|
26
26
|
"@zendeskgarden/container-modal": "^0.8.7",
|
|
27
|
-
"@zendeskgarden/container-utilities": "^0.
|
|
27
|
+
"@zendeskgarden/container-utilities": "^0.7.0",
|
|
28
28
|
"dom-helpers": "^5.1.0",
|
|
29
29
|
"prop-types": "^15.5.7",
|
|
30
30
|
"react-merge-refs": "^1.1.0",
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
41
|
"@types/react-transition-group": "4.4.4",
|
|
42
|
-
"@zendeskgarden/react-theming": "^8.
|
|
42
|
+
"@zendeskgarden/react-theming": "^8.48.0",
|
|
43
43
|
"@zendeskgarden/svg-icons": "6.30.2"
|
|
44
44
|
},
|
|
45
45
|
"keywords": [
|
|
@@ -52,5 +52,5 @@
|
|
|
52
52
|
"access": "public"
|
|
53
53
|
},
|
|
54
54
|
"zendeskgarden:src": "src/index.ts",
|
|
55
|
-
"gitHead": "
|
|
55
|
+
"gitHead": "75f36aee62043004650c3eb2e1583b98a87d71f8"
|
|
56
56
|
}
|