@atlaskit/panel 0.4.10 → 0.8.0

package/dist/cjs/i18n/zh.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Chinese (Simplified)
+var _default = {
+  'bitbucket.panel-collapse.message': '收起',
+  'bitbucket.panel-expand.message': '展开'
+};
+exports.default = _default;

package/dist/cjs/i18n/zh_TW.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Chinese (Traditional)
+var _default = {
+  'bitbucket.panel-collapse.message': '摺疊',
+  'bitbucket.panel-expand.message': '展開'
+};
+exports.default = _default;

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/panel",
-	"version": "0.4.10"
+	"version": "0.8.0"
 }

package/dist/es2019/components/Panel/Panel.js

@@ -1,38 +1,22 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React, { PureComponent } from 'react';
+import React, { useState } from 'react';
 import PanelStateless from './PanelStateless';
-export default class Panel extends PureComponent {
-  constructor(...args) {
-    super(...args);
 
-    _defineProperty(this, "state", {
-      isExpanded: !!this.props.isDefaultExpanded
-    });
+const PanelState = ({
+  isDefaultExpanded = false,
+  children,
+  header
+}) => {
+  const [isExpanded, setisExpanded] = useState(isDefaultExpanded);
 
-    _defineProperty(this, "handleChange", () => {
-      this.setState(prevState => ({
-        isExpanded: !prevState.isExpanded
-      }));
-    });
-  }
+  const handleChange = () => {
+    setisExpanded(!isExpanded);
+  };
 
-  render() {
-    const {
-      children,
-      header
-    } = this.props;
-    const {
-      isExpanded
-    } = this.state;
-    return /*#__PURE__*/React.createElement(PanelStateless, {
-      header: header,
-      isExpanded: isExpanded,
-      onChange: this.handleChange
-    }, children);
-  }
+  return /*#__PURE__*/React.createElement(PanelStateless, {
+    header: header,
+    isExpanded: isExpanded,
+    onChange: handleChange
+  }, children);
+};
 
-}
-
-_defineProperty(Panel, "defaultProps", {
-  isDefaultExpanded: false
-});
+export default PanelState;

package/dist/es2019/components/Panel/PanelStateless.js

@@ -1,40 +1,51 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React, { PureComponent } from 'react';
+import React from 'react';
 import AnimateHeight from 'react-animate-height';
+import { defineMessages, useIntl } from 'react-intl-next';
 import Button from '@atlaskit/button/custom-theme-button';
 import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
 import ChevronRightIcon from '@atlaskit/icon/glyph/chevron-right';
 import * as styles from './styledPanel';
