@corva/ui 0.65.0-0 → 0.65.0-1-test

package/components/DevCenter/SideBar/SideBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideBar.js","sources":["../../../../src/components/DevCenter/SideBar/SideBar.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nimport { Drawer, List, Toolbar, withStyles } from '@material-ui/core';\n\nconst SideBar = ({\n  classes,\n  drawerClassName,\n  drawerPaperClassName,\n  isToolbarGutterShown,\n  onClick,\n  children,\n  listClassName,\n  anchor,\n}) => (\n  <Drawer\n    onClick={onClick}\n    className={classnames(classes.drawer, drawerClassName)}\n    variant=\"permanent\"\n    classes={{\n      paper: classnames(classes.drawerPaper, drawerPaperClassName),\n    }}\n    anchor={anchor}\n  >\n    {isToolbarGutterShown && <Toolbar className={classes.toolbar} />}\n    <List className={classnames(classes.list, listClassName)}>{children}</List>\n  </Drawer>\n);\n\nSideBar.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n  drawerPaperClassName: PropTypes.string,\n  drawerClassName: PropTypes.string,\n  listClassName: PropTypes.string,\n  onClick: PropTypes.func,\n  isToolbarGutterShown: PropTypes.bool,\n  // eslint-disable-next-line react/no-unused-prop-types\n  drawerWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  anchor: PropTypes.oneOf(['left', 'right']),\n};\n\nSideBar.defaultProps = {\n  drawerPaperClassName: null,\n  drawerClassName: null,\n  listClassName: null,\n  onClick: () => {},\n  isToolbarGutterShown: true,\n  drawerWidth: 240,\n  anchor: 'left',\n};\n\nexport default withStyles({\n  drawer: {\n    width: ({ drawerWidth }) => drawerWidth,\n    flexShrink: 0,\n  },\n  drawerPaper: {\n    width: ({ drawerWidth }) => drawerWidth,\n    background: '#3B3B3B',\n    border: 'none',\n    boxShadow: '0px 4px 8px rgba(0, 0, 0, 0.15)',\n  },\n  toolbar: {\n    height: 50,\n    minHeight: 50,\n  },\n  list: {\n    padding: 0,\n  },\n})(SideBar);\n"],"names":["SideBar","classes","drawerClassName","drawerPaperClassName","isToolbarGutterShown","onClick","children","listClassName","anchor","_jsxs","classnames","drawer","paper","drawerPaper","_jsx","toolbar","list","propTypes","PropTypes","oneOfType","arrayOf","node","isRequired","string","func","bool","drawerWidth","number","oneOf","defaultProps","withStyles","width","flexShrink","background","border","boxShadow","height","minHeight","padding"],"mappings":"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"}

package/components/DisabledSettingsMessage/DisabledSettingsMessage.js

@@ -1 +1,53 @@
-import e from"prop-types";import t from"classnames";import{makeStyles as a,Typography as o,Button as r}from"@material-ui/core";import{jsxs as n,jsx as i}from"react/jsx-runtime";var s=a((function(e){return{messageContainer:{display:"flex",flexGrow:1,alignItems:"flex-start",flexDirection:"column"},bottomAligned:{alignItems:"flex-end",justifyContent:"space-between",height:"100%"},textContent:{color:e.palette.primary.text6}}}));function l(e){var a=e.onCloneDashboard,l=s();return n("div",{className:t(l.messageContainer,a&&l.bottomAligned),children:[i(o,{className:l.textContent,variant:"body1",gutterBottom:!0,children:"Settings are not available. This is a shared dashboard, which means it's been locked for editing. Make a copy of this dashboard and get access to all editing features."}),a&&i(r,{color:"primary",variant:"contained",onClick:function(){return a()},children:"Copy Dashboard"})]})}l.propTypes={onCloneDashboard:e.func.isRequired};export{l as default};
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { makeStyles, Typography, Button } from '@material-ui/core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    messageContainer: {
+      display: 'flex',
+      flexGrow: 1,
+      alignItems: 'flex-start',
+      flexDirection: 'column'
+    },
+    bottomAligned: {
+      alignItems: 'flex-end',
+      justifyContent: 'space-between',
+      height: '100%'
+    },
+    textContent: {
+      color: theme.palette.primary.text6
+    }
+  };
+});
+function DisabledSettingsMessage(_ref) {
+  var onCloneDashboard = _ref.onCloneDashboard;
+  var styles = useStyles();
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames(styles.messageContainer, onCloneDashboard && styles.bottomAligned),
+    children: [/*#__PURE__*/jsx(Typography, {
+      className: styles.textContent,
+      variant: "body1",
+      gutterBottom: true,
+      children: "Settings are not available. This is a shared dashboard, which means it's been locked for editing. Make a copy of this dashboard and get access to all editing features."
+    }), onCloneDashboard && /*#__PURE__*/jsx(Button, {
+      color: "primary",
+      variant: "contained"
+      // this fn comes from parent window through an iframe.
+      // It's important to call it without native event as it's not possible
+      // to pass it through the iframe, because it contains circular dependencies
+      ,
+      onClick: function onClick() {
+        return onCloneDashboard();
+      },
+      children: "Copy Dashboard"
+    })]
+  });
+}
+DisabledSettingsMessage.propTypes = {
+  onCloneDashboard: PropTypes.func.isRequired
+};
+
+export { DisabledSettingsMessage as default };
+//# sourceMappingURL=DisabledSettingsMessage.js.map

