@atlaskit/inline-dialog 14.0.0 → 14.0.2
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/CHANGELOG.md +12 -0
- package/dist/cjs/InlineDialog/index.js +1 -1
- package/dist/cjs/InlineDialog/styled/container.js +14 -10
- package/dist/es2019/InlineDialog/index.js +1 -1
- package/dist/es2019/InlineDialog/styled/container.js +18 -16
- package/dist/esm/InlineDialog/index.js +1 -1
- package/dist/esm/InlineDialog/styled/container.js +13 -11
- package/package.json +11 -9
- package/tmp/api-report-tmp.d.ts +0 -38
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @atlaskit/inline-dialog
|
|
2
2
|
|
|
3
|
+
## 14.0.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#69022](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/69022) [`395c74147990`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/395c74147990) - Migrate packages to use declarative entry points
|
|
8
|
+
|
|
9
|
+
## 14.0.1
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [#60029](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/60029) [`b9826ea49c47`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b9826ea49c47) - Update dependencies that were impacted by HOT-106483 to latest.
|
|
14
|
+
|
|
3
15
|
## 14.0.0
|
|
4
16
|
|
|
5
17
|
### Major Changes
|
|
@@ -19,7 +19,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
19
19
|
/** @jsx jsx */
|
|
20
20
|
|
|
21
21
|
var packageName = "@atlaskit/inline-dialog";
|
|
22
|
-
var packageVersion = "14.0.
|
|
22
|
+
var packageVersion = "14.0.2";
|
|
23
23
|
var checkIsChildOfPortal = function checkIsChildOfPortal(node) {
|
|
24
24
|
if (!node) {
|
|
25
25
|
return false;
|
|
@@ -14,7 +14,7 @@ var _constants = require("@atlaskit/theme/constants");
|
|
|
14
14
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
15
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
16
16
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
17
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
17
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @jsx jsx */
|
|
18
18
|
var CSS_THEME_BACKGROUND = '--theme-background';
|
|
19
19
|
var CSS_THEME_COLOR = '--theme-color';
|
|
20
20
|
var CSS_THEME_BOX_SHADOW = '--theme-box-shadow';
|
|
@@ -47,13 +47,17 @@ var Container = exports.Container = /*#__PURE__*/(0, _react.forwardRef)(function
|
|
|
47
47
|
onFocus = _ref.onFocus,
|
|
48
48
|
style = _ref.style,
|
|
49
49
|
testId = _ref.testId;
|
|
50
|
-
return (
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
50
|
+
return (
|
|
51
|
+
// Unfortunately, these are used for products to pass through. Inline Dialog is being deprecated anyway
|
|
52
|
+
// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
|
|
53
|
+
(0, _react2.jsx)("div", {
|
|
54
|
+
css: containerStyles,
|
|
55
|
+
"data-testid": testId,
|
|
56
|
+
onBlur: onBlur,
|
|
57
|
+
onClick: onClick,
|
|
58
|
+
onFocus: onFocus,
|
|
59
|
+
ref: ref,
|
|
60
|
+
style: _objectSpread((_objectSpread2 = {}, (0, _defineProperty2.default)(_objectSpread2, CSS_THEME_BACKGROUND, "var(--ds-surface-overlay, ".concat(_colors.N0, ")")), (0, _defineProperty2.default)(_objectSpread2, CSS_THEME_COLOR, "var(--ds-text, ".concat(_colors.N900, ")")), (0, _defineProperty2.default)(_objectSpread2, CSS_THEME_BOX_SHADOW, "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")")), _objectSpread2), style)
|
|
61
|
+
}, children)
|
|
62
|
+
);
|
|
59
63
|
});
|
|
@@ -8,7 +8,7 @@ import noop from '@atlaskit/ds-lib/noop';
|
|
|
8
8
|
import { Manager, Popper, Reference } from '@atlaskit/popper';
|
|
9
9
|
import { Container } from './styled/container';
|
|
10
10
|
const packageName = "@atlaskit/inline-dialog";
|
|
11
|
-
const packageVersion = "14.0.
|
|
11
|
+
const packageVersion = "14.0.2";
|
|
12
12
|
const checkIsChildOfPortal = node => {
|
|
13
13
|
if (!node) {
|
|
14
14
|
return false;
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
/* eslint-disable jsx-a11y/no-static-element-interactions */
|
|
2
|
-
/* eslint-disable jsx-a11y/click-events-have-key-events */
|
|
3
1
|
/** @jsx jsx */
|
|
4
2
|
import React, { forwardRef } from 'react';
|
|
5
3
|
import { css, jsx } from '@emotion/react';
|
|
@@ -37,18 +35,22 @@ export const Container = /*#__PURE__*/forwardRef(({
|
|
|
37
35
|
style,
|
|
38
36
|
testId
|
|
39
37
|
}, ref) => {
|
|
40
|
-
return
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
38
|
+
return (
|
|
39
|
+
// Unfortunately, these are used for products to pass through. Inline Dialog is being deprecated anyway
|
|
40
|
+
// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
|
|
41
|
+
jsx("div", {
|
|
42
|
+
css: containerStyles,
|
|
43
|
+
"data-testid": testId,
|
|
44
|
+
onBlur: onBlur,
|
|
45
|
+
onClick: onClick,
|
|
46
|
+
onFocus: onFocus,
|
|
47
|
+
ref: ref,
|
|
48
|
+
style: {
|
|
49
|
+
[CSS_THEME_BACKGROUND]: `var(--ds-surface-overlay, ${N0})`,
|
|
50
|
+
[CSS_THEME_COLOR]: `var(--ds-text, ${N900})`,
|
|
51
|
+
[CSS_THEME_BOX_SHADOW]: `var(--ds-shadow-overlay, ${`0 4px 8px -2px ${N50A}, 0 0 1px ${N60A}`})`,
|
|
52
|
+
...style
|
|
53
|
+
}
|
|
54
|
+
}, children)
|
|
55
|
+
);
|
|
54
56
|
});
|
|
@@ -8,7 +8,7 @@ import noop from '@atlaskit/ds-lib/noop';
|
|
|
8
8
|
import { Manager, Popper, Reference } from '@atlaskit/popper';
|
|
9
9
|
import { Container } from './styled/container';
|
|
10
10
|
var packageName = "@atlaskit/inline-dialog";
|
|
11
|
-
var packageVersion = "14.0.
|
|
11
|
+
var packageVersion = "14.0.2";
|
|
12
12
|
var checkIsChildOfPortal = function checkIsChildOfPortal(node) {
|
|
13
13
|
if (!node) {
|
|
14
14
|
return false;
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
3
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
|
-
/* eslint-disable jsx-a11y/no-static-element-interactions */
|
|
5
|
-
/* eslint-disable jsx-a11y/click-events-have-key-events */
|
|
6
4
|
/** @jsx jsx */
|
|
7
5
|
import React, { forwardRef } from 'react';
|
|
8
6
|
import { css, jsx } from '@emotion/react';
|
|
@@ -40,13 +38,17 @@ export var Container = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
40
38
|
onFocus = _ref.onFocus,
|
|
41
39
|
style = _ref.style,
|
|
42
40
|
testId = _ref.testId;
|
|
43
|
-
return
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
41
|
+
return (
|
|
42
|
+
// Unfortunately, these are used for products to pass through. Inline Dialog is being deprecated anyway
|
|
43
|
+
// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
|
|
44
|
+
jsx("div", {
|
|
45
|
+
css: containerStyles,
|
|
46
|
+
"data-testid": testId,
|
|
47
|
+
onBlur: onBlur,
|
|
48
|
+
onClick: onClick,
|
|
49
|
+
onFocus: onFocus,
|
|
50
|
+
ref: ref,
|
|
51
|
+
style: _objectSpread((_objectSpread2 = {}, _defineProperty(_objectSpread2, CSS_THEME_BACKGROUND, "var(--ds-surface-overlay, ".concat(N0, ")")), _defineProperty(_objectSpread2, CSS_THEME_COLOR, "var(--ds-text, ".concat(N900, ")")), _defineProperty(_objectSpread2, CSS_THEME_BOX_SHADOW, "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")")), _objectSpread2), style)
|
|
52
|
+
}, children)
|
|
53
|
+
);
|
|
52
54
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/inline-dialog",
|
|
3
|
-
"version": "14.0.
|
|
3
|
+
"version": "14.0.2",
|
|
4
4
|
"description": "An inline dialog is a pop-up container for small amounts of information. It can also contain controls.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -14,9 +14,12 @@
|
|
|
14
14
|
"types": "dist/types/index.d.ts",
|
|
15
15
|
"sideEffects": false,
|
|
16
16
|
"atlaskit:src": "src/index.tsx",
|
|
17
|
+
"af:exports": {
|
|
18
|
+
".": "./src/index.tsx",
|
|
19
|
+
"./types": "./src/types.tsx"
|
|
20
|
+
},
|
|
17
21
|
"atlassian": {
|
|
18
22
|
"team": "Design System Team",
|
|
19
|
-
"deprecatedAutoEntryPoints": true,
|
|
20
23
|
"releaseModel": "continuous",
|
|
21
24
|
"productPushConsumption": [
|
|
22
25
|
"jira"
|
|
@@ -41,7 +44,7 @@
|
|
|
41
44
|
"@atlaskit/ds-lib": "^2.2.0",
|
|
42
45
|
"@atlaskit/popper": "^5.5.0",
|
|
43
46
|
"@atlaskit/theme": "^12.6.0",
|
|
44
|
-
"@atlaskit/tokens": "^1.
|
|
47
|
+
"@atlaskit/tokens": "^1.34.0",
|
|
45
48
|
"@babel/runtime": "^7.0.0",
|
|
46
49
|
"@emotion/react": "^11.7.1",
|
|
47
50
|
"bind-event-listener": "^2.1.1",
|
|
@@ -54,15 +57,14 @@
|
|
|
54
57
|
"@af/accessibility-testing": "*",
|
|
55
58
|
"@af/integration-testing": "*",
|
|
56
59
|
"@af/visual-regression": "*",
|
|
57
|
-
"@atlaskit/button": "^
|
|
58
|
-
"@atlaskit/datetime-picker": "^
|
|
60
|
+
"@atlaskit/button": "^17.2.0",
|
|
61
|
+
"@atlaskit/datetime-picker": "^13.0.3",
|
|
59
62
|
"@atlaskit/docs": "*",
|
|
60
|
-
"@atlaskit/modal-dialog": "^12.
|
|
63
|
+
"@atlaskit/modal-dialog": "^12.10.0",
|
|
61
64
|
"@atlaskit/section-message": "^6.4.0",
|
|
62
|
-
"@atlaskit/select": "^
|
|
65
|
+
"@atlaskit/select": "^17.0.3",
|
|
63
66
|
"@atlaskit/ssr": "*",
|
|
64
67
|
"@atlaskit/visual-regression": "*",
|
|
65
|
-
"@atlaskit/webdriver-runner": "*",
|
|
66
68
|
"@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
|
|
67
69
|
"@testing-library/react": "^12.1.5",
|
|
68
70
|
"@types/react-node-resolver": "^2.0.0",
|
|
@@ -108,4 +110,4 @@
|
|
|
108
110
|
},
|
|
109
111
|
"homepage": "https://atlassian.design/components/inline-dialog/",
|
|
110
112
|
"prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
|
|
111
|
-
}
|
|
113
|
+
}
|
package/tmp/api-report-tmp.d.ts
DELETED
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
## API Report File for "@atlaskit/inline-dialog"
|
|
2
|
-
|
|
3
|
-
> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
|
|
4
|
-
|
|
5
|
-
```ts
|
|
6
|
-
|
|
7
|
-
import { default as React_2 } from 'react';
|
|
8
|
-
import { ReactNode } from 'react';
|
|
9
|
-
import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
|
|
10
|
-
import { WithContextProps } from '@atlaskit/analytics-next';
|
|
11
|
-
|
|
12
|
-
// @public (undocumented)
|
|
13
|
-
const _default: React_2.ForwardRefExoticComponent<Pick<Omit<React_2.PropsWithChildren<InlineDialogProps>, keyof WithAnalyticsEventsProps> & React_2.RefAttributes<any> & WithContextProps, "analyticsContext" | "children" | "content" | "isOpen" | "key" | "onClose" | "onContentBlur" | "onContentClick" | "onContentFocus" | "placement" | "strategy" | "testId"> & React_2.RefAttributes<any>>;
|
|
14
|
-
export default _default;
|
|
15
|
-
|
|
16
|
-
// @public (undocumented)
|
|
17
|
-
interface InlineDialogProps extends WithAnalyticsEventsProps {
|
|
18
|
-
children: ReactNode;
|
|
19
|
-
content: ReactNode;
|
|
20
|
-
isOpen?: boolean;
|
|
21
|
-
onClose?: (obj: {
|
|
22
|
-
isOpen: boolean;
|
|
23
|
-
event: Event;
|
|
24
|
-
}) => void;
|
|
25
|
-
onContentBlur?: () => void;
|
|
26
|
-
onContentClick?: () => void;
|
|
27
|
-
onContentFocus?: () => void;
|
|
28
|
-
placement?: Placement;
|
|
29
|
-
strategy?: 'absolute' | 'fixed';
|
|
30
|
-
testId?: string;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
// @public (undocumented)
|
|
34
|
-
export type Placement = 'auto' | 'auto-end' | 'auto-start' | 'bottom' | 'bottom-end' | 'bottom-start' | 'left' | 'left-end' | 'left-start' | 'right' | 'right-end' | 'right-start' | 'top' | 'top-end' | 'top-start';
|
|
35
|
-
|
|
36
|
-
// (No @packageDocumentation comment for this package)
|
|
37
|
-
|
|
38
|
-
```
|