-export default class PanelStateless extends PureComponent {
-  render() {
-    const {
-      children,
-      header,
-      isExpanded,
-      onChange
-    } = this.props;
-    return /*#__PURE__*/React.createElement(styles.PanelWrapper, null, /*#__PURE__*/React.createElement(styles.PanelHeader, {
-      onClick: () => onChange(!isExpanded)
-    }, /*#__PURE__*/React.createElement(styles.ButtonWrapper, {
-      isHidden: isExpanded
-    }, /*#__PURE__*/React.createElement(Button, {
-      appearance: "subtle",
-      "aria-expanded": isExpanded,
-      spacing: "none",
-      iconBefore: isExpanded ? /*#__PURE__*/React.createElement(ChevronDownIcon, {
-        label: "collapse"
-      }) : /*#__PURE__*/React.createElement(ChevronRightIcon, {
-        label: "expand"
-      })
-    })), /*#__PURE__*/React.createElement("span", null, header)), /*#__PURE__*/React.createElement(AnimateHeight, {
-      duration: 200,
-      easing: "linear",
-      height: isExpanded ? 'auto' : 0
-    }, children));
+const i18n = defineMessages({
+  collapse: {
+    id: 'bitbucket.panel-collapse.message',
+    defaultMessage: 'collapse',
+    description: 'Label on the panel to signal that the user can collapse the panel.'
+  },
+  expand: {
+    id: 'bitbucket.panel-expand.message',
+    defaultMessage: 'expand',
+    description: 'Label on the panel to signal that the user can expand the panel.'
   }
+});
 
-}
+const PanelStateless = ({
+  children,
+  header,
+  isExpanded = false,
+  onChange
+}) => {
+  const intl = useIntl();
+  const i18nExpandText = intl.formatMessage(i18n.expand);
+  const i18nCollapseText = intl.formatMessage(i18n.collapse);
+  return /*#__PURE__*/React.createElement(styles.PanelWrapper, null, /*#__PURE__*/React.createElement(styles.PanelHeader, {
+    onClick: () => onChange(!isExpanded)
+  }, /*#__PURE__*/React.createElement(styles.ButtonWrapper, {
+    isHidden: isExpanded
+  }, /*#__PURE__*/React.createElement(Button, {
+    appearance: "subtle",
+    "aria-expanded": isExpanded,
+    spacing: "none",
+    iconBefore: isExpanded ? /*#__PURE__*/React.createElement(ChevronDownIcon, {
+      label: i18nCollapseText
+    }) : /*#__PURE__*/React.createElement(ChevronRightIcon, {
+      label: i18nExpandText
+    })
+  })), /*#__PURE__*/React.createElement("span", null, header)), /*#__PURE__*/React.createElement(AnimateHeight, {
+    duration: 200,
+    easing: "linear",
+    height: isExpanded ? 'auto' : 0,
+    className: "panel-content"
+  }, children));
+};
 
-_defineProperty(PanelStateless, "defaultProps", {
-  isExpanded: false
-});
+export default PanelStateless;

package/dist/es2019/i18n/cs.js

@@ -0,0 +1,11 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Czech
+export default {
+  'bitbucket.panel-collapse.message': 'sbalit',
+  'bitbucket.panel-expand.message': 'rozbalit'
+};

package/dist/es2019/i18n/da.js

@@ -0,0 +1,11 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Danish (Denmark)
+export default {
+  'bitbucket.panel-collapse.message': 'skjul',
+  'bitbucket.panel-expand.message': 'udvid'
+};

package/dist/es2019/i18n/de.js

@@ -0,0 +1,11 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//German (Germany)
+export default {
+  'bitbucket.panel-collapse.message': 'reduzieren',
+  'bitbucket.panel-expand.message': 'erweitern'
+};

package/dist/es2019/i18n/en.js

@@ -0,0 +1,11 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//
+export default {
+  'bitbucket.panel-collapse.message': 'collapse',
+  'bitbucket.panel-expand.message': 'expand'
+};

package/dist/es2019/i18n/en_GB.js

@@ -0,0 +1,11 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//English (United Kingdom)
+export default {
+  'bitbucket.panel-collapse.message': 'collapse',
+  'bitbucket.panel-expand.message': 'expand'
+};

package/dist/es2019/i18n/en_ZZ.js

@@ -0,0 +1,11 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//
+export default {
+  'bitbucket.panel-collapse.message': '⁣⁢collapse‍⁡‌‌⁠‌⁡؜‍⁡⁡⁠⁠⁣⁤',
+  'bitbucket.panel-expand.message': '⁣⁢expand‍؜⁡‍؜؜‍؜‌‍⁣⁤'
+};

package/dist/es2019/i18n/es.js

@@ -0,0 +1,11 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Spanish (International)
+export default {
+  'bitbucket.panel-collapse.message': 'contraer',
+  'bitbucket.panel-expand.message': 'expandir'
+};

package/dist/es2019/i18n/fi.js

@@ -0,0 +1,11 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Finnish
+export default {
+  'bitbucket.panel-collapse.message': 'pienennä',
+  'bitbucket.panel-expand.message': 'laajenna'
+};

package/dist/es2019/i18n/hu.js

@@ -0,0 +1,11 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Hungarian
+export default {
+  'bitbucket.panel-collapse.message': 'összecsukás',
+  'bitbucket.panel-expand.message': 'kibontás'
+};

package/dist/es2019/i18n/it.js

@@ -0,0 +1,11 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Italian (Italy)
+export default {
+  'bitbucket.panel-collapse.message': 'comprimi',
+  'bitbucket.panel-expand.message': 'espandi'
+};

package/dist/es2019/i18n/ja.js

@@ -0,0 +1,11 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Japanese
+export default {
+  'bitbucket.panel-collapse.message': '折りたたむ',
+  'bitbucket.panel-expand.message': '展開'
+};

package/dist/es2019/i18n/ko.js

@@ -0,0 +1,11 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Korean
+export default {
+  'bitbucket.panel-collapse.message': '축소',
+  'bitbucket.panel-expand.message': '확장'
+};

package/dist/es2019/i18n/nb.js

@@ -0,0 +1,11 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Norwegian (Bokmål)
+export default {
+  'bitbucket.panel-collapse.message': 'skjul',
+  'bitbucket.panel-expand.message': 'utvid'
+};

package/dist/es2019/i18n/nl.js

@@ -0,0 +1,11 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Dutch (Netherlands)
+export default {
+  'bitbucket.panel-collapse.message': 'inklappen',
+  'bitbucket.panel-expand.message': 'uitklappen'
+};

package/dist/es2019/i18n/pl.js

@@ -0,0 +1,11 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Polish (Poland)
+export default {
+  'bitbucket.panel-collapse.message': 'zwiń',
+  'bitbucket.panel-expand.message': 'rozwiń'
+};

package/dist/es2019/i18n/pt_BR.js

@@ -0,0 +1,11 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Portuguese (Brazil)
+export default {
+  'bitbucket.panel-collapse.message': 'recolher',
+  'bitbucket.panel-expand.message': 'expandir'
+};

package/dist/es2019/i18n/ru.js

@@ -0,0 +1,11 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Russian
+export default {
+  'bitbucket.panel-collapse.message': 'свернуть',
+  'bitbucket.panel-expand.message': 'развернуть'
+};

package/dist/es2019/i18n/sv.js

@@ -0,0 +1,11 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Swedish
+export default {
+  'bitbucket.panel-collapse.message': 'komprimera',
+  'bitbucket.panel-expand.message': 'expandera'
+};

package/dist/es2019/i18n/th.js

@@ -0,0 +1,11 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Thai (Thailand)
+export default {
+  'bitbucket.panel-collapse.message': 'ยุบรวม',
+  'bitbucket.panel-expand.message': 'ขยาย'
+};

package/dist/es2019/i18n/vi.js

@@ -0,0 +1,11 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Vietnamese (Vietnam)
+export default {
+  'bitbucket.panel-collapse.message': 'thu gọn',
+  'bitbucket.panel-expand.message': 'mở rộng'
+};

package/dist/es2019/i18n/zh.js

@@ -0,0 +1,11 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Chinese (Simplified)
+export default {
+  'bitbucket.panel-collapse.message': '收起',
+  'bitbucket.panel-expand.message': '展开'
+};

package/dist/es2019/i18n/zh_TW.js

@@ -0,0 +1,11 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Chinese (Traditional)
+export default {
+  'bitbucket.panel-collapse.message': '摺疊',
+  'bitbucket.panel-expand.message': '展開'
+};

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/panel",
-	"version": "0.4.10"
+	"version": "0.8.0"
 }

