@corva/ui 0.34.0-rc.3 → 0.34.0

package/components/HelpCenter/Attachments/Attachment.js

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

package/components/HelpCenter/Attachments/AttachmentList.js

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