cozy-viewer 1.1.0

package/dist/Panel/ActionMenuDesktop.js

@@ -0,0 +1,91 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _AppLinker = _interopRequireDefault(require("cozy-ui/transpiled/react/AppLinker"));
+
+var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _Copy = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Copy"));
+
+var _Rename = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Rename"));
+
+var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
+
+var _ActionMenu = _interopRequireWildcard(require("cozy-ui/transpiled/react/deprecated/ActionMenu"));
+
+var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var styles = {
+  "ActionMenuDesktop-ActionMenu": "styles__ActionMenuDesktop-ActionMenu___xxTwZ",
+  "ActionMenuDesktop-ActionMenu-link-disabled": "styles__ActionMenuDesktop-ActionMenu-link-disabled___93DWz"
+};
+var ActionMenuDesktop = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var onClose = _ref.onClose,
+      isEditable = _ref.isEditable,
+      actions = _ref.actions,
+      appLink = _ref.appLink,
+      appSlug = _ref.appSlug;
+  var handleCopy = actions.handleCopy,
+      handleEdit = actions.handleEdit;
+
+  var _useI18n = (0, _I18n.useI18n)(),
+      t = _useI18n.t;
+
+  return /*#__PURE__*/_react.default.createElement(_ActionMenu.default, {
+    className: styles['ActionMenuDesktop-ActionMenu'],
+    onClose: onClose,
+    anchorElRef: ref
+  }, isEditable && /*#__PURE__*/_react.default.createElement(_AppLinker.default, {
+    app: {
+      slug: appSlug
+    },
+    href: appLink
+  }, function (_ref2) {
+    var _onClick = _ref2.onClick,
+        href = _ref2.href;
+    return /*#__PURE__*/_react.default.createElement("a", {
+      href: href,
+      onClick: function onClick() {
+        return handleEdit(_onClick);
+      }
+    }, /*#__PURE__*/_react.default.createElement(_ActionMenu.ActionMenuItem, {
+      left: /*#__PURE__*/_react.default.createElement(_Icon.default, {
+        icon: _Rename.default,
+        color: "var(--iconTextColor)"
+      })
+    }, /*#__PURE__*/_react.default.createElement(_Typography.default, null, t("Viewer.panel.qualification.actions.edit"))));
+  }), /*#__PURE__*/_react.default.createElement(_ActionMenu.ActionMenuItem, {
+    onClick: handleCopy,
+    left: /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      icon: _Copy.default,
+      color: "var(--iconTextColor)"
+    })
+  }, /*#__PURE__*/_react.default.createElement(_Typography.default, null, t("Viewer.panel.qualification.actions.copy"))));
+});
+ActionMenuDesktop.displayName = 'ActionMenuDesktop';
+ActionMenuDesktop.propTypes = {
+  onClose: _propTypes.default.func,
+  isEditable: _propTypes.default.bool,
+  actions: _propTypes.default.shape({
+    handleCopy: _propTypes.default.func,
+    handleEdit: _propTypes.default.func
+  }),
+  appLink: _propTypes.default.string,
+  appSlug: _propTypes.default.string
+};
+var _default = ActionMenuDesktop;
+exports.default = _default;

package/dist/Panel/ActionMenuMobile.d.ts

@@ -0,0 +1,20 @@
+export default ActionMenuMobile;
+declare function ActionMenuMobile({ onClose, isEditable, actions, appLink, appSlug }: {
+    onClose: any;
+    isEditable: any;
+    actions: any;
+    appLink: any;
+    appSlug: any;
+}): JSX.Element;
+declare namespace ActionMenuMobile {
+    namespace propTypes {
+        const onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        const isEditable: PropTypes.Requireable<boolean>;
+        const actions: PropTypes.Requireable<PropTypes.InferProps<{
+            handleCopy: PropTypes.Requireable<(...args: any[]) => any>;
+            handleEdit: PropTypes.Requireable<(...args: any[]) => any>;
+        }>>;
+        const appLink: PropTypes.Requireable<string>;
+    }
+}
+import PropTypes from "prop-types";

