@orfeas126/box-ui-elements
Version:
Box UI Elements
953 lines (838 loc) • 292 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([["details-sidebar"],{
/***/ "./src/components/collapsible/Collapsible.tsx":
/*!****************************************************!*\
!*** ./src/components/collapsible/Collapsible.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 */ "react");
/* 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 react_animate_height__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-animate-height */ "./node_modules/react-animate-height/dist/esm/index.js");
/* harmony import */ var _common_variables__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../common/variables */ "./src/common/variables.js");
/* harmony import */ var _icons_general_IconCaretDown__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../icons/general/IconCaretDown */ "./src/icons/general/IconCaretDown.tsx");
/* harmony import */ var _plain_button__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../plain-button */ "./src/components/plain-button/index.ts");
/* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../button */ "./src/components/button/index.ts");
/* harmony import */ var _styles_variables__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../styles/variables */ "./src/styles/variables.ts");
/* harmony import */ var _Collapsible_scss__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Collapsible.scss */ "./src/components/collapsible/Collapsible.scss");
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 flow import
class Collapsible extends react__WEBPACK_IMPORTED_MODULE_0__.PureComponent {
constructor(props) {
super(props);
_defineProperty(this, "toggleVisibility", () => {
const {
onOpen,
onClose
} = this.props;
this.setState(prevState => ({
isOpen: !prevState.isOpen
}), () => {
const {
isOpen
} = this.state;
if (isOpen && onOpen) {
onOpen(this);
} else if (!isOpen && onClose) {
onClose(this);
}
});
});
this.state = {
isOpen: props.isOpen
};
}
render() {
const {
isOpen
} = this.state;
const {
animationDuration,
buttonProps = {},
children,
className,
isBordered,
hasStickyHeader,
headerActionItems,
title
} = this.props;
const sectionClassName = classnames__WEBPACK_IMPORTED_MODULE_1___default()('collapsible-card', {
'is-open': isOpen
}, {
'is-bordered': isBordered
}, className);
const resinTagTarget = _common_variables__WEBPACK_IMPORTED_MODULE_4__.RESIN_TAG_TARGET;
const modifiedButtonProps = lodash_omit__WEBPACK_IMPORTED_MODULE_2___default()(buttonProps, [resinTagTarget]);
const interactionTarget = buttonProps[resinTagTarget];
const buttonClassName = hasStickyHeader ? 'collapsible-card-header has-sticky-header' : 'collapsible-card-header';
if (interactionTarget) {
modifiedButtonProps[resinTagTarget] = `${interactionTarget}${isOpen ? 'collapse' : 'expand'}`;
}
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
className: sectionClassName
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
className: buttonClassName
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_plain_button__WEBPACK_IMPORTED_MODULE_6__["default"], _extends({}, modifiedButtonProps, {
"aria-expanded": isOpen,
className: "collapsible-card-title",
onClick: this.toggleVisibility,
type: _button__WEBPACK_IMPORTED_MODULE_7__.ButtonType.BUTTON
}), title, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons_general_IconCaretDown__WEBPACK_IMPORTED_MODULE_5__["default"], {
className: "collapsible-card-header-caret",
color: _styles_variables__WEBPACK_IMPORTED_MODULE_8__.bdlGray50,
width: 8
})), !!headerActionItems && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", {
className: "bdl-Collapsible-actionItems"
}, headerActionItems)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_animate_height__WEBPACK_IMPORTED_MODULE_3__["default"], {
duration: animationDuration,
height: isOpen ? 'auto' : 0
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
className: "collapsible-card-content"
}, children)));
}
}
_defineProperty(Collapsible, "defaultProps", {
buttonProps: {},
className: '',
isOpen: true,
animationDuration: 100
});
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Collapsible);
/***/ }),
/***/ "./src/components/collapsible/index.ts":
/*!*********************************************!*\
!*** ./src/components/collapsible/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 */ _Collapsible__WEBPACK_IMPORTED_MODULE_0__["default"])
/* harmony export */ });
/* harmony import */ var _Collapsible__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Collapsible */ "./src/components/collapsible/Collapsible.tsx");
/***/ }),
/***/ "./src/components/ghost/Ghost.tsx":
/*!****************************************!*\
!*** ./src/components/ghost/Ghost.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 */ "react");
/* 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 _Ghost_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Ghost.scss */ "./src/components/ghost/Ghost.scss");
const _excluded = ["isAnimated", "className", "height", "width", "borderRadius", "style"];
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 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 _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); }
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; }
// A dimension compatible with React's handling of the "style" prop
const Ghost = _ref => {
let {
isAnimated = true,
className,
height,
width,
borderRadius,
style = {}
} = _ref,
rest = _objectWithoutProperties(_ref, _excluded);
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", _extends({
className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(className, 'bdl-Ghost', {
'bdl-Ghost--isAnimated': isAnimated
}),
style: _objectSpread({
height,
width,
borderRadius
}, style)
}, rest));
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Ghost);
/***/ }),
/***/ "./src/components/ghost/index.tsx":
/*!****************************************!*\
!*** ./src/components/ghost/index.tsx ***!
\****************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (/* reexport safe */ _Ghost__WEBPACK_IMPORTED_MODULE_0__["default"])
/* harmony export */ });
/* harmony import */ var _Ghost__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Ghost */ "./src/components/ghost/Ghost.tsx");
/***/ }),
/***/ "./src/components/label-pill/LabelPill.tsx":
/*!*************************************************!*\
!*** ./src/components/label-pill/LabelPill.tsx ***!
\*************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ LabelPillSize: () => (/* binding */ LabelPillSize),
/* harmony export */ LabelPillStatus: () => (/* binding */ LabelPillStatus),
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* 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_startCase__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash/startCase */ "./node_modules/lodash/startCase.js");
/* harmony import */ var lodash_startCase__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash_startCase__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _LabelPillIcon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./LabelPillIcon */ "./src/components/label-pill/LabelPillIcon.tsx");
/* harmony import */ var _LabelPillText__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./LabelPillText */ "./src/components/label-pill/LabelPillText.tsx");
/* harmony import */ var _LabelPill_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./LabelPill.scss */ "./src/components/label-pill/LabelPill.scss");
const _excluded = ["children", "type", "size", "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; }
let LabelPillStatus = /*#__PURE__*/function (LabelPillStatus) {
LabelPillStatus["DEFAULT"] = "default";
LabelPillStatus["INFO"] = "info";
LabelPillStatus["FTUX"] = "ftux";
LabelPillStatus["HIGHLIGHT"] = "highlight";
LabelPillStatus["SUCCESS"] = "success";
LabelPillStatus["WARNING"] = "warning";
LabelPillStatus["ALERT"] = "alert";
LabelPillStatus["ERROR"] = "error";
return LabelPillStatus;
}({});
let LabelPillSize = /*#__PURE__*/function (LabelPillSize) {
LabelPillSize["REGULAR"] = "regular";
LabelPillSize["LARGE"] = "large";
return LabelPillSize;
}({});
const LabelPillContainer = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef((props, ref) => {
const {
children,
type = LabelPillStatus.DEFAULT,
size = LabelPillSize.REGULAR,
className
} = props,
rest = _objectWithoutProperties(props, _excluded);
const labelPillClasses = classnames__WEBPACK_IMPORTED_MODULE_1___default()('bdl-LabelPill', `bdl-LabelPill--${type}`, `bdl-LabelPill--size${lodash_startCase__WEBPACK_IMPORTED_MODULE_2___default()(size)}`, className);
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", _extends({
ref: ref,
className: labelPillClasses
}, rest), children);
});
LabelPillContainer.displayName = 'LabelPill';
const LabelPill = {
Pill: LabelPillContainer,
Text: _LabelPillText__WEBPACK_IMPORTED_MODULE_4__["default"],
Icon: _LabelPillIcon__WEBPACK_IMPORTED_MODULE_3__["default"]
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (LabelPill);
/***/ }),
/***/ "./src/components/label-pill/LabelPillIcon.tsx":
/*!*****************************************************!*\
!*** ./src/components/label-pill/LabelPillIcon.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 */ "react");
/* 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 _excluded = ["Component", "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 LabelPillIcon = _ref => {
let {
Component,
className
} = _ref,
rest = _objectWithoutProperties(_ref, _excluded);
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component, _extends({
className: classnames__WEBPACK_IMPORTED_MODULE_1___default()('bdl-LabelPill-iconContent', className),
width: 12,
height: 12
}, rest));
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (LabelPillIcon);
/***/ }),
/***/ "./src/components/label-pill/LabelPillText.tsx":
/*!*****************************************************!*\
!*** ./src/components/label-pill/LabelPillText.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 */ "react");
/* 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 _excluded = ["children", "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 LabelPillText = _ref => {
let {
children,
className
} = _ref,
rest = _objectWithoutProperties(_ref, _excluded);
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", _extends({
className: classnames__WEBPACK_IMPORTED_MODULE_1___default()('bdl-LabelPill-textContent', className)
}, rest), children);
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (LabelPillText);
/***/ }),
/***/ "./src/components/label-pill/index.ts":
/*!********************************************!*\
!*** ./src/components/label-pill/index.ts ***!
\********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ LabelPillStatus: () => (/* reexport safe */ _LabelPill__WEBPACK_IMPORTED_MODULE_0__.LabelPillStatus),
/* harmony export */ "default": () => (/* reexport safe */ _LabelPill__WEBPACK_IMPORTED_MODULE_0__["default"])
/* harmony export */ });
/* harmony import */ var _LabelPill__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./LabelPill */ "./src/components/label-pill/LabelPill.tsx");
/***/ }),
/***/ "./src/components/modal/index.js":
/*!***************************************!*\
!*** ./src/components/modal/index.js ***!
\***************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ Modal: () => (/* reexport safe */ _Modal__WEBPACK_IMPORTED_MODULE_0__["default"]),
/* harmony export */ ModalActions: () => (/* reexport safe */ _ModalActions__WEBPACK_IMPORTED_MODULE_1__["default"]),
/* harmony export */ ModalDialog: () => (/* reexport safe */ _ModalDialog__WEBPACK_IMPORTED_MODULE_2__["default"])
/* harmony export */ });
/* harmony import */ var _Modal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Modal */ "./src/components/modal/Modal.js");
/* harmony import */ var _ModalActions__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ModalActions */ "./src/components/modal/ModalActions.js");
/* harmony import */ var _ModalDialog__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ModalDialog */ "./src/components/modal/ModalDialog.js");
/***/ }),
/***/ "./src/components/text-input/TextInput.js":
/*!************************************************!*\
!*** ./src/components/text-input/TextInput.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 */ "react");
/* 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_uniqueId__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash/uniqueId */ "./node_modules/lodash/uniqueId.js");
/* harmony import */ var lodash_uniqueId__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash_uniqueId__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _icons_general_IconVerified__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../icons/general/IconVerified */ "./src/icons/general/IconVerified.tsx");
/* harmony import */ var _label__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../label */ "./src/components/label/index.tsx");
/* harmony import */ var _loading_indicator__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../loading-indicator */ "./src/components/loading-indicator/index.ts");
/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../tooltip */ "./src/components/tooltip/index.ts");
/* harmony import */ var _TextInput_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./TextInput.scss */ "./src/components/text-input/TextInput.scss");
const _excluded = ["className", "description", "error", "errorPosition", "hideLabel", "hideOptionalLabel", "icon", "inputRef", "isLoading", "isRequired", "isValid", "label", "labelTooltip", "tooltipTetherClassName"];
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 TextInput = _ref => {
let {
className = '',
description,
error,
errorPosition,
hideLabel,
hideOptionalLabel,
icon,
inputRef,
isLoading,
isRequired,
isValid,
label,
labelTooltip,
tooltipTetherClassName
} = _ref,
rest = _objectWithoutProperties(_ref, _excluded);
const hasError = !!error;
const classes = classnames__WEBPACK_IMPORTED_MODULE_1___default()(className, 'text-input-container', {
'show-error': hasError
});
const descriptionID = react__WEBPACK_IMPORTED_MODULE_0__.useRef(lodash_uniqueId__WEBPACK_IMPORTED_MODULE_2___default()('description')).current;
const ariaAttrs = {
'aria-invalid': hasError,
'aria-required': isRequired,
'aria-describedby': description ? descriptionID : undefined
};
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
className: classes
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_label__WEBPACK_IMPORTED_MODULE_4__["default"], {
hideLabel: hideLabel,
showOptionalText: !hideOptionalLabel && !isRequired,
text: label,
tooltip: labelTooltip
}, !!description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
id: descriptionID,
className: "text-input-description"
}, description), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_tooltip__WEBPACK_IMPORTED_MODULE_6__["default"], {
isShown: hasError,
position: errorPosition || 'middle-right',
tetherElementClassName: tooltipTetherClassName,
text: error || '',
theme: "error"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", _extends({
ref: inputRef,
required: isRequired
}, ariaAttrs, rest))), isLoading && !isValid && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_loading_indicator__WEBPACK_IMPORTED_MODULE_5__["default"], {
className: "text-input-loading"
}), isValid && !isLoading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons_general_IconVerified__WEBPACK_IMPORTED_MODULE_3__["default"], {
className: "text-input-verified"
}), !isLoading && !isValid && icon ? icon : null));
};
TextInput.displayName = 'TextInput';
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TextInput);
/***/ }),
/***/ "./src/elements/common/date/DateField.js":
/*!***********************************************!*\
!*** ./src/elements/common/date/DateField.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 */ "react");
/* 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_4__ = __webpack_require__(/*! react-intl */ "./node_modules/react-intl/lib/src/components/message.js");
/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-intl */ "./node_modules/react-intl/lib/src/components/injectIntl.js");
/* harmony import */ var _utils_datetime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../utils/datetime */ "./src/utils/datetime.js");
/* harmony import */ var _messages__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../messages */ "./src/elements/common/messages.js");
/* harmony import */ var _DateField_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./DateField.scss */ "./src/elements/common/date/DateField.scss");
/**
*
* @file Function to render the date table cell
* @author Box
*/
const DEFAULT_DATE_FORMAT = {
weekday: 'short',
month: 'short',
year: 'numeric',
day: 'numeric'
};
const DateField = ({
date,
dateFormat = DEFAULT_DATE_FORMAT,
omitCommas = false,
intl,
relative = true,
capitalize = false
}) => {
const d = new Date(date);
const isTodaysDate = (0,_utils_datetime__WEBPACK_IMPORTED_MODULE_1__.isToday)(d);
const isYesterdaysDate = (0,_utils_datetime__WEBPACK_IMPORTED_MODULE_1__.isYesterday)(d);
if (relative && (isTodaysDate || isYesterdaysDate)) {
let Message = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_intl__WEBPACK_IMPORTED_MODULE_4__["default"], _messages__WEBPACK_IMPORTED_MODULE_2__["default"].today);
if (isYesterdaysDate) {
Message = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_intl__WEBPACK_IMPORTED_MODULE_4__["default"], _messages__WEBPACK_IMPORTED_MODULE_2__["default"].yesterday);
}
if (capitalize) {
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", {
className: "be-date-capitalize"
}, Message);
}
return Message;
}
let formattedDate = intl.formatDate(d, dateFormat);
formattedDate = omitCommas ? formattedDate.replace(/,/g, '') : formattedDate;
return formattedDate;
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,react_intl__WEBPACK_IMPORTED_MODULE_5__["default"])(DateField));
/***/ }),
/***/ "./src/elements/common/date/index.js":
/*!*******************************************!*\
!*** ./src/elements/common/date/index.js ***!
\*******************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (/* reexport safe */ _DateField__WEBPACK_IMPORTED_MODULE_0__["default"])
/* harmony export */ });
/* harmony import */ var _DateField__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./DateField */ "./src/elements/common/date/DateField.js");
/***/ }),
/***/ "./src/elements/content-sidebar/DetailsSidebar.js":
/*!********************************************************!*\
!*** ./src/elements/content-sidebar/DetailsSidebar.js ***!
\********************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ DetailsSidebarComponent: () => (/* binding */ DetailsSidebar),
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var lodash_flow__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash/flow */ "./node_modules/lodash/flow.js");
/* harmony import */ var lodash_flow__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_flow__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var lodash_get__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash/get */ "./node_modules/lodash/get.js");
/* harmony import */ var lodash_get__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash_get__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var lodash_noop__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! lodash/noop */ "./node_modules/lodash/noop.js");
/* harmony import */ var lodash_noop__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(lodash_noop__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! react-intl */ "./node_modules/react-intl/lib/src/components/message.js");
/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../api */ "./src/api/index.js");
/* harmony import */ var _common_messages__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../common/messages */ "./src/elements/common/messages.js");
/* harmony import */ var _SidebarAccessStats__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./SidebarAccessStats */ "./src/elements/content-sidebar/SidebarAccessStats.js");
/* harmony import */ var _SidebarClassification__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./SidebarClassification */ "./src/elements/content-sidebar/SidebarClassification.js");
/* harmony import */ var _SidebarContentInsights__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./SidebarContentInsights */ "./src/elements/content-sidebar/SidebarContentInsights.tsx");
/* harmony import */ var _SidebarContent__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./SidebarContent */ "./src/elements/content-sidebar/SidebarContent.js");
/* harmony import */ var _SidebarFileProperties__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./SidebarFileProperties */ "./src/elements/content-sidebar/SidebarFileProperties.js");
/* harmony import */ var _SidebarNotices__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./SidebarNotices */ "./src/elements/content-sidebar/SidebarNotices.js");
/* harmony import */ var _SidebarSection__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./SidebarSection */ "./src/elements/content-sidebar/SidebarSection.js");
/* harmony import */ var _SidebarVersions__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./SidebarVersions */ "./src/elements/content-sidebar/SidebarVersions.js");
/* harmony import */ var _common_logger_constants__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../common/logger/constants */ "./src/elements/common/logger/constants.js");
/* harmony import */ var _utils_error__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../utils/error */ "./src/utils/error.js");
/* harmony import */ var _common_feature_checking__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../common/feature-checking */ "./src/elements/common/feature-checking/index.js");
/* harmony import */ var _utils_performance__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../utils/performance */ "./src/utils/performance.js");
/* harmony import */ var _common_interactionTargets__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../common/interactionTargets */ "./src/elements/common/interactionTargets.js");
/* harmony import */ var _utils_fields__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../../utils/fields */ "./src/utils/fields.js");
/* harmony import */ var _common_api_context__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../common/api-context */ "./src/elements/common/api-context/index.js");
/* harmony import */ var _common_error_boundary__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../common/error-boundary */ "./src/elements/common/error-boundary/index.js");
/* harmony import */ var _common_logger__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../common/logger */ "./src/elements/common/logger/index.js");
/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../../constants */ "./src/constants.js");
/* harmony import */ var _DetailsSidebar_scss__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./DetailsSidebar.scss */ "./src/elements/content-sidebar/DetailsSidebar.scss");
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); }
/**
*
* @file Details sidebar component
* @author Box
*/
// $FlowFixMe typescript component
const MARK_NAME_JS_READY = `${_constants__WEBPACK_IMPORTED_MODULE_23__.ORIGIN_DETAILS_SIDEBAR}_${_common_logger_constants__WEBPACK_IMPORTED_MODULE_14__.EVENT_JS_READY}`;
(0,_utils_performance__WEBPACK_IMPORTED_MODULE_17__.mark)(MARK_NAME_JS_READY);
class DetailsSidebar extends react__WEBPACK_IMPORTED_MODULE_0__.PureComponent {
constructor(props) {
super(props);
/**
* File description update callback
*
* @private
* @param {BoxItem} file - Updated file object
* @return {void}
*/
_defineProperty(this, "descriptionChangeSuccessCallback", file => {
this.setState({
file,
fileError: undefined
});
});
/**
* Handles a successful file fetch
*
* @param {Object} file - the box file
* @return {void}
*/
_defineProperty(this, "fetchFileSuccessCallback", file => {
this.setState({
file,
fileError: undefined
});
});
/**
* Handles a failed file fetch
*
* @private
* @param {Error} e - API error
* @param {string} code - error code
* @return {void}
*/
_defineProperty(this, "fetchFileErrorCallback", (e, code) => {
// TODO: handle the error properly (probably with maskError) once files call split out
this.setState({
file: undefined
});
this.props.onError(e, code, {
e
});
});
/**
* Handles a failed file description update
*
* @private
* @param {BoxItem} file - Original file object
* @return {void}
*/
_defineProperty(this, "descriptionChangeErrorCallback", file => {
// Reset the state back to the original description since the API call failed
this.setState({
file,
fileError: {
inlineError: {
title: _common_messages__WEBPACK_IMPORTED_MODULE_5__["default"].fileDescriptionInlineErrorTitleMessage,
content: _common_messages__WEBPACK_IMPORTED_MODULE_5__["default"].defaultInlineErrorContentMessage
}
}
});
});
/**
* Function to update file description
*
* @private
* @param {string} newDescription - New file description
* @return {void}
*/
_defineProperty(this, "onDescriptionChange", newDescription => {
const {
api
} = this.props;
const {
file
} = this.state;
if (!file) {
throw (0,_utils_error__WEBPACK_IMPORTED_MODULE_15__.getBadItemError)();
}
const {
description
} = file;
if (newDescription === description) {
return;
}
api.getFileAPI().setFileDescription(file, newDescription, this.descriptionChangeSuccessCallback, this.descriptionChangeErrorCallback);
});
/**
* Handles a failed file access stats fetch
*
* @private
* @param {Error} e - API error
* @param {string} code - error code
* @return {void}
*/
_defineProperty(this, "fetchAccessStatsErrorCallback", (e, code) => {
if (!this.props.hasAccessStats) {
return;
}
const isForbidden = lodash_get__WEBPACK_IMPORTED_MODULE_2___default()(e, 'status') === _constants__WEBPACK_IMPORTED_MODULE_23__.HTTP_STATUS_CODE_FORBIDDEN;
let accessStatsError;
if (isForbidden) {
accessStatsError = {
error: _common_messages__WEBPACK_IMPORTED_MODULE_5__["default"].fileAccessStatsPermissionsError
};
} else {
accessStatsError = {
maskError: {
errorHeader: _common_messages__WEBPACK_IMPORTED_MODULE_5__["default"].fileAccessStatsErrorHeaderMessage,
errorSubHeader: _common_messages__WEBPACK_IMPORTED_MODULE_5__["default"].defaultErrorMaskSubHeaderMessage
}
};
}
this.setState({
isLoadingAccessStats: false,
accessStats: undefined,
accessStatsError
});
this.props.onError(e, code, {
e,
[_constants__WEBPACK_IMPORTED_MODULE_23__.IS_ERROR_DISPLAYED]: !isForbidden
});
});
/**
* File access stats fetch success callback
*
* @private
* @param {Object} accessStats - access stats for a file
* @return {void}
*/
_defineProperty(this, "fetchAccessStatsSuccessCallback", accessStats => {
if (!this.props.hasAccessStats) {
return;
}
this.setState({
accessStats,
accessStatsError: undefined,
isLoadingAccessStats: false
});
});
this.state = {
isLoadingAccessStats: false
};
const {
logger
} = this.props;
logger.onReadyMetric({
endMarkName: MARK_NAME_JS_READY
});
}
componentDidMount() {
const {
hasAccessStats,
hasContentInsights,
fetchContentInsights
} = this.props;
this.fetchFile();
if (hasAccessStats) {
this.fetchAccessStats();
}
if (hasContentInsights && fetchContentInsights) {
fetchContentInsights();
}
}
componentDidUpdate({
hasAccessStats: prevHasAccessStats,
hasContentInsights: prevHasContentInsights
}) {
const {
hasAccessStats,
hasContentInsights,
fetchContentInsights
} = this.props;
// Component visibility props such as hasAccessStats can sometimes be flipped after an async call
const hasAccessStatsChanged = prevHasAccessStats !== hasAccessStats;
const hasContentInsightsChanged = prevHasContentInsights !== hasContentInsights;
if (hasAccessStatsChanged) {
if (hasAccessStats) {
this.fetchAccessStats();
} else {
this.setState({
isLoadingAccessStats: false,
accessStats: undefined,
accessStatsError: undefined
});
}
}
if (hasContentInsightsChanged && hasContentInsights && fetchContentInsights) {
fetchContentInsights();
}
}
/**
* Fetches a file with the fields needed for details sidebar
*
* @param {Function} successCallback - the success callback
* @param {Function} errorCallback - the error callback
* @return {void}
*/
fetchFile(successCallback = this.fetchFileSuccessCallback, errorCallback = this.fetchFileErrorCallback) {
const {
api,
features,
fileId
} = this.props;
const archiveEnabled = (0,_common_feature_checking__WEBPACK_IMPORTED_MODULE_16__.isFeatureEnabled)(features, 'contentSidebar.archive.enabled');
// TODO: replace this with DETAILS_SIDEBAR_FIELDS_TO_FETCH as we do not need all the sidebar fields
const fields = archiveEnabled ? _utils_fields__WEBPACK_IMPORTED_MODULE_19__.SIDEBAR_FIELDS_TO_FETCH_ARCHIVE : _utils_fields__WEBPACK_IMPORTED_MODULE_19__.SIDEBAR_FIELDS_TO_FETCH;
api.getFileAPI().getFile(fileId, successCallback, errorCallback, {
fields
});
}
/**
* Fetches the access stats for a file
*
* @private
* @return {void}
*/
fetchAccessStats() {
const {
api,
fileId
} = this.props;
const {
isLoadingAccessStats
} = this.state;
if (isLoadingAccessStats) {
return;
}
this.setState({
isLoadingAccessStats: true
});
api.getFileAccessStatsAPI(false).getFileAccessStats(fileId, this.fetchAccessStatsSuccessCallback, this.fetchAccessStatsErrorCallback);
}
refresh() {
this.fetchAccessStats();
}
render() {
const {
classification,
contentInsights,
elementId,
hasProperties,
hasNotices,
hasAccessStats,
hasClassification,
hasContentInsights,
hasRetentionPolicy,
hasVersions,
onAccessStatsClick,
onVersionHistoryClick,
onClassificationClick,
onContentInsightsClick,
onRetentionPolicyExtendClick,
retentionPolicy
} = this.props;
const {
accessStats,
accessStatsError,
file,
fileError,
isLoadingAccessStats
} = this.state;
// TODO: Add loading indicator and handle errors once file call is split out
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SidebarContent__WEBPACK_IMPORTED_MODULE_9__["default"], {
className: "bcs-details",
elementId: elementId,
sidebarView: _constants__WEBPACK_IMPORTED_MODULE_23__.SIDEBAR_VIEW_DETAILS,
title: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_intl__WEBPACK_IMPORTED_MODULE_25__["default"], _common_messages__WEBPACK_IMPORTED_MODULE_5__["default"].sidebarDetailsTitle)
}, file && hasNotices && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
className: "bcs-DetailsSidebar-notices"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SidebarNotices__WEBPACK_IMPORTED_MODULE_11__["default"], {
file: file
})), file && hasClassification && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SidebarClassification__WEBPACK_IMPORTED_MODULE_7__["default"], {
classification: classification,
file: file,
onEdit: onClassificationClick
}), file && hasAccessStats && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SidebarAccessStats__WEBPACK_IMPORTED_MODULE_6__["default"], _extends({
accessStats: accessStats,
file: file,
onAccessStatsClick: onAccessStatsClick
}, accessStatsError)), file && hasContentInsights && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SidebarContentInsights__WEBPACK_IMPORTED_MODULE_8__["default"], {
contentInsights: contentInsights,
onContentInsightsClick: onContentInsightsClick
}), file && hasProperties && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SidebarSection__WEBPACK_IMPORTED_MODULE_12__["default"], {
interactionTarget: _common_interactionTargets__WEBPACK_IMPORTED_MODULE_18__.SECTION_TARGETS.FILE_PROPERTIES,
title: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_intl__WEBPACK_IMPORTED_MODULE_25__["default"], _common_messages__WEBPACK_IMPORTED_MODULE_5__["default"].sidebarProperties)