package/components/DisabledSettingsMessage/DisabledSettingsMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisabledSettingsMessage.js","sources":["../../../src/components/DisabledSettingsMessage/DisabledSettingsMessage.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { Button, Typography, makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n  messageContainer: {\n    display: 'flex',\n    flexGrow: 1,\n    alignItems: 'flex-start',\n    flexDirection: 'column',\n  },\n  bottomAligned: {\n    alignItems: 'flex-end',\n    justifyContent: 'space-between',\n    height: '100%',\n  },\n  textContent: {\n    color: theme.palette.primary.text6,\n  },\n}));\n\nfunction DisabledSettingsMessage({ onCloneDashboard }) {\n  const styles = useStyles();\n\n  return (\n    <div className={classNames(styles.messageContainer, onCloneDashboard && styles.bottomAligned)}>\n      <Typography className={styles.textContent} variant=\"body1\" gutterBottom>\n        Settings are not available. This is a shared dashboard, which means it&apos;s been locked\n        for editing. Make a copy of this dashboard and get access to all editing features.\n      </Typography>\n      {onCloneDashboard && (\n        <Button\n          color=\"primary\"\n          variant=\"contained\"\n          // this fn comes from parent window through an iframe.\n          // It's important to call it without native event as it's not possible\n          // to pass it through the iframe, because it contains circular dependencies\n          onClick={() => onCloneDashboard()}\n        >\n          Copy Dashboard\n        </Button>\n      )}\n    </div>\n  );\n}\n\nDisabledSettingsMessage.propTypes = {\n  onCloneDashboard: PropTypes.func.isRequired,\n};\n\nexport default DisabledSettingsMessage;\n"],"names":["useStyles","makeStyles","theme","messageContainer","display","flexGrow","alignItems","flexDirection","bottomAligned","justifyContent","height","textContent","color","palette","primary","text6","DisabledSettingsMessage","onCloneDashboard","styles","_jsxs","classNames","_jsx","propTypes","PropTypes","func","isRequired"],"mappings":";;;;;AAIA,IAAMA,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK,EAAA;EAAA,OAAK;AACrCC,IAAAA,gBAAgB,EAAE;AAChBC,MAAAA,OAAO,EAAE,MAAM;AACfC,MAAAA,QAAQ,EAAE,CAAC;AACXC,MAAAA,UAAU,EAAE,YAAY;AACxBC,MAAAA,aAAa,EAAE,QAAA;KAChB;AACDC,IAAAA,aAAa,EAAE;AACbF,MAAAA,UAAU,EAAE,UAAU;AACtBG,MAAAA,cAAc,EAAE,eAAe;AAC/BC,MAAAA,MAAM,EAAE,MAAA;KACT;AACDC,IAAAA,WAAW,EAAE;AACXC,MAAAA,KAAK,EAAEV,KAAK,CAACW,OAAO,CAACC,OAAO,CAACC,KAAAA;AAC/B,KAAA;GACD,CAAA;AAAA,CAAC,CAAC,CAAA;AAEH,SAASC,uBAAuB,CAAuB,IAAA,EAAA;EAAA,IAApBC,gBAAgB,QAAhBA,gBAAgB,CAAA;EACjD,IAAMC,MAAM,GAAGlB,SAAS,EAAE,CAAA;EAE1B,oBACEmB,IAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAEC,UAAU,CAACF,MAAM,CAACf,gBAAgB,EAAEc,gBAAgB,IAAIC,MAAM,CAACV,aAAa,CAAE;AAAA,IAAA,QAAA,EAAA,cAC5Fa,IAAC,UAAU,EAAA;MAAC,SAAS,EAAEH,MAAM,CAACP,WAAY;AAAC,MAAA,OAAO,EAAC,OAAO;MAAC,YAAY,EAAA,IAAA;AAAA,MAAA,QAAA,EAAA,yKAAA;AAAA,KAAA,CAG1D,EACZM,gBAAgB,iBACfI,GAAA,CAAC,MAAM,EAAA;AACL,MAAA,KAAK,EAAC,SAAS;AACf,MAAA,OAAO,EAAC,WAAA;AACR;AACA;AACA;AAAA;AACA,MAAA,OAAO,EAAE,SAAA,OAAA,GAAA;AAAA,QAAA,OAAMJ,gBAAgB,EAAE,CAAA;OAAC;AAAA,MAAA,QAAA,EAAA,gBAAA;KAIrC,CAAA,CAAA;GACG,CAAA,CAAA;AAEV,CAAA;AAEAD,uBAAuB,CAACM,SAAS,GAAG;AAClCL,EAAAA,gBAAgB,EAAEM,SAAS,CAACC,IAAI,CAACC,UAAAA;AACnC,CAAC;;;;"}

package/components/DocumentViewer/DocumentViewer.js

