@orfeas126/box-ui-elements
Version:
Box UI Elements
854 lines (726 loc) • 282 kB
JavaScript
/*!
* Box UI Element
*
* Copyright 2019 Box, Inc. All rights reserved.
*
* This product includes software developed by Box, Inc. ("Box")
* (http://www.box.com)
*
* ALL BOX SOFTWARE IS PROVIDED "AS IS" AND ANY EXPRESS OR IMPLIED
* WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED.
* IN NO EVENT SHALL BOX BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
* SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
* LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
* DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
* THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*
* See the Box license for the specific language governing permissions
* and limitations under the license.
*/
"use strict";
(globalThis["webpackChunk_orfeas126_box_ui_elements"] = globalThis["webpackChunk_orfeas126_box_ui_elements"] || []).push([["content-sidebar"],{
/***/ "./src/components/close-button/CloseButton.tsx":
/*!*****************************************************!*\
!*** ./src/components/close-button/CloseButton.tsx ***!
\*****************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react-intl */ "./node_modules/react-intl/lib/src/components/injectIntl.js");
/* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../button */ "./src/components/button/index.ts");
/* harmony import */ var _icons_general_IconClose__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../icons/general/IconClose */ "./src/icons/general/IconClose.tsx");
/* harmony import */ var _styles_variables__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../styles/variables */ "./src/styles/variables.ts");
/* harmony import */ var _common_messages__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../common/messages */ "./src/common/messages.js");
/* harmony import */ var _CloseButton_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./CloseButton.scss */ "./src/components/close-button/CloseButton.scss");
// @ts-ignore flow import
const CloseButton = ({
className,
intl,
onClick
}) => {
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_button__WEBPACK_IMPORTED_MODULE_2__["default"], {
"aria-label": intl.formatMessage(_common_messages__WEBPACK_IMPORTED_MODULE_5__["default"].close),
className: classnames__WEBPACK_IMPORTED_MODULE_1___default()('bdl-CloseButton', className),
"data-testid": "bdl-CloseButton",
onClick: onClick,
type: _button__WEBPACK_IMPORTED_MODULE_2__.ButtonType.BUTTON
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons_general_IconClose__WEBPACK_IMPORTED_MODULE_3__["default"], {
color: _styles_variables__WEBPACK_IMPORTED_MODULE_4__.bdlGray65,
height: 18,
width: 18
}));
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,react_intl__WEBPACK_IMPORTED_MODULE_7__["default"])(CloseButton));
/***/ }),
/***/ "./src/components/close-button/index.ts":
/*!**********************************************!*\
!*** ./src/components/close-button/index.ts ***!
\**********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (/* reexport safe */ _CloseButton__WEBPACK_IMPORTED_MODULE_0__["default"])
/* harmony export */ });
/* harmony import */ var _CloseButton__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./CloseButton */ "./src/components/close-button/CloseButton.tsx");
/***/ }),
/***/ "./src/components/dropdown-menu/index.js":
/*!***********************************************!*\
!*** ./src/components/dropdown-menu/index.js ***!
\***********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ MenuToggle: () => (/* reexport safe */ _MenuToggle__WEBPACK_IMPORTED_MODULE_1__["default"]),
/* harmony export */ "default": () => (/* reexport safe */ _DropdownMenu__WEBPACK_IMPORTED_MODULE_0__["default"])
/* harmony export */ });
/* harmony import */ var _DropdownMenu__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./DropdownMenu */ "./src/components/dropdown-menu/DropdownMenu.js");
/* harmony import */ var _MenuToggle__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./MenuToggle */ "./src/components/dropdown-menu/MenuToggle.js");
/***/ }),
/***/ "./src/components/guide-tooltip/GuideTooltip.tsx":
/*!*******************************************************!*\
!*** ./src/components/guide-tooltip/GuideTooltip.tsx ***!
\*******************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-intl */ "./node_modules/react-intl/lib/src/components/message.js");
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../tooltip */ "./src/components/tooltip/index.ts");
/* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../button */ "./src/components/button/index.ts");
/* harmony import */ var _messages__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./messages */ "./src/components/guide-tooltip/messages.js");
/* harmony import */ var _GuideTooltip_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./GuideTooltip.scss */ "./src/components/guide-tooltip/GuideTooltip.scss");
const _excluded = ["body", "children", "className", "icon", "image", "isShown", "primaryButtonProps", "steps", "secondaryButtonProps", "showCloseButton", "title"];
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
// @ts-ignore flow import
function GuideTooltip(_ref) {
let {
body,
children,
className = '',
icon,
image,
isShown = true,
primaryButtonProps,
steps,
secondaryButtonProps,
showCloseButton = true,
title
} = _ref,
rest = _objectWithoutProperties(_ref, _excluded);
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_tooltip__WEBPACK_IMPORTED_MODULE_2__["default"], _extends({}, rest, {
className: `bdl-GuideTooltip ${className}`,
isShown: isShown,
showCloseButton: showCloseButton,
text: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
className: "bdl-GuideTooltip-icon"
}, icon), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
className: "bdl-GuideTooltip-right"
}, title && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
className: "bdl-GuideTooltip-title"
}, title), !icon && image && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
className: "bdl-GuideTooltip-image"
}, image), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
className: "bdl-GuideTooltip-body"
}, body), (secondaryButtonProps || primaryButtonProps || steps) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
className: "bdl-GuideTooltip-bottom"
}, (secondaryButtonProps || primaryButtonProps) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
className: "bdl-GuideTooltip-navigation"
}, secondaryButtonProps && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_button__WEBPACK_IMPORTED_MODULE_3__["default"], _extends({}, secondaryButtonProps, {
className: classnames__WEBPACK_IMPORTED_MODULE_1___default()('bdl-GuideTooltip-previousButton', secondaryButtonProps.className)
})), primaryButtonProps && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_button__WEBPACK_IMPORTED_MODULE_3__["default"], _extends({}, primaryButtonProps, {
className: classnames__WEBPACK_IMPORTED_MODULE_1___default()('bdl-GuideTooltip-nextButton', primaryButtonProps.className)
}))), steps && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
className: "bdl-GuideTooltip-steps"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_intl__WEBPACK_IMPORTED_MODULE_6__["default"], _extends({}, _messages__WEBPACK_IMPORTED_MODULE_4__["default"].navigation, {
values: {
currentStepIndex: steps[0],
totalNumSteps: steps[1]
}
})))))),
theme: _tooltip__WEBPACK_IMPORTED_MODULE_2__.TooltipTheme.CALLOUT
}), children);
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (GuideTooltip);
/***/ }),
/***/ "./src/components/guide-tooltip/index.ts":
/*!***********************************************!*\
!*** ./src/components/guide-tooltip/index.ts ***!
\***********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (/* reexport safe */ _GuideTooltip__WEBPACK_IMPORTED_MODULE_0__["default"])
/* harmony export */ });
/* harmony import */ var _GuideTooltip__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./GuideTooltip */ "./src/components/guide-tooltip/GuideTooltip.tsx");
/***/ }),
/***/ "./src/components/guide-tooltip/messages.js":
/*!**************************************************!*\
!*** ./src/components/guide-tooltip/messages.js ***!
\**************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-intl */ "./node_modules/react-intl/lib/index.js");
const messages = (0,react_intl__WEBPACK_IMPORTED_MODULE_0__.defineMessages)({
navigation: {
"id": "boxui.core.guidetooltip.navigation",
"defaultMessage": "{currentStepIndex} of {totalNumSteps}"
}
});
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (messages);
/***/ }),
/***/ "./src/components/menu/MenuHeader.tsx":
/*!********************************************!*\
!*** ./src/components/menu/MenuHeader.tsx ***!
\********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _close_button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../close-button */ "./src/components/close-button/index.ts");
/* harmony import */ var _MenuContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./MenuContext */ "./src/components/menu/MenuContext.tsx");
/* harmony import */ var _MenuHeader_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./MenuHeader.scss */ "./src/components/menu/MenuHeader.scss");
const _excluded = ["className", "children", "subtitle", "title"];
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
const MenuHeader = _ref => {
let {
className,
children,
subtitle,
title
} = _ref,
rest = _objectWithoutProperties(_ref, _excluded);
const {
closeMenu
} = react__WEBPACK_IMPORTED_MODULE_0__.useContext(_MenuContext__WEBPACK_IMPORTED_MODULE_3__["default"]);
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", _extends({
className: classnames__WEBPACK_IMPORTED_MODULE_1___default()('bdl-MenuHeader', className),
"data-testid": "bdl-MenuHeader",
role: "presentation"
}, rest), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
className: "bdl-MenuHeader-content"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
className: "bdl-MenuHeader-title-container"
}, title && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
className: "bdl-MenuHeader-title"
}, title), subtitle && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
className: "bdl-MenuHeader-subtitle"
}, subtitle)), children), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_close_button__WEBPACK_IMPORTED_MODULE_2__["default"], {
className: "bdl-MenuHeader-close-button",
onClick: closeMenu
}));
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MenuHeader);
/***/ }),
/***/ "./src/components/menu/MenuLinkItem.tsx":
/*!**********************************************!*\
!*** ./src/components/menu/MenuLinkItem.tsx ***!
\**********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash/omit */ "./node_modules/lodash/omit.js");
/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash_omit__WEBPACK_IMPORTED_MODULE_2__);
const _excluded = ["children", "isSelected", "isSelectItem"];
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
const MenuLinkItem = _ref => {
let {
children,
isSelected = false,
isSelectItem = false
} = _ref,
rest = _objectWithoutProperties(_ref, _excluded);
const linkEl = react__WEBPACK_IMPORTED_MODULE_0__.Children.only(children);
const listItemProps = lodash_omit__WEBPACK_IMPORTED_MODULE_2___default()(rest, ['role', 'tabIndex']);
listItemProps.role = 'none';
const linkProps = {
className: classnames__WEBPACK_IMPORTED_MODULE_1___default()('menu-item', linkEl ? linkEl.props.className : '', {
'is-select-item': isSelectItem,
'is-selected': isSelected
}),
role: isSelectItem ? 'menuitemradio' : 'menuitem',
tabIndex: -1
};
if (isSelectItem) {
linkProps['aria-checked'] = isSelected;
}
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("li", listItemProps, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.cloneElement(linkEl, linkProps));
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MenuLinkItem);
/***/ }),
/***/ "./src/components/menu/MenuSectionHeader.tsx":
/*!***************************************************!*\
!*** ./src/components/menu/MenuSectionHeader.tsx ***!
\***************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _MenuItem__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./MenuItem */ "./src/components/menu/MenuItem.tsx");
const _excluded = ["className"];
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
const MenuSectionHeader = _ref => {
let {
className = ''
} = _ref,
rest = _objectWithoutProperties(_ref, _excluded);
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_MenuItem__WEBPACK_IMPORTED_MODULE_1__["default"], _extends({
className: `menu-section-header ${className}`,
isDisabled: true
}, rest));
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MenuSectionHeader);
/***/ }),
/***/ "./src/components/menu/MenuSeparator.tsx":
/*!***********************************************!*\
!*** ./src/components/menu/MenuSeparator.tsx ***!
\***********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
const MenuSeparator = ({
className
}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("li", {
className: classnames__WEBPACK_IMPORTED_MODULE_1___default()('bdl-MenuSeparator', className),
role: "separator"
});
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MenuSeparator);
/***/ }),
/***/ "./src/components/menu/SelectMenuItem.tsx":
/*!************************************************!*\
!*** ./src/components/menu/SelectMenuItem.tsx ***!
\************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _MenuItem__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./MenuItem */ "./src/components/menu/MenuItem.tsx");
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
const SelectMenuItem = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_MenuItem__WEBPACK_IMPORTED_MODULE_1__["default"], _extends({
isSelectItem: true
}, props));
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SelectMenuItem);
/***/ }),
/***/ "./src/components/menu/SelectMenuLinkItem.tsx":
/*!****************************************************!*\
!*** ./src/components/menu/SelectMenuLinkItem.tsx ***!
\****************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _MenuLinkItem__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./MenuLinkItem */ "./src/components/menu/MenuLinkItem.tsx");
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
const SelectMenuLinkItem = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_MenuLinkItem__WEBPACK_IMPORTED_MODULE_1__["default"], _extends({
isSelectItem: true
}, props));
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SelectMenuLinkItem);
/***/ }),
/***/ "./src/components/menu/SubmenuItem.tsx":
/*!*********************************************!*\
!*** ./src/components/menu/SubmenuItem.tsx ***!
\*********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash/omit */ "./node_modules/lodash/omit.js");
/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash_omit__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! lodash/debounce */ "./node_modules/lodash/debounce.js");
/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _SubmenuItem_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./SubmenuItem.scss */ "./src/components/menu/SubmenuItem.scss");
/* harmony import */ var _icon_fill_Arrow16__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../icon/fill/Arrow16 */ "./src/icon/fill/Arrow16.tsx");
const _excluded = ["children", "className", "isDisabled"];
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; }
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; }
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
const SUBMENU_LEFT_ALIGNED_CLASS = 'is-left-aligned';
const SUBMENU_BOTTOM_ALIGNED_CLASS = 'is-bottom-aligned';
const SUBMENU_RIGHT_BOTTOM_ALIGNED_CLASS = 'is-right-bottom-aligned';
/**
* A menu-item component which triggers open a submenu
*
* @NOTE: Nested submenus are NOT currently supported, switching
* focus with arrow keys in the subsubmenu is not working properly.
*/
class SubmenuItem extends react__WEBPACK_IMPORTED_MODULE_0__.Component {
constructor(...args) {
super(...args);
_defineProperty(this, "state", {
isSubmenuOpen: false,
submenuFocusIndex: null
});
_defineProperty(this, "getMenuAlignmentClasses", () => {
if (!this.submenuTriggerEl || !this.submenuEl) {
return {};
}
const {
rightBoundaryElement,
bottomBoundaryElement
} = this.props;
const submenuElBounding = this.submenuEl.getBoundingClientRect();
const submenuTriggerElBounding = this.submenuTriggerEl.getBoundingClientRect();
const rightBoundaryElementBounding = rightBoundaryElement ? rightBoundaryElement.getBoundingClientRect() : {
right: window.innerWidth
};
const bottomBoundaryElementBounding = bottomBoundaryElement ? bottomBoundaryElement.getBoundingClientRect() : {
bottom: window.innerHeight
};
const isLeftAligned = submenuTriggerElBounding.right + submenuElBounding.width > rightBoundaryElementBounding.right;
const isBottomAligned = submenuTriggerElBounding.top + submenuElBounding.height > bottomBoundaryElementBounding.bottom;
const isRightBottomAligned = submenuTriggerElBounding.bottom + submenuElBounding.height > bottomBoundaryElementBounding.bottom;
return {
[SUBMENU_LEFT_ALIGNED_CLASS]: isLeftAligned,
[SUBMENU_BOTTOM_ALIGNED_CLASS]: isBottomAligned,
[SUBMENU_RIGHT_BOTTOM_ALIGNED_CLASS]: isRightBottomAligned // Used only in medium-screen viewport sizes
};
});
_defineProperty(this, "handleMenuItemClick", event => {
const {
isDisabled,
onClick
} = this.props;
// If aria-disabled is passed as a prop, we should ignore clicks on this menu item
if (isDisabled) {
event.stopPropagation();
event.preventDefault();
return;
}
if (onClick) {
onClick(event);
}
// If event target is triggering submenu element, do not propagate to close menu
if (this.submenuEl && !this.submenuEl.contains(event.target)) {
event.stopPropagation();
event.preventDefault();
}
});
_defineProperty(this, "handleKeyDown", event => {
switch (event.key) {
case ' ':
case 'Enter':
case 'ArrowRight':
event.stopPropagation();
event.preventDefault();
this.openSubmenuAndFocus();
break;
default:
break;
}
});
_defineProperty(this, "closeSubmenu", lodash_debounce__WEBPACK_IMPORTED_MODULE_3___default()(() => {
this.setState({
isSubmenuOpen: false
});
}, 50));
_defineProperty(this, "closeSubmenuAndFocusTrigger", isKeyboardEvent => {
this.closeSubmenu();
if (this.submenuTriggerEl && isKeyboardEvent) {
this.submenuTriggerEl.focus();
}
});
_defineProperty(this, "openSubmenu", () => {
this.closeSubmenu.cancel();
const {
onOpen
} = this.props;
if (onOpen) {
onOpen();
}
this.setState({
isSubmenuOpen: true,
submenuFocusIndex: null
});
});
_defineProperty(this, "openSubmenuAndFocus", () => {
const {
onOpen
} = this.props;
if (onOpen) {
onOpen();
}
this.setState({
isSubmenuOpen: true,
submenuFocusIndex: 0
});
});
}
render() {
const _this$props = this.props,
{
children,
className,
isDisabled
} = _this$props,
rest = _objectWithoutProperties(_this$props, _excluded);
const {
isSubmenuOpen,
submenuFocusIndex
} = this.state;
const elements = react__WEBPACK_IMPORTED_MODULE_0__.Children.toArray(children);
const submenuTriggerContent = elements[0];
const submenu = elements[1];
if (elements.length !== 2 || !submenuTriggerContent || !submenu) {
throw new Error('SubmenuItem must have exactly two children, a trigger component and a <Menu>');
}
const chevron = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icon_fill_Arrow16__WEBPACK_IMPORTED_MODULE_5__["default"], {
className: "menu-item-arrow",
width: 12,
height: 12
});
const menuItemProps = _objectSpread(_objectSpread({}, lodash_omit__WEBPACK_IMPORTED_MODULE_2___default()(rest, ['bottomBoundaryElement', 'onClick', 'onOpen', 'rightBoundaryElement', 'role', 'tabIndex'])), {}, {
'aria-disabled': isDisabled ? 'true' : undefined,
'aria-expanded': isSubmenuOpen ? 'true' : 'false',
'aria-haspopup': 'true',
className: classnames__WEBPACK_IMPORTED_MODULE_1___default()('menu-item', 'submenu-target', className),
onClick: this.handleMenuItemClick,
onMouseLeave: this.closeSubmenu,
onMouseEnter: this.openSubmenu,
onKeyDown: this.handleKeyDown,
ref: ref => {
this.submenuTriggerEl = ref;
},
role: 'menuitem',
tabIndex: -1
});
const submenuProps = {
className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(submenu.props.className, 'submenu', this.getMenuAlignmentClasses()),
initialFocusIndex: submenuFocusIndex,
// Hide the menu instead of unmounting it. Otherwise onMouseLeave won't work.
isHidden: !isSubmenuOpen,
isSubmenu: true,
onClose: this.closeSubmenuAndFocusTrigger,
setRef: ref => {
this.submenuEl = ref;
}
};
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("li", menuItemProps, submenuTriggerContent, chevron, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.cloneElement(submenu, submenuProps));
}
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SubmenuItem);
/***/ }),
/***/ "./src/components/menu/index.ts":
/*!**************************************!*\
!*** ./src/components/menu/index.ts ***!
\**************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ Menu: () => (/* reexport safe */ _Menu__WEBPACK_IMPORTED_MODULE_0__["default"]),
/* harmony export */ MenuContext: () => (/* reexport safe */ _MenuContext__WEBPACK_IMPORTED_MODULE_1__["default"]),
/* harmony export */ MenuHeader: () => (/* reexport safe */ _MenuHeader__WEBPACK_IMPORTED_MODULE_2__["default"]),
/* harmony export */ MenuItem: () => (/* reexport safe */ _MenuItem__WEBPACK_IMPORTED_MODULE_3__["default"]),
/* harmony export */ MenuLinkItem: () => (/* reexport safe */ _MenuLinkItem__WEBPACK_IMPORTED_MODULE_4__["default"]),
/* harmony export */ MenuSectionHeader: () => (/* reexport safe */ _MenuSectionHeader__WEBPACK_IMPORTED_MODULE_5__["default"]),
/* harmony export */ MenuSeparator: () => (/* reexport safe */ _MenuSeparator__WEBPACK_IMPORTED_MODULE_6__["default"]),
/* harmony export */ SelectMenuItem: () => (/* reexport safe */ _SelectMenuItem__WEBPACK_IMPORTED_MODULE_7__["default"]),
/* harmony export */ SelectMenuLinkItem: () => (/* reexport safe */ _SelectMenuLinkItem__WEBPACK_IMPORTED_MODULE_8__["default"]),
/* harmony export */ SubmenuItem: () => (/* reexport safe */ _SubmenuItem__WEBPACK_IMPORTED_MODULE_9__["default"])
/* harmony export */ });
/* harmony import */ var _Menu__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Menu */ "./src/components/menu/Menu.tsx");
/* harmony import */ var _MenuContext__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./MenuContext */ "./src/components/menu/MenuContext.tsx");
/* harmony import */ var _MenuHeader__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./MenuHeader */ "./src/components/menu/MenuHeader.tsx");
/* harmony import */ var _MenuItem__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./MenuItem */ "./src/components/menu/MenuItem.tsx");
/* harmony import */ var _MenuLinkItem__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./MenuLinkItem */ "./src/components/menu/MenuLinkItem.tsx");
/* harmony import */ var _MenuSectionHeader__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./MenuSectionHeader */ "./src/components/menu/MenuSectionHeader.tsx");
/* harmony import */ var _MenuSeparator__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./MenuSeparator */ "./src/components/menu/MenuSeparator.tsx");
/* harmony import */ var _SelectMenuItem__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./SelectMenuItem */ "./src/components/menu/SelectMenuItem.tsx");
/* harmony import */ var _SelectMenuLinkItem__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./SelectMenuLinkItem */ "./src/components/menu/SelectMenuLinkItem.tsx");
/* harmony import */ var _SubmenuItem__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./SubmenuItem */ "./src/components/menu/SubmenuItem.tsx");
/***/ }),
/***/ "./src/components/sidebar-toggle-button/SidebarToggleButton.js":
/*!*********************************************************************!*\
!*** ./src/components/sidebar-toggle-button/SidebarToggleButton.js ***!
\*********************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react-intl */ "./node_modules/react-intl/lib/src/components/injectIntl.js");
/* harmony import */ var _icons_general_IconHide__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../icons/general/IconHide */ "./src/icons/general/IconHide.tsx");
/* harmony import */ var _icons_general_IconShow__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../icons/general/IconShow */ "./src/icons/general/IconShow.tsx");
/* harmony import */ var _plain_button__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../plain-button */ "./src/components/plain-button/index.ts");
/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../tooltip */ "./src/components/tooltip/index.ts");
/* harmony import */ var _elements_common_messages__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../elements/common/messages */ "./src/elements/common/messages.js");
/* harmony import */ var _SidebarToggleButton_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./SidebarToggleButton.scss */ "./src/components/sidebar-toggle-button/SidebarToggleButton.scss");
const _excluded = ["className", "direction", "intl", "isOpen", "onClick"];
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
const DIRECTION_LEFT = 'left';
const DIRECTION_RIGHT = 'right';
const SidebarToggleButton = _ref => {
let {
className = '',
direction = DIRECTION_RIGHT,
intl,
isOpen,
onClick
} = _ref,
rest = _objectWithoutProperties(_ref, _excluded);
const isCollapsed = !isOpen ? 'collapsed' : '';
const intlMessage = isOpen ? _elements_common_messages__WEBPACK_IMPORTED_MODULE_6__["default"].sidebarHide : _elements_common_messages__WEBPACK_IMPORTED_MODULE_6__["default"].sidebarShow;
const intlText = intl.formatMessage(intlMessage);
const classes = classnames__WEBPACK_IMPORTED_MODULE_1___default()(className, 'bdl-SidebarToggleButton', {
'bdl-is-collapsed': isCollapsed
});
const tooltipPosition = direction === DIRECTION_LEFT ? 'middle-right' : 'middle-left';
const renderButton = () => {
if (direction === DIRECTION_LEFT) {
return isOpen ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons_general_IconShow__WEBPACK_IMPORTED_MODULE_3__["default"], {
height: 16,
width: 16
}) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons_general_IconHide__WEBPACK_IMPORTED_MODULE_2__["default"], {
height: 16,
width: 16
});
}
return isOpen ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons_general_IconHide__WEBPACK_IMPORTED_MODULE_2__["default"], {
height: 16,
width: 16
}) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons_general_IconShow__WEBPACK_IMPORTED_MODULE_3__["default"], {
height: 16,
width: 16
});
};
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_tooltip__WEBPACK_IMPORTED_MODULE_5__["default"], {
position: tooltipPosition,
text: intlText
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_plain_button__WEBPACK_IMPORTED_MODULE_4__["default"], _extends({
"aria-label": intlText,
className: classes,
onClick: onClick,
type: "button"
}, rest), renderButton()));
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,react_intl__WEBPACK_IMPORTED_MODULE_8__["default"])(SidebarToggleButton));
/***/ }),
/***/ "./src/components/tooltip/index.ts":
/*!*****************************************!*\
!*** ./src/components/tooltip/index.ts ***!
\*****************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ TooltipPosition: () => (/* reexport safe */ _Tooltip__WEBPACK_IMPORTED_MODULE_0__.TooltipPosition),
/* harmony export */ TooltipTheme: () => (/* reexport safe */ _Tooltip__WEBPACK_IMPORTED_MODULE_0__.TooltipTheme),
/* harmony export */ "default": () => (/* reexport safe */ _Tooltip__WEBPACK_IMPORTED_MODULE_0__["default"])
/* harmony export */ });
/* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Tooltip */ "./src/components/tooltip/Tooltip.tsx");
// Need to import and re-export the type to be shared in another component.
// https://github.com/babel/babel-loader/issues/603#issuecomment-418472968
/***/ }),
/***/ "./src/elements/common/current-user/index.ts":
/*!***************************************************!*\
!*** ./src/elements/common/current-user/index.ts ***!
\***************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (/* reexport safe */ _withCurrentUser__WEBPACK_IMPORTED_MODULE_0__["default"]),
/* harmony export */ withCurrentUser: () => (/* reexport safe */ _withCurrentUser__WEBPACK_IMPORTED_MODULE_0__["default"])
/* harmony export */ });
/* harmony import */ var _withCurrentUser__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./withCurrentUser */ "./src/elements/common/current-user/withCurrentUser.tsx");
/***/ }),
/***/ "./src/elements/common/current-user/withCurrentUser.tsx":
/*!**************************************************************!*\
!*** ./src/elements/common/current-user/withCurrentUser.tsx ***!
\**************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (/* binding */ withCurrentUser)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _messages__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../messages */ "./src/elements/common/messages.js");
/* harmony import */ var _api_context__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../api-context */ "./src/elements/common/api-context/index.js");
/* harmony import */ var _utils_error__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../utils/error */ "./src/utils/error.js");
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
// @ts-ignore: no ts definition
// @ts-ignore: no ts definition
// eslint-disable-next-line import/named
// @ts-ignore: no ts definition
// @ts-ignore: no ts definition
// eslint-disable-next-line import/named
// @ts-ignore: no ts definition
// eslint-disable-next-line import/named
// @ts-ignore: no ts definition
// eslint-disable-next-line import/named
function withCurrentUser(WrappedComponent) {
class ComponentWithCurrentUser extends react__WEBPACK_IMPORTED_MODULE_0__.Component {
constructor(props) {
super(props);
/**
* Network error callback
*
* @private
* @param {Error} error - Error object
* @param {Error} code - the code for the error
* @param {Object} contextInfo - the