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

package/components/HelpCenter/Attachments/Attachment.js

@@ -1 +1,278 @@
-import e from"prop-types";import{makeStyles as t}from"@material-ui/core";import i from"moment";import o from"@material-ui/icons/Delete";import r from"classnames";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"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"../DialogLayout.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{jsxs as n,jsx as s}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 p from"../../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 m 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 a from"../../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 l=t((function(e){return{attachment:{border:"1px solid ".concat(e.palette.primary.text7),borderRadius:8,padding:"0 12px",height:56,display:"flex",alignItems:"center",width:"100%","&:hover":{borderColor:e.palette.primary.main,cursor:"pointer"}},content:{width:"calc(100% - 66px)"},fileIconContainer:{"& svg":{width:24,height:24},marginRight:12},displayName:{fontSize:14,fontWeight:500,lineHeight:"16px",marginBottom:4},timestamp:{fontSize:12,lineHeight:"16px",letterSpacing:"0.4px",color:e.palette.primary.text6}}}));function d(e){var t=e.attachment,d=e.onDelete,c=e.onClick,j=e.className,C=l();return n("div",{className:r(C.attachment,j),onClick:function(){return c(t)},children:[s("div",{className:C.fileIconContainer,children:s(a,{name:t.display_name})}),n("div",{className:C.content,children:[s("div",{className:C.displayName,children:s(p,{children:t.display_name})}),s("div",{className:C.timestamp,children:i(t.uploaded_at).format("MM/DD/YYYY, HH:mm")})]}),d&&s(m,{tooltipProps:{title:"Delete"},size:"small",onClick:function(e){e.stopPropagation(),d(t)},children:s(o,{})})]})}d.propTypes={attachment:e.shape({file_name:e.string.isRequired,display_name:e.string.isRequired,uploaded_at:e.string.isRequired}).isRequired,onDelete:e.func,onClick:e.func.isRequired,className:e.string},d.defaultProps={className:null,onDelete:null};export{d as Attachment};
+import '@babel/runtime/helpers/defineProperty';
+import 'lodash';
+import '@babel/runtime/helpers/toConsumableArray';
+import '../../../constants/completion.js';
+import moment from 'moment';
+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 { jsxs, jsx } from 'react/jsx-runtime';
+import { makeStyles } 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 from 'classnames';
+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 DeleteIcon from '@material-ui/icons/Delete';
+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 '../DialogLayout.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 from '../../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 FileIcon from '../../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 {
+    attachment: {
+      border: "1px solid ".concat(theme.palette.primary.text7),
+      borderRadius: 8,
+      padding: '0 12px',
+      height: 56,
+      display: 'flex',
+      alignItems: 'center',
+      width: '100%',
+      '&:hover': {
+        borderColor: theme.palette.primary.main,
+        cursor: 'pointer'
+      }
+    },
+    content: {
+      width: 'calc(100% - 66px)'
+    },
+    fileIconContainer: {
+      '& svg': {
+        width: 24,
+        height: 24
+      },
+      marginRight: 12
+    },
+    displayName: {
+      fontSize: 14,
+      fontWeight: 500,
+      lineHeight: '16px',
+      marginBottom: 4
+    },
+    timestamp: {
+      fontSize: 12,
+      lineHeight: '16px',
+      letterSpacing: '0.4px',
+      color: theme.palette.primary.text6
+    }
+  };
+});
+var DATE_FORMAT = 'MM/DD/YYYY, HH:mm';
+function Attachment(_ref) {
+  var attachment = _ref.attachment,
+      onDelete = _ref.onDelete,
+      _onClick = _ref.onClick,
+      className = _ref.className;
+  var styles = useStyles();
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames(styles.attachment, className),
+    onClick: function onClick() {
+      return _onClick(attachment);
+    },
+    children: [/*#__PURE__*/jsx("div", {
+      className: styles.fileIconContainer,
+      children: /*#__PURE__*/jsx(FileIcon, {
+        name: attachment.display_name
+      })
+    }), /*#__PURE__*/jsxs("div", {
+      className: styles.content,
+      children: [/*#__PURE__*/jsx("div", {
+        className: styles.displayName,
+        children: /*#__PURE__*/jsx(TruncatedText, {
+          children: attachment.display_name
+        })
+      }), /*#__PURE__*/jsx("div", {
+        className: styles.timestamp,
+        children: moment(attachment.uploaded_at).format(DATE_FORMAT)
+      })]
+    }), onDelete && /*#__PURE__*/jsx(IconButton, {
+      tooltipProps: {
+        title: 'Delete'
+      },
+      size: "small",
+      onClick: function onClick(event) {
+        event.stopPropagation();
+        onDelete(attachment);
+      },
+      children: /*#__PURE__*/jsx(DeleteIcon, {})
+    })]
+  });
+}
+Attachment.propTypes = {
+  attachment: PropTypes.shape({
+    file_name: PropTypes.string.isRequired,
+    display_name: PropTypes.string.isRequired,
+    uploaded_at: PropTypes.string.isRequired
+  }).isRequired,
+  onDelete: PropTypes.func,
+  onClick: PropTypes.func.isRequired,
+  className: PropTypes.string
+};
+Attachment.defaultProps = {
+  className: null,
+  onDelete: null
+};
+
+export { Attachment };
+//# sourceMappingURL=Attachment.js.map

