@atlaskit/inline-dialog 14.1.1 → 14.2.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.
Files changed (15) hide show
  1. package/CHANGELOG.md +829 -811
  2. package/README.md +4 -2
  3. package/__perf__/default.tsx +24 -23
  4. package/dist/cjs/InlineDialog/index.js +41 -15
  5. package/dist/cjs/InlineDialog/styled/container.js +6 -2
  6. package/dist/es2019/InlineDialog/index.js +42 -15
  7. package/dist/es2019/InlineDialog/styled/container.js +9 -1
  8. package/dist/esm/InlineDialog/index.js +41 -15
  9. package/dist/esm/InlineDialog/styled/container.js +8 -1
  10. package/dist/types/InlineDialog/index.d.ts +3 -0
  11. package/dist/types/InlineDialog/styled/container.d.ts +3 -0
  12. package/dist/types-ts4.5/InlineDialog/index.d.ts +3 -0
  13. package/dist/types-ts4.5/InlineDialog/styled/container.d.ts +3 -0
  14. package/package.json +122 -113
  15. package/report.api.md +46 -48
package/package.json CHANGED
@@ -1,114 +1,123 @@
1
1
  {
2
- "name": "@atlaskit/inline-dialog",
3
- "version": "14.1.1",
4
- "description": "An inline dialog is a pop-up container for small amounts of information. It can also contain controls.",
5
- "publishConfig": {
6
- "registry": "https://registry.npmjs.org/"
7
- },
8
- "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
9
- "author": "Atlassian Pty Ltd",
10
- "license": "Apache-2.0",
11
- "main": "dist/cjs/index.js",
12
- "module": "dist/esm/index.js",
13
- "module:es2019": "dist/es2019/index.js",
14
- "types": "dist/types/index.d.ts",
15
- "sideEffects": false,
16
- "atlaskit:src": "src/index.tsx",
17
- "af:exports": {
18
- ".": "./src/index.tsx",
19
- "./types": "./src/types.tsx"
20
- },
21
- "atlassian": {
22
- "team": "Design System Team",
23
- "releaseModel": "continuous",
24
- "runReact18": true,
25
- "productPushConsumption": [
26
- "jira"
27
- ],
28
- "website": {
29
- "name": "Inline dialog",
30
- "status": {
31
- "type": "intent-to-deprecate",
32
- "description": "We are planning on deprecating Inline dialog. We recommend using the Popup component instead.",
33
- "actions": [
34
- {
35
- "text": "View Popup documentation",
36
- "href": "https://atlassian.design/components/popup/examples"
37
- }
38
- ]
39
- },
40
- "category": "Components"
41
- }
42
- },
43
- "dependencies": {
44
- "@atlaskit/analytics-next": "^9.3.0",
45
- "@atlaskit/ds-lib": "^2.3.0",
46
- "@atlaskit/popper": "^6.0.0",
47
- "@atlaskit/theme": "^12.8.0",
48
- "@atlaskit/tokens": "^1.49.0",
49
- "@babel/runtime": "^7.0.0",
50
- "@emotion/react": "^11.7.1",
51
- "bind-event-listener": "^3.0.0",
52
- "react-node-resolver": "^1.0.1"
53
- },
54
- "peerDependencies": {
55
- "react": "^16.8.0 || ^17.0.0 || ~18.2.0"
56
- },
57
- "devDependencies": {
58
- "@af/accessibility-testing": "*",
59
- "@af/integration-testing": "*",
60
- "@af/visual-regression": "*",
61
- "@atlaskit/button": "^17.16.0",
62
- "@atlaskit/datetime-picker": "^13.5.0",
63
- "@atlaskit/docs": "*",
64
- "@atlaskit/modal-dialog": "^12.13.0",
65
- "@atlaskit/section-message": "^6.5.0",
66
- "@atlaskit/select": "^17.9.0",
67
- "@atlaskit/ssr": "*",
68
- "@atlaskit/visual-regression": "*",
69
- "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
70
- "@testing-library/react": "^12.1.5",
71
- "@types/react-node-resolver": "^2.0.0",
72
- "react-dom": "^16.8.0",
73
- "react-lorem-component": "^0.13.0",
74
- "typescript": "~5.4.2",
75
- "wait-for-expect": "^1.2.0"
76
- },
77
- "keywords": [
78
- "atlaskit",
79
- "react",
80
- "ui"
81
- ],
82
- "techstack": {
83
- "@atlassian/frontend": {
84
- "import-structure": "atlassian-conventions"
85
- },
86
- "@repo/internal": {
87
- "dom-events": "use-bind-event-listener",
88
- "analytics": "analytics-next",
89
- "design-tokens": [
90
- "color",
91
- "spacing"
92
- ],
93
- "theming": [
94
- "react-context"
95
- ],
96
- "styling": [
97
- "static",
98
- "emotion"
99
- ],
100
- "design-system": "v1",
101
- "deprecation": "no-deprecated-imports"
102
- }
103
- },
104
- "typesVersions": {
105
- ">=4.5 <4.9": {
106
- "*": [
107
- "dist/types-ts4.5/*",
108
- "dist/types-ts4.5/index.d.ts"
109
- ]
110
- }
111
- },
112
- "homepage": "https://atlassian.design/components/inline-dialog/",
113
- "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
114
- }
2
+ "name": "@atlaskit/inline-dialog",
3
+ "version": "14.2.0",
4
+ "description": "An inline dialog is a pop-up container for small amounts of information. It can also contain controls.",
5
+ "publishConfig": {
6
+ "registry": "https://registry.npmjs.org/"
7
+ },
8
+ "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
9
+ "author": "Atlassian Pty Ltd",
10
+ "license": "Apache-2.0",
11
+ "main": "dist/cjs/index.js",
12
+ "module": "dist/esm/index.js",
13
+ "module:es2019": "dist/es2019/index.js",
14
+ "types": "dist/types/index.d.ts",
15
+ "sideEffects": false,
16
+ "atlaskit:src": "src/index.tsx",
17
+ "af:exports": {
18
+ ".": "./src/index.tsx",
19
+ "./types": "./src/types.tsx"
20
+ },
21
+ "atlassian": {
22
+ "team": "Design System Team",
23
+ "releaseModel": "continuous",
24
+ "runReact18": true,
25
+ "productPushConsumption": [
26
+ "jira"
27
+ ],
28
+ "website": {
29
+ "name": "Inline dialog",
30
+ "status": {
31
+ "type": "intent-to-deprecate",
32
+ "description": "We are planning on deprecating Inline dialog. We recommend using the Popup component instead.",
33
+ "actions": [
34
+ {
35
+ "text": "View Popup documentation",
36
+ "href": "https://atlassian.design/components/popup/examples"
37
+ }
38
+ ]
39
+ },
40
+ "category": "Components"
41
+ }
42
+ },
43
+ "dependencies": {
44
+ "@atlaskit/analytics-next": "^9.3.0",
45
+ "@atlaskit/ds-lib": "^2.3.0",
46
+ "@atlaskit/layering": "^0.3.0",
47
+ "@atlaskit/platform-feature-flags": "^0.2.0",
48
+ "@atlaskit/popper": "^6.1.0",
49
+ "@atlaskit/theme": "^12.10.0",
50
+ "@atlaskit/tokens": "^1.51.0",
51
+ "@babel/runtime": "^7.0.0",
52
+ "@emotion/react": "^11.7.1",
53
+ "bind-event-listener": "^3.0.0",
54
+ "react-node-resolver": "^1.0.1"
55
+ },
56
+ "peerDependencies": {
57
+ "react": "^16.8.0 || ^17.0.0 || ~18.2.0"
58
+ },
59
+ "devDependencies": {
60
+ "@af/accessibility-testing": "*",
61
+ "@af/integration-testing": "*",
62
+ "@af/visual-regression": "*",
63
+ "@atlaskit/button": "^17.17.0",
64
+ "@atlaskit/datetime-picker": "^13.5.0",
65
+ "@atlaskit/docs": "*",
66
+ "@atlaskit/modal-dialog": "^12.14.0",
67
+ "@atlaskit/section-message": "^6.5.0",
68
+ "@atlaskit/select": "^17.11.0",
69
+ "@atlaskit/ssr": "*",
70
+ "@atlaskit/visual-regression": "*",
71
+ "@testing-library/react": "^12.1.5",
72
+ "@types/react-node-resolver": "^2.0.0",
73
+ "react-dom": "^16.8.0",
74
+ "react-lorem-component": "^0.13.0",
75
+ "typescript": "~5.4.2",
76
+ "wait-for-expect": "^1.2.0"
77
+ },
78
+ "keywords": [
79
+ "atlaskit",
80
+ "react",
81
+ "ui"
82
+ ],
83
+ "techstack": {
84
+ "@atlassian/frontend": {
85
+ "import-structure": "atlassian-conventions"
86
+ },
87
+ "@repo/internal": {
88
+ "dom-events": "use-bind-event-listener",
89
+ "analytics": "analytics-next",
90
+ "design-tokens": [
91
+ "color",
92
+ "spacing"
93
+ ],
94
+ "theming": [
95
+ "react-context"
96
+ ],
97
+ "styling": [
98
+ "static",
99
+ "emotion"
100
+ ],
101
+ "design-system": "v1",
102
+ "deprecation": "no-deprecated-imports"
103
+ }
104
+ },
105
+ "typesVersions": {
106
+ ">=4.5 <4.9": {
107
+ "*": [
108
+ "dist/types-ts4.5/*",
109
+ "dist/types-ts4.5/index.d.ts"
110
+ ]
111
+ }
112
+ },
113
+ "platform-feature-flags": {
114
+ "platform.design-system-team.layering_qmiw3": {
115
+ "type": "boolean",
116
+ "referenceOnly": true
117
+ },
118
+ "platform.design-system-team.inline-message-layering_wfp1p": {
119
+ "type": "boolean"
120
+ }
121
+ },
122
+ "homepage": "https://atlassian.design/components/inline-dialog/"
123
+ }
package/report.api.md CHANGED
@@ -2,7 +2,8 @@
2
2
 