package/dist/Panel/ActionMenuMobile.js

@@ -0,0 +1,95 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _AppLinker = _interopRequireDefault(require("cozy-ui/transpiled/react/AppLinker"));
+
+var _BottomSheet = _interopRequireWildcard(require("cozy-ui/transpiled/react/BottomSheet"));
+
+var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _Copy = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Copy"));
+
+var _Rename = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Rename"));
+
+var _List = _interopRequireDefault(require("cozy-ui/transpiled/react/List"));
+
+var _ListItem = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItem"));
+
+var _ListItemIcon = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemIcon"));
+
+var _ListItemText = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemText"));
+
+var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var ActionMenuMobile = function ActionMenuMobile(_ref) {
+  var onClose = _ref.onClose,
+      isEditable = _ref.isEditable,
+      actions = _ref.actions,
+      appLink = _ref.appLink,
+      appSlug = _ref.appSlug;
+
+  var _useI18n = (0, _I18n.useI18n)(),
+      t = _useI18n.t;
+
+  var handleCopy = actions.handleCopy,
+      handleEdit = actions.handleEdit;
+  return /*#__PURE__*/_react.default.createElement(_BottomSheet.default, {
+    backdrop: true,
+    onClose: onClose
+  }, /*#__PURE__*/_react.default.createElement(_BottomSheet.BottomSheetItem, {
+    disableGutters: true
+  }, /*#__PURE__*/_react.default.createElement(_List.default, null, isEditable && /*#__PURE__*/_react.default.createElement(_AppLinker.default, {
+    app: {
+      slug: appSlug
+    },
+    href: appLink
+  }, function (_ref2) {
+    var _onClick = _ref2.onClick,
+        href = _ref2.href;
+    return /*#__PURE__*/_react.default.createElement(_ListItem.default, {
+      button: true,
+      component: "a",
+      href: href,
+      onClick: function onClick() {
+        return handleEdit(_onClick);
+      }
+    }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      icon: _Rename.default
+    })), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
+      primary: t("Viewer.panel.qualification.actions.edit")
+    }));
+  }), /*#__PURE__*/_react.default.createElement(_ListItem.default, {
+    button: true,
+    onClick: handleCopy
+  }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: _Copy.default
+  })), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
+    primary: t("Viewer.panel.qualification.actions.copyClipboard")
+  })))));
+};
+
+ActionMenuMobile.propTypes = {
+  onClose: _propTypes.default.func,
+  isEditable: _propTypes.default.bool,
+  actions: _propTypes.default.shape({
+    handleCopy: _propTypes.default.func,
+    handleEdit: _propTypes.default.func
+  }),
+  appLink: _propTypes.default.string
+};
+var _default = ActionMenuMobile;
+exports.default = _default;

package/dist/Panel/ActionMenuWrapper.d.ts

@@ -0,0 +1,3 @@
+export default ActionMenuWrapper;
+declare const ActionMenuWrapper: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";

package/dist/Panel/ActionMenuWrapper.js