@@ -1 +1,375 @@
-import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{useState as r,createRef as o,useCallback as i,useEffect as n}from"react";import s from"prop-types";import p from"classnames";import{Modal as m,Typography as a,IconButton as l}from"@material-ui/core";import c from"@material-ui/icons/Close";import d from"@material-ui/icons/GetApp";import{jsx as j,jsxs as C}from"react/jsx-runtime";import"../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialogV2/AppSettingsDialog.js";import"../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js";import"../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import"../Modal/CorvaModal.js";import"uuid";import"../IconMenu/index.js";import"../StyledMenuItem/index.js";import"../AppIcon/AppIcon.js";import"../DevCenter/AppHeader/AppHeader.js";import"../DevCenter/AppSideBar/AppSideBar.js";import"../DevCenter/AppsDataProvider/AppsDataProvider.js";import"lodash";import"@material-ui/icons";import"../Icons/AnnotationIcon.js";import"../Annotations/components/AnnotationsList/index.js";import"../Annotations/components/LastAnnotation/index.js";import"../Annotations/AnnotationsContext.js";import"../../utils/mobileDetect.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"../../clients/jsonApi/index.js";import"../../clients/subscriptions.js";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../utils/env.js";import"../GradientManager/configuration/constants.js";import"../../utils/index.js";import"jsona";import"../StatusBadge/constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../HelpCenter/HelpCenterIcon.js";import"../DevCenter/AppContext.js";import"../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"../DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.css.js";import"../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import"rollbar";import"@rollbar/react";import"../DevCenter/NavigationBar/NavigationBar.js";import"../DevCenter/SideBar/SideBar.js";import"../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../AssetEditor/index.js";import"../AssetEditorV2/index.js";import"../AppVersionsSelect/AppVersionsSelect.js";import u from"../LoadingIndicator/LoadingIndicator.js";import"../Typography.js";import"../RealTimeValuesSidebar/RealTimeSidebar.js";import"../CollapsableSidebar.js";import"../DateTimePicker/index.js";import"../DatePicker/index.js";import"../ErrorBoundary/ErrorBoundary.js";import"../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../SlateFormattedText/SlateFormattedText.js";import"../SlateFormattedText/RenderElements.js";import"@babel/runtime/helpers/typeof";import"slate";import"../EmptyState/EmptyState.js";import"../ParameterCharts/ParameterCharts.js";import"../ParameterCharts/AddEditTrack.js";import"../ChartActionsList/ChartActionsList.js";import"../CopyToClipboard/CopyToClipboard.js";import"../AssetEditor/AssetEditorAutocomplete.js";import"../AssetEditor/SingleAssetEditor.js";import"../SettingEditors/ColorEditor/index.js";import"../SettingEditors/DropdownEditor/index.js";import"../SettingEditors/RadioEditor/index.js";import"../SwitchControl/index.js";import"../ColorPicker/ColorPicker.js";import"../Chart/components/ChartButton.js";import"../Chart/components/ChartButtons.js";import"../Chart/components/ChartWrapper.js";import"../Chart/components/AxisDropdown.js";import"../Chart/components/ChartSelect.js";import"../Chart/components/buttons/DragToZoomButton.js";import"../Chart/components/buttons/ZoomInButton.js";import"../Chart/components/buttons/ZoomOutButton.js";import"../Chart/components/buttons/PanButton.js";import"../Chart/components/buttons/ResetZoomButton.js";import"../Chart/components/buttons/HideAxesButton.js";import"../Chart/components/buttons/ChartTypeButton.js";import"../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../TruncatedText/index.js";import"../RangeSlider/RangeSlider.js";import"../AdvancedSlider/AdvancedSlider.js";import"../Breadcrumbs/index.js";import"../VirtualizedTable/index.js";import"../EmptyView/EmptyView.js";import"../EmptyView/EmptyAppView/EmptyAppView.js";import"../Button/index.js";import"../ContextMenuItem/index.js";import"../FolderMenuItem/index.js";import"../EditableItem/EditableItem/index.js";import"../EditableItem/EditableItemWithBadge/index.js";import"../Checkbox/index.js";import"../FolderMenuItemWithLinks/index.js";import"../IconButton/index.js";import"../TextField/index.js";import"../Chip/index.js";import"../Counter/index.js";import"../AnchorsList/AnchorsList.js";import"../Select/index.js";import"../Select/SelectFilterBy.js";import"../CustomSelect/index.js";import"../Tabs/Tabs.js";import"../Tabs/Tab.js";import"../ResizableTable/ResizableTable.js";import"@material-ui/icons/Check";import"@material-ui/icons/Edit";import"@material-ui/icons/Delete";import"../GradientManager/GradientList.js";import"@material-ui/icons/AddCircle";import"../GradientManager/GradientPreview/GradientPreview.js";import"../GradientManager/GradientSelect.styles.js";import"../GradientPicker/GradientPicker.js";import"../GradientManager/GradientManager.styles.js";import"../Drillstring/BHASchematic.js";import"../Drillstring/BHATable/index.js";import"../Drillstring/BHAComponentIcon.js";import"../Drillstring/BHAComponentDetail/index.js";import"../Drillstring/BHATileIcon.js";import"../Drillstring/BHATile/BHATile.js";import"../Drillstring/BHAList/BHAList.js";import"../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../Casing/CasingTable/index.js";import"../Casing/CasingComponentIcon.js";import"../Casing/CasingTileIcon.js";import"../Casing/CasingTableV2/CasingTableV2.js";import"../Casing/CasingTile/CasingTile.js";import"../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../WellSummary/WellSummaryItemLabel.js";import"../WellSummary/WellSummaryItemTitle.js";import"../WellSummary/WellSummaryItemValue.js";import"../WellSummary/ActivitySummaryChart.js";import"../WellSummary/FracWirelineTimeChart.js";import"../BICOffsetPickerDialog/index.js";import"../OffsetWellButton/OffsetWellButton.js";import"../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../OffsetWellPickerV3/index.js";import"../OffsetWellChips/Chip.js";import"../OffsetWellChips/ChipsContainer.js";import"../OffsetWellPickerV4/OffsetWellPickerV4.js";import"../OffsetWellMap/OffsetWellMap.js";import"@material-ui/core/Snackbar";import"../Notifications/Toast.js";import"../Toaster/Toaster.js";import"../ConfirmationDialog.js";import"../TextLink/index.js";import"../Avatar/index.js";import"../Template/TemplatePopover/index.js";import"../Template/TemplateSharingDialog/index.js";import"../MenuItem/index.js";import"../PadModeSelect/PadModeSelect.js";import"../PinnableFilters/PinnableFilters.js";import"../HeaderLayout/HeaderLayout.js";import"../PadOffsetsPicker/PadOffsetsPicker.js";import"../PadOffsetsPicker/OffsetAssetChip.js";import"../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../PadOffsetsPicker/StagesSelector.js";import"../PadOffsetsPickerV2/PadOffsetsPickerV2.js";import"../Table/TableToolbar/TableToolbar.js";import"../Table/TableContainer/TableContainer.js";import"../Table/TableCell/TableCell.js";import"../Tooltip/ScrollableTooltip.js";import"../PriceInput/PriceInput.js";import"../LabelsCounter/LabelsCounter.js";import"../Stepper/Step.js";import"../Stepper/StepsWrapper.js";import"../Stepper/Stepper.js";import"../Comment/CommentIcon/index.js";import"../FilesLoader/FilesLoader.js";import"../FilesLoader/Icons/FileIcon.js";import"../SearchInput/index.js";import"../FeedItem/FeedItem.js";import"../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import"../PostInput/PostInput.js";import"../KeyboardDateTimePicker.js";import"../AddComment/Popover.js";import"../AddComment/Popup.js";import"../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../StageDesignVActual/ComparisonHeader.js";import"../StageDesignVActual/ComparisonRow.js";import"../EmbeddedApp/DevCenterEmbeddedApp.js";import"../EmbeddedApp/EmbeddedApp.js";import"../Autocomplete/Autocomplete.js";import"../ColorPickerPalette/ColorPickerPalette.js";import"../Search/Search.js";import"../Search/components/Listbox.js";import"../Search/components/Paper.js";import"../Search/components/RecentSearches.js";import"../Search/components/InputAdornmentLeft.js";import"../Search/components/Groups.js";import"../StatusBadge/index.js";import"../Attachment/index.js";import"../EmojiIconButton.js";import"../FileUploadIconButton.js";import"../FilePreview/index.js";import"../FailedFileUploading.js";import"../UserMention/index.js";import"../CommentsInfo/index.js";import"../CommentInput/index.js";import"../Comment/index.js";import"../CommentLoader.js";import"../AssetNameLabel/AssetStatusBadge.js";import"../AssetEditorV2/components/PrimaryAssetSelect.js";import"../AssetEditorV2/components/SecondaryAssetSelect.js";import"../AssetEditorV2/components/SelectItem.js";import"../AssetEditorV2/components/MultipleAssetsToggle.js";import{useStyles as A}from"./styles.js";var v=function(s){var v=s.open,D=s.fileUrl,f=s.fileSize,b=s.fileName,g=s.webviewType,S=s.onClose,h=r(!0),P=t(h,2),x=P[0],T=P[1],I=r(!1),y=t(I,2),B=y[0],E=y[1],V=o(null),w=o(null),F=A(),k=i((function(){return"office"===g?"https://view.officeapps.live.com/op/embed.aspx?src=".concat(window.encodeURIComponent(D)):"https://docs.google.com/viewer?url=".concat(encodeURIComponent(D),"&embedded=true")}),[D]),L=function(){w.current&&(w.current.src=k(),w.current.contentWindow.location.reload())},M=function(){V.current&&clearInterval(V.current),T(!1)};return n((function(){T(!0),E(!1);var e=f&&f>=1048576?f/1048576*1e4:1e4;return V&&v&&(clearInterval(V.current),V.current=setInterval(L,e)),function(){clearInterval(V.current)}}),[D,v]),j(m,{open:v,onClose:S,onContextMenu:function(e){return e.stopPropagation()},children:C("div",{className:F.cDocsViewer,children:[C("div",{className:F.cDocsViewerToolbar,children:[j(a,{children:b}),C("div",{children:[j(l,{size:"small",className:F.cDocsViewerToolbarIconButton,children:j("a",{download:!0,href:D,target:"_blank",rel:"noopener noreferrer",children:j(d,{fontSize:"small"})})}),j(l,{size:"small",onClick:S,className:F.cDocsViewerToolbarIconButton,children:j(c,{fontSize:"small"})})]})]}),x&&j("div",{className:F.cDocsViewerFrame,children:j(u,{white:!1})}),B?j("div",{className:F.cDocsViewerFrame,children:j(a,{variant:"body2",className:F.cDocsViewerFrameFailed,children:"Loading failed"})}):j("iframe",{className:p(F.cDocsViewerFrame,e({},F.cDocsViewerFrameHidden,x)),title:D,src:k(),onLoad:M,onError:function(){M(),E(!0)},ref:w})]})})};v.propTypes={open:s.bool.isRequired,fileUrl:s.string.isRequired,webviewType:s.oneOf(["google","office"]),fileName:s.string,fileSize:s.number,onClose:s.func.isRequired,classes:s.shape({}).isRequired},v.defaultProps={fileName:void 0,fileSize:void 0,webviewType:"google"};export{v as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, createRef, useCallback, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { Modal, Typography, IconButton } from '@material-ui/core';
+import CloseIcon from '@material-ui/icons/Close';
+import GetAppIcon from '@material-ui/icons/GetApp';
+import '../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import '../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js';
+import '../DevCenter/DevCenterAppContainer/components/AppSettingsDialogV2/AppSettingsDialog.js';
+import '../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js';
+import '../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js';
+import '../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js';
+import '../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js';
+import '../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js';
+import '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js';
+import '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js';
+import '../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js';
+import '../Modal/CorvaModal.js';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import 'uuid';
+import '../IconMenu/index.js';
+import '../StyledMenuItem/index.js';
+import '../AppIcon/AppIcon.js';
+import '../DevCenter/AppHeader/AppHeader.js';
+import '../DevCenter/AppSideBar/AppSideBar.js';
+import '../DevCenter/AppsDataProvider/AppsDataProvider.js';
+import 'lodash';
+import '@material-ui/icons';
+import 'moment-timezone';
+import '../Icons/AnnotationIcon.js';
+import '../Annotations/components/AnnotationsList/index.js';
+import '../Annotations/components/LastAnnotation/index.js';
+import '../Annotations/AnnotationsContext.js';
+import '../../utils/mobileDetect.js';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/regenerator';
+import 'querystring';
+import 'uuid/v1';
+import 'query-string';
+import '../../clients/api/apiCore.js';
+import '../../clients/constants.js';
+import '../../clients/subscriptions.js';
+import '../../constants/goals.js';
+import '../../constants/segment.js';
+import '../../constants/alerts.js';
+import '../../constants/apps.js';
+import '../../constants/drillstring.js';
+import '../../constants/completion.js';
+import '../../constants/notifications.js';
+import '../../constants/feed.js';
+import '../../constants/bha.js';
+import '../../utils/env.js';
+import '../GradientManager/configuration/constants.js';
+import '../../utils/index.js';
+import 'jsona';
+import '../StatusBadge/constants.js';
+import '@babel/runtime/helpers/toConsumableArray';
+import 'lodash/set';
+import 'lodash/get';
+import 'lodash/unset';
+import 'moment';
+import '../HelpCenter/HelpCenterIcon.js';
+import '../DevCenter/AppContext.js';
+import '../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js';
+import '../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js';
+import '../DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.css.js';
+import '../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js';
+import '../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js';
+import 'react-router';
+import 'rollbar';
+import '@rollbar/react';
+import '../DevCenter/NavigationBar/NavigationBar.js';
+import '../DevCenter/SideBar/SideBar.js';
+import '../DevCenter/AppSettingsPopover/AppSettingsPopover.js';
+import '../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js';
+import '../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js';
+import '../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js';
+import '../AssetEditor/index.js';
+import '../AssetEditorV2/index.js';
+import '../AppVersionsSelect/AppVersionsSelect.js';
+import LoadingIndicator from '../LoadingIndicator/LoadingIndicator.js';
+import '../Typography.js';
+import '../RealTimeValuesSidebar/RealTimeSidebar.js';
+import '../CollapsableSidebar.js';
+import '../DateTimePicker/index.js';
+import '../DatePicker/index.js';
+import '../ErrorBoundary/ErrorBoundary.js';
+import '../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js';
+import '../SlateFormattedText/SlateFormattedText.js';
+import '../SlateFormattedText/RenderElements.js';
+import '@babel/runtime/helpers/typeof';
+import 'slate';
+import '../EmptyState/EmptyState.js';
+import '../ParameterCharts/ParameterCharts.js';
+import '../ParameterCharts/AddEditTrack.js';
+import '../ChartActionsList/ChartActionsList.js';
+import '../CopyToClipboard/CopyToClipboard.js';
+import '../AssetEditor/AssetEditorAutocomplete.js';
+import '../AssetEditor/SingleAssetEditor.js';
+import '../SettingEditors/ColorEditor/index.js';
+import '../SettingEditors/DropdownEditor/index.js';
+import '../SettingEditors/RadioEditor/index.js';
+import '../SwitchControl/index.js';
+import '../ColorPicker/ColorPicker.js';
+import '../Chart/components/ChartButton.js';
+import '../Chart/components/ChartButtons.js';
+import '../Chart/components/ChartWrapper.js';
+import '../Chart/components/AxisDropdown.js';
+import '../Chart/components/ChartSelect.js';
+import '../Chart/components/buttons/DragToZoomButton.js';
+import '../Chart/components/buttons/ZoomInButton.js';
+import '../Chart/components/buttons/ZoomOutButton.js';
+import '../Chart/components/buttons/PanButton.js';
+import '../Chart/components/buttons/ResetZoomButton.js';
+import '../Chart/components/buttons/HideAxesButton.js';
+import '../Chart/components/buttons/ChartTypeButton.js';
+import '../ColorPicker/PaletteChromePicker/PaletteChromePicker.js';
+import '../TruncatedText/index.js';
+import '../RangeSlider/RangeSlider.js';
+import '../AdvancedSlider/AdvancedSlider.js';
+import '../Breadcrumbs/index.js';
+import '../VirtualizedTable/index.js';
+import '../EmptyView/EmptyView.js';
+import '../EmptyView/EmptyAppView/EmptyAppView.js';
+import '../Button/index.js';
+import '../ContextMenuItem/index.js';
+import '../FolderMenuItem/index.js';
+import '../EditableItem/EditableItem/index.js';
+import '../EditableItem/EditableItemWithBadge/index.js';
+import '../Checkbox/index.js';
+import '../FolderMenuItemWithLinks/index.js';
+import '../IconButton/index.js';
+import '../TextField/index.js';
+import '../Chip/index.js';
+import '../Counter/index.js';
+import '../AnchorsList/AnchorsList.js';
+import '../Select/index.js';
+import '../Select/SelectFilterBy.js';
+import '../CustomSelect/index.js';
+import '../Tabs/Tabs.js';
+import '../Tabs/Tab.js';
+import '../ResizableTable/ResizableTable.js';
+import '@material-ui/icons/Check';
+import '@material-ui/icons/Edit';
+import '@material-ui/icons/Delete';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@material-ui/icons/AddCircle';
+import '../GradientManager/GradientPreview/GradientPreview.js';
+import '../GradientManager/GradientSelect.styles.js';
+import '../GradientPicker/GradientPicker.js';
+import '../GradientManager/GradientManager.styles.js';
+import '../Drillstring/BHASchematic.js';
+import '../Drillstring/BHATable/index.js';
+import '../Drillstring/BHAComponentIcon.js';
+import '../Drillstring/BHAComponentDetail/index.js';
+import '../Drillstring/BHATileIcon.js';
+import '../Drillstring/BHATile/BHATile.js';
+import '../Drillstring/BHAList/BHAList.js';
+import '../Drillstring/BHAComponentsTable/BHAComponentsTable.js';
+import '../Casing/CasingTable/index.js';
+import '../Casing/CasingComponentIcon.js';
+import '../Casing/CasingTileIcon.js';
+import '../Casing/CasingTableV2/CasingTableV2.js';
+import '../Casing/CasingTile/CasingTile.js';
+import '../DisabledSettingsMessage/DisabledSettingsMessage.js';
+import '../WellSummary/WellSummaryItemLabel.js';
+import '../WellSummary/WellSummaryItemTitle.js';
+import '../WellSummary/WellSummaryItemValue.js';
+import '../WellSummary/ActivitySummaryChart.js';
+import '../WellSummary/FracWirelineTimeChart.js';
+import '../BICOffsetPickerDialog/index.js';
+import '../OffsetWellButton/OffsetWellButton.js';
+import '../OffsetWellPickerV2/OffsetWellPickerDialog.js';
+import '../OffsetWellPickerV3/index.js';
+import '../OffsetWellChips/Chip.js';
+import '../OffsetWellChips/ChipsContainer.js';
+import '../OffsetWellPickerV4/OffsetWellPickerV4.js';
+import '../OffsetWellMap/OffsetWellMap.js';
+import '@material-ui/core/Snackbar';
+import '../Notifications/Toast.js';
+import '../Toaster/Toaster.js';
+import '../ConfirmationDialog.js';
+import '../TextLink/index.js';
+import '../Avatar/index.js';
+import '../Template/TemplatePopover/index.js';
+import '../Template/TemplateSharingDialog/index.js';
+import '../MenuItem/index.js';
+import '../PadModeSelect/PadModeSelect.js';
+import '../PinnableFilters/PinnableFilters.js';
+import '../HeaderLayout/HeaderLayout.js';
+import '../PadOffsetsPicker/PadOffsetsPicker.js';
+import '../PadOffsetsPicker/OffsetAssetChip.js';
+import '../PadOffsetsPicker/OffsetAssetsListExpander.js';
+import '../PadOffsetsPicker/StagesSelector.js';
+import '../PadOffsetsPickerV2/PadOffsetsPickerV2.js';
+import '../Table/TableToolbar/TableToolbar.js';
+import '../Table/TableContainer/TableContainer.js';
+import '../Table/TableCell/TableCell.js';
+import '../Tooltip/ScrollableTooltip.js';
+import '../PriceInput/PriceInput.js';
+import '../LabelsCounter/LabelsCounter.js';
+import '../Stepper/Step.js';
+import '../Stepper/StepsWrapper.js';
+import '../Stepper/Stepper.js';
+import '../Comment/CommentIcon/index.js';
+import '../FilesLoader/FilesLoader.js';
+import '../FilesLoader/Icons/FileIcon.js';
+import '../SearchInput/index.js';
+import '../FeedItem/FeedItem.js';
+import '../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js';
+import '../PostInput/PostInput.js';
+import '../KeyboardDateTimePicker.js';
+import '../AddComment/Popover.js';
+import '../AddComment/Popup.js';
+import '../StageDesignVActual/ComparisonBar/ComparisonBar.js';
+import '../StageDesignVActual/ElementsComparison/ElementsComparison.js';
+import '../StageDesignVActual/ComparisonHeader.js';
+import '../StageDesignVActual/ComparisonRow.js';
+import '../EmbeddedApp/DevCenterEmbeddedApp.js';
+import '../EmbeddedApp/EmbeddedApp.js';
+import '../Autocomplete/Autocomplete.js';
+import '../ColorPickerPalette/ColorPickerPalette.js';
+import '../Search/Search.js';
+import '../Search/components/Listbox.js';
+import '../Search/components/Paper.js';
+import '../Search/components/RecentSearches.js';
+import '../Search/components/InputAdornmentLeft.js';
+import '../Search/components/Groups.js';
+import '../StatusBadge/index.js';
+import '../Attachment/index.js';
+import '../EmojiIconButton.js';
+import '../FileUploadIconButton.js';
+import '../FilePreview/index.js';
+import '../FailedFileUploading.js';
+import '../UserMention/index.js';
+import '../CommentsInfo/index.js';
+import '../CommentInput/index.js';
+import '../Comment/index.js';
+import '../CommentLoader.js';
+import '../AssetNameLabel/AssetStatusBadge.js';
+import '../AssetEditorV2/components/PrimaryAssetSelect.js';
+import '../AssetEditorV2/components/SecondaryAssetSelect.js';
+import '../AssetEditorV2/components/SelectItem.js';
+import '../AssetEditorV2/components/MultipleAssetsToggle.js';
+import { useStyles } from './styles.js';
+
+var REQUEST_TIMEOUT = 10000;
+var BYTES_IN_MEGABYTE = 1048576;
+var DocumentViewer = function DocumentViewer(_ref) {
+  var open = _ref.open,
+    fileUrl = _ref.fileUrl,
+    fileSize = _ref.fileSize,
+    fileName = _ref.fileName,
+    webviewType = _ref.webviewType,
+    onClose = _ref.onClose;
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    isLoading = _useState2[0],
+    setIsLoading = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isLoadingFailed = _useState4[0],
+    setIsLoadingFailed = _useState4[1];
+  var timeoutRef = createRef(null);
+  var iframeRef = createRef(null);
+  var styles = useStyles();
+  var getIframeLink = useCallback(function () {
+    return webviewType === 'office' ? "https://view.officeapps.live.com/op/embed.aspx?src=".concat(window.encodeURIComponent(fileUrl)) : "https://docs.google.com/viewer?url=".concat(encodeURIComponent(fileUrl), "&embedded=true");
+  }, [fileUrl]);
+  var reloadFrame = function reloadFrame() {
+    if (iframeRef.current) {
+      iframeRef.current.src = getIframeLink();
+      iframeRef.current.contentWindow.location.reload();
+    }
+  };
+  var handleFrameLoad = function handleFrameLoad() {
+    if (timeoutRef.current) {
+      clearInterval(timeoutRef.current);
+    }
+    setIsLoading(false);
+  };
+  var handleFrameError = function handleFrameError() {
+    handleFrameLoad();
+    setIsLoadingFailed(true);
+  };
+  useEffect(function () {
+    setIsLoading(true);
+    setIsLoadingFailed(false);
+    var timeOut = fileSize && fileSize >= BYTES_IN_MEGABYTE ? fileSize / BYTES_IN_MEGABYTE * REQUEST_TIMEOUT : REQUEST_TIMEOUT;
+    if (timeoutRef && open) {
+      clearInterval(timeoutRef.current);
+      timeoutRef.current = setInterval(reloadFrame, timeOut);
+    }
+    return function () {
+      clearInterval(timeoutRef.current);
+    };
+  }, [fileUrl, open]);
+  return /*#__PURE__*/jsx(Modal, {
+    open: open,
+    onClose: onClose,
+    onContextMenu: function onContextMenu(e) {
+      return e.stopPropagation();
+    },
+    children: /*#__PURE__*/jsxs("div", {
+      className: styles.cDocsViewer,
+      children: [/*#__PURE__*/jsxs("div", {
+        className: styles.cDocsViewerToolbar,
+        children: [/*#__PURE__*/jsx(Typography, {
+          children: fileName
+        }), /*#__PURE__*/jsxs("div", {
+          children: [/*#__PURE__*/jsx(IconButton, {
+            size: "small",
+            className: styles.cDocsViewerToolbarIconButton,
+            children: /*#__PURE__*/jsx("a", {
+              download: true,
+              href: fileUrl,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              children: /*#__PURE__*/jsx(GetAppIcon, {
+                fontSize: "small"
+              })
+            })
+          }), /*#__PURE__*/jsx(IconButton, {
+            size: "small",
+            onClick: onClose,
+            className: styles.cDocsViewerToolbarIconButton,
+            children: /*#__PURE__*/jsx(CloseIcon, {
+              fontSize: "small"
+            })
+          })]
+        })]
+      }), isLoading && /*#__PURE__*/jsx("div", {
+        className: styles.cDocsViewerFrame,
+        children: /*#__PURE__*/jsx(LoadingIndicator, {
+          white: false
+        })
+      }), isLoadingFailed ? /*#__PURE__*/jsx("div", {
+        className: styles.cDocsViewerFrame,
+        children: /*#__PURE__*/jsx(Typography, {
+          variant: "body2",
+          className: styles.cDocsViewerFrameFailed,
+          children: "Loading failed"
+        })
+      }) : /*#__PURE__*/jsx("iframe", {
+        className: classNames(styles.cDocsViewerFrame, _defineProperty({}, styles.cDocsViewerFrameHidden, isLoading)),
+        title: fileUrl,
+        src: getIframeLink(),
+        onLoad: handleFrameLoad,
+        onError: handleFrameError,
+        ref: iframeRef
+      })]
+    })
+  });
+};
+DocumentViewer.propTypes = {
+  open: PropTypes.bool.isRequired,
+  fileUrl: PropTypes.string.isRequired,
+  webviewType: PropTypes.oneOf(['google', 'office']),
+  fileName: PropTypes.string,
+  fileSize: PropTypes.number,
+  onClose: PropTypes.func.isRequired,
+  classes: PropTypes.shape({}).isRequired
+};
+DocumentViewer.defaultProps = {
+  fileName: undefined,
+  fileSize: undefined,
+  webviewType: 'google'
+};
+
+export { DocumentViewer as default };
+//# sourceMappingURL=DocumentViewer.js.map

package/components/DocumentViewer/DocumentViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentViewer.js","sources":["../../../src/components/DocumentViewer/DocumentViewer.js"],"sourcesContent":["import { createRef, useCallback, useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { Typography, Modal, IconButton } from '@material-ui/core';\nimport CloseIcon from '@material-ui/icons/Close';\nimport GetAppIcon from '@material-ui/icons/GetApp';\nimport { LoadingIndicator } from '~/components';\n\nimport { useStyles } from './styles.js';\n\nconst REQUEST_TIMEOUT = 10000;\nconst BYTES_IN_MEGABYTE = 1048576;\n\nconst DocumentViewer = ({ open, fileUrl, fileSize, fileName, webviewType, onClose }) => {\n  const [isLoading, setIsLoading] = useState(true);\n  const [isLoadingFailed, setIsLoadingFailed] = useState(false);\n  const timeoutRef = createRef(null);\n  const iframeRef = createRef(null);\n  const styles = useStyles();\n\n  const getIframeLink = useCallback(() => {\n    return webviewType === 'office'\n      ? `https://view.officeapps.live.com/op/embed.aspx?src=${window.encodeURIComponent(fileUrl)}`\n      : `https://docs.google.com/viewer?url=${encodeURIComponent(fileUrl)}&embedded=true`;\n  }, [fileUrl]);\n\n  const reloadFrame = () => {\n    if (iframeRef.current) {\n      iframeRef.current.src = getIframeLink();\n      iframeRef.current.contentWindow.location.reload();\n    }\n  };\n\n  const handleFrameLoad = () => {\n    if (timeoutRef.current) {\n      clearInterval(timeoutRef.current);\n    }\n    setIsLoading(false);\n  };\n\n  const handleFrameError = () => {\n    handleFrameLoad();\n    setIsLoadingFailed(true);\n  };\n\n  useEffect(() => {\n    setIsLoading(true);\n    setIsLoadingFailed(false);\n    const timeOut =\n      fileSize && fileSize >= BYTES_IN_MEGABYTE\n        ? (fileSize / BYTES_IN_MEGABYTE) * REQUEST_TIMEOUT\n        : REQUEST_TIMEOUT;\n\n    if (timeoutRef && open) {\n      clearInterval(timeoutRef.current);\n      timeoutRef.current = setInterval(reloadFrame, timeOut);\n    }\n\n    return () => {\n      clearInterval(timeoutRef.current);\n    };\n  }, [fileUrl, open]);\n\n  return (\n    <Modal open={open} onClose={onClose} onContextMenu={e => e.stopPropagation()}>\n      <div className={styles.cDocsViewer}>\n        <div className={styles.cDocsViewerToolbar}>\n          <Typography>{fileName}</Typography>\n          <div>\n            <IconButton size=\"small\" className={styles.cDocsViewerToolbarIconButton}>\n              <a download href={fileUrl} target=\"_blank\" rel=\"noopener noreferrer\">\n                <GetAppIcon fontSize=\"small\" />\n              </a>\n            </IconButton>\n            <IconButton\n              size=\"small\"\n              onClick={onClose}\n              className={styles.cDocsViewerToolbarIconButton}\n            >\n              <CloseIcon fontSize=\"small\" />\n            </IconButton>\n          </div>\n        </div>\n\n        {isLoading && (\n          <div className={styles.cDocsViewerFrame}>\n            <LoadingIndicator white={false} />\n          </div>\n        )}\n        {isLoadingFailed ? (\n          <div className={styles.cDocsViewerFrame}>\n            <Typography variant=\"body2\" className={styles.cDocsViewerFrameFailed}>\n              Loading failed\n            </Typography>\n          </div>\n        ) : (\n          <iframe\n            className={classNames(styles.cDocsViewerFrame, {\n              [styles.cDocsViewerFrameHidden]: isLoading,\n            })}\n            title={fileUrl}\n            src={getIframeLink()}\n            onLoad={handleFrameLoad}\n            onError={handleFrameError}\n            ref={iframeRef}\n          />\n        )}\n      </div>\n    </Modal>\n  );\n};\n\nDocumentViewer.propTypes = {\n  open: PropTypes.bool.isRequired,\n  fileUrl: PropTypes.string.isRequired,\n  webviewType: PropTypes.oneOf(['google', 'office']),\n  fileName: PropTypes.string,\n  fileSize: PropTypes.number,\n  onClose: PropTypes.func.isRequired,\n  classes: PropTypes.shape({}).isRequired,\n};\n\nDocumentViewer.defaultProps = {\n  fileName: undefined,\n  fileSize: undefined,\n  webviewType: 'google',\n};\n\nexport default DocumentViewer;\n"],"names":["REQUEST_TIMEOUT","BYTES_IN_MEGABYTE","DocumentViewer","open","fileUrl","fileSize","fileName","webviewType","onClose","useState","isLoading","setIsLoading","isLoadingFailed","setIsLoadingFailed","timeoutRef","createRef","iframeRef","styles","useStyles","getIframeLink","useCallback","window","encodeURIComponent","reloadFrame","current","src","contentWindow","location","reload","handleFrameLoad","clearInterval","handleFrameError","useEffect","timeOut","setInterval","_jsx","e","stopPropagation","_jsxs","cDocsViewer","cDocsViewerToolbar","cDocsViewerToolbarIconButton","cDocsViewerFrame","cDocsViewerFrameFailed","classNames","cDocsViewerFrameHidden","propTypes","PropTypes","bool","isRequired","string","oneOf","number","func","classes","shape","defaultProps","undefined"],"mappings":"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"}

package/components/DocumentViewer/styles.js

@@ -1 +1,57 @@
-import{makeStyles as e}from"@material-ui/core";var t=e((function(e){return{cDocsViewer:{display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column",width:"100%",height:"100%",position:"relative"},cDocsViewerToolbar:{position:"absolute",top:0,height:48,width:"100%",background:e.palette.background.b4,zIndex:1001,padding:"0 16px",display:"flex",alignItems:"center",justifyContent:"space-between"},cDocsViewerFrame:{position:"absolute",top:48,width:"calc(100% - 64px)",height:"calc(100% - 64px)",left:32,border:"none",borderRadius:4,background:"#eee"},cDocsViewerFrameFailed:{color:"#000",fontWeight:"bold"},cDocsViewerFrameHidden:{visibility:0,height:0},cDocsViewerToolbarIconButton:{marginLeft:12,color:e.palette.primary.text6,"& a":{color:e.palette.primary.text6,width:20,height:20}}}}));export{t as useStyles};
+import { makeStyles } from '@material-ui/core';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    cDocsViewer: {
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      flexDirection: 'column',
+      width: '100%',
+      height: '100%',
+      position: 'relative'
+    },
+    cDocsViewerToolbar: {
+      position: 'absolute',
+      top: 0,
+      height: 48,
+      width: '100%',
+      background: theme.palette.background.b4,
+      zIndex: 1001,
+      padding: '0 16px',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'space-between'
+    },
+    cDocsViewerFrame: {
+      position: 'absolute',
+      top: 48,
+      width: 'calc(100% - 64px)',
+      height: 'calc(100% - 64px)',
+      left: 32,
+      border: 'none',
+      borderRadius: 4,
+      background: '#eee'
+    },
+    cDocsViewerFrameFailed: {
+      color: '#000',
+      fontWeight: 'bold'
+    },
+    cDocsViewerFrameHidden: {
+      visibility: 0,
+      height: 0
+    },
+    cDocsViewerToolbarIconButton: {
+      marginLeft: 12,
+      color: theme.palette.primary.text6,
+      '& a': {
+        color: theme.palette.primary.text6,
+        width: 20,
+        height: 20
+      }
+    }
+  };
+});
+
+export { useStyles };
+//# sourceMappingURL=styles.js.map

package/components/DocumentViewer/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../src/components/DocumentViewer/styles.js"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\n\nexport const useStyles = makeStyles(theme => ({\n  cDocsViewer: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexDirection: 'column',\n    width: '100%',\n    height: '100%',\n    position: 'relative',\n  },\n  cDocsViewerToolbar: {\n    position: 'absolute',\n    top: 0,\n    height: 48,\n    width: '100%',\n    background: theme.palette.background.b4,\n    zIndex: 1001,\n    padding: '0 16px',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  },\n  cDocsViewerFrame: {\n    position: 'absolute',\n    top: 48,\n    width: 'calc(100% - 64px)',\n    height: 'calc(100% - 64px)',\n    left: 32,\n    border: 'none',\n    borderRadius: 4,\n    background: '#eee',\n  },\n  cDocsViewerFrameFailed: {\n    color: '#000',\n    fontWeight: 'bold',\n  },\n  cDocsViewerFrameHidden: {\n    visibility: 0,\n    height: 0,\n  },\n  cDocsViewerToolbarIconButton: {\n    marginLeft: 12,\n    color: theme.palette.primary.text6,\n    '& a': { color: theme.palette.primary.text6, width: 20, height: 20 },\n  },\n}));\n"],"names":["useStyles","makeStyles","theme","cDocsViewer","display","alignItems","justifyContent","flexDirection","width","height","position","cDocsViewerToolbar","top","background","palette","b4","zIndex","padding","cDocsViewerFrame","left","border","borderRadius","cDocsViewerFrameFailed","color","fontWeight","cDocsViewerFrameHidden","visibility","cDocsViewerToolbarIconButton","marginLeft","primary","text6"],"mappings":";;IAEaA,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK,EAAA;EAAA,OAAK;AAC5CC,IAAAA,WAAW,EAAE;AACXC,MAAAA,OAAO,EAAE,MAAM;AACfC,MAAAA,UAAU,EAAE,QAAQ;AACpBC,MAAAA,cAAc,EAAE,QAAQ;AACxBC,MAAAA,aAAa,EAAE,QAAQ;AACvBC,MAAAA,KAAK,EAAE,MAAM;AACbC,MAAAA,MAAM,EAAE,MAAM;AACdC,MAAAA,QAAQ,EAAE,UAAA;KACX;AACDC,IAAAA,kBAAkB,EAAE;AAClBD,MAAAA,QAAQ,EAAE,UAAU;AACpBE,MAAAA,GAAG,EAAE,CAAC;AACNH,MAAAA,MAAM,EAAE,EAAE;AACVD,MAAAA,KAAK,EAAE,MAAM;AACbK,MAAAA,UAAU,EAAEX,KAAK,CAACY,OAAO,CAACD,UAAU,CAACE,EAAE;AACvCC,MAAAA,MAAM,EAAE,IAAI;AACZC,MAAAA,OAAO,EAAE,QAAQ;AACjBb,MAAAA,OAAO,EAAE,MAAM;AACfC,MAAAA,UAAU,EAAE,QAAQ;AACpBC,MAAAA,cAAc,EAAE,eAAA;KACjB;AACDY,IAAAA,gBAAgB,EAAE;AAChBR,MAAAA,QAAQ,EAAE,UAAU;AACpBE,MAAAA,GAAG,EAAE,EAAE;AACPJ,MAAAA,KAAK,EAAE,mBAAmB;AAC1BC,MAAAA,MAAM,EAAE,mBAAmB;AAC3BU,MAAAA,IAAI,EAAE,EAAE;AACRC,MAAAA,MAAM,EAAE,MAAM;AACdC,MAAAA,YAAY,EAAE,CAAC;AACfR,MAAAA,UAAU,EAAE,MAAA;KACb;AACDS,IAAAA,sBAAsB,EAAE;AACtBC,MAAAA,KAAK,EAAE,MAAM;AACbC,MAAAA,UAAU,EAAE,MAAA;KACb;AACDC,IAAAA,sBAAsB,EAAE;AACtBC,MAAAA,UAAU,EAAE,CAAC;AACbjB,MAAAA,MAAM,EAAE,CAAA;KACT;AACDkB,IAAAA,4BAA4B,EAAE;AAC5BC,MAAAA,UAAU,EAAE,EAAE;AACdL,MAAAA,KAAK,EAAErB,KAAK,CAACY,OAAO,CAACe,OAAO,CAACC,KAAK;AAClC,MAAA,KAAK,EAAE;AAAEP,QAAAA,KAAK,EAAErB,KAAK,CAACY,OAAO,CAACe,OAAO,CAACC,KAAK;AAAEtB,QAAAA,KAAK,EAAE,EAAE;AAAEC,QAAAA,MAAM,EAAE,EAAA;AAAG,OAAA;AACrE,KAAA;GACD,CAAA;AAAA,CAAC;;;;"}