3
3
  ## API Report File for "@atlaskit/inline-dialog"
4
4
 
5
- > Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
5
+ > Do not edit this file. This report is auto-generated using
6
+ > [API Extractor](https://api-extractor.com/).
6
7
  > [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
7
8
 
8
9
  ### Table of contents
@@ -22,61 +23,58 @@ import { WithContextProps } from '@atlaskit/analytics-next';
22
23
 
23
24
  // @public (undocumented)
24
25
  const _default: React_2.ForwardRefExoticComponent<
25
- Pick<
26
- Omit<
27
- React_2.PropsWithChildren<InlineDialogProps>,
28
- keyof WithAnalyticsEventsProps
29
- > &
30
- React_2.RefAttributes<any> &
31
- WithContextProps,
32
- | 'analyticsContext'
33
- | 'children'
34
- | 'content'
35
- | 'isOpen'
36
- | 'key'
37
- | 'onClose'
38
- | 'onContentBlur'
39
- | 'onContentClick'
40
- | 'onContentFocus'
41
- | 'placement'
42
- | 'strategy'
43
- | 'testId'
44
- > &
45
- React_2.RefAttributes<any>
26
+ Pick<
27
+ Omit<React_2.PropsWithChildren<InlineDialogProps>, keyof WithAnalyticsEventsProps> &
28
+ React_2.RefAttributes<any> &
29
+ WithContextProps,
30
+ | 'analyticsContext'
31
+ | 'children'
32
+ | 'content'
33
+ | 'isOpen'
34
+ | 'key'
35
+ | 'onClose'
36
+ | 'onContentBlur'
37
+ | 'onContentClick'
38
+ | 'onContentFocus'
39
+ | 'placement'
40
+ | 'strategy'
41
+ | 'testId'
42
+ > &
43
+ React_2.RefAttributes<any>
46
44
  >;
47
45
  export default _default;
48
46
 
49
47
  // @public (undocumented)
50
48
  interface InlineDialogProps extends WithAnalyticsEventsProps {
51
- children: ReactNode;
52
- content: ReactNode;
53
- isOpen?: boolean;
54
- onClose?: (obj: { isOpen: boolean; event: Event }) => void;
55
- onContentBlur?: () => void;
56
- onContentClick?: () => void;
57
- onContentFocus?: () => void;
58
- placement?: Placement;
59
- strategy?: 'absolute' | 'fixed';
60
- testId?: string;
49
+ children: ReactNode;
50
+ content: ReactNode;
51
+ isOpen?: boolean;
52
+ onClose?: (obj: { isOpen: boolean; event: Event }) => void;
53
+ onContentBlur?: () => void;
54
+ onContentClick?: () => void;
55
+ onContentFocus?: () => void;
56
+ placement?: Placement;
57
+ strategy?: 'absolute' | 'fixed';
58
+ testId?: string;
61
59
  }
62
60
 
63
61
  // @public (undocumented)
64
62
  export type Placement =
65
- | 'auto'
66
- | 'auto-end'
67
- | 'auto-start'
68
- | 'bottom'
69
- | 'bottom-end'
70
- | 'bottom-start'
71
- | 'left'
72
- | 'left-end'
73
- | 'left-start'
74
- | 'right'
75
- | 'right-end'
76
- | 'right-start'
77
- | 'top'
78
- | 'top-end'
79
- | 'top-start';
63
+ | 'auto'
64
+ | 'auto-end'
65
+ | 'auto-start'
66
+ | 'bottom'
67
+ | 'bottom-end'
68
+ | 'bottom-start'
69
+ | 'left'
70
+ | 'left-end'
71
+ | 'left-start'
72
+ | 'right'
73
+ | 'right-end'
74
+ | 'right-start'
75
+ | 'top'
76
+ | 'top-end'
77
+ | 'top-start';
80
78
 
81
79
  // (No @packageDocumentation comment for this package)
82
80
  ```
@@ -89,7 +87,7 @@ export type Placement =
89
87
 
90
88
  ```json
91
89
  {
92
- "react": "^16.8.0"
90
+ "react": "^16.8.0"
93
91
  }
94
92
  ```
95
93