@corva/ui 0.34.0-rc.2 → 0.34.0-rc.3

package/components/HelpCenter/DialogLayout.js

@@ -1 +1,271 @@
-import e from"prop-types";import{makeStyles as t,Dialog as o}from"@material-ui/core";import{Close as r}from"@material-ui/icons";import"../Modal/index.js";import"../IconMenu/index.js";import"../StyledMenuItem/index.js";import"../DevCenter/AppHeader/AppHeader.js";import"../DevCenter/AppSideBar/AppSideBar.js";import"../DevCenter/AppsDataProvider/AppsDataProvider.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/slicedToArray";import"react";import"classnames";import"lodash";import"@material-ui/icons/Help";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/index.js";import"./ArticleIcon.js";import"./HelpCenterDialog/HelpCenterDialog.js";import"./ItemContent/ItemContent.js";import"./SingleItemHeader.js";import"./shapes/index.js";import"../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import{jsx as i,jsxs as n}from"react/jsx-runtime";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/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"../ErrorBoundary/ErrorBoundary.js";import"../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../LoadingIndicator/LoadingIndicator.js";import"../EmptyView/EmptyAppView/components/ErrorSubtitleWithIntercomLink.js";import"../DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton/index.js";import"../DevCenter/DevCenterAppContainer/components/DisabledSettingsMessage/DisabledSettingsMessage.js";import"../DevCenter/DevCenterAppContainer/components/DcTooltipsCoordinatorProvider/DcTooltipsCoordinatorProvider.js";import"../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.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"../DevCenter/NavigationBar/NavigationBar.js";import"../DevCenter/SideBar/SideBar.js";import"../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../DevCenter/IsolatedDevCenterAppContainer/AppsGridDragHandle.js";import"../AssetEditor/index.js";import"../AppVersionsSelect/AppVersionsSelect.js";import"../Typography.js";import"../CollapsableSidebar.js";import"../DateTimePicker/index.js";import"../DatePicker/index.js";import"../SlateFormattedText/SlateFormattedText.js";import"../SlateFormattedText/RenderElements.js";import"@babel/runtime/helpers/typeof";import"slate";import"../ParameterCharts/ParameterCharts.js";import"../ParameterCharts/AddEditTrack.js";import"../ChartActionsList/ChartActionsList.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"../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../TruncatedText/index.js";import"../RangeSlider/RangeSlider.js";import"../Login/components/Login.js";import"../Login/components/PasswordField.js";import"../Login/components/Chip.js";import"../Login/components/StepFooter.js";import"../Login/components/StepContent.js";import"../Login/components/StepHeader.js";import"../Login/components/Step.js";import"../Login/components/OrDivider.js";import"../Login/components/HiddenEmailField.js";import"../Login/components/EmailField.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 p from"../IconButton/index.js";import"../TextField/index.js";import"../Chip/index.js";import"../Counter/index.js";import"../AnchorsList/AnchorsList.js";import"../Select/index.js";import"../CustomSelect/index.js";import"../Tabs/Tabs.js";import"../Tabs/Tab.js";import"../ResizableTable/ResizableTable.js";import"../Drillstring/BHASchematic.js";import"../Drillstring/BHATable/index.js";import"../Drillstring/BHAComponentIcon.js";import"../Drillstring/BHAComponentDetail/index.js";import"../Casing/CasingTable/index.js";import"../Casing/CasingComponentIcon.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"../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../OffsetWellPickerV3/index.js";import"../Notifications/Notifications.js";import"@babel/runtime/helpers/toConsumableArray";import"uuid";import"../ConfirmationDialog.js";import"../TextLink/index.js";import"../Avatar/index.js";import"../Template/TemplatePopover/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"../Table/TableToolbar/TableToolbar.js";import"../Tooltip/MuiTooltipDcWrapper.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"../DocumentViewer/DocumentViewer.js";var s=t((function(e){return{dialogPaper:{backgroundColor:e.palette.background.b9,maxWidth:"1361px !important",position:"relative"},dialogContentWrapper:{height:680,overflow:"auto",padding:"0 40px","&:after":{content:'""',width:"100%",height:16,position:"absolute",bottom:0,left:0,right:0,zIndex:1,background:"linear-gradient(to bottom, rgba(65, 65, 65, 0) 0%, #414141 100%)"}},content:{marginBottom:16,marginTop:74,paddingTop:18},dialogHeader:{height:92,padding:"40px 40px 16px 40px",position:"absolute",top:0,left:0,right:0,background:"linear-gradient(to bottom, #414141 0%, #414141 83%, rgba(65, 65, 65, 0) 100%)",display:"flex",justifyContent:"space-between",alignItems:"center",zIndex:1}}}));function m(e){var t=e.onClose,m=e.header,a=e.content,d=e.contentWrapperKey,l=e.keepMounted,j=e.open,c=s();return i(o,{open:j,keepMounted:l,onClose:t,classes:{paper:c.dialogPaper},children:n("div",{className:c.dialogContentWrapper,children:[n("div",{className:c.dialogHeader,children:[m,i(p,{onClick:t,tooltipProps:{title:"Close"},children:i(r,{})})]}),i("div",{className:c.content,children:a})]},d)})}m.propTypes={content:e.node.isRequired,contentWrapperKey:e.string,header:e.node.isRequired,keepMounted:e.bool,onClose:e.func.isRequired,open:e.bool},m.defaultProps={contentWrapperKey:"contentWrapperKey",keepMounted:!1,open:!0};export{m as DialogLayout};
+import '@babel/runtime/helpers/defineProperty';
+import 'lodash';
+import '@babel/runtime/helpers/toConsumableArray';
+import '../../constants/completion.js';
+import '../../constants/alerts.js';
+import '@babel/runtime/helpers/slicedToArray';
+import '../../constants/goals.js';
+import '../../constants/segment.js';
+import '../../constants/apps.js';
+import '../../constants/drillstring.js';
+import '../../constants/notifications.js';
+import '../../constants/feed.js';
+import '../../constants/bha.js';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/asyncToGenerator';
+import 'query-string';
+import '../../utils/mobileDetect.js';
+import '@babel/runtime/helpers/typeof';
+import '../../clients/api/apiCore.js';
+import '../../clients/constants.js';
+import '../../utils/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { makeStyles, Dialog } from '@material-ui/core';
+import 'react';
+import 'querystring';
+import 'uuid/v1';
+import '../../clients/subscriptions.js';
+import 'uuid';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import PropTypes from 'prop-types';
+import 'classnames';
+import { Close } from '@material-ui/icons';
+import '../Modal/index.js';
+import '../IconMenu/index.js';
+import '../StyledMenuItem/index.js';
+import '../LoadingIndicator/LoadingIndicator.js';
+import '../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js';
+import '../DevCenter/DevCenterAppContainer/components/DcTooltipsCoordinatorProvider/DcTooltipsCoordinatorProvider.js';
+import '../Tooltip/MuiTooltipDcWrapper.js';
+import '../Avatar/index.js';
+import '../Annotations/AnnotationsContext.js';
+import '../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js';
+import 'react-router';
+import '../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js';
+import IconButton from '../IconButton/index.js';
+import '../ConfirmationDialog.js';
+import '../Annotations/components/AnnotationsList/index.js';
+import '../Annotations/components/LastAnnotation/index.js';
+import '../PadModeSelect/PadModeSelect.js';
+import '../DevCenter/AppHeader/AppHeader.js';
+import '../Button/index.js';
+import '../DevCenter/AppSideBar/AppSideBar.js';
+import '../DevCenter/AppContext.js';
+import '../DevCenter/AppsDataProvider/AppsDataProvider.js';
+import '@material-ui/icons/Help';
+import './ArticleIcon.js';
+import './SingleItemHeader.js';
+import '../DocumentViewer/DocumentViewer.js';
+import './shapes/index.js';
+import 'slate';
+import '../SlateFormattedText/RenderElements.js';
+import '../SlateFormattedText/SlateFormattedText.js';
+import './ItemContent/ItemContent.js';
+import './HelpCenterDialog/HelpCenterDialog.js';
+import '../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js';
+import '../EmptyView/EmptyAppView/EmptyAppView.js';
+import '../ErrorBoundary/ErrorBoundary.js';
+import '../Typography.js';
+import '../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js';
+import '../DevCenter/DevCenterAppContainer/components/DisabledSettingsMessage/DisabledSettingsMessage.js';
+import '../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/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 '../EmptyView/EmptyAppView/components/ErrorSubtitleWithIntercomLink.js';
+import '../DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton/index.js';
+import '../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js';
+import '../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js';
+import '../DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.css.js';
+import '../DevCenter/NavigationBar/NavigationBar.js';
+import '../DevCenter/SideBar/SideBar.js';
+import '../DevCenter/AppSettingsPopover/AppSettingsPopover.js';
+import '../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js';
+import '../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js';
+import '../DevCenter/IsolatedDevCenterAppContainer/AppsGridDragHandle.js';
+import '../TruncatedText/index.js';
+import '../AssetEditor/SingleAssetEditor.js';
+import '../AssetEditor/AssetEditorAutocomplete.js';
+import '../AssetEditor/index.js';
+import '../AppVersionsSelect/AppVersionsSelect.js';
+import '../CollapsableSidebar.js';
+import '../DateTimePicker/index.js';
+import '../DatePicker/index.js';
+import '../ColorPicker/PaletteChromePicker/PaletteChromePicker.js';
+import '../ColorPicker/ColorPicker.js';
+import '../ParameterCharts/AddEditTrack.js';
+import '../ParameterCharts/ParameterCharts.js';
+import '../ChartActionsList/ChartActionsList.js';
+import '../SettingEditors/ColorEditor/index.js';
+import '../SettingEditors/DropdownEditor/index.js';
+import '../SettingEditors/RadioEditor/index.js';
+import '../SwitchControl/index.js';
+import '../RangeSlider/RangeSlider.js';
+import '../Login/components/Login.js';
+import '../Login/components/PasswordField.js';
+import '../Login/components/Chip.js';
+import '../Login/components/StepFooter.js';
+import '../Login/components/StepContent.js';
+import '../Login/components/StepHeader.js';
+import '../Login/components/Step.js';
+import '../Login/components/OrDivider.js';
+import '../Login/components/HiddenEmailField.js';
+import '../Login/components/EmailField.js';
+import '../Breadcrumbs/index.js';
+import '../VirtualizedTable/index.js';
+import '../EmptyView/EmptyView.js';
+import '../MenuItem/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 '../TextField/index.js';
+import '../Chip/index.js';
+import '../Counter/index.js';
+import '../AnchorsList/AnchorsList.js';
+import '../Select/index.js';
+import '../CustomSelect/index.js';
+import '../Tabs/Tabs.js';
+import '../Tabs/Tab.js';
+import '../ResizableTable/ResizableTable.js';
+import '../Drillstring/BHASchematic.js';
+import '../Drillstring/BHAComponentIcon.js';
+import '../Drillstring/BHATable/index.js';
+import '../Drillstring/BHAComponentDetail/index.js';
+import '../Casing/CasingComponentIcon.js';
+import '../Casing/CasingTable/index.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 '../OffsetWellPickerV2/OffsetWellPickerDialog.js';
+import '../OffsetWellPickerV3/index.js';
+import '../Notifications/Notifications.js';
+import '../TextLink/index.js';
+import '../Template/TemplatePopover/index.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 '../Table/TableToolbar/TableToolbar.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/Icons/FileIcon.js';
+import '../FilesLoader/FilesLoader.js';
+import '../SearchInput/index.js';
+import '../StageDesignVActual/ComparisonHeader.js';
+import '../StageDesignVActual/ComparisonBar/ComparisonBar.js';
+import '../StageDesignVActual/ComparisonRow.js';
+import '../StageDesignVActual/ElementsComparison/ElementsComparison.js';
+import '../EmbeddedApp/DevCenterEmbeddedApp.js';
+import '../EmbeddedApp/EmbeddedApp.js';
+import '../FeedItem/FeedItem.js';
+import '../KeyboardDateTimePicker.js';
+import '../PostInput/PostInput.js';
+import '../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js';
+import '../AddComment/Popover.js';
+import '../AddComment/Popup.js';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    dialogPaper: {
+      backgroundColor: theme.palette.background.b9,
+      maxWidth: 'min(1361px, 100%) !important',
+      position: 'relative'
+    },
+    dialogContentWrapper: {
+      height: 680,
+      overflow: 'auto',
+      padding: '0 40px',
+      '&:after': {
+        content: '""',
+        width: '100%',
+        height: 16,
+        position: 'absolute',
+        bottom: 0,
+        left: 0,
+        right: 0,
+        zIndex: 1,
+        background: "linear-gradient(to bottom, rgba(65, 65, 65, 0) 0%, #414141 100%)"
+      }
+    },
+    content: {
+      marginBottom: 16,
+      marginTop: 74,
+      paddingTop: 18
+    },
+    dialogHeader: {
+      height: 92,
+      padding: '40px 40px 16px 40px',
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0,
+      background: "linear-gradient(to bottom, #414141 0%, #414141 83%, rgba(65, 65, 65, 0) 100%)",
+      display: 'flex',
+      justifyContent: 'space-between',
+      alignItems: 'center',
+      zIndex: 1
+    }
+  };
+});
+function DialogLayout(_ref) {
+  var onClose = _ref.onClose,
+      header = _ref.header,
+      content = _ref.content,
+      contentWrapperKey = _ref.contentWrapperKey,
+      keepMounted = _ref.keepMounted,
+      open = _ref.open;
+  var styles = useStyles();
+  return /*#__PURE__*/jsx(Dialog, {
+    open: open,
+    keepMounted: keepMounted,
+    onClose: onClose,
+    classes: {
+      paper: styles.dialogPaper
+    },
+    children: /*#__PURE__*/jsxs("div", {
+      className: styles.dialogContentWrapper,
+      children: [/*#__PURE__*/jsxs("div", {
+        className: styles.dialogHeader,
+        children: [header, /*#__PURE__*/jsx(IconButton, {
+          onClick: onClose,
+          tooltipProps: {
+            title: 'Close'
+          },
+          children: /*#__PURE__*/jsx(Close, {})
+        })]
+      }), /*#__PURE__*/jsx("div", {
+        className: styles.content,
+        children: content
+      })]
+    }, contentWrapperKey)
+  });
+}
+DialogLayout.propTypes = {
+  content: PropTypes.node.isRequired,
+  contentWrapperKey: PropTypes.string,
+  header: PropTypes.node.isRequired,
+  keepMounted: PropTypes.bool,
+  onClose: PropTypes.func.isRequired,
+  open: PropTypes.bool
+};
+DialogLayout.defaultProps = {
+  contentWrapperKey: 'contentWrapperKey',
+  keepMounted: false,
+  open: true
+};
+
+export { DialogLayout };
+//# sourceMappingURL=DialogLayout.js.map