@@ -0,0 +1,155 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _cozyClient = require("cozy-client");
+
+var _Alert = require("cozy-ui/transpiled/react/providers/Alert");
+
+var _Breakpoints = _interopRequireDefault(require("cozy-ui/transpiled/react/providers/Breakpoints"));
+
+var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
+
+var _ActionMenuDesktop = _interopRequireDefault(require("./ActionMenuDesktop"));
+
+var _ActionMenuMobile = _interopRequireDefault(require("./ActionMenuMobile"));
+
+var _helpers = require("../helpers");
+
+var _ActionMenuProvider = _interopRequireDefault(require("../providers/ActionMenuProvider"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var mespapiersAppSlug = 'mespapiers';
+var ActionMenuWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var onClose = _ref.onClose,
+      file = _ref.file,
+      optionFile = _ref.optionFile;
+  var name = optionFile.name,
+      value = optionFile.value;
+  var editPathByModelProps = (0, _ActionMenuProvider.default)();
+
+  var _useBreakpoints = (0, _Breakpoints.default)(),
+      isMobile = _useBreakpoints.isMobile;
+
+  var _useI18n = (0, _I18n.useI18n)(),
+      t = _useI18n.t;
+
+  var _useAlert = (0, _Alert.useAlert)(),
+      showAlert = _useAlert.showAlert;
+
+  var client = (0, _cozyClient.useClient)();
+  var currentModel = (0, _helpers.getCurrentModel)(name);
+  var editPath = (0, _helpers.buildEditAttributePath)(editPathByModelProps, currentModel, optionFile.name);
+
+  var _useAppLinkWithStoreF = (0, _cozyClient.useAppLinkWithStoreFallback)(mespapiersAppSlug, client, editPath),
+      fetchStatus = _useAppLinkWithStoreF.fetchStatus,
+      url = _useAppLinkWithStoreF.url;
+
+  var isAppLinkLoaded = fetchStatus === 'loaded';
+  var isEditable = Boolean(editPath) && (0, _helpers.isEditableAttribute)(name, file);
+
+  var handleCopy = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return navigator.clipboard.writeText(value);
+
+            case 3:
+              showAlert({
+                message: t("Viewer.snackbar.copiedToClipboard.success"),
+                severity: 'success',
+                variant: 'filled',
+                icon: false
+              });
+              _context.next = 9;
+              break;
+
+            case 6:
+              _context.prev = 6;
+              _context.t0 = _context["catch"](0);
+              showAlert({
+                message: t("Viewer.snackbar.copiedToClipboard.error"),
+                severity: 'error',
+                variant: 'filled',
+                icon: false
+              });
+
+            case 9:
+              onClose();
+
+            case 10:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[0, 6]]);
+    }));
+
+    return function handleCopy() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  var handleEdit = function handleEdit(cb) {
+    if (isAppLinkLoaded) {
+      onClose();
+      cb && cb();
+    }
+  };
+
+  if (isMobile) {
+    return /*#__PURE__*/_react.default.createElement(_ActionMenuMobile.default, {
+      onClose: onClose,
+      isEditable: isEditable,
+      actions: {
+        handleCopy: handleCopy,
+        handleEdit: handleEdit
+      },
+      appLink: url,
+      appSlug: mespapiersAppSlug
+    });
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_ActionMenuDesktop.default, {
+    ref: ref,
+    onClose: onClose,
+    isEditable: isEditable,
+    actions: {
+      handleCopy: handleCopy,
+      handleEdit: handleEdit
+    },
+    appLink: url,
+    appSlug: mespapiersAppSlug
+  });
+});
+ActionMenuWrapper.displayName = 'ActionMenuWrapper';
+ActionMenuWrapper.propTypes = {
+  onClose: _propTypes.default.func,
+  file: _propTypes.default.object,
+  optionFile: _propTypes.default.shape({
+    name: _propTypes.default.string,
+    value: _propTypes.default.string
+  })
+};
+var _default = ActionMenuWrapper;
+exports.default = _default;

package/dist/Panel/Certifications.d.ts

@@ -0,0 +1,2 @@
+declare var _default: any;
+export default _default;

package/dist/Panel/Certifications.js