package/components/HelpCenter/Attachments/Attachment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Attachment.js","sources":["../../../../src/components/HelpCenter/Attachments/Attachment.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\nimport moment from 'moment';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport classNames from 'classnames';\n\nimport { TruncatedText, IconButton, FileIcon } from '~/components';\n\nconst useStyles = makeStyles(theme => ({\n  attachment: {\n    border: `1px solid ${theme.palette.primary.text7}`,\n    borderRadius: 8,\n    padding: '0 12px',\n    height: 56,\n    display: 'flex',\n    alignItems: 'center',\n    width: '100%',\n    '&:hover': {\n      borderColor: theme.palette.primary.main,\n      cursor: 'pointer',\n    },\n  },\n  content: {\n    width: 'calc(100% - 66px)',\n  },\n  fileIconContainer: {\n    '& svg': {\n      width: 24,\n      height: 24,\n    },\n    marginRight: 12,\n  },\n  displayName: {\n    fontSize: 14,\n    fontWeight: 500,\n    lineHeight: '16px',\n    marginBottom: 4,\n  },\n  timestamp: {\n    fontSize: 12,\n    lineHeight: '16px',\n    letterSpacing: '0.4px',\n    color: theme.palette.primary.text6,\n  },\n}));\n\nconst DATE_FORMAT = 'MM/DD/YYYY, HH:mm';\n\nexport function Attachment({ attachment, onDelete, onClick, className }) {\n  const styles = useStyles();\n\n  return (\n    <div className={classNames(styles.attachment, className)} onClick={() => onClick(attachment)}>\n      <div className={styles.fileIconContainer}>\n        <FileIcon name={attachment.display_name} />\n      </div>\n\n      <div className={styles.content}>\n        <div className={styles.displayName}>\n          <TruncatedText>{attachment.display_name}</TruncatedText>\n        </div>\n        <div className={styles.timestamp}>\n          {moment(attachment.uploaded_at).format(DATE_FORMAT)}\n        </div>\n      </div>\n\n      {onDelete && (\n        <IconButton\n          tooltipProps={{ title: 'Delete' }}\n          size=\"small\"\n          onClick={event => {\n            event.stopPropagation();\n            onDelete(attachment);\n          }}\n        >\n          <DeleteIcon />\n        </IconButton>\n      )}\n    </div>\n  );\n}\n\nAttachment.propTypes = {\n  attachment: PropTypes.shape({\n    file_name: PropTypes.string.isRequired,\n    display_name: PropTypes.string.isRequired,\n    uploaded_at: PropTypes.string.isRequired,\n  }).isRequired,\n  onDelete: PropTypes.func,\n  onClick: PropTypes.func.isRequired,\n  className: PropTypes.string,\n};\n\nAttachment.defaultProps = {\n  className: null,\n  onDelete: null,\n};\n"],"names":["useStyles","makeStyles","theme","attachment","border","palette","primary","text7","borderRadius","padding","height","display","alignItems","width","borderColor","main","cursor","content","fileIconContainer","marginRight","displayName","fontSize","fontWeight","lineHeight","marginBottom","timestamp","letterSpacing","color","text6","DATE_FORMAT","Attachment","onDelete","onClick","className","styles","_jsxs","classNames","_jsx","display_name","moment","uploaded_at","format","title","event","stopPropagation","propTypes","PropTypes","shape","file_name","string","isRequired","func","defaultProps"],"mappings":"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"}

package/components/HelpCenter/Attachments/AttachmentList.js

@@ -1 +1,52 @@
-import t from"prop-types";import{makeStyles as e,Box as a}from"@material-ui/core";import{Attachment as r}from"./Attachment.js";import{jsxs as n,jsx as i}from"react/jsx-runtime";var c=e((function(t){return{header:{fontSize:12,lineHeight:"16px",color:t.palette.primary.text6},attachmentList:{marginTop:8,display:"flex",flexWrap:"wrap",gap:"16px 16px"},attachment:{width:"calc(50% - 8px)"}}}));function m(t){var e=t.attachments,m=t.onAttachmentClick,p=c();return e.length?n(a,{mt:3,children:[i("span",{className:p.header,children:"Attachments:"}),i("div",{className:p.attachmentList,children:e.map((function(t){return i(r,{className:p.attachment,attachment:t,onClick:m},t.file_name)}))})]}):null}m.propTypes={attachments:t.arrayOf(t.shape({})).isRequired,onAttachmentClick:t.func.isRequired};export{m as AttachmentList};
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { makeStyles, Box } from '@material-ui/core';
+import PropTypes from 'prop-types';
+import { Attachment } from './Attachment.js';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    header: {
+      fontSize: 12,
+      lineHeight: '16px',
+      color: theme.palette.primary.text6
+    },
+    attachmentList: {
+      marginTop: 8,
+      display: 'flex',
+      flexWrap: 'wrap',
+      gap: '16px 16px'
+    },
+    attachment: {
+      width: 'calc(50% - 8px)'
+    }
+  };
+});
+function AttachmentList(_ref) {
+  var attachments = _ref.attachments,
+      onAttachmentClick = _ref.onAttachmentClick;
+  var styles = useStyles();
+  if (!attachments.length) return null;
+  return /*#__PURE__*/jsxs(Box, {
+    mt: 3,
+    children: [/*#__PURE__*/jsx("span", {
+      className: styles.header,
+      children: "Attachments:"
+    }), /*#__PURE__*/jsx("div", {
+      className: styles.attachmentList,
+      children: attachments.map(function (attachment) {
+        return /*#__PURE__*/jsx(Attachment, {
+          className: styles.attachment,
+          attachment: attachment,
+          onClick: onAttachmentClick
+        }, attachment.file_name);
+      })
+    })]
+  });
+}
+AttachmentList.propTypes = {
+  attachments: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
+  onAttachmentClick: PropTypes.func.isRequired
+};
+
+export { AttachmentList };
+//# sourceMappingURL=AttachmentList.js.map

