@atlaskit/inline-dialog 14.0.1 → 14.0.3
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 +3 -3
- package/dist/cjs/InlineDialog/styled/container.js +16 -12
- 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 +12 -10
- package/types/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @atlaskit/inline-dialog
|
|
2
2
|
|
|
3
|
+
## 14.0.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116) [`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) - Upgrade Typescript from `4.9.5` to `5.4.2`
|
|
8
|
+
|
|
9
|
+
## 14.0.2
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [#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
|
|
14
|
+
|
|
3
15
|
## 14.0.1
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
|
@@ -14,12 +14,12 @@ var _analyticsNext = require("@atlaskit/analytics-next");
|
|
|
14
14
|
var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
|
|
15
15
|
var _popper = require("@atlaskit/popper");
|
|
16
16
|
var _container = require("./styled/container");
|
|
17
|
-
function _getRequireWildcardCache(
|
|
18
|
-
function _interopRequireWildcard(
|
|
17
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
18
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
19
19
|
/** @jsx jsx */
|
|
20
20
|
|
|
21
21
|
var packageName = "@atlaskit/inline-dialog";
|
|
22
|
-
var packageVersion = "14.0.
|
|
22
|
+
var packageVersion = "14.0.3";
|
|
23
23
|
var checkIsChildOfPortal = function checkIsChildOfPortal(node) {
|
|
24
24
|
if (!node) {
|
|
25
25
|
return false;
|
|
@@ -11,10 +11,10 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
11
11
|
var _react2 = require("@emotion/react");
|
|
12
12
|
var _colors = require("@atlaskit/theme/colors");
|
|
13
13
|
var _constants = require("@atlaskit/theme/constants");
|
|
14
|
-
function _getRequireWildcardCache(
|
|
15
|
-
function _interopRequireWildcard(
|
|
14
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
15
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
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.3";
|
|
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.3";
|
|
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.3",
|
|
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"
|
|
@@ -37,11 +40,11 @@
|
|
|
37
40
|
}
|
|
38
41
|
},
|
|
39
42
|
"dependencies": {
|
|
40
|
-
"@atlaskit/analytics-next": "^9.
|
|
43
|
+
"@atlaskit/analytics-next": "^9.2.0",
|
|
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.42.0",
|
|
45
48
|
"@babel/runtime": "^7.0.0",
|
|
46
49
|
"@emotion/react": "^11.7.1",
|
|
47
50
|
"bind-event-listener": "^2.1.1",
|
|
@@ -54,21 +57,20 @@
|
|
|
54
57
|
"@af/accessibility-testing": "*",
|
|
55
58
|
"@af/integration-testing": "*",
|
|
56
59
|
"@af/visual-regression": "*",
|
|
57
|
-
"@atlaskit/button": "^
|
|
58
|
-
"@atlaskit/datetime-picker": "^13.0
|
|
60
|
+
"@atlaskit/button": "^17.7.0",
|
|
61
|
+
"@atlaskit/datetime-picker": "^13.2.0",
|
|
59
62
|
"@atlaskit/docs": "*",
|
|
60
63
|
"@atlaskit/modal-dialog": "^12.10.0",
|
|
61
64
|
"@atlaskit/section-message": "^6.4.0",
|
|
62
|
-
"@atlaskit/select": "^17.0
|
|
65
|
+
"@atlaskit/select": "^17.3.0",
|
|
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",
|
|
69
71
|
"react-dom": "^16.8.0",
|
|
70
72
|
"react-lorem-component": "^0.13.0",
|
|
71
|
-
"typescript": "~4.
|
|
73
|
+
"typescript": "~5.4.2",
|
|
72
74
|
"wait-for-expect": "^1.2.0"
|
|
73
75
|
},
|
|
74
76
|
"keywords": [
|
|
@@ -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
|
+
}
|