@zendeskgarden/react-modals 9.0.0-next.22 → 9.0.0-next.24
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 +11 -11
- package/dist/esm/elements/Body.js +7 -7
- package/dist/esm/elements/Close.js +7 -7
- package/dist/esm/elements/Drawer/Body.js +7 -7
- package/dist/esm/elements/Drawer/Close.js +7 -7
- package/dist/esm/elements/Drawer/Drawer.js +7 -7
- package/dist/esm/elements/Drawer/Footer.js +7 -7
- package/dist/esm/elements/Drawer/FooterItem.js +7 -7
- package/dist/esm/elements/Drawer/Header.js +7 -7
- package/dist/esm/elements/Footer.js +7 -7
- package/dist/esm/elements/FooterItem.js +7 -7
- package/dist/esm/elements/Header.js +8 -8
- package/dist/esm/elements/Modal.js +7 -7
- package/dist/esm/elements/{TooltipModal → TooltipDialog}/Body.js +11 -11
- package/dist/esm/elements/{TooltipModal → TooltipDialog}/Close.js +11 -11
- package/dist/esm/elements/{TooltipModal → TooltipDialog}/Footer.js +9 -9
- package/dist/esm/elements/{TooltipModal → TooltipDialog}/FooterItem.js +9 -9
- package/dist/esm/elements/{TooltipModal → TooltipDialog}/Title.js +11 -11
- package/dist/esm/elements/{TooltipModal/TooltipModal.js → TooltipDialog/TooltipDialog.js} +23 -23
- package/dist/esm/index.js +1 -1
- package/dist/esm/styled/StyledBackdrop.js +1 -1
- package/dist/esm/styled/StyledBody.js +1 -1
- package/dist/esm/styled/StyledClose.js +1 -1
- package/dist/esm/styled/StyledDrawer.js +1 -1
- package/dist/esm/styled/StyledDrawerBody.js +1 -1
- package/dist/esm/styled/StyledDrawerClose.js +1 -1
- package/dist/esm/styled/StyledDrawerFooter.js +1 -1
- package/dist/esm/styled/StyledDrawerFooterItem.js +1 -1
- package/dist/esm/styled/StyledDrawerHeader.js +1 -1
- package/dist/esm/styled/StyledFooter.js +6 -3
- package/dist/esm/styled/StyledFooterItem.js +1 -1
- package/dist/esm/styled/StyledHeader.js +1 -1
- package/dist/esm/styled/StyledModal.js +1 -1
- package/dist/esm/styled/{StyledTooltipModal.js → StyledTooltipDialog.js} +7 -7
- package/dist/esm/styled/{StyledTooltipModalBackdrop.js → StyledTooltipDialogBackdrop.js} +7 -7
- package/dist/esm/styled/{StyledTooltipModalBody.js → StyledTooltipDialogBody.js} +7 -7
- package/dist/esm/styled/{StyledTooltipModalClose.js → StyledTooltipDialogClose.js} +7 -7
- package/dist/esm/styled/{StyledTooltipModalFooter.js → StyledTooltipDialogFooter.js} +7 -7
- package/dist/esm/styled/{StyledTooltipModalFooterItem.js → StyledTooltipDialogFooterItem.js} +7 -7
- package/dist/esm/styled/{StyledTooltipModalTitle.js → StyledTooltipDialogTitle.js} +7 -7
- package/dist/esm/utils/useTooltipDialogContext.js +18 -0
- package/dist/index.cjs.js +92 -89
- package/dist/typings/elements/Drawer/Drawer.d.ts +10 -1
- package/dist/typings/elements/Modal.d.ts +1 -1
- package/dist/typings/elements/{TooltipModal → TooltipDialog}/Title.d.ts +2 -2
- package/dist/typings/elements/{TooltipModal/TooltipModal.d.ts → TooltipDialog/TooltipDialog.d.ts} +4 -2
- package/dist/typings/index.d.ts +2 -2
- package/dist/typings/styled/StyledClose.d.ts +0 -1
- package/dist/typings/styled/StyledDrawerClose.d.ts +0 -1
- package/dist/typings/styled/{StyledTooltipModal.d.ts → StyledTooltipDialog.d.ts} +3 -3
- package/dist/typings/styled/{StyledTooltipModalBackdrop.d.ts → StyledTooltipDialogBackdrop.d.ts} +1 -1
- package/dist/typings/styled/{StyledTooltipModalBody.d.ts → StyledTooltipDialogBody.d.ts} +1 -1
- package/dist/typings/styled/{StyledTooltipModalClose.d.ts → StyledTooltipDialogClose.d.ts} +1 -2
- package/dist/typings/styled/{StyledTooltipModalFooter.d.ts → StyledTooltipDialogFooter.d.ts} +1 -1
- package/dist/typings/styled/{StyledTooltipModalFooterItem.d.ts → StyledTooltipDialogFooterItem.d.ts} +1 -1
- package/dist/typings/styled/{StyledTooltipModalTitle.d.ts → StyledTooltipDialogTitle.d.ts} +1 -1
- package/dist/typings/styled/StyledTooltipWrapper.d.ts +2 -2
- package/dist/typings/styled/index.d.ts +7 -7
- package/dist/typings/types/index.d.ts +2 -2
- package/dist/typings/utils/useModalContext.d.ts +0 -1
- package/dist/typings/utils/{useTooltipModalContext.d.ts → useTooltipDialogContext.d.ts} +2 -3
- package/package.json +8 -8
- package/dist/esm/utils/useTooltipModalContext.js +0 -18
- /package/dist/typings/elements/{TooltipModal → TooltipDialog}/Body.d.ts +0 -0
- /package/dist/typings/elements/{TooltipModal → TooltipDialog}/Close.d.ts +0 -0
- /package/dist/typings/elements/{TooltipModal → TooltipDialog}/Footer.d.ts +0 -0
- /package/dist/typings/elements/{TooltipModal → TooltipDialog}/FooterItem.d.ts +0 -0
|
@@ -12,14 +12,14 @@ export { StyledFooterItem } from './StyledFooterItem';
|
|
|
12
12
|
export { StyledHeader } from './StyledHeader';
|
|
13
13
|
export { StyledDangerIcon } from './StyledDangerIcon';
|
|
14
14
|
export { StyledModal } from './StyledModal';
|
|
15
|
-
export {
|
|
15
|
+
export { StyledTooltipDialogBackdrop } from './StyledTooltipDialogBackdrop';
|
|
16
16
|
export { StyledTooltipWrapper } from './StyledTooltipWrapper';
|
|
17
|
-
export {
|
|
18
|
-
export {
|
|
19
|
-
export {
|
|
20
|
-
export {
|
|
21
|
-
export {
|
|
22
|
-
export {
|
|
17
|
+
export { StyledTooltipDialog } from './StyledTooltipDialog';
|
|
18
|
+
export { StyledTooltipDialogTitle } from './StyledTooltipDialogTitle';
|
|
19
|
+
export { StyledTooltipDialogBody } from './StyledTooltipDialogBody';
|
|
20
|
+
export { StyledTooltipDialogFooter } from './StyledTooltipDialogFooter';
|
|
21
|
+
export { StyledTooltipDialogFooterItem } from './StyledTooltipDialogFooterItem';
|
|
22
|
+
export { StyledTooltipDialogClose } from './StyledTooltipDialogClose';
|
|
23
23
|
export { StyledDrawer } from './StyledDrawer';
|
|
24
24
|
export { StyledDrawerHeader } from './StyledDrawerHeader';
|
|
25
25
|
export { StyledDrawerClose } from './StyledDrawerClose';
|
|
@@ -65,7 +65,7 @@ export interface IDrawerHeaderProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
65
65
|
*/
|
|
66
66
|
tag?: any;
|
|
67
67
|
}
|
|
68
|
-
export interface
|
|
68
|
+
export interface ITooltipDialogProps extends Omit<IModalProps, 'isCentered' | 'isLarge'> {
|
|
69
69
|
/**
|
|
70
70
|
* Positions the modal relative to the provided `HTMLElement`
|
|
71
71
|
*/
|
|
@@ -83,7 +83,7 @@ export interface ITooltipModalProps extends Omit<IModalProps, 'isCentered' | 'is
|
|
|
83
83
|
*/
|
|
84
84
|
zIndex?: number;
|
|
85
85
|
}
|
|
86
|
-
export interface
|
|
86
|
+
export interface ITooltipDialogTitleProps extends HTMLAttributes<HTMLDivElement> {
|
|
87
87
|
/**
|
|
88
88
|
* Updates the element's HTML tag
|
|
89
89
|
*/
|
|
@@ -4,7 +4,6 @@
|
|
|
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
|
-
/// <reference types="react" />
|
|
8
7
|
import { IUseModalReturnValue } from '@zendeskgarden/container-modal';
|
|
9
8
|
export interface IModalContext {
|
|
10
9
|
isLarge?: boolean;
|
|
@@ -4,7 +4,6 @@
|
|
|
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
|
-
/// <reference types="react" />
|
|
8
7
|
import { IUseModalReturnValue } from '@zendeskgarden/container-modal';
|
|
9
8
|
export interface IModalContext {
|
|
10
9
|
hasTitle: boolean;
|
|
@@ -13,5 +12,5 @@ export interface IModalContext {
|
|
|
13
12
|
getContentProps: IUseModalReturnValue['getContentProps'];
|
|
14
13
|
getCloseProps: IUseModalReturnValue['getCloseProps'];
|
|
15
14
|
}
|
|
16
|
-
export declare const
|
|
17
|
-
export declare const
|
|
15
|
+
export declare const TooltipDialogContext: import("react").Context<IModalContext | undefined>;
|
|
16
|
+
export declare const useTooltipDialogContext: () => IModalContext;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-modals",
|
|
3
|
-
"version": "9.0.0-next.
|
|
3
|
+
"version": "9.0.0-next.24",
|
|
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
|
"@floating-ui/react-dom": "^2.0.0",
|
|
25
25
|
"@zendeskgarden/container-modal": "^1.0.15",
|
|
26
26
|
"@zendeskgarden/container-utilities": "^2.0.0",
|
|
27
|
-
"@zendeskgarden/react-buttons": "^9.0.0-next.
|
|
27
|
+
"@zendeskgarden/react-buttons": "^9.0.0-next.24",
|
|
28
28
|
"dom-helpers": "^5.1.0",
|
|
29
29
|
"prop-types": "^15.5.7",
|
|
30
30
|
"react-merge-refs": "^2.0.0",
|
|
@@ -32,14 +32,14 @@
|
|
|
32
32
|
},
|
|
33
33
|
"peerDependencies": {
|
|
34
34
|
"@zendeskgarden/react-theming": ">=9.0.0-next",
|
|
35
|
-
"react": "
|
|
36
|
-
"react-dom": "
|
|
35
|
+
"react": "^16.8.0 || ^17.0.0 || ^18.0.0",
|
|
36
|
+
"react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
|
|
37
37
|
"styled-components": "^5.3.1"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
|
-
"@types/react-transition-group": "4.4.
|
|
41
|
-
"@zendeskgarden/react-theming": "^9.0.0-next.
|
|
42
|
-
"@zendeskgarden/svg-icons": "7.
|
|
40
|
+
"@types/react-transition-group": "4.4.11",
|
|
41
|
+
"@zendeskgarden/react-theming": "^9.0.0-next.24",
|
|
42
|
+
"@zendeskgarden/svg-icons": "7.2.0"
|
|
43
43
|
},
|
|
44
44
|
"keywords": [
|
|
45
45
|
"components",
|
|
@@ -51,5 +51,5 @@
|
|
|
51
51
|
"access": "public"
|
|
52
52
|
},
|
|
53
53
|
"zendeskgarden:src": "src/index.ts",
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "36ac3913276188edf8d187a9861be7ba765e487a"
|
|
55
55
|
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import { createContext, useContext } from 'react';
|
|
8
|
-
|
|
9
|
-
const TooltipModalContext = createContext(undefined);
|
|
10
|
-
const useTooltipModalContext = () => {
|
|
11
|
-
const context = useContext(TooltipModalContext);
|
|
12
|
-
if (context === undefined) {
|
|
13
|
-
throw new Error('Element must be used within a TooltipModal component.');
|
|
14
|
-
}
|
|
15
|
-
return context;
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
export { TooltipModalContext, useTooltipModalContext };
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|