@atlaskit/panel 0.9.15 → 0.10.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 (10) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/afm-cc/tsconfig.json +3 -0
  3. package/afm-jira/tsconfig.json +3 -0
  4. package/dist/cjs/components/Panel/Panel.js +1 -1
  5. package/dist/cjs/components/Panel/PanelStateless.js +19 -8
  6. package/dist/cjs/components/Panel/styledPanel.js +1 -1
  7. package/dist/cjs/index.js +1 -1
  8. package/dist/es2019/components/Panel/PanelStateless.js +18 -7
  9. package/dist/esm/components/Panel/PanelStateless.js +18 -7
  10. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/panel
2
2
 
3
+ ## 0.10.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#149200](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/149200)
8
+ [`89785dceb2ecb`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/89785dceb2ecb) -
9
+ Enable new icons behind a feature flag.
10
+
11
+ ## 0.9.16
12
+
13
+ ### Patch Changes
14
+
15
+ - Updated dependencies
16
+
3
17
  ## 0.9.15
4
18
 
5
19
  ### Patch Changes
package/afm-cc/tsconfig.json CHANGED
@@ -24,6 +24,9 @@
24
24
  {
25
25
  "path": "../../../design-system/icon/afm-cc/tsconfig.json"
26
26
  },
27
+ {
28
+ "path": "../../../design-system/primitives/afm-cc/tsconfig.json"
29
+ },
27
30
  {
28
31
  "path": "../../../design-system/theme/afm-cc/tsconfig.json"
29
32
  },
package/afm-jira/tsconfig.json CHANGED
@@ -23,6 +23,9 @@
23
23
  {
24
24
  "path": "../../../design-system/icon/afm-jira/tsconfig.json"
25
25
  },
26
+ {
27
+ "path": "../../../design-system/primitives/afm-jira/tsconfig.json"
28
+ },
26
29
  {
27
30
  "path": "../../../design-system/theme/afm-jira/tsconfig.json"
28
31
  },
package/dist/cjs/components/Panel/Panel.js CHANGED
@@ -10,7 +10,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
10
10
  var _react = _interopRequireWildcard(require("react"));
11
11
  var _PanelStateless = _interopRequireDefault(require("./PanelStateless"));
12
12
  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); }
13
- 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; }
13
+ 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; }
14
14
  var PanelState = function PanelState(_ref) {
15
15
  var _ref$isDefaultExpande = _ref.isDefaultExpanded,
16
16
  isDefaultExpanded = _ref$isDefaultExpande === void 0 ? false : _ref$isDefaultExpande,
package/dist/cjs/components/Panel/PanelStateless.js CHANGED
@@ -10,11 +10,12 @@ var _react = _interopRequireDefault(require("react"));
10
10
  var _reactAnimateHeight = _interopRequireDefault(require("react-animate-height"));
11
11
  var _reactIntlNext = require("react-intl-next");
12
12
  var _button = _interopRequireDefault(require("@atlaskit/button"));
13
- var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
14
- var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-right"));
13
+ var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-down"));
14
+ var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-right"));
15
+ var _primitives = require("@atlaskit/primitives");
15
16
  var styles = _interopRequireWildcard(require("./styledPanel"));
16
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); }
17
- 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; }
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 && {}.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; }
18
19
  var i18n = (0, _reactIntlNext.defineMessages)({
19
20
  collapse: {
20
21
  id: 'bitbucket.panel-collapse.message',
@@ -46,11 +47,21 @@ var PanelStateless = function PanelStateless(_ref) {
46
47
  appearance: "subtle",
47
48
  "aria-expanded": isExpanded,
48
49
  spacing: "none",
49
- iconBefore: isExpanded ? /*#__PURE__*/_react.default.createElement(_chevronDown.default, {
50
- label: i18nCollapseText
51
- }) : /*#__PURE__*/_react.default.createElement(_chevronRight.default, {
52
- label: i18nExpandText
53
- })
50
+ iconBefore: isExpanded ? /*#__PURE__*/_react.default.createElement(_primitives.Box, {
51
+ as: "span",
52
+ paddingInlineStart: "space.050"
53
+ }, /*#__PURE__*/_react.default.createElement(_chevronDown.default, {
54
+ color: "currentColor",
55
+ label: i18nCollapseText,
56
+ LEGACY_margin: "0 0 0 -4px"
57
+ })) : /*#__PURE__*/_react.default.createElement(_primitives.Box, {
58
+ as: "span",
59
+ paddingInlineStart: "space.050"
60
+ }, /*#__PURE__*/_react.default.createElement(_chevronRight.default, {
61
+ color: "currentColor",
62
+ label: i18nExpandText,
63
+ LEGACY_margin: "0 0 0 -4px"
64
+ }))
54
65
  })), /*#__PURE__*/_react.default.createElement("span", null, header)), /*#__PURE__*/_react.default.createElement(_reactAnimateHeight.default, {
55
66
  duration: 200,
56
67
  easing: "linear",
package/dist/cjs/components/Panel/styledPanel.js CHANGED
@@ -15,7 +15,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4; // TO
15
15
  // AFP-2532 TODO: Fix automatic suppressions below
16
16
  // eslint-disable-next-line @atlassian/tangerine/import/entry-points
17
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; }
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 && {}.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
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
20
20
  var transition = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\ttransition: all 200ms ease-in-out;\n"])));
21
21
 
package/dist/cjs/index.js CHANGED
@@ -18,4 +18,4 @@ Object.defineProperty(exports, "default", {
18
18
  });
19
19
  var _Panel = _interopRequireWildcard(require("./components/Panel"));
20
20
  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); }
