@oneblink/apps-react 2.2.0 → 2.3.0-beta.2

package/dist/form-elements/FormElementEmail.d.ts

@@ -1,14 +1,14 @@
-import * as React from 'react';
-import { FormTypes } from '@oneblink/types';
-import { FormElementValueChangeHandler } from '../types/form';
-declare type Props = {
-    id: string;
-    element: FormTypes.EmailElement;
-    value: unknown;
-    onChange: FormElementValueChangeHandler<string>;
-    displayValidationMessage: boolean;
-    validationMessage: string | undefined;
-};
-declare function FormElementEmail({ id, element, value, onChange, validationMessage, displayValidationMessage, }: Props): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof FormElementEmail>;
-export default _default;
+import * as React from 'react';
+import { FormTypes } from '@oneblink/types';
+import { FormElementValueChangeHandler } from '../types/form';
+declare type Props = {
+    id: string;
+    element: FormTypes.EmailElement;
+    value: unknown;
+    onChange: FormElementValueChangeHandler<string>;
+    displayValidationMessage: boolean;
+    validationMessage: string | undefined;
+};
+declare function FormElementEmail({ id, element, value, onChange, validationMessage, displayValidationMessage, }: Props): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof FormElementEmail>;
+export default _default;

package/dist/form-elements/FormElementEmail.js

@@ -1,23 +1,23 @@
-import * as React from 'react';
-import CopyToClipboardButton from '../components/renderer/CopyToClipboardButton';
-import useBooleanState from '../hooks/useBooleanState';
-import LookupButton from '../components/renderer/LookupButton';
-import FormElementLabelContainer from '../components/renderer/FormElementLabelContainer';
-function FormElementEmail({ id, element, value, onChange, validationMessage, displayValidationMessage, }) {
-    const [isDirty, setIsDirty] = useBooleanState(false);
-    const text = typeof value === 'string' ? value : '';
-    return (React.createElement("div", { className: "cypress-email-element" },
-        React.createElement(FormElementLabelContainer, { className: "ob-email", id: id, element: element, required: element.required },
-            React.createElement("div", { className: "field has-addons" },
-                React.createElement("div", { className: "control is-expanded has-icons-right" },
-                    React.createElement("input", { type: "email", placeholder: element.placeholderValue, id: id, name: element.name, className: "input ob-input cypress-email-control", value: text, onChange: (e) => onChange(element, e.target.value || undefined), required: element.required, disabled: element.readOnly, onBlur: setIsDirty }),
-                    React.createElement("span", { className: "ob-input-icon icon is-small is-right" },
-                        React.createElement("i", { className: "material-icons is-size-5" }, "email"))),
-                !!element.readOnly && !!value && (React.createElement("div", { className: "control" },
-                    React.createElement(CopyToClipboardButton, { className: "button is-input-addon copy-button cypress-copy-to-clipboard-button", text: text }))),
-                React.createElement(LookupButton, { isInputButton: true, value: value, validationMessage: validationMessage })),
-            (isDirty || displayValidationMessage) && !!validationMessage && (React.createElement("div", { role: "alert", className: "has-margin-top-8" },
-                React.createElement("div", { className: "has-text-danger ob-error__text cypress-validation-message" }, validationMessage))))));
-}
-export default React.memo(FormElementEmail);
+import * as React from 'react';
+import CopyToClipboardButton from '../components/renderer/CopyToClipboardButton';
+import useBooleanState from '../hooks/useBooleanState';
+import LookupButton from '../components/renderer/LookupButton';
+import FormElementLabelContainer from '../components/renderer/FormElementLabelContainer';
+function FormElementEmail({ id, element, value, onChange, validationMessage, displayValidationMessage, }) {
+    const [isDirty, setIsDirty] = useBooleanState(false);
+    const text = typeof value === 'string' ? value : '';
+    return (React.createElement("div", { className: "cypress-email-element" },
+        React.createElement(FormElementLabelContainer, { className: "ob-email", id: id, element: element, required: element.required },
+            React.createElement("div", { className: "field has-addons" },
+                React.createElement("div", { className: "control is-expanded has-icons-right" },
+                    React.createElement("input", { type: "email", placeholder: element.placeholderValue, id: id, name: element.name, className: "input ob-input cypress-email-control", value: text, onChange: (e) => onChange(element, e.target.value || undefined), required: element.required, disabled: element.readOnly, onBlur: setIsDirty }),
+                    React.createElement("span", { className: "ob-input-icon icon is-small is-right" },
+                        React.createElement("i", { className: "material-icons is-size-5" }, "email"))),
+                !!element.readOnly && !!value && (React.createElement("div", { className: "control" },
+                    React.createElement(CopyToClipboardButton, { className: "button is-input-addon copy-button cypress-copy-to-clipboard-button", text: text }))),
+                React.createElement(LookupButton, { isInputButton: true, value: value, validationMessage: validationMessage })),
+            (isDirty || displayValidationMessage) && !!validationMessage && (React.createElement("div", { role: "alert", className: "has-margin-top-8" },
+                React.createElement("div", { className: "has-text-danger ob-error__text cypress-validation-message" }, validationMessage))))));
+}
+export default React.memo(FormElementEmail);
 //# sourceMappingURL=FormElementEmail.js.map

package/dist/form-elements/FormElementFile.d.ts

@@ -1,13 +1,13 @@
-import * as React from 'react';
-import { FormTypes } from '@oneblink/types';
-import { OnChange } from '../hooks/attachments/useAttachment';
-import { Attachment } from '../types/attachments';
-declare type Props = {
-    element: FormTypes.FilesElement;
-    onRemove: (id: string) => void;
-    file: Attachment;
-    disableUpload: boolean;
-    onChange: OnChange;
-};
-declare const _default: React.NamedExoticComponent<Props>;
-export default _default;
+import * as React from 'react';
+import { FormTypes } from '@oneblink/types';
+import { OnChange } from '../hooks/attachments/useAttachment';
+import { Attachment } from '../types/attachments';
+declare type Props = {
+    element: FormTypes.FilesElement;
+    onRemove: (id: string) => void;
+    file: Attachment;
+    disableUpload: boolean;
+    onChange: OnChange;
+};
+declare const _default: React.NamedExoticComponent<Props>;
+export default _default;

