@atlaskit/inline-dialog 16.1.0 → 16.1.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 +4 -4
- package/dist/cjs/InlineDialog/styled/container.compiled.css +4 -1
- package/dist/cjs/InlineDialog/styled/container.js +1 -2
- package/dist/es2019/InlineDialog/index.js +1 -1
- package/dist/es2019/InlineDialog/styled/container.compiled.css +4 -1
- package/dist/es2019/InlineDialog/styled/container.js +1 -1
- package/dist/esm/InlineDialog/index.js +4 -4
- package/dist/esm/InlineDialog/styled/container.compiled.css +4 -1
- package/dist/esm/InlineDialog/styled/container.js +1 -2
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -17,11 +17,11 @@ var _nodeResolverWrapper = _interopRequireDefault(require("./node-resolver-wrapp
|
|
|
17
17
|
var _container = require("./styled/container");
|
|
18
18
|
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); }
|
|
19
19
|
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 && {}.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; }
|
|
20
|
-
var
|
|
20
|
+
var _checkIsChildOfPortal = function checkIsChildOfPortal(node) {
|
|
21
21
|
if (!node) {
|
|
22
22
|
return false;
|
|
23
23
|
}
|
|
24
|
-
return node.classList && node.classList.contains('atlaskit-portal-container') ||
|
|
24
|
+
return node.classList && node.classList.contains('atlaskit-portal-container') || _checkIsChildOfPortal(node.parentElement);
|
|
25
25
|
};
|
|
26
26
|
|
|
27
27
|
// Close manager for layering
|
|
@@ -78,7 +78,7 @@ var InlineDialog = /*#__PURE__*/(0, _react.memo)(function InlineDialog(_ref2) {
|
|
|
78
78
|
action: 'closed',
|
|
79
79
|
componentName: 'inlineDialog',
|
|
80
80
|
packageName: "@atlaskit/inline-dialog",
|
|
81
|
-
packageVersion: "16.1.
|
|
81
|
+
packageVersion: "16.1.2"
|
|
82
82
|
});
|
|
83
83
|
|
|
84
84
|
// we put this into a ref to avoid handleCloseRequest having this as a dependency
|
|
@@ -109,7 +109,7 @@ var InlineDialog = /*#__PURE__*/(0, _react.memo)(function InlineDialog(_ref2) {
|
|
|
109
109
|
}
|
|
110
110
|
|
|
111
111
|
// handles the case where inline dialog opens portalled elements such as modal
|
|
112
|
-
if (
|
|
112
|
+
if (_checkIsChildOfPortal(target)) {
|
|
113
113
|
return;
|
|
114
114
|
}
|
|
115
115
|
|
|
@@ -1,12 +1,15 @@
|
|
|
1
1
|
._11q717w6{background:var(--_902zhz)}
|
|
2
|
-
._1yt4t9rj{padding:var(--_186zcqb)}
|
|
3
2
|
._2rko1sit{border-radius:var(--ds-border-radius,3px)}
|
|
4
3
|
._16qs11gm{box-shadow:var(--_uojrza)}
|
|
5
4
|
._1pbyowjs{z-index:300}
|
|
5
|
+
._1q51pxbi{padding-block-start:var(--ds-space-200,1pc)}
|
|
6
|
+
._85i5pxbi{padding-block-end:var(--ds-space-200,1pc)}
|
|
7
|
+
._bozg1ejb{padding-inline-start:var(--ds-space-300,24px)}
|
|
6
8
|
._c71l184t{max-height:var(--_n6nwya)}
|
|
7
9
|
._p12f184t{max-width:var(--_n6nwya)}
|
|
8
10
|
._syaz1xgh{color:var(--_1yif2ym)}
|
|
9
11
|
._vchh18uv{box-sizing:initial}
|
|
12
|
+
._y4ti1ejb{padding-inline-end:var(--ds-space-300,24px)}
|
|
10
13
|
._1hvw1o36:focus{outline-width:medium}
|
|
11
14
|
._49pcglyw:focus{outline-style:none}
|
|
12
15
|
._nt751r31:focus{outline-color:currentColor}
|
|
@@ -43,10 +43,9 @@ var Container = exports.Container = /*#__PURE__*/(0, _react.forwardRef)(function
|
|
|
43
43
|
ref: ref
|
|
44
44
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
45
45
|
,
|
|
46
|
-
className: (0, _runtime.ax)(["
|
|
46
|
+
className: (0, _runtime.ax)(["_11q717w6 _2rko1sit _vchh18uv _p12f184t _c71l184t _1pbyowjs _16qs11gm _syaz1xgh _85i5pxbi _1q51pxbi _y4ti1ejb _bozg1ejb _nt751r31 _49pcglyw _1hvw1o36"]),
|
|
47
47
|
style: _objectSpread(_objectSpread({}, _objectSpread((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, CSS_THEME_BACKGROUND, "var(--ds-surface-overlay, ".concat(_colors.N0, ")")), CSS_THEME_COLOR, "var(--ds-text, ".concat(_colors.N900, ")")), CSS_THEME_BOX_SHADOW, "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")")), style)), {}, {
|
|
48
48
|
"--_n6nwya": (0, _runtime.ix)("".concat(8 * 56, "px")),
|
|
49
|
-
"--_186zcqb": (0, _runtime.ix)("var(--ds-space-200, 16px)".concat(" ", "var(--ds-space-300, 24px)")),
|
|
50
49
|
"--_902zhz": (0, _runtime.ix)("var(".concat(CSS_THEME_BACKGROUND, ")")),
|
|
51
50
|
"--_uojrza": (0, _runtime.ix)("var(".concat(CSS_THEME_BOX_SHADOW, ")")),
|
|
52
51
|
"--_1yif2ym": (0, _runtime.ix)("var(".concat(CSS_THEME_COLOR, ")"))
|
|
@@ -62,7 +62,7 @@ const InlineDialog = /*#__PURE__*/memo(function InlineDialog({
|
|
|
62
62
|
action: 'closed',
|
|
63
63
|
componentName: 'inlineDialog',
|
|
64
64
|
packageName: "@atlaskit/inline-dialog",
|
|
65
|
-
packageVersion: "16.1.
|
|
65
|
+
packageVersion: "16.1.2"
|
|
66
66
|
});
|
|
67
67
|
|
|
68
68
|
// we put this into a ref to avoid handleCloseRequest having this as a dependency
|
|
@@ -1,12 +1,15 @@
|
|
|
1
1
|
._11q7gluh{background:var(--theme-background)}
|
|
2
|
-
._1yt44ar7{padding:var(--ds-space-200,1pc) var(--ds-space-300,24px)}
|
|
3
2
|
._2rko1sit{border-radius:var(--ds-border-radius,3px)}
|
|
4
3
|
._16qs1r44{box-shadow:var(--theme-box-shadow)}
|
|
5
4
|
._1pbyowjs{z-index:300}
|
|
5
|
+
._1q51pxbi{padding-block-start:var(--ds-space-200,1pc)}
|
|
6
|
+
._85i5pxbi{padding-block-end:var(--ds-space-200,1pc)}
|
|
7
|
+
._bozg1ejb{padding-inline-start:var(--ds-space-300,24px)}
|
|
6
8
|
._c71llti4{max-height:28pc}
|
|
7
9
|
._p12flti4{max-width:28pc}
|
|
8
10
|
._syazjslb{color:var(--theme-color)}
|
|
9
11
|
._vchh18uv{box-sizing:initial}
|
|
12
|
+
._y4ti1ejb{padding-inline-end:var(--ds-space-300,24px)}
|
|
10
13
|
._1hvw1o36:focus{outline-width:medium}
|
|
11
14
|
._49pcglyw:focus{outline-style:none}
|
|
12
15
|
._nt751r31:focus{outline-color:currentColor}
|
|
@@ -38,6 +38,6 @@ export const Container = /*#__PURE__*/forwardRef(({
|
|
|
38
38
|
...style
|
|
39
39
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
40
40
|
},
|
|
41
|
-
className: ax(["
|
|
41
|
+
className: ax(["_11q7gluh _2rko1sit _vchh18uv _p12flti4 _c71llti4 _1pbyowjs _16qs1r44 _syazjslb _85i5pxbi _1q51pxbi _y4ti1ejb _bozg1ejb _nt751r31 _49pcglyw _1hvw1o36"])
|
|
42
42
|
}, typeof children === 'function' ? children() : children);
|
|
43
43
|
});
|
|
@@ -7,11 +7,11 @@ import { fg } from '@atlaskit/platform-feature-flags';
|
|
|
7
7
|
import { Manager, Popper, Reference } from '@atlaskit/popper';
|
|
8
8
|
import NodeResolverWrapper from './node-resolver-wrapper';
|
|
9
9
|
import { Container } from './styled/container';
|
|
10
|
-
var
|
|
10
|
+
var _checkIsChildOfPortal = function checkIsChildOfPortal(node) {
|
|
11
11
|
if (!node) {
|
|
12
12
|
return false;
|
|
13
13
|
}
|
|
14
|
-
return node.classList && node.classList.contains('atlaskit-portal-container') ||
|
|
14
|
+
return node.classList && node.classList.contains('atlaskit-portal-container') || _checkIsChildOfPortal(node.parentElement);
|
|
15
15
|
};
|
|
16
16
|
|
|
17
17
|
// Close manager for layering
|
|
@@ -68,7 +68,7 @@ var InlineDialog = /*#__PURE__*/memo(function InlineDialog(_ref2) {
|
|
|
68
68
|
action: 'closed',
|
|
69
69
|
componentName: 'inlineDialog',
|
|
70
70
|
packageName: "@atlaskit/inline-dialog",
|
|
71
|
-
packageVersion: "16.1.
|
|
71
|
+
packageVersion: "16.1.2"
|
|
72
72
|
});
|
|
73
73
|
|
|
74
74
|
// we put this into a ref to avoid handleCloseRequest having this as a dependency
|
|
@@ -99,7 +99,7 @@ var InlineDialog = /*#__PURE__*/memo(function InlineDialog(_ref2) {
|
|
|
99
99
|
}
|
|
100
100
|
|
|
101
101
|
// handles the case where inline dialog opens portalled elements such as modal
|
|
102
|
-
if (
|
|
102
|
+
if (_checkIsChildOfPortal(target)) {
|
|
103
103
|
return;
|
|
104
104
|
}
|
|
105
105
|
|
|
@@ -1,12 +1,15 @@
|
|
|
1
1
|
._11q717w6{background:var(--_902zhz)}
|
|
2
|
-
._1yt4t9rj{padding:var(--_186zcqb)}
|
|
3
2
|
._2rko1sit{border-radius:var(--ds-border-radius,3px)}
|
|
4
3
|
._16qs11gm{box-shadow:var(--_uojrza)}
|
|
5
4
|
._1pbyowjs{z-index:300}
|
|
5
|
+
._1q51pxbi{padding-block-start:var(--ds-space-200,1pc)}
|
|
6
|
+
._85i5pxbi{padding-block-end:var(--ds-space-200,1pc)}
|
|
7
|
+
._bozg1ejb{padding-inline-start:var(--ds-space-300,24px)}
|
|
6
8
|
._c71l184t{max-height:var(--_n6nwya)}
|
|
7
9
|
._p12f184t{max-width:var(--_n6nwya)}
|
|
8
10
|
._syaz1xgh{color:var(--_1yif2ym)}
|
|
9
11
|
._vchh18uv{box-sizing:initial}
|
|
12
|
+
._y4ti1ejb{padding-inline-end:var(--ds-space-300,24px)}
|
|
10
13
|
._1hvw1o36:focus{outline-width:medium}
|
|
11
14
|
._49pcglyw:focus{outline-style:none}
|
|
12
15
|
._nt751r31:focus{outline-color:currentColor}
|
|
@@ -33,10 +33,9 @@ export var Container = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
33
33
|
ref: ref
|
|
34
34
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
35
35
|
,
|
|
36
|
-
className: ax(["
|
|
36
|
+
className: ax(["_11q717w6 _2rko1sit _vchh18uv _p12f184t _c71l184t _1pbyowjs _16qs11gm _syaz1xgh _85i5pxbi _1q51pxbi _y4ti1ejb _bozg1ejb _nt751r31 _49pcglyw _1hvw1o36"]),
|
|
37
37
|
style: _objectSpread(_objectSpread({}, _objectSpread(_defineProperty(_defineProperty(_defineProperty({}, CSS_THEME_BACKGROUND, "var(--ds-surface-overlay, ".concat(N0, ")")), CSS_THEME_COLOR, "var(--ds-text, ".concat(N900, ")")), CSS_THEME_BOX_SHADOW, "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")")), style)), {}, {
|
|
38
38
|
"--_n6nwya": ix("".concat(8 * 56, "px")),
|
|
39
|
-
"--_186zcqb": ix("var(--ds-space-200, 16px)".concat(" ", "var(--ds-space-300, 24px)")),
|
|
40
39
|
"--_902zhz": ix("var(".concat(CSS_THEME_BACKGROUND, ")")),
|
|
41
40
|
"--_uojrza": ix("var(".concat(CSS_THEME_BOX_SHADOW, ")")),
|
|
42
41
|
"--_1yif2ym": ix("var(".concat(CSS_THEME_COLOR, ")"))
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/inline-dialog",
|
|
3
|
-
"version": "16.1.
|
|
3
|
+
"version": "16.1.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/"
|
|
@@ -43,9 +43,9 @@
|
|
|
43
43
|
"@atlaskit/css": "^0.8.0",
|
|
44
44
|
"@atlaskit/ds-lib": "^3.5.0",
|
|
45
45
|
"@atlaskit/layering": "^1.1.0",
|
|
46
|
-
"@atlaskit/platform-feature-flags": "^0.
|
|
46
|
+
"@atlaskit/platform-feature-flags": "^1.0.0",
|
|
47
47
|
"@atlaskit/popper": "^6.4.0",
|
|
48
|
-
"@atlaskit/theme": "^
|
|
48
|
+
"@atlaskit/theme": "^15.0.0",
|
|
49
49
|
"@atlaskit/tokens": "^3.3.0",
|
|
50
50
|
"@babel/runtime": "^7.0.0",
|
|
51
51
|
"@compiled/react": "^0.18.1",
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
"@af/accessibility-testing": "*",
|
|
60
60
|
"@af/integration-testing": "*",
|
|
61
61
|
"@af/visual-regression": "*",
|
|
62
|
-
"@atlaskit/button": "^20.
|
|
62
|
+
"@atlaskit/button": "^20.5.0",
|
|
63
63
|
"@atlaskit/datetime-picker": "^15.12.0",
|
|
64
64
|
"@atlaskit/docs": "*",
|
|
65
65
|
"@atlaskit/dropdown-menu": "^12.26.0",
|