21
- 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; }
21
+ 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; }
package/dist/es2019/components/Panel/PanelStateless.js CHANGED
@@ -2,8 +2,9 @@ import React from 'react';
2
2
  import AnimateHeight from 'react-animate-height';
3
3
  import { defineMessages, useIntl } from 'react-intl-next';
4
4
  import Button from '@atlaskit/button';
5
- import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
6
- import ChevronRightIcon from '@atlaskit/icon/glyph/chevron-right';
5
+ import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
6
+ import ChevronRightIcon from '@atlaskit/icon/utility/migration/chevron-right';
7
+ import { Box } from '@atlaskit/primitives';
7
8
  import * as styles from './styledPanel';
8
9
  const i18n = defineMessages({
9
10
  collapse: {
@@ -34,11 +35,21 @@ const PanelStateless = ({
34
35
  appearance: "subtle",
35
36
  "aria-expanded": isExpanded,
36
37
  spacing: "none",
37
- iconBefore: isExpanded ? /*#__PURE__*/React.createElement(ChevronDownIcon, {
38
- label: i18nCollapseText
39
- }) : /*#__PURE__*/React.createElement(ChevronRightIcon, {
40
- label: i18nExpandText
41
- })
38
+ iconBefore: isExpanded ? /*#__PURE__*/React.createElement(Box, {
39
+ as: "span",
40
+ paddingInlineStart: "space.050"
41
+ }, /*#__PURE__*/React.createElement(ChevronDownIcon, {
42
+ color: "currentColor",
43
+ label: i18nCollapseText,
44
+ LEGACY_margin: "0 0 0 -4px"
45
+ })) : /*#__PURE__*/React.createElement(Box, {
46
+ as: "span",
47
+ paddingInlineStart: "space.050"
48
+ }, /*#__PURE__*/React.createElement(ChevronRightIcon, {
49
+ color: "currentColor",
50
+ label: i18nExpandText,
51
+ LEGACY_margin: "0 0 0 -4px"
52
+ }))
42
53
  })), /*#__PURE__*/React.createElement("span", null, header)), /*#__PURE__*/React.createElement(AnimateHeight, {
43
54
  duration: 200,
44
55
  easing: "linear",
package/dist/esm/components/Panel/PanelStateless.js CHANGED
@@ -2,8 +2,9 @@ import React from 'react';
2
2
  import AnimateHeight from 'react-animate-height';
3
3
  import { defineMessages, useIntl } from 'react-intl-next';
4
4
  import Button from '@atlaskit/button';
5
- import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
6
- import ChevronRightIcon from '@atlaskit/icon/glyph/chevron-right';
5
+ import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
6
+ import ChevronRightIcon from '@atlaskit/icon/utility/migration/chevron-right';
7
+ import { Box } from '@atlaskit/primitives';
7
8
  import * as styles from './styledPanel';
8
9
  var i18n = defineMessages({
9
10
  collapse: {
@@ -36,11 +37,21 @@ var PanelStateless = function PanelStateless(_ref) {
36
37
  appearance: "subtle",
37
38
  "aria-expanded": isExpanded,
38
39
  spacing: "none",
39
- iconBefore: isExpanded ? /*#__PURE__*/React.createElement(ChevronDownIcon, {
40
- label: i18nCollapseText
41
- }) : /*#__PURE__*/React.createElement(ChevronRightIcon, {
42
- label: i18nExpandText
43
- })
40
+ iconBefore: isExpanded ? /*#__PURE__*/React.createElement(Box, {
41
+ as: "span",
42
+ paddingInlineStart: "space.050"
43
+ }, /*#__PURE__*/React.createElement(ChevronDownIcon, {
44
+ color: "currentColor",
45
+ label: i18nCollapseText,
46
+ LEGACY_margin: "0 0 0 -4px"
47
+ })) : /*#__PURE__*/React.createElement(Box, {
48
+ as: "span",
49
+ paddingInlineStart: "space.050"
50
+ }, /*#__PURE__*/React.createElement(ChevronRightIcon, {
51
+ color: "currentColor",
52
+ label: i18nExpandText,
53
+ LEGACY_margin: "0 0 0 -4px"
54
+ }))
44
55
  })), /*#__PURE__*/React.createElement("span", null, header)), /*#__PURE__*/React.createElement(AnimateHeight, {
45
56
  duration: 200,
46
57
  easing: "linear",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/panel",
3
- "version": "0.9.15",
3
+ "version": "0.10.0",
4
4
  "description": "A React component rendering a collapsible panel",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -26,16 +26,16 @@
26
26
  "atlaskit:src": "src/index.ts",
27
27
  "atlassian": {
28
28
  "team": "Bitbucket: CoreX",
29
- "releaseModel": "continuous",
30
29
  "website": {
31
30
  "name": "Panel"
32
31
  }
33
32
  },
34
33
  "dependencies": {
35
- "@atlaskit/button": "^20.0.0",
36
- "@atlaskit/icon": "^22.13.0",
34
+ "@atlaskit/button": "^20.2.0",
35
+ "@atlaskit/icon": "^22.20.0",
36
+ "@atlaskit/primitives": "^12.2.0",
37
37
  "@atlaskit/theme": "^13.0.0",
38
- "@atlaskit/tokens": "^1.58.0",
38
+ "@atlaskit/tokens": "^2.0.0",
39
39
  "@babel/runtime": "^7.0.0",
40
40
  "react-animate-height": "^2.0.5",
41
41
  "react-focus-within": "^2.0.1",