package/components/HelpCenter/Attachments/AttachmentList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentList.js","sources":["../../../../src/components/HelpCenter/Attachments/AttachmentList.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { Box, makeStyles } from '@material-ui/core';\n\nimport { Attachment } from './Attachment';\n\nconst useStyles = makeStyles(theme => ({\n  header: {\n    fontSize: 12,\n    lineHeight: '16px',\n    color: theme.palette.primary.text6,\n  },\n  attachmentList: {\n    marginTop: 8,\n    display: 'flex',\n    flexWrap: 'wrap',\n    gap: '16px 16px',\n  },\n  attachment: {\n    width: 'calc(50% - 8px)',\n  },\n}));\n\nexport function AttachmentList({ attachments, onAttachmentClick }) {\n  const styles = useStyles();\n\n  if (!attachments.length) return null;\n\n  return (\n    <Box mt={3}>\n      <span className={styles.header}>Attachments:</span>\n      <div className={styles.attachmentList}>\n        {attachments.map(attachment => (\n          <Attachment\n            key={attachment.file_name}\n            className={styles.attachment}\n            attachment={attachment}\n            onClick={onAttachmentClick}\n          />\n        ))}\n      </div>\n    </Box>\n  );\n}\n\nAttachmentList.propTypes = {\n  attachments: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  onAttachmentClick: PropTypes.func.isRequired,\n};\n"],"names":["useStyles","makeStyles","theme","header","fontSize","lineHeight","color","palette","primary","text6","attachmentList","marginTop","display","flexWrap","gap","attachment","width","AttachmentList","attachments","onAttachmentClick","styles","length","_jsxs","_jsx","map","file_name","propTypes","PropTypes","arrayOf","shape","isRequired","func"],"mappings":";;;;;AAKA,IAAMA,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK;AAAA,SAAK;AACrCC,IAAAA,MAAM,EAAE;AACNC,MAAAA,QAAQ,EAAE,EADJ;AAENC,MAAAA,UAAU,EAAE,MAFN;AAGNC,MAAAA,KAAK,EAAEJ,KAAK,CAACK,OAAN,CAAcC,OAAd,CAAsBC;AAHvB,KAD6B;AAMrCC,IAAAA,cAAc,EAAE;AACdC,MAAAA,SAAS,EAAE,CADG;AAEdC,MAAAA,OAAO,EAAE,MAFK;AAGdC,MAAAA,QAAQ,EAAE,MAHI;AAIdC,MAAAA,GAAG,EAAE;AAJS,KANqB;AAYrCC,IAAAA,UAAU,EAAE;AACVC,MAAAA,KAAK,EAAE;AADG;AAZyB,GAAL;AAAA,CAAN,CAA5B;AAiBO,SAASC,cAAT,OAA4D;AAAA,MAAlCC,WAAkC,QAAlCA,WAAkC;AAAA,MAArBC,iBAAqB,QAArBA,iBAAqB;AACjE,MAAMC,MAAM,GAAGpB,SAAS,EAAxB;AAEA,MAAI,CAACkB,WAAW,CAACG,MAAjB,EAAyB,OAAO,IAAP;AAEzB,sBACEC,KAAC,GAAD;AAAK,IAAA,EAAE,EAAE,CAAT;AAAA,4BACEC;AAAM,MAAA,SAAS,EAAEH,MAAM,CAACjB,MAAxB;AAAA;AAAA,MADF,eAEEoB;AAAK,MAAA,SAAS,EAAEH,MAAM,CAACV,cAAvB;AAAA,gBACGQ,WAAW,CAACM,GAAZ,CAAgB,UAAAT,UAAU;AAAA,4BACzBQ,IAAC,UAAD;AAEE,UAAA,SAAS,EAAEH,MAAM,CAACL,UAFpB;AAGE,UAAA,UAAU,EAAEA,UAHd;AAIE,UAAA,OAAO,EAAEI;AAJX,WACOJ,UAAU,CAACU,SADlB,CADyB;AAAA,OAA1B;AADH,MAFF;AAAA,IADF;AAeD;AAEDR,cAAc,CAACS,SAAf,GAA2B;AACzBR,EAAAA,WAAW,EAAES,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACE,KAAV,CAAgB,EAAhB,CAAlB,EAAuCC,UAD3B;AAEzBX,EAAAA,iBAAiB,EAAEQ,SAAS,CAACI,IAAV,CAAeD;AAFT,CAA3B;;;;"}