@oneblink/apps-react 8.9.2-beta.4 → 8.9.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -30,14 +30,11 @@ function DownloadableFilesDisplay({ attachments, pdfFileNode, }) {
|
|
|
30
30
|
const totalToDisplay = React.useMemo(() => {
|
|
31
31
|
return attachments.length + (pdfFileNode ? 1 : 0);
|
|
32
32
|
}, [attachments, pdfFileNode]);
|
|
33
|
-
const largeBreakpointColumnWidth = React.useMemo(() =>
|
|
34
|
-
// Don't use a 3 column layout (4) unless we have at least 3 attachments to show
|
|
35
|
-
totalToDisplay > 2 ? 4 : 6, [totalToDisplay]);
|
|
36
33
|
return (React.createElement(React.Fragment, null,
|
|
37
34
|
React.createElement("div", { className: "ob-downloadable-files__container" },
|
|
38
35
|
React.createElement(Grid, { container: true, spacing: 2, justifyContent: totalToDisplay === 1 ? 'center' : undefined },
|
|
39
|
-
pdfFileNode && (React.createElement(Grid, { item: true, xs: 12, sm: layout === 'GRID' ? 6 : 12
|
|
40
|
-
attachments.map((attachment, index) => (React.createElement(Grid, { item: true, xs: 12, sm: layout === 'GRID' ? 6 : 12,
|
|
36
|
+
pdfFileNode && (React.createElement(Grid, { item: true, xs: 12, sm: layout === 'GRID' ? 6 : 12 }, pdfFileNode)),
|
|
37
|
+
attachments.map((attachment, index) => (React.createElement(Grid, { item: true, xs: 12, sm: layout === 'GRID' ? 6 : 12, key: index },
|
|
41
38
|
React.createElement(SingleFileDisplay, { attachment: attachment }))))))));
|
|
42
39
|
}
|
|
43
40
|
const getFileTypeIcon = (type) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resource-components.js","sourceRoot":"","sources":["../../../src/components/downloadable-files/resource-components.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { Collapse, Grid, LinearProgress, Tooltip } from '@mui/material'\nimport MaterialIcon from '../MaterialIcon'\nimport { submissionService } from '@oneblink/apps'\nimport useLoadDataState from '../../hooks/useLoadDataState'\nimport OneBlinkAppsErrorOriginalMessage from '../renderer/OneBlinkAppsErrorOriginalMessage'\nimport clsx from 'clsx'\nimport { useLayout } from './LayoutProvider'\n\ntype Attachment = Awaited<\n ReturnType<typeof submissionService.getPostSubmissionAttachments>\n>[number]\n\nexport const LoadAndDisplayAttachments = ({\n pdfFileNode,\n formSubmissionResult,\n}: {\n pdfFileNode: React.ReactNode\n formSubmissionResult: submissionService.FormSubmissionResult\n}) => {\n const loadAttachments = React.useCallback(\n () => submissionService.getPostSubmissionAttachments(formSubmissionResult),\n [formSubmissionResult],\n )\n const [attachmentsState] = useLoadDataState(loadAttachments)\n\n return (\n <>\n <Collapse in={attachmentsState.status === 'LOADING'} unmountOnExit>\n <div className=\"ob-downloadable-files__loading\">\n <div className=\"ob-list__text-secondary mb-1 has-text-centered\">\n Loading Attachments...\n </div>\n <LinearProgress className=\"ob-progress__downloadable-files\" />\n </div>\n </Collapse>\n <Collapse in={attachmentsState.status === 'ERROR'} unmountOnExit>\n {pdfFileNode && (\n <>\n <OnlyPDFDisplay className=\"ob-downloadable-files__error-pdf\">\n {pdfFileNode}\n </OnlyPDFDisplay>\n </>\n )}\n\n <div className=\"ob-downloadable-files__error has-text-centered\">\n <MaterialIcon className=\"has-text-danger icon-large\">\n error\n </MaterialIcon>\n <OneBlinkAppsErrorOriginalMessage\n error={\n attachmentsState.status === 'ERROR'\n ? attachmentsState.error\n : undefined\n }\n />\n </div>\n </Collapse>\n <Collapse in={attachmentsState.status === 'SUCCESS'} unmountOnExit>\n <DownloadableFilesDisplay\n attachments={\n attachmentsState.status === 'SUCCESS' ? attachmentsState.result : []\n }\n pdfFileNode={pdfFileNode}\n />\n </Collapse>\n </>\n )\n}\n\ntype DownloadableFilesDisplayProps = {\n attachments: Attachment[]\n pdfFileNode?: React.ReactNode\n}\nfunction DownloadableFilesDisplay({\n attachments,\n pdfFileNode,\n}: DownloadableFilesDisplayProps) {\n const layout = useLayout()\n\n const totalToDisplay = React.useMemo(() => {\n return attachments.length + (pdfFileNode ? 1 : 0)\n }, [attachments, pdfFileNode])\n\n const largeBreakpointColumnWidth = React.useMemo(\n () =>\n // Don't use a 3 column layout (4) unless we have at least 3 attachments to show\n totalToDisplay > 2 ? 4 : 6,\n [totalToDisplay],\n )\n\n return (\n <>\n <div className=\"ob-downloadable-files__container\">\n <Grid\n container\n spacing={2}\n justifyContent={totalToDisplay === 1 ? 'center' : undefined}\n >\n {pdfFileNode && (\n <Grid\n item\n xs={12}\n sm={layout === 'GRID' ? 6 : 12}\n lg={layout === 'GRID' ? largeBreakpointColumnWidth : 12}\n >\n {pdfFileNode}\n </Grid>\n )}\n {attachments.map((attachment, index) => (\n <Grid\n item\n xs={12}\n sm={layout === 'GRID' ? 6 : 12}\n lg={layout === 'GRID' ? largeBreakpointColumnWidth : 12}\n key={index}\n >\n <SingleFileDisplay attachment={attachment} />\n </Grid>\n ))}\n </Grid>\n </div>\n </>\n )\n}\n\nconst getFileTypeIcon = (type: string) => {\n // Add other appropriate icons for file types here anytime\n if (type.includes('doc')) {\n return 'description'\n }\n return 'attach_file'\n}\n\nexport const SingleFileDisplay = ({\n attachment,\n className,\n}: {\n attachment: Attachment\n className?: string\n}) => {\n const { avatar } = React.useMemo(() => {\n const avatar = () => {\n return attachment.contentType.includes('image') ? (\n <img\n src={attachment.signedUrl}\n alt={attachment.filename}\n className=\"ob-downloadable-files__thumbnail\"\n />\n ) : (\n <MaterialIcon className=\"ob-downloadable-files__icon\">\n {getFileTypeIcon(attachment.contentType)}\n </MaterialIcon>\n )\n }\n\n return { avatar: avatar() }\n }, [attachment.filename, attachment.contentType, attachment.signedUrl])\n\n return (\n <Tooltip title={attachment.filename} arrow>\n <a\n href={attachment.signedUrl}\n target=\"_blank\"\n rel=\"noreferrer\"\n download\n className={clsx('ob-downloadable-files__item', className)}\n >\n {avatar}\n <div className=\"ob-downloadable-files__content\">\n <div className=\"ob-downloadable-files__filename ob-downloadable-files__text\">\n {attachment.filename}\n </div>\n <div className=\"ob-downloadable-files__filetype ob-downloadable-files__text\">\n {attachment.contentType.split('/')[1] || 'Unknown'}\n </div>\n </div>\n <MaterialIcon className=\"ob-downloadable-files__download-icon\">\n download\n </MaterialIcon>\n </a>\n </Tooltip>\n )\n}\n\n/** Centers the PDF Download button */\nexport const OnlyPDFDisplay = ({\n children,\n className,\n}: {\n children: React.ReactNode\n className?: string\n}) => {\n const layout = useLayout()\n\n return (\n <div className={clsx('ob-downloadable-files__container', className)}>\n <Grid container spacing={2} justifyContent=\"center\">\n <Grid item xs={12} sm={layout === 'GRID' ? 6 : 12}>\n {children}\n </Grid>\n </Grid>\n </div>\n )\n}\n"]}
|
|
1
|
+
{"version":3,"file":"resource-components.js","sourceRoot":"","sources":["../../../src/components/downloadable-files/resource-components.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { Collapse, Grid, LinearProgress, Tooltip } from '@mui/material'\nimport MaterialIcon from '../MaterialIcon'\nimport { submissionService } from '@oneblink/apps'\nimport useLoadDataState from '../../hooks/useLoadDataState'\nimport OneBlinkAppsErrorOriginalMessage from '../renderer/OneBlinkAppsErrorOriginalMessage'\nimport clsx from 'clsx'\nimport { useLayout } from './LayoutProvider'\n\ntype Attachment = Awaited<\n ReturnType<typeof submissionService.getPostSubmissionAttachments>\n>[number]\n\nexport const LoadAndDisplayAttachments = ({\n pdfFileNode,\n formSubmissionResult,\n}: {\n pdfFileNode: React.ReactNode\n formSubmissionResult: submissionService.FormSubmissionResult\n}) => {\n const loadAttachments = React.useCallback(\n () => submissionService.getPostSubmissionAttachments(formSubmissionResult),\n [formSubmissionResult],\n )\n const [attachmentsState] = useLoadDataState(loadAttachments)\n\n return (\n <>\n <Collapse in={attachmentsState.status === 'LOADING'} unmountOnExit>\n <div className=\"ob-downloadable-files__loading\">\n <div className=\"ob-list__text-secondary mb-1 has-text-centered\">\n Loading Attachments...\n </div>\n <LinearProgress className=\"ob-progress__downloadable-files\" />\n </div>\n </Collapse>\n <Collapse in={attachmentsState.status === 'ERROR'} unmountOnExit>\n {pdfFileNode && (\n <>\n <OnlyPDFDisplay className=\"ob-downloadable-files__error-pdf\">\n {pdfFileNode}\n </OnlyPDFDisplay>\n </>\n )}\n\n <div className=\"ob-downloadable-files__error has-text-centered\">\n <MaterialIcon className=\"has-text-danger icon-large\">\n error\n </MaterialIcon>\n <OneBlinkAppsErrorOriginalMessage\n error={\n attachmentsState.status === 'ERROR'\n ? attachmentsState.error\n : undefined\n }\n />\n </div>\n </Collapse>\n <Collapse in={attachmentsState.status === 'SUCCESS'} unmountOnExit>\n <DownloadableFilesDisplay\n attachments={\n attachmentsState.status === 'SUCCESS' ? attachmentsState.result : []\n }\n pdfFileNode={pdfFileNode}\n />\n </Collapse>\n </>\n )\n}\n\ntype DownloadableFilesDisplayProps = {\n attachments: Attachment[]\n pdfFileNode?: React.ReactNode\n}\nfunction DownloadableFilesDisplay({\n attachments,\n pdfFileNode,\n}: DownloadableFilesDisplayProps) {\n const layout = useLayout()\n\n const totalToDisplay = React.useMemo(() => {\n return attachments.length + (pdfFileNode ? 1 : 0)\n }, [attachments, pdfFileNode])\n\n return (\n <>\n <div className=\"ob-downloadable-files__container\">\n <Grid\n container\n spacing={2}\n justifyContent={totalToDisplay === 1 ? 'center' : undefined}\n >\n {pdfFileNode && (\n <Grid item xs={12} sm={layout === 'GRID' ? 6 : 12}>\n {pdfFileNode}\n </Grid>\n )}\n {attachments.map((attachment, index) => (\n <Grid item xs={12} sm={layout === 'GRID' ? 6 : 12} key={index}>\n <SingleFileDisplay attachment={attachment} />\n </Grid>\n ))}\n </Grid>\n </div>\n </>\n )\n}\n\nconst getFileTypeIcon = (type: string) => {\n // Add other appropriate icons for file types here anytime\n if (type.includes('doc')) {\n return 'description'\n }\n return 'attach_file'\n}\n\nexport const SingleFileDisplay = ({\n attachment,\n className,\n}: {\n attachment: Attachment\n className?: string\n}) => {\n const { avatar } = React.useMemo(() => {\n const avatar = () => {\n return attachment.contentType.includes('image') ? (\n <img\n src={attachment.signedUrl}\n alt={attachment.filename}\n className=\"ob-downloadable-files__thumbnail\"\n />\n ) : (\n <MaterialIcon className=\"ob-downloadable-files__icon\">\n {getFileTypeIcon(attachment.contentType)}\n </MaterialIcon>\n )\n }\n\n return { avatar: avatar() }\n }, [attachment.filename, attachment.contentType, attachment.signedUrl])\n\n return (\n <Tooltip title={attachment.filename} arrow>\n <a\n href={attachment.signedUrl}\n target=\"_blank\"\n rel=\"noreferrer\"\n download\n className={clsx('ob-downloadable-files__item', className)}\n >\n {avatar}\n <div className=\"ob-downloadable-files__content\">\n <div className=\"ob-downloadable-files__filename ob-downloadable-files__text\">\n {attachment.filename}\n </div>\n <div className=\"ob-downloadable-files__filetype ob-downloadable-files__text\">\n {attachment.contentType.split('/')[1] || 'Unknown'}\n </div>\n </div>\n <MaterialIcon className=\"ob-downloadable-files__download-icon\">\n download\n </MaterialIcon>\n </a>\n </Tooltip>\n )\n}\n\n/** Centers the PDF Download button */\nexport const OnlyPDFDisplay = ({\n children,\n className,\n}: {\n children: React.ReactNode\n className?: string\n}) => {\n const layout = useLayout()\n\n return (\n <div className={clsx('ob-downloadable-files__container', className)}>\n <Grid container spacing={2} justifyContent=\"center\">\n <Grid item xs={12} sm={layout === 'GRID' ? 6 : 12}>\n {children}\n </Grid>\n </Grid>\n </div>\n )\n}\n"]}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oneblink/apps-react",
|
|
3
3
|
"description": "Helper functions for OneBlink apps in ReactJS.",
|
|
4
|
-
"version": "8.9.2
|
|
4
|
+
"version": "8.9.2",
|
|
5
5
|
"author": "OneBlink <developers@oneblink.io> (https://oneblink.io)",
|
|
6
6
|
"bugs": {
|
|
7
7
|
"url": "https://github.com/oneblink/apps-react/issues"
|