package/dist/form-elements/FormElementFile.js

@@ -1,32 +1,32 @@
-import * as React from 'react';
-import downloadAttachment from '../services/download-file';
-import useAttachment from '../hooks/attachments/useAttachment';
-import FileCard from '../components/renderer/attachments/FileCard';
-const FormElementFile = ({ element, onRemove, file, onChange, disableUpload, }) => {
-    const attachmentResult = useAttachment(file, element, onChange, disableUpload);
-    const handleRemove = React.useCallback(() => {
-        if (!file.type) {
-            return onRemove(file.id);
-        }
-        return onRemove(file._id);
-    }, [file, onRemove]);
-    const handleDownload = React.useCallback(async () => {
-        await downloadAttachment(file);
-    }, [file]);
-    const handleRetry = React.useMemo(() => {
-        if (file.type === 'ERROR' && file.data) {
-            return () => {
-                onChange(file._id, {
-                    type: 'NEW',
-                    _id: file._id,
-                    data: file.data,
-                    fileName: file.fileName,
-                    isPrivate: file.isPrivate,
-                });
-            };
-        }
-    }, [file, onChange]);
-    return (React.createElement(FileCard, { element: element, isUploading: attachmentResult.isUploading, isUploadPaused: disableUpload, uploadErrorMessage: attachmentResult.uploadErrorMessage, loadImageUrlError: attachmentResult.loadImageUrlError, isLoadingImageUrl: attachmentResult.isLoadingImageUrl, imageUrl: attachmentResult.imageUrl, fileName: file.fileName, onDownload: attachmentResult.canDownload ? handleDownload : undefined, onRemove: handleRemove, onRetry: handleRetry }));
-};
-export default React.memo(FormElementFile);
+import * as React from 'react';
+import downloadAttachment from '../services/download-file';
+import useAttachment from '../hooks/attachments/useAttachment';
+import FileCard from '../components/renderer/attachments/FileCard';
+const FormElementFile = ({ element, onRemove, file, onChange, disableUpload, }) => {
+    const attachmentResult = useAttachment(file, element, onChange, disableUpload);
+    const handleRemove = React.useCallback(() => {
+        if (!file.type) {
+            return onRemove(file.id);
+        }
+        return onRemove(file._id);
+    }, [file, onRemove]);
+    const handleDownload = React.useCallback(async () => {
+        await downloadAttachment(file);
+    }, [file]);
+    const handleRetry = React.useMemo(() => {
+        if (file.type === 'ERROR' && file.data) {
+            return () => {
+                onChange(file._id, {
+                    type: 'NEW',
+                    _id: file._id,
+                    data: file.data,
+                    fileName: file.fileName,
+                    isPrivate: file.isPrivate,
+                });
+            };
+        }
+    }, [file, onChange]);
+    return (React.createElement(FileCard, { element: element, isUploading: attachmentResult.isUploading, isUploadPaused: disableUpload, uploadErrorMessage: attachmentResult.uploadErrorMessage, loadImageUrlError: attachmentResult.loadImageUrlError, isLoadingImageUrl: attachmentResult.isLoadingImageUrl, imageUrl: attachmentResult.imageUrl, fileName: file.fileName, onDownload: attachmentResult.canDownload ? handleDownload : undefined, onRemove: handleRemove, onRetry: handleRetry, progress: attachmentResult.progress }));
+};
+export default React.memo(FormElementFile);
 //# sourceMappingURL=FormElementFile.js.map

