@atlaskit/panel 0.4.10 → 0.8.0

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

@@ -1,68 +1,53 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-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 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';
-
-var PanelStateless = /*#__PURE__*/function (_PureComponent) {
-  _inherits(PanelStateless, _PureComponent);
-
-  var _super = _createSuper(PanelStateless);
-
-  function PanelStateless() {
-    _classCallCheck(this, PanelStateless);
-
-    return _super.apply(this, arguments);
+var 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.'
   }
-
-  _createClass(PanelStateless, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          children = _this$props.children,
-          header = _this$props.header,
-          isExpanded = _this$props.isExpanded,
-          onChange = _this$props.onChange;
-      return /*#__PURE__*/React.createElement(styles.PanelWrapper, null, /*#__PURE__*/React.createElement(styles.PanelHeader, {
-        onClick: function onClick() {
-          return 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));
-    }
-  }]);
-
-  return PanelStateless;
-}(PureComponent);
-
-_defineProperty(PanelStateless, "defaultProps", {
-  isExpanded: false
 });
 
-export { PanelStateless as default };
+var PanelStateless = function PanelStateless(_ref) {
+  var children = _ref.children,
+      header = _ref.header,
+      _ref$isExpanded = _ref.isExpanded,
+      isExpanded = _ref$isExpanded === void 0 ? false : _ref$isExpanded,
+      onChange = _ref.onChange;
+  var intl = useIntl();
+  var i18nExpandText = intl.formatMessage(i18n.expand);
+  var i18nCollapseText = intl.formatMessage(i18n.collapse);
+  return /*#__PURE__*/React.createElement(styles.PanelWrapper, null, /*#__PURE__*/React.createElement(styles.PanelHeader, {
+    onClick: function onClick() {
+      return 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));
+};
+
+export default PanelStateless;

package/dist/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/version.json

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

package/dist/types/components/Panel/Panel.d.ts

@@ -1,20 +1,8 @@
-import { PureComponent } from 'react';
+import { FC } from 'react';
 import { BasePanelProps } from './PanelStateless';
 declare type Props = BasePanelProps & {
     /** Defines whether the panel is expanded by default. */
     isDefaultExpanded?: boolean;
 };
-declare type State = {
-    isExpanded: boolean;
-};
-export default class Panel extends PureComponent<Props, State> {
-    static defaultProps: {
-        isDefaultExpanded: boolean;
-    };
-    state: {
-        isExpanded: boolean;
-    };
-    handleChange: () => void;
-    render(): JSX.Element;
-}
-export {};
+declare const PanelState: FC<Props>;
+export default PanelState;

package/dist/types/components/Panel/PanelStateless.d.ts

@@ -1,19 +1,15 @@
-import { PureComponent, ReactNode } from 'react';
+import { FC, ReactNode } from 'react';
 export declare type BasePanelProps = {
     /** Content to be shown inside the panel. */
     children?: ReactNode;
     /** Header to render on the panel. Clicking the header expands and collapses the panel */
     header?: ReactNode;
 };
-export declare type Props = BasePanelProps & {
+declare type PanelState = BasePanelProps & {
     /** Defines whether the panel is expanded by default. */
     isExpanded: boolean;
     /** This callback is called when panel is expanded/collapsed */
     onChange: (isExpanded: boolean) => void;
 };
-export default class PanelStateless extends PureComponent<Props> {
-    static defaultProps: {
-        isExpanded: boolean;
-    };
-    render(): JSX.Element;
-}
+declare const PanelStateless: FC<PanelState>;
+export default PanelStateless;

package/dist/types/i18n/cs.d.ts

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

package/dist/types/i18n/da.d.ts

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

package/dist/types/i18n/de.d.ts

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

package/dist/types/i18n/en.d.ts

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

package/dist/types/i18n/en_GB.d.ts

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

package/dist/types/i18n/en_ZZ.d.ts

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

package/dist/types/i18n/es.d.ts

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

package/dist/types/i18n/fi.d.ts

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

package/dist/types/i18n/hu.d.ts

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

package/dist/types/i18n/it.d.ts

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

package/dist/types/i18n/ja.d.ts

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

package/dist/types/i18n/ko.d.ts

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

package/dist/types/i18n/nb.d.ts

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

package/dist/types/i18n/nl.d.ts

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

package/dist/types/i18n/pl.d.ts

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

package/dist/types/i18n/pt_BR.d.ts

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