package/components/HelpCenter/DialogLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogLayout.js","sources":["../../../src/components/HelpCenter/DialogLayout.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { Dialog, makeStyles } from '@material-ui/core';\nimport { Close as CloseIcon } from '@material-ui/icons';\n\nimport { IconButton } from '~/components';\n\nconst useStyles = makeStyles(theme => ({\n  dialogPaper: {\n    backgroundColor: theme.palette.background.b9,\n    maxWidth: 'min(1361px, 100%) !important',\n    position: 'relative',\n  },\n  dialogContentWrapper: {\n    height: 680,\n    overflow: 'auto',\n    padding: '0 40px',\n    '&:after': {\n      content: '\"\"',\n      width: '100%',\n      height: 16,\n      position: 'absolute',\n      bottom: 0,\n      left: 0,\n      right: 0,\n      zIndex: 1,\n      background: `linear-gradient(to bottom, rgba(65, 65, 65, 0) 0%, #414141 100%)`,\n    },\n  },\n  content: {\n    marginBottom: 16,\n    marginTop: 74,\n    paddingTop: 18,\n  },\n  dialogHeader: {\n    height: 92,\n    padding: '40px 40px 16px 40px',\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    background: `linear-gradient(to bottom, #414141 0%, #414141 83%, rgba(65, 65, 65, 0) 100%)`,\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    zIndex: 1,\n  },\n}));\n\nexport function DialogLayout({ onClose, header, content, contentWrapperKey, keepMounted, open }) {\n  const styles = useStyles();\n\n  return (\n    <Dialog\n      open={open}\n      keepMounted={keepMounted}\n      onClose={onClose}\n      classes={{ paper: styles.dialogPaper }}\n    >\n      <div className={styles.dialogContentWrapper} key={contentWrapperKey}>\n        <div className={styles.dialogHeader}>\n          {header}\n          <IconButton onClick={onClose} tooltipProps={{ title: 'Close' }}>\n            <CloseIcon />\n          </IconButton>\n        </div>\n\n        <div className={styles.content}>{content}</div>\n      </div>\n    </Dialog>\n  );\n}\n\nDialogLayout.propTypes = {\n  content: PropTypes.node.isRequired,\n  contentWrapperKey: PropTypes.string,\n  header: PropTypes.node.isRequired,\n  keepMounted: PropTypes.bool,\n  onClose: PropTypes.func.isRequired,\n  open: PropTypes.bool,\n};\n\nDialogLayout.defaultProps = {\n  contentWrapperKey: 'contentWrapperKey',\n  keepMounted: false,\n  open: true,\n};\n"],"names":["useStyles","makeStyles","theme","dialogPaper","backgroundColor","palette","background","b9","maxWidth","position","dialogContentWrapper","height","overflow","padding","content","width","bottom","left","right","zIndex","marginBottom","marginTop","paddingTop","dialogHeader","top","display","justifyContent","alignItems","DialogLayout","onClose","header","contentWrapperKey","keepMounted","open","styles","_jsx","paper","_jsxs","title","CloseIcon","propTypes","PropTypes","node","isRequired","string","bool","func","defaultProps"],"mappings":"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"}