@@ -0,0 +1,80 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _has = _interopRequireDefault(require("lodash/has"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Icon = _interopRequireWildcard(require("cozy-ui/transpiled/react/Icon"));
+
+var _CarbonCopy = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/CarbonCopy"));
+
+var _Safe = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Safe"));
+
+var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
+
+var _Media = require("cozy-ui/transpiled/react/deprecated/Media");
+
+var _withViewerLocales = require("../hoc/withViewerLocales");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var Certification = function Certification(_ref) {
+  var icon = _ref.icon,
+      title = _ref.title,
+      caption = _ref.caption;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "u-ph-2 u-pv-1"
+  }, /*#__PURE__*/_react.default.createElement(_Media.Media, {
+    className: "u-mb-half",
+    align: "top"
+  }, /*#__PURE__*/_react.default.createElement(_Media.Img, {
+    className: "u-mr-half"
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: icon
+  })), /*#__PURE__*/_react.default.createElement(_Media.Bd, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "body1"
+  }, title))), /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "caption"
+  }, caption));
+};
+
+Certification.propTypes = {
+  icon: _Icon.iconPropType.isRequired,
+  title: _propTypes.default.string.isRequired,
+  caption: _propTypes.default.string.isRequired
+};
+
+var Certifications = function Certifications(_ref2) {
+  var file = _ref2.file,
+      t = _ref2.t;
+  var hasCarbonCopy = (0, _has.default)(file, 'metadata.carbonCopy');
+  var hasElectronicSafe = (0, _has.default)(file, 'metadata.electronicSafe');
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, hasCarbonCopy && /*#__PURE__*/_react.default.createElement(Certification, {
+    icon: _CarbonCopy.default,
+    title: t('Viewer.panel.certifications.carbonCopy.title'),
+    caption: t('Viewer.panel.certifications.carbonCopy.caption')
+  }), hasElectronicSafe && /*#__PURE__*/_react.default.createElement(Certification, {
+    icon: _Safe.default,
+    title: t('Viewer.panel.certifications.electronicSafe.title'),
+    caption: t('Viewer.panel.certifications.electronicSafe.caption')
+  }));
+};
+
+Certifications.propTypes = {
+  file: _propTypes.default.object.isRequired
+};
+
+var _default = (0, _withViewerLocales.withViewerLocales)(Certifications);
+
+exports.default = _default;

package/dist/Panel/PanelContent.d.ts

@@ -0,0 +1,2 @@
+declare var _default: any;
+export default _default;

package/dist/Panel/PanelContent.js

@@ -0,0 +1,71 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Paper = _interopRequireDefault(require("cozy-ui/transpiled/react/Paper"));
+
+var _Stack = _interopRequireDefault(require("cozy-ui/transpiled/react/Stack"));
+
+var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
+
+var _getPanelBlocks = _interopRequireWildcard(require("./getPanelBlocks"));
+
+var _withViewerLocales = require("../hoc/withViewerLocales");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var PanelContent = function PanelContent(_ref) {
+  var file = _ref.file,
+      isPublic = _ref.isPublic,
+      t = _ref.t;
+  var panelBlocks = (0, _getPanelBlocks.default)({
+    panelBlocksSpecs: (0, _getPanelBlocks.getPanelBlocksSpecs)(isPublic),
+    file: file
+  });
+  return /*#__PURE__*/_react.default.createElement(_Stack.default, {
+    spacing: "s",
+    className: (0, _classnames.default)('u-flex u-flex-column u-h-100')
+  }, /*#__PURE__*/_react.default.createElement(_Paper.default, {
+    className: "u-flex u-flex-items-center u-h-3 u-ph-2 u-flex-shrink-0",
+    elevation: 2,
+    square: true
+  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "h4"
+  }, t('Viewer.panel.title'))), panelBlocks.map(function (PanelBlock, index) {
+    return /*#__PURE__*/_react.default.createElement(_Paper.default, {
+      key: index,
+      className: (0, _classnames.default)({
+        'u-flex-grow-1': index === panelBlocks.length - 1
+      }),
+      elevation: 2,
+      square: true
+    }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+      variant: "h4",
+      className: "u-pv-1"
+    }, /*#__PURE__*/_react.default.createElement(PanelBlock, {
+      file: file
+    })));
+  }));
+};
+
+PanelContent.propTypes = {
+  file: _propTypes.default.object.isRequired,
+  isPublic: _propTypes.default.bool
+};
+
+var _default = (0, _withViewerLocales.withViewerLocales)(PanelContent);
+
+exports.default = _default;

package/dist/Panel/Qualification.d.ts

@@ -0,0 +1,2 @@
+declare var _default: any;
+export default _default;