package/dist/form-elements/FormElementFile.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormElementFile.js","sourceRoot":"","sources":["../../src/form-elements/FormElementFile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,kBAAkB,MAAM,2BAA2B,CAAA;AAE1D,OAAO,aAA2B,MAAM,oCAAoC,CAAA;AAC5E,OAAO,QAAQ,MAAM,6CAA6C,CAAA;AAWlE,MAAM,eAAe,GAAG,CAAC,EACvB,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,aAAa,GACP,EAAE,EAAE;IACV,MAAM,gBAAgB,GAAG,aAAa,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAA;IAE9E,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC1C,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACd,OAAO,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;SACzB;QACD,OAAO,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAC3B,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEpB,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;QAClD,MAAM,kBAAkB,CAAC,IAAI,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACrC,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,IAAI,CAAC,IAAI,EAAE;YACtC,OAAO,GAAG,EAAE;gBACV,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE;oBACjB,IAAI,EAAE,KAAK;oBACX,GAAG,EAAE,IAAI,CAAC,GAAG;oBACb,IAAI,EAAE,IAAI,CAAC,IAAI;oBACf,QAAQ,EAAE,IAAI,CAAC,QAAQ;oBACvB,SAAS,EAAE,IAAI,CAAC,SAAS;iBAC1B,CAAC,CAAA;YACJ,CAAC,CAAA;SACF;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEpB,OAAO,CACL,oBAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,gBAAgB,CAAC,WAAW,EACzC,cAAc,EAAE,aAAa,EAC7B,kBAAkB,EAAE,gBAAgB,CAAC,kBAAkB,EACvD,iBAAiB,EAAE,gBAAgB,CAAC,iBAAiB,EACrD,iBAAiB,EAAE,gBAAgB,CAAC,iBAAiB,EACrD,QAAQ,EAAE,gBAAgB,CAAC,QAAQ,EACnC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,UAAU,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EACrE,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,WAAW,GACpB,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAC,IAAI,CAAQ,eAAe,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport downloadAttachment from '../services/download-file'\nimport { FormTypes } from '@oneblink/types'\nimport useAttachment, { OnChange } from '../hooks/attachments/useAttachment'\nimport FileCard from '../components/renderer/attachments/FileCard'\nimport { Attachment } from '../types/attachments'\n\ntype Props = {\n  element: FormTypes.FilesElement\n  onRemove: (id: string) => void\n  file: Attachment\n  disableUpload: boolean\n  onChange: OnChange\n}\n\nconst FormElementFile = ({\n  element,\n  onRemove,\n  file,\n  onChange,\n  disableUpload,\n}: Props) => {\n  const attachmentResult = useAttachment(file, element, onChange, disableUpload)\n\n  const handleRemove = React.useCallback(() => {\n    if (!file.type) {\n      return onRemove(file.id)\n    }\n    return onRemove(file._id)\n  }, [file, onRemove])\n\n  const handleDownload = React.useCallback(async () => {\n    await downloadAttachment(file)\n  }, [file])\n\n  const handleRetry = React.useMemo(() => {\n    if (file.type === 'ERROR' && file.data) {\n      return () => {\n        onChange(file._id, {\n          type: 'NEW',\n          _id: file._id,\n          data: file.data,\n          fileName: file.fileName,\n          isPrivate: file.isPrivate,\n        })\n      }\n    }\n  }, [file, onChange])\n\n  return (\n    <FileCard\n      element={element}\n      isUploading={attachmentResult.isUploading}\n      isUploadPaused={disableUpload}\n      uploadErrorMessage={attachmentResult.uploadErrorMessage}\n      loadImageUrlError={attachmentResult.loadImageUrlError}\n      isLoadingImageUrl={attachmentResult.isLoadingImageUrl}\n      imageUrl={attachmentResult.imageUrl}\n      fileName={file.fileName}\n      onDownload={attachmentResult.canDownload ? handleDownload : undefined}\n      onRemove={handleRemove}\n      onRetry={handleRetry}\n    />\n  )\n}\n\nexport default React.memo<Props>(FormElementFile)\n"]}
+{"version":3,"file":"FormElementFile.js","sourceRoot":"","sources":["../../src/form-elements/FormElementFile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,kBAAkB,MAAM,2BAA2B,CAAA;AAE1D,OAAO,aAA2B,MAAM,oCAAoC,CAAA;AAC5E,OAAO,QAAQ,MAAM,6CAA6C,CAAA;AAWlE,MAAM,eAAe,GAAG,CAAC,EACvB,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,aAAa,GACP,EAAE,EAAE;IACV,MAAM,gBAAgB,GAAG,aAAa,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAA;IAE9E,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC1C,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACd,OAAO,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;SACzB;QACD,OAAO,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAC3B,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEpB,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;QAClD,MAAM,kBAAkB,CAAC,IAAI,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACrC,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,IAAI,CAAC,IAAI,EAAE;YACtC,OAAO,GAAG,EAAE;gBACV,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE;oBACjB,IAAI,EAAE,KAAK;oBACX,GAAG,EAAE,IAAI,CAAC,GAAG;oBACb,IAAI,EAAE,IAAI,CAAC,IAAI;oBACf,QAAQ,EAAE,IAAI,CAAC,QAAQ;oBACvB,SAAS,EAAE,IAAI,CAAC,SAAS;iBAC1B,CAAC,CAAA;YACJ,CAAC,CAAA;SACF;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEpB,OAAO,CACL,oBAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,gBAAgB,CAAC,WAAW,EACzC,cAAc,EAAE,aAAa,EAC7B,kBAAkB,EAAE,gBAAgB,CAAC,kBAAkB,EACvD,iBAAiB,EAAE,gBAAgB,CAAC,iBAAiB,EACrD,iBAAiB,EAAE,gBAAgB,CAAC,iBAAiB,EACrD,QAAQ,EAAE,gBAAgB,CAAC,QAAQ,EACnC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,UAAU,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EACrE,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,gBAAgB,CAAC,QAAQ,GACnC,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAC,IAAI,CAAQ,eAAe,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport downloadAttachment from '../services/download-file'\nimport { FormTypes } from '@oneblink/types'\nimport useAttachment, { OnChange } from '../hooks/attachments/useAttachment'\nimport FileCard from '../components/renderer/attachments/FileCard'\nimport { Attachment } from '../types/attachments'\n\ntype Props = {\n  element: FormTypes.FilesElement\n  onRemove: (id: string) => void\n  file: Attachment\n  disableUpload: boolean\n  onChange: OnChange\n}\n\nconst FormElementFile = ({\n  element,\n  onRemove,\n  file,\n  onChange,\n  disableUpload,\n}: Props) => {\n  const attachmentResult = useAttachment(file, element, onChange, disableUpload)\n\n  const handleRemove = React.useCallback(() => {\n    if (!file.type) {\n      return onRemove(file.id)\n    }\n    return onRemove(file._id)\n  }, [file, onRemove])\n\n  const handleDownload = React.useCallback(async () => {\n    await downloadAttachment(file)\n  }, [file])\n\n  const handleRetry = React.useMemo(() => {\n    if (file.type === 'ERROR' && file.data) {\n      return () => {\n        onChange(file._id, {\n          type: 'NEW',\n          _id: file._id,\n          data: file.data,\n          fileName: file.fileName,\n          isPrivate: file.isPrivate,\n        })\n      }\n    }\n  }, [file, onChange])\n\n  return (\n    <FileCard\n      element={element}\n      isUploading={attachmentResult.isUploading}\n      isUploadPaused={disableUpload}\n      uploadErrorMessage={attachmentResult.uploadErrorMessage}\n      loadImageUrlError={attachmentResult.loadImageUrlError}\n      isLoadingImageUrl={attachmentResult.isLoadingImageUrl}\n      imageUrl={attachmentResult.imageUrl}\n      fileName={file.fileName}\n      onDownload={attachmentResult.canDownload ? handleDownload : undefined}\n      onRemove={handleRemove}\n      onRetry={handleRetry}\n      progress={attachmentResult.progress}\n    />\n  )\n}\n\nexport default React.memo<Props>(FormElementFile)\n"]}

package/dist/form-elements/FormElementFiles/FormElementFile.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { FormTypes } from '@oneblink/types';
+import { OnChange } from '../../hooks/attachments/useAttachment';
+import { Attachment } from '../../types/attachments';
+declare type Props = {
+    element: FormTypes.FilesElement;
+    onRemove: (id: string) => void;
+    file: Attachment;
+    disableUpload: boolean;
+    onChange: OnChange;
+};
+declare const _default: React.NamedExoticComponent<Props>;
+export default _default;