package/dist/esm/components/Panel/Panel.js

@@ -1,69 +1,27 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-import React, { PureComponent } from 'react';
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useState } from 'react';
 import PanelStateless from './PanelStateless';
 
-var Panel = /*#__PURE__*/function (_PureComponent) {
-  _inherits(Panel, _PureComponent);
-
-  var _super = _createSuper(Panel);
-
-  function Panel() {
-    var _this;
-
-    _classCallCheck(this, Panel);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      isExpanded: !!_this.props.isDefaultExpanded
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleChange", function () {
-      _this.setState(function (prevState) {
-        return {
-          isExpanded: !prevState.isExpanded
-        };
-      });
-    });
-
-    return _this;
-  }
-
-  _createClass(Panel, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          children = _this$props.children,
-          header = _this$props.header;
-      var isExpanded = this.state.isExpanded;
-      return /*#__PURE__*/React.createElement(PanelStateless, {
-        header: header,
-        isExpanded: isExpanded,
-        onChange: this.handleChange
-      }, children);
-    }
-  }]);
-
-  return Panel;
-}(PureComponent);
-
-_defineProperty(Panel, "defaultProps", {
-  isDefaultExpanded: false
-});
-
-export { Panel as default };
+var PanelState = function PanelState(_ref) {
+  var _ref$isDefaultExpande = _ref.isDefaultExpanded,
+      isDefaultExpanded = _ref$isDefaultExpande === void 0 ? false : _ref$isDefaultExpande,
+      children = _ref.children,
+      header = _ref.header;
+
+  var _useState = useState(isDefaultExpanded),
+      _useState2 = _slicedToArray(_useState, 2),
+      isExpanded = _useState2[0],
+      setisExpanded = _useState2[1];
+
+  var handleChange = function handleChange() {
+    setisExpanded(!isExpanded);
+  };
+
+  return /*#__PURE__*/React.createElement(PanelStateless, {
+    header: header,
+    isExpanded: isExpanded,
+    onChange: handleChange
+  }, children);
+};
+
+export default PanelState;