package/components/HelpCenter/HelpCenterDialog/HelpCenterDialog.js

@@ -1 +1,132 @@
-import e from"@babel/runtime/helpers/slicedToArray";import{useState as t}from"react";import n from"prop-types";import{makeStyles as i}from"@material-ui/core";import{DialogLayout as o}from"../DialogLayout.js";import{SingleItemHeader as r}from"../SingleItemHeader.js";import{FilePreview as l}from"./components/FilePreview.js";import{HelpContentList as p}from"./components/HelpContentList.js";import{ItemContent as a}from"../ItemContent/ItemContent.js";import{SearchInput as s}from"./components/SearchInput.js";import{useHelpContents as m}from"./effects/useHelpContents.js";import{jsxs as c,Fragment as u,jsx as d}from"react/jsx-runtime";var f=i((function(e){return{mainViewTitle:{display:"flex",alignItems:"center",justifyContent:"space-between",flexGrow:1,paddingRight:32},title:{fontSize:20},searchField:{width:358,backgroundColor:e.palette.background.b7},helpContentList:{width:1278}}}));function h(n){var i=n.onClose,h=n.appName,C=n.appId,g=t(null),I=e(g,2),j=I[0],w=I[1],y=f(),N=m({appId:C}),b=N.helpContents,k=N.isLoading,v=N.error,L=N.searchHelpContents,H=t(""),V=e(H,2),x=V[0],A=V[1],R=t(null),T=e(R,2),q=T[0],F=T[1];return c(u,{children:[d(o,{open:!q,keepMounted:!0,onClose:function(){j?w(null):i()},header:j?d(r,{appName:h,title:j.title,onAppNameClick:function(){return w(null)}}):c("div",{className:y.mainViewTitle,children:[c("div",{className:y.title,children:[h,": App Help"]}),d(s,{className:y.searchField,initialValue:x,onChange:function(e){A(e),L(e)}})]}),content:j?d(a,{helpContent:j,onAttachmentClick:F}):d("div",{className:y.helpContentList,children:d(p,{error:v,helpContents:b,isLoading:k,onItemClick:w,search:x})}),contentWrapperKey:j?"singleItemView":"listView"}),q&&d(l,{displayName:q.display_name,onClose:function(){return F(null)},url:q.cdn_url})]})}h.propTypes={onClose:n.func.isRequired,appName:n.string.isRequired,appId:n.string.isRequired};export{h as HelpCenterDialog};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { makeStyles } from '@material-ui/core';
+import { useState } from 'react';
+import PropTypes from 'prop-types';
+import { DialogLayout } from '../DialogLayout.js';
+import { SingleItemHeader } from '../SingleItemHeader.js';
+import { FilePreview } from './components/FilePreview.js';
+import { HelpContentList } from './components/HelpContentList.js';
+import { ItemContent } from '../ItemContent/ItemContent.js';
+import { SearchInput } from './components/SearchInput.js';
+import { useHelpContents } from './effects/useHelpContents.js';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    mainViewTitle: {
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      flexGrow: 1,
+      paddingRight: 32
+    },
+    title: {
+      fontSize: 20
+    },
+    searchField: {
+      width: 358,
+      backgroundColor: theme.palette.background.b7
+    },
+    helpContentList: {
+      width: 1278,
+      maxWidth: 'fill-available'
+    }
+  };
+});
+function HelpCenterDialog(_ref) {
+  var onClose = _ref.onClose,
+      appName = _ref.appName,
+      appId = _ref.appId;
+
+  var _useState = useState(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      selectedItem = _useState2[0],
+      setSelectedItem = _useState2[1];
+
+  var styles = useStyles();
+
+  var _useHelpContents = useHelpContents({
+    appId: appId
+  }),
+      helpContents = _useHelpContents.helpContents,
+      isLoading = _useHelpContents.isLoading,
+      error = _useHelpContents.error,
+      searchHelpContents = _useHelpContents.searchHelpContents;
+
+  var _useState3 = useState(''),
+      _useState4 = _slicedToArray(_useState3, 2),
+      search = _useState4[0],
+      setSearch = _useState4[1];
+
+  var _useState5 = useState(null),
+      _useState6 = _slicedToArray(_useState5, 2),
+      attachment = _useState6[0],
+      setAttachment = _useState6[1];
+
+  var handleInputChange = function handleInputChange(searchValue) {
+    setSearch(searchValue);
+    searchHelpContents(searchValue);
+  };
+
+  var handleClose = function handleClose() {
+    if (selectedItem) {
+      setSelectedItem(null);
+    } else {
+      onClose();
+    }
+  };
+
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(DialogLayout, {
+      open: !attachment,
+      keepMounted: true,
+      onClose: handleClose,
+      header: selectedItem ? /*#__PURE__*/jsx(SingleItemHeader, {
+        appName: appName,
+        title: selectedItem.title,
+        onAppNameClick: function onAppNameClick() {
+          return setSelectedItem(null);
+        }
+      }) : /*#__PURE__*/jsxs("div", {
+        className: styles.mainViewTitle,
+        children: [/*#__PURE__*/jsxs("div", {
+          className: styles.title,
+          children: ["App Help - ", appName]
+        }), /*#__PURE__*/jsx(SearchInput, {
+          className: styles.searchField,
+          initialValue: search,
+          onChange: handleInputChange
+        })]
+      }),
+      content: selectedItem ? /*#__PURE__*/jsx(ItemContent, {
+        helpContent: selectedItem,
+        onAttachmentClick: setAttachment
+      }) : /*#__PURE__*/jsx("div", {
+        className: styles.helpContentList,
+        children: /*#__PURE__*/jsx(HelpContentList, {
+          error: error,
+          helpContents: helpContents,
+          isLoading: isLoading,
+          onItemClick: setSelectedItem,
+          search: search
+        })
+      }) // NOTE: different keys are needed to rerender wrapper in order to reset scroll position
+      ,
+      contentWrapperKey: selectedItem ? 'singleItemView' : 'listView'
+    }), attachment && /*#__PURE__*/jsx(FilePreview, {
+      displayName: attachment.display_name,
+      onClose: function onClose() {
+        return setAttachment(null);
+      },
+      url: attachment.cdn_url
+    })]
+  });
+}
+HelpCenterDialog.propTypes = {
+  onClose: PropTypes.func.isRequired,
+  appName: PropTypes.string.isRequired,
+  appId: PropTypes.string.isRequired
+};
+
+export { HelpCenterDialog };
+//# sourceMappingURL=HelpCenterDialog.js.map