package/dist/form-elements/FormElementFiles/FormElementFile.js

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import downloadAttachment from '../../services/download-file';
+import useAttachment from '../../hooks/attachments/useAttachment';
+import FileCard from '../../components/renderer/attachments/FileCard';
+const FormElementFile = ({ element, onRemove, file, onChange, disableUpload, }) => {
+    const attachmentResult = useAttachment(file, element, onChange, disableUpload);
+    const handleRemove = React.useCallback(() => {
+        if (!file.type) {
+            return onRemove(file.id);
+        }
+        return onRemove(file._id);
+    }, [file, onRemove]);
+    const handleDownload = React.useCallback(async () => {
+        await downloadAttachment(file);
+    }, [file]);
+    const handleRetry = React.useMemo(() => {
+        if (file.type === 'ERROR' && file.data) {
+            return () => {
+                onChange(file._id, {
+                    type: 'NEW',
+                    _id: file._id,
+                    data: file.data,
+                    fileName: file.fileName,
+                    isPrivate: file.isPrivate,
+                });
+            };
+        }
+    }, [file, onChange]);
+    return (React.createElement(FileCard, { element: element, isUploading: attachmentResult.isUploading, isUploadPaused: disableUpload, uploadErrorMessage: attachmentResult.uploadErrorMessage, loadImageUrlError: attachmentResult.loadImageUrlError, isLoadingImageUrl: attachmentResult.isLoadingImageUrl, imageUrl: attachmentResult.imageUrl, fileName: file.fileName, onDownload: attachmentResult.canDownload ? handleDownload : undefined, onRemove: handleRemove, onRetry: handleRetry }));
+};
+export default React.memo(FormElementFile);
+//# sourceMappingURL=FormElementFile.js.map

package/dist/form-elements/FormElementFiles/FormElementFile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormElementFile.js","sourceRoot":"","sources":["../../../src/form-elements/FormElementFiles/FormElementFile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,kBAAkB,MAAM,8BAA8B,CAAA;AAE7D,OAAO,aAA2B,MAAM,uCAAuC,CAAA;AAC/E,OAAO,QAAQ,MAAM,gDAAgD,CAAA;AAWrE,MAAM,eAAe,GAAG,CAAC,EACvB,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,aAAa,GACP,EAAE,EAAE;IACV,MAAM,gBAAgB,GAAG,aAAa,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAA;IAE9E,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC1C,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACd,OAAO,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;SACzB;QACD,OAAO,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAC3B,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEpB,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;QAClD,MAAM,kBAAkB,CAAC,IAAI,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACrC,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,IAAI,CAAC,IAAI,EAAE;YACtC,OAAO,GAAG,EAAE;gBACV,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE;oBACjB,IAAI,EAAE,KAAK;oBACX,GAAG,EAAE,IAAI,CAAC,GAAG;oBACb,IAAI,EAAE,IAAI,CAAC,IAAI;oBACf,QAAQ,EAAE,IAAI,CAAC,QAAQ;oBACvB,SAAS,EAAE,IAAI,CAAC,SAAS;iBAC1B,CAAC,CAAA;YACJ,CAAC,CAAA;SACF;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEpB,OAAO,CACL,oBAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,gBAAgB,CAAC,WAAW,EACzC,cAAc,EAAE,aAAa,EAC7B,kBAAkB,EAAE,gBAAgB,CAAC,kBAAkB,EACvD,iBAAiB,EAAE,gBAAgB,CAAC,iBAAiB,EACrD,iBAAiB,EAAE,gBAAgB,CAAC,iBAAiB,EACrD,QAAQ,EAAE,gBAAgB,CAAC,QAAQ,EACnC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,UAAU,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EACrE,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,WAAW,GACpB,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAC,IAAI,CAAQ,eAAe,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport downloadAttachment from '../../services/download-file'\nimport { FormTypes } from '@oneblink/types'\nimport useAttachment, { OnChange } from '../../hooks/attachments/useAttachment'\nimport FileCard from '../../components/renderer/attachments/FileCard'\nimport { Attachment } from '../../types/attachments'\n\ntype Props = {\n  element: FormTypes.FilesElement\n  onRemove: (id: string) => void\n  file: Attachment\n  disableUpload: boolean\n  onChange: OnChange\n}\n\nconst FormElementFile = ({\n  element,\n  onRemove,\n  file,\n  onChange,\n  disableUpload,\n}: Props) => {\n  const attachmentResult = useAttachment(file, element, onChange, disableUpload)\n\n  const handleRemove = React.useCallback(() => {\n    if (!file.type) {\n      return onRemove(file.id)\n    }\n    return onRemove(file._id)\n  }, [file, onRemove])\n\n  const handleDownload = React.useCallback(async () => {\n    await downloadAttachment(file)\n  }, [file])\n\n  const handleRetry = React.useMemo(() => {\n    if (file.type === 'ERROR' && file.data) {\n      return () => {\n        onChange(file._id, {\n          type: 'NEW',\n          _id: file._id,\n          data: file.data,\n          fileName: file.fileName,\n          isPrivate: file.isPrivate,\n        })\n      }\n    }\n  }, [file, onChange])\n\n  return (\n    <FileCard\n      element={element}\n      isUploading={attachmentResult.isUploading}\n      isUploadPaused={disableUpload}\n      uploadErrorMessage={attachmentResult.uploadErrorMessage}\n      loadImageUrlError={attachmentResult.loadImageUrlError}\n      isLoadingImageUrl={attachmentResult.isLoadingImageUrl}\n      imageUrl={attachmentResult.imageUrl}\n      fileName={file.fileName}\n      onDownload={attachmentResult.canDownload ? handleDownload : undefined}\n      onRemove={handleRemove}\n      onRetry={handleRetry}\n    />\n  )\n}\n\nexport default React.memo<Props>(FormElementFile)\n"]}

