@corva/ui 0.34.0-rc.3 → 0.34.0

package/components/HelpCenter/DialogLayout.js

@@ -1,271 +1 @@
-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
+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:"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 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};

package/components/HelpCenter/HelpCenterDialog/HelpCenterDialog.js

@@ -1,132 +1 @@
-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
+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 a}from"./components/HelpContentList.js";import{ItemContent as p}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 d,jsx as u}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,maxWidth:"fill-available"}}}));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,v=N.isLoading,k=N.error,L=N.searchHelpContents,x=t(""),H=e(x,2),V=H[0],A=H[1],R=t(null),T=e(R,2),q=T[0],F=T[1];return c(d,{children:[u(o,{open:!q,keepMounted:!0,onClose:function(){j?w(null):i()},header:j?u(r,{appName:h,title:j.title,onAppNameClick:function(){return w(null)}}):c("div",{className:y.mainViewTitle,children:[c("div",{className:y.title,children:["App Help - ",h]}),u(s,{className:y.searchField,initialValue:V,onChange:function(e){A(e),L(e)}})]}),content:j?u(p,{helpContent:j,onAttachmentClick:F}):u("div",{className:y.helpContentList,children:u(a,{error:k,helpContents:b,isLoading:v,onItemClick:w,search:V})}),contentWrapperKey:j?"singleItemView":"listView"}),q&&u(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};

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

@@ -1,49 +1 @@
-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
+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};

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

@@ -1,38 +1 @@
-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
+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};