package/components/HelpCenter/HelpCenterDialog/HelpCenterDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpCenterDialog.js","sources":["../../../../src/components/HelpCenter/HelpCenterDialog/HelpCenterDialog.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\n\nimport { DialogLayout } from '../DialogLayout';\nimport { SingleItemHeader } from '../SingleItemHeader';\nimport { FilePreview, HelpContentList, ItemContent, SearchInput } from './components';\nimport { useHelpContents } from './effects';\n\nconst useStyles = makeStyles(theme => ({\n  mainViewTitle: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    flexGrow: 1,\n    paddingRight: 32,\n  },\n  title: {\n    fontSize: 20,\n  },\n  searchField: {\n    width: 358,\n    backgroundColor: theme.palette.background.b7,\n  },\n  helpContentList: {\n    width: 1278,\n    maxWidth: 'fill-available',\n  },\n}));\n\nexport function HelpCenterDialog({ onClose, appName, appId }) {\n  const [selectedItem, setSelectedItem] = useState(null);\n  const styles = useStyles();\n  const { helpContents, isLoading, error, searchHelpContents } = useHelpContents({ appId });\n  const [search, setSearch] = useState('');\n  const [attachment, setAttachment] = useState(null);\n\n  const handleInputChange = searchValue => {\n    setSearch(searchValue);\n    searchHelpContents(searchValue);\n  };\n\n  const handleClose = () => {\n    if (selectedItem) {\n      setSelectedItem(null);\n    } else {\n      onClose();\n    }\n  };\n\n  return (\n    <>\n      <DialogLayout\n        open={!attachment}\n        keepMounted\n        onClose={handleClose}\n        header={\n          selectedItem ? (\n            <SingleItemHeader\n              appName={appName}\n              title={selectedItem.title}\n              onAppNameClick={() => setSelectedItem(null)}\n            />\n          ) : (\n            <div className={styles.mainViewTitle}>\n              <div className={styles.title}>App Help - {appName}</div>\n              <SearchInput\n                className={styles.searchField}\n                initialValue={search}\n                onChange={handleInputChange}\n              />\n            </div>\n          )\n        }\n        content={\n          selectedItem ? (\n            <ItemContent helpContent={selectedItem} onAttachmentClick={setAttachment} />\n          ) : (\n            <div className={styles.helpContentList}>\n              <HelpContentList\n                error={error}\n                helpContents={helpContents}\n                isLoading={isLoading}\n                onItemClick={setSelectedItem}\n                search={search}\n              />\n            </div>\n          )\n        }\n        // NOTE: different keys are needed to rerender wrapper in order to reset scroll position\n        contentWrapperKey={selectedItem ? 'singleItemView' : 'listView'}\n      />\n      {attachment && (\n        <FilePreview\n          displayName={attachment.display_name}\n          onClose={() => setAttachment(null)}\n          url={attachment.cdn_url}\n        />\n      )}\n    </>\n  );\n}\n\nHelpCenterDialog.propTypes = {\n  onClose: PropTypes.func.isRequired,\n  appName: PropTypes.string.isRequired,\n  appId: PropTypes.string.isRequired,\n};\n"],"names":["useStyles","makeStyles","theme","mainViewTitle","display","alignItems","justifyContent","flexGrow","paddingRight","title","fontSize","searchField","width","backgroundColor","palette","background","b7","helpContentList","maxWidth","HelpCenterDialog","onClose","appName","appId","useState","selectedItem","setSelectedItem","styles","useHelpContents","helpContents","isLoading","error","searchHelpContents","search","setSearch","attachment","setAttachment","handleInputChange","searchValue","handleClose","_jsxs","_jsx","display_name","cdn_url","propTypes","PropTypes","func","isRequired","string"],"mappings":"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"}

package/components/HelpCenter/HelpCenterDialog/components/EmptyView.js

@@ -1 +1,49 @@
-import e from"prop-types";import{makeStyles as t}from"@material-ui/core";import{HelpCenterLink as i}from"./HelpCenterLink.js";import{jsxs as r,jsx as a}from"react/jsx-runtime";var m=t((function(e){return{emptyView:{display:"flex",flexDirection:"column",alignItems:"center",paddingTop:40},title:{fontSize:32,lineHeight:"37px",fontStyle:"italic",color:e.palette.primary.text7,marginBottom:16},image:{marginTop:8,width:830,height:400}}}));function o(e){var t=e.title,o=m();return r("div",{className:o.emptyView,children:[a("span",{className:o.title,children:t}),a(i,{}),a("img",{className:o.image,src:"/static/media/a704a275c0816c257ef3e6f03a82769f.svg",alt:"Empty state graphic"})]})}o.propTypes={title:e.string.isRequired};export{o as EmptyView};
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { makeStyles } from '@material-ui/core';
+import PropTypes from 'prop-types';
+import { HelpCenterLink } from './HelpCenterLink.js';
+
+var emptyStateGraphic = "/static/media/a704a275c0816c257ef3e6f03a82769f.svg";
+var useStyles = makeStyles(function (theme) {
+  return {
+    emptyView: {
+      display: 'flex',
+      flexDirection: 'column',
+      alignItems: 'center',
+      paddingTop: 40
+    },
+    title: {
+      fontSize: 32,
+      lineHeight: '37px',
+      fontStyle: 'italic',
+      color: theme.palette.primary.text7,
+      marginBottom: 16
+    },
+    image: {
+      marginTop: 8,
+      width: 830,
+      height: 400
+    }
+  };
+});
+function EmptyView(_ref) {
+  var title = _ref.title;
+  var styles = useStyles();
+  return /*#__PURE__*/jsxs("div", {
+    className: styles.emptyView,
+    children: [/*#__PURE__*/jsx("span", {
+      className: styles.title,
+      children: title
+    }), /*#__PURE__*/jsx(HelpCenterLink, {}), /*#__PURE__*/jsx("img", {
+      className: styles.image,
+      src: emptyStateGraphic,
+      alt: "Empty state graphic"
+    })]
+  });
+}
+EmptyView.propTypes = {
+  title: PropTypes.string.isRequired
+};
+
+export { EmptyView };
+//# sourceMappingURL=EmptyView.js.map

package/components/HelpCenter/HelpCenterDialog/components/EmptyView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyView.js","sources":["../../../../../src/components/HelpCenter/HelpCenterDialog/components/EmptyView.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\n\nimport { HelpCenterLink } from './HelpCenterLink';\nimport emptyStateGraphic from './empty_state_graphic.svg';\n\nconst useStyles = makeStyles(theme => ({\n  emptyView: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    paddingTop: 40,\n  },\n  title: {\n    fontSize: 32,\n    lineHeight: '37px',\n    fontStyle: 'italic',\n    color: theme.palette.primary.text7,\n    marginBottom: 16,\n  },\n  image: {\n    marginTop: 8,\n    width: 830,\n    height: 400,\n  },\n}));\n\nexport function EmptyView({ title }) {\n  const styles = useStyles();\n\n  return (\n    <div className={styles.emptyView}>\n      <span className={styles.title}>{title}</span>\n      <HelpCenterLink />\n      <img className={styles.image} src={emptyStateGraphic} alt=\"Empty state graphic\" />\n    </div>\n  );\n}\n\nEmptyView.propTypes = {\n  title: PropTypes.string.isRequired,\n};\n"],"names":["useStyles","makeStyles","theme","emptyView","display","flexDirection","alignItems","paddingTop","title","fontSize","lineHeight","fontStyle","color","palette","primary","text7","marginBottom","image","marginTop","width","height","EmptyView","styles","_jsxs","_jsx","emptyStateGraphic","propTypes","PropTypes","string","isRequired"],"mappings":";;;;;;AAMA,IAAMA,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK;AAAA,SAAK;AACrCC,IAAAA,SAAS,EAAE;AACTC,MAAAA,OAAO,EAAE,MADA;AAETC,MAAAA,aAAa,EAAE,QAFN;AAGTC,MAAAA,UAAU,EAAE,QAHH;AAITC,MAAAA,UAAU,EAAE;AAJH,KAD0B;AAOrCC,IAAAA,KAAK,EAAE;AACLC,MAAAA,QAAQ,EAAE,EADL;AAELC,MAAAA,UAAU,EAAE,MAFP;AAGLC,MAAAA,SAAS,EAAE,QAHN;AAILC,MAAAA,KAAK,EAAEV,KAAK,CAACW,OAAN,CAAcC,OAAd,CAAsBC,KAJxB;AAKLC,MAAAA,YAAY,EAAE;AALT,KAP8B;AAcrCC,IAAAA,KAAK,EAAE;AACLC,MAAAA,SAAS,EAAE,CADN;AAELC,MAAAA,KAAK,EAAE,GAFF;AAGLC,MAAAA,MAAM,EAAE;AAHH;AAd8B,GAAL;AAAA,CAAN,CAA5B;AAqBO,SAASC,SAAT,OAA8B;AAAA,MAATb,KAAS,QAATA,KAAS;AACnC,MAAMc,MAAM,GAAGtB,SAAS,EAAxB;AAEA,sBACEuB;AAAK,IAAA,SAAS,EAAED,MAAM,CAACnB,SAAvB;AAAA,4BACEqB;AAAM,MAAA,SAAS,EAAEF,MAAM,CAACd,KAAxB;AAAA,gBAAgCA;AAAhC,MADF,eAEEgB,IAAC,cAAD,KAFF,eAGEA;AAAK,MAAA,SAAS,EAAEF,MAAM,CAACL,KAAvB;AAA8B,MAAA,GAAG,EAAEQ,iBAAnC;AAAsD,MAAA,GAAG,EAAC;AAA1D,MAHF;AAAA,IADF;AAOD;AAEDJ,SAAS,CAACK,SAAV,GAAsB;AACpBlB,EAAAA,KAAK,EAAEmB,SAAS,CAACC,MAAV,CAAiBC;AADJ,CAAtB;;;;"}

package/components/HelpCenter/HelpCenterDialog/components/FilePreview.js

@@ -1 +1,38 @@
-import e from"prop-types";import{noop as r}from"lodash";import"react-image-lightbox/style.css";import i from"../../../ImageViewer/index.js";import o from"../../../DocumentViewer/DocumentViewer.js";import{getIsImage as s,getWebViewType as t}from"../../../../utils/fileExtension.js";import{jsx as m}from"react/jsx-runtime";function n(e){var n=e.url,p=e.displayName,l=e.onClose;return s(p)?m(i,{mainSrc:n,imagePadding:50,onAfterOpen:r,onCloseRequest:l}):m(o,{fileName:p,fileUrl:n,onClose:l,open:!0,webviewType:t(p)})}n.propTypes={url:e.string.isRequired,displayName:e.string.isRequired,onClose:e.func.isRequired};export{n as FilePreview};
+import { noop } from 'lodash';
+import { getIsImage, getWebViewType } from '../../../../utils/fileExtension.js';
+import { jsx } from 'react/jsx-runtime';
+import PropTypes from 'prop-types';
+import ImageViewer from '../../../ImageViewer/index.js';
+import 'react-image-lightbox/style.css';
+import DocumentViewer from '../../../DocumentViewer/DocumentViewer.js';
+
+function FilePreview(_ref) {
+  var url = _ref.url,
+      displayName = _ref.displayName,
+      onClose = _ref.onClose;
+
+  if (getIsImage(displayName)) {
+    return /*#__PURE__*/jsx(ImageViewer, {
+      mainSrc: url,
+      imagePadding: 50,
+      onAfterOpen: noop,
+      onCloseRequest: onClose
+    });
+  }
+
+  return /*#__PURE__*/jsx(DocumentViewer, {
+    fileName: displayName,
+    fileUrl: url,
+    onClose: onClose,
+    open: true,
+    webviewType: getWebViewType(displayName)
+  });
+}
+FilePreview.propTypes = {
+  url: PropTypes.string.isRequired,
+  displayName: PropTypes.string.isRequired,
+  onClose: PropTypes.func.isRequired
+};
+
+export { FilePreview };
+//# sourceMappingURL=FilePreview.js.map

package/components/HelpCenter/HelpCenterDialog/components/FilePreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilePreview.js","sources":["../../../../../src/components/HelpCenter/HelpCenterDialog/components/FilePreview.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { noop } from 'lodash';\n\nimport 'react-image-lightbox/style.css';\n\nimport ImageViewer from '~components/ImageViewer';\nimport DocumentViewer from '~components/DocumentViewer/DocumentViewer';\n\nimport { getIsImage, getWebViewType } from '~/utils/fileExtension';\n\nexport function FilePreview({ url, displayName, onClose }) {\n  if (getIsImage(displayName)) {\n    return (\n      <ImageViewer mainSrc={url} imagePadding={50} onAfterOpen={noop} onCloseRequest={onClose} />\n    );\n  }\n\n  return (\n    <DocumentViewer\n      fileName={displayName}\n      fileUrl={url}\n      onClose={onClose}\n      open\n      webviewType={getWebViewType(displayName)}\n    />\n  );\n}\n\nFilePreview.propTypes = {\n  url: PropTypes.string.isRequired,\n  displayName: PropTypes.string.isRequired,\n  onClose: PropTypes.func.isRequired,\n};\n"],"names":["FilePreview","url","displayName","onClose","getIsImage","_jsx","noop","getWebViewType","propTypes","PropTypes","string","isRequired","func"],"mappings":";;;;;;;;AAUO,SAASA,WAAT,OAAoD;AAAA,MAA7BC,GAA6B,QAA7BA,GAA6B;AAAA,MAAxBC,WAAwB,QAAxBA,WAAwB;AAAA,MAAXC,OAAW,QAAXA,OAAW;;AACzD,MAAIC,UAAU,CAACF,WAAD,CAAd,EAA6B;AAC3B,wBACEG,IAAC,WAAD;AAAa,MAAA,OAAO,EAAEJ,GAAtB;AAA2B,MAAA,YAAY,EAAE,EAAzC;AAA6C,MAAA,WAAW,EAAEK,IAA1D;AAAgE,MAAA,cAAc,EAAEH;AAAhF,MADF;AAGD;;AAED,sBACEE,IAAC,cAAD;AACE,IAAA,QAAQ,EAAEH,WADZ;AAEE,IAAA,OAAO,EAAED,GAFX;AAGE,IAAA,OAAO,EAAEE,OAHX;AAIE,IAAA,IAAI,MAJN;AAKE,IAAA,WAAW,EAAEI,cAAc,CAACL,WAAD;AAL7B,IADF;AASD;AAEDF,WAAW,CAACQ,SAAZ,GAAwB;AACtBP,EAAAA,GAAG,EAAEQ,SAAS,CAACC,MAAV,CAAiBC,UADA;AAEtBT,EAAAA,WAAW,EAAEO,SAAS,CAACC,MAAV,CAAiBC,UAFR;AAGtBR,EAAAA,OAAO,EAAEM,SAAS,CAACG,IAAV,CAAeD;AAHF,CAAxB;;;;"}