package/dist/form-elements/FormElementFiles/FormElementFileDisplay.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+declare const _default: React.NamedExoticComponent<{
+    canDownload: boolean;
+    imageUrl?: string | null | undefined;
+    loadImageUrlError?: Error | undefined;
+    isUploading: boolean;
+    uploadErrorMessage: string | undefined;
+    isLoadingImageUrl: boolean;
+}>;
+export default _default;

package/dist/form-elements/FormElementFiles/FormElementFileDisplay.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+const FormElementFileDisplay = ({ imageUrl, }) => {
+    if (imageUrl) {
+        return (React.createElement("div", { className: "ob-files__content-image" },
+            React.createElement("img", { className: "ob-files__image", src: imageUrl })));
+    }
+    return (React.createElement("div", { className: "ob-files__content-file has-text-centered" },
+        React.createElement("i", { className: "material-icons icon-large ob-files__attach-icon has-text-grey" }, "attach_file")));
+};
+export default React.memo(FormElementFileDisplay);
+//# sourceMappingURL=FormElementFileDisplay.js.map

package/dist/form-elements/FormElementFiles/FormElementFileDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormElementFileDisplay.js","sourceRoot":"","sources":["../../../src/form-elements/FormElementFiles/FormElementFileDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,sBAAsB,GAAG,CAAC,EAC9B,QAAQ,GACyB,EAAE,EAAE;IACrC,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,6BAAK,SAAS,EAAC,yBAAyB;YACtC,6BAAK,SAAS,EAAC,iBAAiB,EAAC,GAAG,EAAE,QAAQ,GAAI,CAC9C,CACP,CAAA;KACF;IAED,OAAO,CACL,6BAAK,SAAS,EAAC,0CAA0C;QACvD,2BAAG,SAAS,EAAC,+DAA+D,kBAExE,CACA,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAC,IAAI,CACvB,sBAAsB,CACvB,CAAA","sourcesContent":["import * as React from 'react'\nimport useAttachment from '../../hooks/attachments/useAttachment'\n\nconst FormElementFileDisplay = ({\n  imageUrl,\n}: ReturnType<typeof useAttachment>) => {\n  if (imageUrl) {\n    return (\n      <div className=\"ob-files__content-image\">\n        <img className=\"ob-files__image\" src={imageUrl} />\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"ob-files__content-file has-text-centered\">\n      <i className=\"material-icons icon-large ob-files__attach-icon has-text-grey\">\n        attach_file\n      </i>\n    </div>\n  )\n}\n\nexport default React.memo<ReturnType<typeof useAttachment>>(\n  FormElementFileDisplay,\n)\n"]}

package/dist/form-elements/FormElementFiles/FormElementFiles.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { FormTypes } from '@oneblink/types';
+import { Attachment } from '../../types/attachments';
+import { FormElementValueChangeHandler } from '../../types/form';
+declare type Props = {
+    id: string;
+    element: FormTypes.FilesElement;
+    value?: Attachment[];
+    onChange: FormElementValueChangeHandler<Attachment[]>;
+    displayValidationMessage: boolean;
+    validationMessage: string | undefined;
+};
+declare function FormElementFiles({ id, element, value, onChange, validationMessage, displayValidationMessage, }: Props): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof FormElementFiles>;
+export default _default;

package/dist/form-elements/FormElementFiles/FormElementFiles.js

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import Files from '../../components/renderer/attachments/Files';
+import FormElementFile from './FormElementFile';
+import useAttachments from '../../hooks/attachments/useAttachments';
+import { checkFileNameIsValid, checkFileNameExtensionIsValid, } from '../../services/form-validation';
+function FormElementFiles({ id, element, value, onChange, validationMessage, displayValidationMessage, }) {
+    const { isDirty, addAttachments, removeAttachment, changeAttachment } = useAttachments(element, onChange);
+    const attachments = value || [];
+    const handleRenderAttachment = React.useCallback((attachment, index) => {
+        return (React.createElement(FormElementFile, { key: index, element: element, onRemove: removeAttachment, file: attachment, onChange: changeAttachment, disableUpload: (!!element.maxEntries && attachments.length > element.maxEntries) ||
+                !checkFileNameIsValid(element, attachment.fileName) ||
+                !checkFileNameExtensionIsValid(element, attachment.fileName) }));
+    }, [attachments.length, changeAttachment, element, removeAttachment]);
+    return (React.createElement(Files, { id: id, isDirty: isDirty, element: element, attachments: attachments, displayValidationMessage: displayValidationMessage, validationMessage: validationMessage, onAddFiles: addAttachments, onRenderAttachment: handleRenderAttachment }));
+}
+export default React.memo(FormElementFiles);
+//# sourceMappingURL=FormElementFiles.js.map

package/dist/form-elements/FormElementFiles/FormElementFiles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormElementFiles.js","sourceRoot":"","sources":["../../../src/form-elements/FormElementFiles/FormElementFiles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,MAAM,6CAA6C,CAAA;AAC/D,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAC/C,OAAO,cAAc,MAAM,wCAAwC,CAAA;AACnE,OAAO,EACL,oBAAoB,EACpB,6BAA6B,GAC9B,MAAM,gCAAgC,CAAA;AAYvC,SAAS,gBAAgB,CAAC,EACxB,EAAE,EACF,OAAO,EACP,KAAK,EACL,QAAQ,EACR,iBAAiB,EACjB,wBAAwB,GAClB;IACN,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,GACnE,cAAc,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAA;IAEnC,MAAM,WAAW,GAAG,KAAK,IAAI,EAAE,CAAA;IAE/B,MAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAC9C,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE;QACpB,OAAO,CACL,oBAAC,eAAe,IACd,GAAG,EAAE,KAAK,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,gBAAgB,EAC1B,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAE,gBAAgB,EAC1B,aAAa,EACX,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,IAAI,WAAW,CAAC,MAAM,GAAG,OAAO,CAAC,UAAU,CAAC;gBACjE,CAAC,oBAAoB,CAAC,OAAO,EAAE,UAAU,CAAC,QAAQ,CAAC;gBACnD,CAAC,6BAA6B,CAAC,OAAO,EAAE,UAAU,CAAC,QAAQ,CAAC,GAE9D,CACH,CAAA;IACH,CAAC,EACD,CAAC,WAAW,CAAC,MAAM,EAAE,gBAAgB,EAAE,OAAO,EAAE,gBAAgB,CAAC,CAClE,CAAA;IAED,OAAO,CACL,oBAAC,KAAK,IACJ,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,wBAAwB,EAAE,wBAAwB,EAClD,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,cAAc,EAC1B,kBAAkB,EAAE,sBAAsB,GAC1C,CACH,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport { FormTypes } from '@oneblink/types'\nimport Files from '../../components/renderer/attachments/Files'\nimport FormElementFile from './FormElementFile'\nimport useAttachments from '../../hooks/attachments/useAttachments'\nimport {\n  checkFileNameIsValid,\n  checkFileNameExtensionIsValid,\n} from '../../services/form-validation'\nimport { Attachment } from '../../types/attachments'\nimport { FormElementValueChangeHandler } from '../../types/form'\ntype Props = {\n  id: string\n  element: FormTypes.FilesElement\n  value?: Attachment[]\n  onChange: FormElementValueChangeHandler<Attachment[]>\n  displayValidationMessage: boolean\n  validationMessage: string | undefined\n}\n\nfunction FormElementFiles({\n  id,\n  element,\n  value,\n  onChange,\n  validationMessage,\n  displayValidationMessage,\n}: Props) {\n  const { isDirty, addAttachments, removeAttachment, changeAttachment } =\n    useAttachments(element, onChange)\n\n  const attachments = value || []\n\n  const handleRenderAttachment = React.useCallback(\n    (attachment, index) => {\n      return (\n        <FormElementFile\n          key={index}\n          element={element}\n          onRemove={removeAttachment}\n          file={attachment}\n          onChange={changeAttachment}\n          disableUpload={\n            (!!element.maxEntries && attachments.length > element.maxEntries) ||\n            !checkFileNameIsValid(element, attachment.fileName) ||\n            !checkFileNameExtensionIsValid(element, attachment.fileName)\n          }\n        />\n      )\n    },\n    [attachments.length, changeAttachment, element, removeAttachment],\n  )\n\n  return (\n    <Files\n      id={id}\n      isDirty={isDirty}\n      element={element}\n      attachments={attachments}\n      displayValidationMessage={displayValidationMessage}\n      validationMessage={validationMessage}\n      onAddFiles={addAttachments}\n      onRenderAttachment={handleRenderAttachment}\n    />\n  )\n}\n\nexport default React.memo(FormElementFiles)\n"]}

package/dist/form-elements/FormElementFiles/FormElementFilesInvalidAttachment.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { AttachmentError } from '../../types/attachments';
+interface Props {
+    file: AttachmentError;
+}
+declare const _default: React.NamedExoticComponent<Props>;
+export default _default;

package/dist/form-elements/FormElementFiles/FormElementFilesInvalidAttachment.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+const FormElementFilesInvalidAttachment = ({ file }) => {
+    return (React.createElement("div", { className: "ob-files__upload-error" },
+        React.createElement("i", { className: "material-icons has-text-warning icon-small ob-files__upload-error-icon" }, "error"),
+        React.createElement("span", null,
+            "An error occurred uploading the file ",
+            `"${file.fileName}"`,
+            ".")));
+};
+export default React.memo(FormElementFilesInvalidAttachment);
+//# sourceMappingURL=FormElementFilesInvalidAttachment.js.map

package/dist/form-elements/FormElementFiles/FormElementFilesInvalidAttachment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormElementFilesInvalidAttachment.js","sourceRoot":"","sources":["../../../src/form-elements/FormElementFiles/FormElementFilesInvalidAttachment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,MAAM,iCAAiC,GAAG,CAAC,EAAE,IAAI,EAAS,EAAE,EAAE;IAC5D,OAAO,CACL,6BAAK,SAAS,EAAC,wBAAwB;QACrC,2BAAG,SAAS,EAAC,wEAAwE,YAEjF;QACJ;;YAA4C,IAAI,IAAI,CAAC,QAAQ,GAAG;gBAAS,CACrE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAC,IAAI,CAAQ,iCAAiC,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport { AttachmentError } from '../../types/attachments'\n\ninterface Props {\n  file: AttachmentError\n}\n\nconst FormElementFilesInvalidAttachment = ({ file }: Props) => {\n  return (\n    <div className=\"ob-files__upload-error\">\n      <i className=\"material-icons has-text-warning icon-small ob-files__upload-error-icon\">\n        error\n      </i>\n      <span>An error occurred uploading the file {`\"${file.fileName}\"`}.</span>\n    </div>\n  )\n}\n\nexport default React.memo<Props>(FormElementFilesInvalidAttachment)\n"]}

package/dist/form-elements/FormElementFiles/index.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { FormTypes } from '@oneblink/types';
+import { FilesElementFile } from './legacy/FormElementFiles';
+import { Attachment } from '../../types/attachments';
+import { FormElementValueChangeHandler } from '../../types/form';
+export declare type PossibleFileConfiguration = Attachment | FilesElementFile;
+interface Props {
+    id: string;
+    element: FormTypes.FilesElement;
+    value: unknown;
+    onChange: FormElementValueChangeHandler;
+    displayValidationMessage: boolean;
+    validationMessage: string | undefined;
+}
+export declare function stringifyAttachments(value: Attachment[] | undefined): string;
+declare const _default: React.NamedExoticComponent<Props>;
+export default _default;

package/dist/form-elements/FormElementFiles/index.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import FormElementFilesLegacy from './legacy/FormElementFiles';
+import FormElementFiles from './FormElementFiles';
+import { checkIsUsingLegacyStorage } from '../../services/attachments';
+export function stringifyAttachments(value) {
+    if (value === null || value === void 0 ? void 0 : value.every((attachment) => !attachment.type)) {
+        return JSON.stringify(value);
+    }
+    return '';
+}
+const FormElementFilesController = ({ value, onChange, ...props }) => {
+    if (checkIsUsingLegacyStorage(props.element)) {
+        return (React.createElement(FormElementFilesLegacy, { value: value, onChange: onChange, ...props }));
+    }
+    return (React.createElement(FormElementFiles, { value: value, onChange: onChange, ...props }));
+};
+export default React.memo(FormElementFilesController);
+//# sourceMappingURL=index.js.map

package/dist/form-elements/FormElementFiles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/form-elements/FormElementFiles/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,sBAEN,MAAM,2BAA2B,CAAA;AAClC,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AAEjD,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAA;AAYtE,MAAM,UAAU,oBAAoB,CAAC,KAA+B;IAClE,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;QAClD,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;KAC7B;IACD,OAAO,EAAE,CAAA;AACX,CAAC;AAED,MAAM,0BAA0B,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAS,EAAE,EAAE;IAC1E,IAAI,yBAAyB,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;QAC5C,OAAO,CACL,oBAAC,sBAAsB,IACrB,KAAK,EAAE,KAAuC,EAC9C,QAAQ,EAAE,QAA6D,KACnE,KAAK,GACT,CACH,CAAA;KACF;IACD,OAAO,CACL,oBAAC,gBAAgB,IACf,KAAK,EAAE,KAAiC,EACxC,QAAQ,EAAE,QAAuD,KAC7D,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAC,IAAI,CAAQ,0BAA0B,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport { FormTypes } from '@oneblink/types'\nimport FormElementFilesLegacy, {\n  FilesElementFile,\n} from './legacy/FormElementFiles'\nimport FormElementFiles from './FormElementFiles'\nimport { Attachment } from '../../types/attachments'\nimport { checkIsUsingLegacyStorage } from '../../services/attachments'\nimport { FormElementValueChangeHandler } from '../../types/form'\nexport type PossibleFileConfiguration = Attachment | FilesElementFile\ninterface Props {\n  id: string\n  element: FormTypes.FilesElement\n  value: unknown\n  onChange: FormElementValueChangeHandler\n  displayValidationMessage: boolean\n  validationMessage: string | undefined\n}\n\nexport function stringifyAttachments(value: Attachment[] | undefined): string {\n  if (value?.every((attachment) => !attachment.type)) {\n    return JSON.stringify(value)\n  }\n  return ''\n}\n\nconst FormElementFilesController = ({ value, onChange, ...props }: Props) => {\n  if (checkIsUsingLegacyStorage(props.element)) {\n    return (\n      <FormElementFilesLegacy\n        value={value as FilesElementFile[] | undefined}\n        onChange={onChange as FormElementValueChangeHandler<FilesElementFile[]>}\n        {...props}\n      />\n    )\n  }\n  return (\n    <FormElementFiles\n      value={value as Attachment[] | undefined}\n      onChange={onChange as FormElementValueChangeHandler<Attachment[]>}\n      {...props}\n    />\n  )\n}\n\nexport default React.memo<Props>(FormElementFilesController)\n"]}

package/dist/form-elements/FormElementFiles/legacy/FormElementFiles.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { FormTypes } from '@oneblink/types';
+import { FormElementValueChangeHandler } from '../../../types/form';
+export declare type FilesElementFile = {
+    data: string;
+    fileName: string;
+};
+declare type Props = {
+    id: string;
+    element: FormTypes.FilesElement;
+    value: FilesElementFile[] | undefined;
+    onChange: FormElementValueChangeHandler<FilesElementFile[]>;
+    displayValidationMessage: boolean;
+    validationMessage: string | undefined;
+};
+declare function FormElementFiles({ id, element, value, onChange, validationMessage, displayValidationMessage, }: Props): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof FormElementFiles>;
+export default _default;

package/dist/form-elements/FormElementFiles/legacy/FormElementFiles.js

@@ -0,0 +1,61 @@
+import * as React from 'react';
+import useBooleanState from '../../../hooks/useBooleanState';
+import useIsMounted from '../../../hooks/useIsMounted';
+import FileCard from '../../../components/renderer/attachments/FileCard';
+import { downloadFileLegacy } from '../../../services/download-file';
+import Files from '../../../components/renderer/attachments/Files';
+import { checkIfContentTypeIsImage, parseFilesAsAttachmentsLegacy, } from '../../../services/attachments';
+const FormElementFile = ({ element, onRemove, file, index }) => {
+    const isImageType = React.useMemo(() => {
+        const matches = file.data.match(/data:(\w*\/\w*);base64/);
+        if (!matches) {
+            return false;
+        }
+        return checkIfContentTypeIsImage(matches[1]);
+    }, [file.data]);
+    const handleRemove = React.useCallback(() => onRemove(index), [index, onRemove]);
+    const handleDownload = React.useCallback(async () => {
+        await downloadFileLegacy(file.data, file.fileName);
+    }, [file]);
+    return (React.createElement(FileCard, { element: element, imageUrl: isImageType ? file.data : null, fileName: file.fileName, onDownload: handleDownload, onRemove: handleRemove }));
+};
+const MemorisedFile = React.memo(FormElementFile);
+function FormElementFiles({ id, element, value, onChange, validationMessage, displayValidationMessage, }) {
+    const [isDirty, setIsDirty] = useBooleanState(false);
+    const isMounted = useIsMounted();
+    const addFile = React.useCallback(async (newFiles) => {
+        const attachments = await parseFilesAsAttachmentsLegacy(newFiles);
+        if (!attachments.length) {
+            return;
+        }
+        onChange(element, (existingAttachments) => {
+            if (!existingAttachments) {
+                return attachments;
+            }
+            return [...existingAttachments, ...attachments];
+        });
+        if (isMounted.current) {
+            setIsDirty();
+        }
+    }, [element, isMounted, onChange, setIsDirty]);
+    const handleRemove = React.useCallback((index) => {
+        onChange(element, (existingValue) => {
+            if (!existingValue) {
+                return;
+            }
+            const newValue = existingValue.filter((file, i) => i !== index);
+            if (newValue.length) {
+                return newValue;
+            }
+        });
+        if (isMounted.current) {
+            setIsDirty();
+        }
+    }, [element, isMounted, onChange, setIsDirty]);
+    const handleRenderAttachment = React.useCallback((attachment, index) => {
+        return (React.createElement(MemorisedFile, { key: index, element: element, onRemove: handleRemove, file: attachment, index: index }));
+    }, [element, handleRemove]);
+    return (React.createElement(Files, { id: id, element: element, isDirty: isDirty, attachments: value || [], displayValidationMessage: displayValidationMessage, validationMessage: validationMessage, onAddFiles: addFile, onRenderAttachment: handleRenderAttachment }));
+}
+export default React.memo(FormElementFiles);
+//# sourceMappingURL=FormElementFiles.js.map

package/dist/form-elements/FormElementFiles/legacy/FormElementFiles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormElementFiles.js","sourceRoot":"","sources":["../../../../src/form-elements/FormElementFiles/legacy/FormElementFiles.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\n\nimport useBooleanState from '../../../hooks/useBooleanState'\nimport useIsMounted from '../../../hooks/useIsMounted'\nimport FileCard from '../../../components/renderer/attachments/FileCard'\nimport { downloadFileLegacy } from '../../../services/download-file'\nimport { FormTypes } from '@oneblink/types'\nimport Files from '../../../components/renderer/attachments/Files'\nimport {\n  checkIfContentTypeIsImage,\n  parseFilesAsAttachmentsLegacy,\n} from '../../../services/attachments'\nimport { FormElementValueChangeHandler } from '../../../types/form'\n\nexport type FilesElementFile = {\n  data: string\n  fileName: string\n}\n\ntype Props = {\n  id: string\n  element: FormTypes.FilesElement\n  value: FilesElementFile[] | undefined\n  onChange: FormElementValueChangeHandler<FilesElementFile[]>\n  displayValidationMessage: boolean\n  validationMessage: string | undefined\n}\n\ntype ChildProps = {\n  element: FormTypes.FilesElement\n  onRemove: (index: number) => unknown\n  file: FilesElementFile\n  index: number\n}\n\nconst FormElementFile = ({ element, onRemove, file, index }: ChildProps) => {\n  const isImageType = React.useMemo(() => {\n    const matches = file.data.match(/data:(\\w*\\/\\w*);base64/)\n    if (!matches) {\n      return false\n    }\n    return checkIfContentTypeIsImage(matches[1])\n  }, [file.data])\n  const handleRemove = React.useCallback(\n    () => onRemove(index),\n    [index, onRemove],\n  )\n  const handleDownload = React.useCallback(async () => {\n    await downloadFileLegacy(file.data, file.fileName)\n  }, [file])\n\n  return (\n    <FileCard\n      element={element}\n      imageUrl={isImageType ? file.data : null}\n      fileName={file.fileName}\n      onDownload={handleDownload}\n      onRemove={handleRemove}\n    />\n  )\n}\n\nconst MemorisedFile = React.memo(FormElementFile)\n\nfunction FormElementFiles({\n  id,\n  element,\n  value,\n  onChange,\n  validationMessage,\n  displayValidationMessage,\n}: Props) {\n  const [isDirty, setIsDirty] = useBooleanState(false)\n  const isMounted = useIsMounted()\n\n  const addFile = React.useCallback(\n    async (newFiles) => {\n      const attachments = await parseFilesAsAttachmentsLegacy(newFiles)\n      if (!attachments.length) {\n        return\n      }\n\n      onChange(element, (existingAttachments) => {\n        if (!existingAttachments) {\n          return attachments\n        }\n        return [...existingAttachments, ...attachments]\n      })\n      if (isMounted.current) {\n        setIsDirty()\n      }\n    },\n    [element, isMounted, onChange, setIsDirty],\n  )\n\n  const handleRemove = React.useCallback(\n    (index: number) => {\n      onChange(element, (existingValue) => {\n        if (!existingValue) {\n          return\n        }\n        const newValue = existingValue.filter((file, i) => i !== index)\n        if (newValue.length) {\n          return newValue\n        }\n      })\n      if (isMounted.current) {\n        setIsDirty()\n      }\n    },\n    [element, isMounted, onChange, setIsDirty],\n  )\n\n  const handleRenderAttachment = React.useCallback(\n    (attachment, index) => {\n      return (\n        <MemorisedFile\n          key={index}\n          element={element}\n          onRemove={handleRemove}\n          file={attachment}\n          index={index}\n        />\n      )\n    },\n    [element, handleRemove],\n  )\n\n  return (\n    <Files\n      id={id}\n      element={element}\n      isDirty={isDirty}\n      attachments={value || []}\n      displayValidationMessage={displayValidationMessage}\n      validationMessage={validationMessage}\n      onAddFiles={addFile}\n      onRenderAttachment={handleRenderAttachment}\n    />\n  )\n}\n\nexport default React.memo(FormElementFiles)\n"]}

package/dist/form-elements/FormElementFiles.d.ts

@@ -1,15 +1,15 @@
-import * as React from 'react';
-import { FormTypes } from '@oneblink/types';
-import { Attachment } from '../types/attachments';
-import { FormElementValueChangeHandler } from '../types/form';
-export declare function stringifyAttachments(value: Attachment[] | undefined): string;
-declare function FormElementFiles({ id, element, value, onChange, validationMessage, displayValidationMessage, }: {
-    id: string;
-    element: FormTypes.FilesElement;
-    value?: Attachment[];
-    onChange: FormElementValueChangeHandler<Attachment[]>;
-    displayValidationMessage: boolean;
-    validationMessage: string | undefined;
-}): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof FormElementFiles>;
-export default _default;
+import * as React from 'react';
+import { FormTypes } from '@oneblink/types';
+import { Attachment } from '../types/attachments';
+import { FormElementValueChangeHandler } from '../types/form';
+export declare function stringifyAttachments(value: Attachment[] | undefined): string;
+declare function FormElementFiles({ id, element, value, onChange, validationMessage, displayValidationMessage, }: {
+    id: string;
+    element: FormTypes.FilesElement;
+    value?: Attachment[];
+    onChange: FormElementValueChangeHandler<Attachment[]>;
+    displayValidationMessage: boolean;
+    validationMessage: string | undefined;
+}): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof FormElementFiles>;
+export default _default;