@aehrc/smart-forms-renderer 1.0.0-alpha.5 → 1.0.0-alpha.50

package/lib/components/Alert.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const StyledAlert: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {

package/lib/components/Box.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const QGroupContainerBox: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {

package/lib/components/Checkbox.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const StandardCheckbox: import("@emotion/styled").StyledComponent<import("@mui/material/Checkbox").CheckboxProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    readOnly: boolean;
+}, {}, {}>;

package/lib/components/Checkbox.styles.js

@@ -0,0 +1,27 @@
+import { styled } from '@mui/material/styles';
+import Checkbox from '@mui/material/Checkbox';
+export const StandardCheckbox = styled(Checkbox, {
+    shouldForwardProp: (prop) => prop !== 'readOnly'
+})(({ theme, readOnly }) => (Object.assign({}, (readOnly && {
+    // Remove 'pointer' cursor when readOnly
+    cursor: 'default',
+    // Hide the ripple effect when readOnly
+    '.MuiTouchRipple-root': {
+        display: 'none'
+    },
+    // Show grey background when focused (via keyboard)
+    '&.Mui-focusVisible': {
+        backgroundColor: theme.palette.action.hover
+    },
+    // Use grey stylings when it's readOnly
+    '&.MuiButtonBase-root': {
+        '&.MuiCheckbox-root': {
+            // Use text.disabled colour (same as disabled field) here because text.secondary is too dark, and 'rgb(220, 223, 228)' is too light
+            color: theme.palette.text.disabled
+        },
+        '&:hover': {
+            backgroundColor: theme.palette.action.hover
+        }
+    }
+}))));
+//# sourceMappingURL=Checkbox.styles.js.map

package/lib/components/Checkbox.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.styles.js","sourceRoot":"","sources":["../../src/components/Checkbox.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAE9C,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,QAAQ,EAAE;IAC/C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,UAAU;CACjD,CAAC,CAAwB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,mBAC9C,CAAC,QAAQ,IAAI;IACd,wCAAwC;IACxC,MAAM,EAAE,SAAS;IAEjB,uCAAuC;IACvC,sBAAsB,EAAE;QACtB,OAAO,EAAE,MAAM;KAChB;IAED,mDAAmD;IACnD,oBAAoB,EAAE;QACpB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;KAC5C;IAED,uCAAuC;IACvC,sBAAsB,EAAE;QACtB,oBAAoB,EAAE;YACpB,mIAAmI;YACnI,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;SACnC;QACD,SAAS,EAAE;YACT,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;SAC5C;KACF;CACF,CAAC,EACF,CAAC,CAAC"}

package/lib/components/FormComponents/AttachmentItem/AttachmentField.d.ts

@@ -1,13 +1,14 @@
-import React from 'react';
-import type { PropsWithIsTabledAttribute } from '../../../interfaces/renderProps.interface';
+import type { PropsWithIsTabledRequiredAttribute } from '../../../interfaces/renderProps.interface';
 import type { AttachmentValues } from './AttachmentItem';
-interface AttachmentFieldProps extends PropsWithIsTabledAttribute {
+interface AttachmentFieldProps extends PropsWithIsTabledRequiredAttribute {
     linkId: string;
+    itemType: string;
     attachmentValues: AttachmentValues;
+    feedback: string;
     readOnly: boolean;
     onUploadFile: (file: File | null) => void;
     onUrlChange: (url: string) => void;
     onFileNameChange: (fileName: string) => void;
 }
-declare function AttachmentField(props: AttachmentFieldProps): React.JSX.Element;
+declare function AttachmentField(props: AttachmentFieldProps): import("react/jsx-runtime").JSX.Element;
 export default AttachmentField;

package/lib/components/FormComponents/AttachmentItem/AttachmentField.js

@@ -1,39 +1,24 @@
-/*
- * Copyright 2024 Commonwealth Scientific and Industrial Research
- * Organisation (CSIRO) ABN 41 687 119 230.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { StandardTextField } from '../Textfield.styles';
 import AttachmentFileCollector from './AttachmentFileCollector';
 import Typography from '@mui/material/Typography';
 import Box from '@mui/material/Box';
 import Stack from '@mui/material/Stack';
 import AttachmentUrlField from './AttachmentUrlField';
+import { useRendererStylingStore } from '../../../stores';
+import { StyledRequiredTypography } from '../Item.styles';
 function AttachmentField(props) {
-    const { linkId, attachmentValues, readOnly, isTabled, onUploadFile, onUrlChange, onFileNameChange } = props;
+    const { linkId, itemType, attachmentValues, feedback, readOnly, isTabled, onUploadFile, onUrlChange, onFileNameChange } = props;
+    const readOnlyVisualStyle = useRendererStylingStore.use.readOnlyVisualStyle();
+    const textFieldWidth = useRendererStylingStore.use.textFieldWidth();
+    const readOnlyTextColor = readOnlyVisualStyle === 'disabled' ? 'text.disabled' : 'text.secondary';
     const { uploadedFile, url, fileName } = attachmentValues;
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Stack, { rowGap: 1 },
-            React.createElement(Typography, { variant: "subtitle2", color: readOnly ? 'text.disabled' : 'text.primary' }, "An attachment must either have a file or a URL, or both."),
-            React.createElement(Box, null,
-                React.createElement(AttachmentFileCollector, { uploadedFile: uploadedFile, readOnly: readOnly, isTabled: isTabled, onUploadFile: onUploadFile })),
-            React.createElement(AttachmentUrlField, { linkId: linkId, url: url, readOnly: readOnly, isTabled: isTabled, onUrlChange: onUrlChange }),
-            React.createElement(Box, null,
-                React.createElement(Typography, { variant: "body2", color: readOnly ? 'text.disabled' : 'text.primary' }, "File name (optional)"),
-                React.createElement(StandardTextField, { fullWidth: true, isTabled: isTabled, id: linkId, value: fileName, onChange: (event) => onFileNameChange(event.target.value), disabled: readOnly, size: "small", "data-test": "q-item-attachment-field" })),
-            uploadedFile && url ? (React.createElement(Typography, { variant: "subtitle2", color: readOnly ? 'text.disabled' : 'text.primary' }, "Ensure that the attached file and URL has the same content.")) : null)));
+    // TODO: Consider accessible items for attachment fields too if #1096 is fixed. 
+    return (_jsxs(_Fragment, { children: [_jsxs(Stack, Object.assign({ rowGap: 1, id: itemType + '-' + linkId }, { children: [_jsx(Typography, Object.assign({ component: "div", color: readOnly ? readOnlyTextColor : 'text.primary' }, { children: "An attachment must either have a file or a URL, or both." })), _jsx(Box, { children: _jsx(AttachmentFileCollector, { uploadedFile: uploadedFile, readOnly: readOnly, isTabled: isTabled, onUploadFile: onUploadFile }) }), _jsx(AttachmentUrlField, { linkId: linkId, url: url, readOnly: readOnly, isTabled: isTabled, onUrlChange: onUrlChange }), _jsxs(Box, { children: [_jsx(Typography, Object.assign({ component: "div", variant: "body2", color: readOnly ? readOnlyTextColor : 'text.primary' }, { children: "File name (optional)" })), _jsx(StandardTextField, { fullWidth: true, textFieldWidth: textFieldWidth, isTabled: isTabled, id: linkId, value: fileName, onChange: (event) => onFileNameChange(event.target.value), disabled: readOnly && readOnlyVisualStyle === 'disabled', size: "small", "data-test": "q-item-attachment-field", slotProps: {
+                                    input: {
+                                        readOnly: readOnly && readOnlyVisualStyle === 'readonly'
+                                    }
+                                } })] }), uploadedFile && url ? (_jsx(Typography, Object.assign({ component: "div", color: readOnly ? readOnlyTextColor : 'text.primary' }, { children: "Ensure that the attached file and URL has the same content." }))) : null] })), feedback ? _jsx(StyledRequiredTypography, { children: feedback }) : null] }));
 }
 export default AttachmentField;
 //# sourceMappingURL=AttachmentField.js.map

package/lib/components/FormComponents/AttachmentItem/AttachmentField.js.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentField.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/AttachmentItem/AttachmentField.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAChE,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,KAAK,MAAM,qBAAqB,CAAC;AAExC,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAWtD,SAAS,eAAe,CAAC,KAA2B;IAClD,MAAM,EACJ,MAAM,EACN,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,gBAAgB,EACjB,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,YAAY,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,gBAAgB,CAAC;IAEzD,OAAO,CACL;QACE,oBAAC,KAAK,IAAC,MAAM,EAAE,CAAC;YACd,oBAAC,UAAU,IAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,+DAErE;YACb,oBAAC,GAAG;gBACF,oBAAC,uBAAuB,IACtB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,GAC1B,CACE;YAEN,oBAAC,kBAAkB,IACjB,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,GACxB;YAEF,oBAAC,GAAG;gBACF,oBAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,2BAEjE;gBACb,oBAAC,iBAAiB,IAChB,SAAS,QACT,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,MAAM,EACV,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACzD,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,OAAO,eACF,yBAAyB,GACnC,CACE;YAEL,YAAY,IAAI,GAAG,CAAC,CAAC,CAAC,CACrB,oBAAC,UAAU,IAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,kEAErE,CACd,CAAC,CAAC,CAAC,IAAI,CACF,CACP,CACJ,CAAC;AACJ,CAAC;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"AttachmentField.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/AttachmentItem/AttachmentField.tsx"],"names":[],"mappings":";AAmBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAChE,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,KAAK,MAAM,qBAAqB,CAAC;AAExC,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAa1D,SAAS,eAAe,CAAC,KAA2B;IAClD,MAAM,EACJ,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,gBAAgB,EACjB,GAAG,KAAK,CAAC;IAEV,MAAM,mBAAmB,GAAG,uBAAuB,CAAC,GAAG,CAAC,mBAAmB,EAAE,CAAC;IAC9E,MAAM,cAAc,GAAG,uBAAuB,CAAC,GAAG,CAAC,cAAc,EAAE,CAAC;IAEpE,MAAM,iBAAiB,GAAG,mBAAmB,KAAK,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,CAAC;IAElG,MAAM,EAAE,YAAY,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,gBAAgB,CAAC;IAE3D,gFAAgF;IAG9E,OAAO,CACL,8BACE,MAAC,KAAK,kBAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,QAAQ,GAAG,GAAG,GAAG,MAAM,iBAC3C,KAAC,UAAU,kBAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,cAAc,8EAEnE,EACb,KAAC,GAAG,cACF,KAAC,uBAAuB,IACtB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,GAC1B,GACE,EAEN,KAAC,kBAAkB,IACjB,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,GACxB,EAEF,MAAC,GAAG,eACF,KAAC,UAAU,kBACT,SAAS,EAAC,KAAK,EACf,OAAO,EAAC,OAAO,EACf,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,cAAc,0CAEzC,EACb,KAAC,iBAAiB,IAChB,SAAS,QACT,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,MAAM,EACV,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACzD,QAAQ,EAAE,QAAQ,IAAI,mBAAmB,KAAK,UAAU,EACxD,IAAI,EAAC,OAAO,eACF,yBAAyB,EACnC,SAAS,EAAE;oCACT,KAAK,EAAE;wCACL,QAAQ,EAAE,QAAQ,IAAI,mBAAmB,KAAK,UAAU;qCACzD;iCACF,GACD,IACE,EAEL,YAAY,IAAI,GAAG,CAAC,CAAC,CAAC,CACrB,KAAC,UAAU,kBAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,cAAc,iFAEnE,CACd,CAAC,CAAC,CAAC,IAAI,KACF,EAEP,QAAQ,CAAC,CAAC,CAAC,KAAC,wBAAwB,cAAE,QAAQ,GAA4B,CAAC,CAAC,CAAC,IAAI,IACjF,CACJ,CAAC;AACJ,CAAC;AAED,eAAe,eAAe,CAAC"}

package/lib/components/FormComponents/AttachmentItem/AttachmentFieldWrapper.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
-import type { PropsWithIsRepeatedAttribute, PropsWithIsTabledAttribute } from '../../../interfaces/renderProps.interface';
+import type { PropsWithIsRepeatedAttribute, PropsWithIsTabledRequiredAttribute } from '../../../interfaces/renderProps.interface';
 import type { QuestionnaireItem } from 'fhir/r4';
 import type { AttachmentValues } from './AttachmentItem';
-interface AttachmentFieldWrapperProps extends PropsWithIsRepeatedAttribute, PropsWithIsTabledAttribute {
+interface AttachmentFieldWrapperProps extends PropsWithIsRepeatedAttribute, PropsWithIsTabledRequiredAttribute {
     qItem: QuestionnaireItem;
     attachmentValues: AttachmentValues;
+    feedback: string;
     readOnly: boolean;
     onUploadFile: (file: File | null) => void;
     onUrlChange: (url: string) => void;
     onFileNameChange: (fileName: string) => void;
 }
-declare function AttachmentFieldWrapper(props: AttachmentFieldWrapperProps): React.JSX.Element;
+declare function AttachmentFieldWrapper(props: AttachmentFieldWrapperProps): import("react/jsx-runtime").JSX.Element;
 export default AttachmentFieldWrapper;

package/lib/components/FormComponents/AttachmentItem/AttachmentFieldWrapper.js

@@ -1,36 +1,16 @@
-/*
- * Copyright 2024 Commonwealth Scientific and Industrial Research
- * Organisation (CSIRO) ABN 41 687 119 230.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-// import { HTML5Backend } from 'react-dnd-html5-backend';
-//
-// <DndProvider backend={HTML5Backend}>
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import AttachmentField from './AttachmentField';
 import { FullWidthFormComponentBox } from '../../Box.styles';
 import ItemFieldGrid from '../ItemParts/ItemFieldGrid';
 import { useQuestionnaireStore } from '../../../stores';
+import ItemLabel from '../ItemParts/ItemLabel';
 function AttachmentFieldWrapper(props) {
-    const { qItem, attachmentValues, readOnly, isRepeated, isTabled, onUploadFile, onUrlChange, onFileNameChange } = props;
+    const { qItem, attachmentValues, feedback, readOnly, isRepeated, isTabled, onUploadFile, onUrlChange, onFileNameChange } = props;
     const onFocusLinkId = useQuestionnaireStore.use.onFocusLinkId();
     if (isRepeated) {
-        return (React.createElement(AttachmentField, { linkId: qItem.linkId, attachmentValues: attachmentValues, readOnly: readOnly, isTabled: isTabled, onUploadFile: onUploadFile, onUrlChange: onUrlChange, onFileNameChange: onFileNameChange }));
+        return (_jsx(AttachmentField, { linkId: qItem.linkId, itemType: qItem.type, attachmentValues: attachmentValues, feedback: feedback, readOnly: readOnly, isTabled: isTabled, onUploadFile: onUploadFile, onUrlChange: onUrlChange, onFileNameChange: onFileNameChange }));
     }
-    return (React.createElement(FullWidthFormComponentBox, { "data-test": "q-item-attachment-box", "data-linkid": qItem.linkId, onClick: () => onFocusLinkId(qItem.linkId) },
-        React.createElement(ItemFieldGrid, { qItem: qItem, readOnly: readOnly },
-            React.createElement(AttachmentField, { linkId: qItem.linkId, attachmentValues: attachmentValues, readOnly: readOnly, isTabled: isTabled, onUploadFile: onUploadFile, onUrlChange: onUrlChange, onFileNameChange: onFileNameChange }))));
+    return (_jsx(FullWidthFormComponentBox, Object.assign({ "data-test": "q-item-attachment-box", "data-linkid": qItem.linkId, onClick: () => onFocusLinkId(qItem.linkId) }, { children: _jsx(ItemFieldGrid, { qItem: qItem, readOnly: readOnly, labelChildren: _jsx(ItemLabel, { qItem: qItem, readOnly: readOnly }), fieldChildren: _jsx(AttachmentField, { linkId: qItem.linkId, itemType: qItem.type, attachmentValues: attachmentValues, feedback: feedback, readOnly: readOnly, isTabled: isTabled, onUploadFile: onUploadFile, onUrlChange: onUrlChange, onFileNameChange: onFileNameChange }) }) })));
 }
 export default AttachmentFieldWrapper;
 //# sourceMappingURL=AttachmentFieldWrapper.js.map

package/lib/components/FormComponents/AttachmentItem/AttachmentFieldWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentFieldWrapper.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/AttachmentItem/AttachmentFieldWrapper.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,0DAA0D;AAC1D,EAAE;AACF,uCAAuC;AAEvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,aAAa,MAAM,4BAA4B,CAAC;AAOvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAaxD,SAAS,sBAAsB,CAAC,KAAkC;IAChE,MAAM,EACJ,KAAK,EACL,gBAAgB,EAChB,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,gBAAgB,EACjB,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,qBAAqB,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAEhE,IAAI,UAAU,EAAE;QACd,OAAO,CACL,oBAAC,eAAe,IACd,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC;KACH;IAED,OAAO,CACL,oBAAC,yBAAyB,iBACd,uBAAuB,iBACpB,KAAK,CAAC,MAAM,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC;QAC1C,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ;YAC7C,oBAAC,eAAe,IACd,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,GAClC,CACY,CACU,CAC7B,CAAC;AACJ,CAAC;AAED,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"AttachmentFieldWrapper.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/AttachmentItem/AttachmentFieldWrapper.tsx"],"names":[],"mappings":";AAkBA,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,aAAa,MAAM,4BAA4B,CAAC;AAOvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAc/C,SAAS,sBAAsB,CAAC,KAAkC;IAChE,MAAM,EACJ,KAAK,EACL,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,gBAAgB,EACjB,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,qBAAqB,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAEhE,IAAI,UAAU,EAAE;QACd,OAAO,CACL,KAAC,eAAe,IACd,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,KAAK,CAAC,IAAI,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC;KACH;IAED,OAAO,CACL,KAAC,yBAAyB,+BACd,uBAAuB,iBACpB,KAAK,CAAC,MAAM,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,gBAC1C,KAAC,aAAa,IACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,EAC9D,aAAa,EACX,KAAC,eAAe,IACd,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,KAAK,CAAC,IAAI,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,GAClC,GAEJ,IACwB,CAC7B,CAAC;AACJ,CAAC;AAED,eAAe,sBAAsB,CAAC"}

package/lib/components/FormComponents/AttachmentItem/AttachmentFileCollector.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import type { PropsWithIsTabledAttribute } from '../../../interfaces/renderProps.interface';
-interface AttachmentFileCollectorProps extends PropsWithIsTabledAttribute {
+import type { PropsWithIsTabledRequiredAttribute } from '../../../interfaces/renderProps.interface';
+interface AttachmentFileCollectorProps extends PropsWithIsTabledRequiredAttribute {
     uploadedFile: File | null;
     readOnly: boolean;
     onUploadFile: (file: File | null) => void;

package/lib/components/FormComponents/AttachmentItem/AttachmentFileCollector.js

@@ -1,20 +1,5 @@
-/*
- * Copyright 2024 Commonwealth Scientific and Industrial Research
- * Organisation (CSIRO) ABN 41 687 119 230.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { memo, useCallback } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo, useCallback } from 'react';
 import { Box, IconButton, Stack, Tooltip } from '@mui/material';
 import AttachmentFileDropBox from './AttachmentFileDropBox';
 import Iconify from '../../Iconify/Iconify';
@@ -39,18 +24,7 @@ const AttachmentFileCollector = memo(function AttachmentFileCollector(props) {
             onUploadFile(file);
         }
     }
-    return (React.createElement(React.Fragment, null,
-        React.createElement(AttachmentFileDropBox, { onDrop: handleFileDrop, file: uploadedFile, errorMessage: '', readOnly: readOnly, isTabled: isTabled }),
-        React.createElement(Stack, { direction: "row", justifyContent: "space-between", pt: 0.5 },
-            React.createElement(Box, null,
-                React.createElement(Tooltip, { title: "Attach file" },
-                    React.createElement(IconButton, { component: "label", size: "small", disabled: readOnly },
-                        React.createElement(Iconify, { icon: "fluent:attach-24-regular" }),
-                        React.createElement("input", { type: "file", hidden: true, onChange: handleAttachFile }))),
-                React.createElement(Tooltip, { title: "Remove file" },
-                    React.createElement("span", null,
-                        React.createElement(IconButton, { disabled: !uploadedFile || readOnly, color: "error", size: "small", onClick: () => onUploadFile(null) },
-                            React.createElement(Iconify, { icon: "ant-design:delete" }))))))));
+    return (_jsxs(_Fragment, { children: [_jsx(AttachmentFileDropBox, { onDrop: handleFileDrop, file: uploadedFile, errorMessage: '', readOnly: readOnly, isTabled: isTabled }), _jsx(Stack, Object.assign({ direction: "row", justifyContent: "space-between", pt: 0.5 }, { children: _jsxs(Box, { children: [_jsx(Tooltip, Object.assign({ title: "Attach file" }, { children: _jsxs(IconButton, Object.assign({ component: "label", size: "small", disabled: readOnly }, { children: [_jsx(Iconify, { icon: "fluent:attach-24-regular" }), _jsx("input", { type: "file", hidden: true, onChange: handleAttachFile })] })) })), _jsx(Tooltip, Object.assign({ title: "Remove file" }, { children: _jsx("span", { children: _jsx(IconButton, Object.assign({ disabled: !uploadedFile || readOnly, color: "error", size: "small", onClick: () => onUploadFile(null) }, { children: _jsx(Iconify, { icon: "ant-design:delete" }) })) }) }))] }) }))] }));
 });
 export default AttachmentFileCollector;
 //# sourceMappingURL=AttachmentFileCollector.js.map

package/lib/components/FormComponents/AttachmentItem/AttachmentFileCollector.js.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentFileCollector.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/AttachmentItem/AttachmentFileCollector.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,qBAAqB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAS5C,MAAM,uBAAuB,GAAG,IAAI,CAAC,SAAS,uBAAuB,CACnE,KAAmC;IAEnC,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAEjE,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,IAAsB,EAAE,EAAE;QACzB,IAAI,QAAQ,EAAE;YACZ,OAAO;SACR;QAED,IAAI,IAAI,EAAE;YACR,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;YAEzB,IAAI,KAAK,CAAC,CAAC,CAAC,YAAY,IAAI,EAAE;gBAC5B,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;gBAEtB,YAAY,CAAC,IAAI,CAAC,CAAC;aACpB;SACF;IACH,CAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,SAAS,gBAAgB,CAAC,KAAoC;;QAC5D,MAAM,IAAI,GAAG,MAAA,KAAK,CAAC,MAAM,CAAC,KAAK,0CAAG,CAAC,CAAC,CAAC;QAErC,IAAI,IAAI,YAAY,IAAI,EAAE;YACxB,YAAY,CAAC,IAAI,CAAC,CAAC;SACpB;IACH,CAAC;IAED,OAAO,CACL;QACE,oBAAC,qBAAqB,IACpB,MAAM,EAAE,cAAc,EACtB,IAAI,EAAE,YAAY,EAClB,YAAY,EAAE,EAAE,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB;QACF,oBAAC,KAAK,IAAC,SAAS,EAAC,KAAK,EAAC,cAAc,EAAC,eAAe,EAAC,EAAE,EAAE,GAAG;YAC3D,oBAAC,GAAG;gBACF,oBAAC,OAAO,IAAC,KAAK,EAAC,aAAa;oBAC1B,oBAAC,UAAU,IAAC,SAAS,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAE,QAAQ;wBAC3D,oBAAC,OAAO,IAAC,IAAI,EAAC,0BAA0B,GAAG;wBAC3C,+BAAO,IAAI,EAAC,MAAM,EAAC,MAAM,QAAC,QAAQ,EAAE,gBAAgB,GAAI,CAC7C,CACL;gBACV,oBAAC,OAAO,IAAC,KAAK,EAAC,aAAa;oBAC1B;wBACE,oBAAC,UAAU,IACT,QAAQ,EAAE,CAAC,YAAY,IAAI,QAAQ,EACnC,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC;4BACjC,oBAAC,OAAO,IAAC,IAAI,EAAC,mBAAmB,GAAG,CACzB,CACR,CACC,CACN,CACA,CACP,CACJ,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"AttachmentFileCollector.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/AttachmentItem/AttachmentFileCollector.tsx"],"names":[],"mappings":";AAkBA,OAAc,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,qBAAqB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAS5C,MAAM,uBAAuB,GAAG,IAAI,CAAC,SAAS,uBAAuB,CACnE,KAAmC;IAEnC,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAEjE,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,IAAsB,EAAE,EAAE;QACzB,IAAI,QAAQ,EAAE;YACZ,OAAO;SACR;QAED,IAAI,IAAI,EAAE;YACR,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;YAEzB,IAAI,KAAK,CAAC,CAAC,CAAC,YAAY,IAAI,EAAE;gBAC5B,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;gBAEtB,YAAY,CAAC,IAAI,CAAC,CAAC;aACpB;SACF;IACH,CAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,SAAS,gBAAgB,CAAC,KAAoC;;QAC5D,MAAM,IAAI,GAAG,MAAA,KAAK,CAAC,MAAM,CAAC,KAAK,0CAAG,CAAC,CAAC,CAAC;QAErC,IAAI,IAAI,YAAY,IAAI,EAAE;YACxB,YAAY,CAAC,IAAI,CAAC,CAAC;SACpB;IACH,CAAC;IAED,OAAO,CACL,8BACE,KAAC,qBAAqB,IACpB,MAAM,EAAE,cAAc,EACtB,IAAI,EAAE,YAAY,EAClB,YAAY,EAAE,EAAE,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,EACF,KAAC,KAAK,kBAAC,SAAS,EAAC,KAAK,EAAC,cAAc,EAAC,eAAe,EAAC,EAAE,EAAE,GAAG,gBAC3D,MAAC,GAAG,eACF,KAAC,OAAO,kBAAC,KAAK,EAAC,aAAa,gBAC1B,MAAC,UAAU,kBAAC,SAAS,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAE,QAAQ,iBAC3D,KAAC,OAAO,IAAC,IAAI,EAAC,0BAA0B,GAAG,EAC3C,gBAAO,IAAI,EAAC,MAAM,EAAC,MAAM,QAAC,QAAQ,EAAE,gBAAgB,GAAI,KAC7C,IACL,EACV,KAAC,OAAO,kBAAC,KAAK,EAAC,aAAa,gBAC1B,yBACE,KAAC,UAAU,kBACT,QAAQ,EAAE,CAAC,YAAY,IAAI,QAAQ,EACnC,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,gBACjC,KAAC,OAAO,IAAC,IAAI,EAAC,mBAAmB,GAAG,IACzB,GACR,IACC,IACN,IACA,IACP,CACJ,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,uBAAuB,CAAC"}

package/lib/components/FormComponents/AttachmentItem/AttachmentFileDropBox.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
-import type { PropsWithIsTabledAttribute } from '../../../interfaces/renderProps.interface';
-export interface AttachmentFileDropBoxProps extends PropsWithIsTabledAttribute {
+import type { PropsWithIsTabledRequiredAttribute } from '../../../interfaces/renderProps.interface';
+export interface AttachmentFileDropBoxProps extends PropsWithIsTabledRequiredAttribute {
     file: File | null;
     onDrop: (item: {
         files: any[];
@@ -8,5 +7,5 @@ export interface AttachmentFileDropBoxProps extends PropsWithIsTabledAttribute {
     errorMessage: string;
     readOnly: boolean;
 }
-declare function AttachmentFileDropBox(props: AttachmentFileDropBoxProps): React.JSX.Element;
+declare function AttachmentFileDropBox(props: AttachmentFileDropBoxProps): import("react/jsx-runtime").JSX.Element;
 export default AttachmentFileDropBox;

package/lib/components/FormComponents/AttachmentItem/AttachmentFileDropBox.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /*
  * Copyright 2024 Commonwealth Scientific and Industrial Research
  * Organisation (CSIRO) ABN 41 687 119 230.
@@ -17,16 +18,19 @@
 import { Box, Typography } from '@mui/material';
 import useFileDrop from '../../../hooks/UseFileDrop';
 import { AttachmentFileDropBoxWrapper } from './AttachmentFileDropBox.styles';
-import React from 'react';
 import { getFileSize } from '../../../utils/fileUtils';
+import { useRendererStylingStore } from '../../../stores';
 function AttachmentFileDropBox(props) {
     var _a;
     const { file, onDrop, errorMessage, readOnly, isTabled } = props;
+    const readOnlyVisualStyle = useRendererStylingStore.use.readOnlyVisualStyle();
+    const textFieldWidth = useRendererStylingStore.use.textFieldWidth();
+    const readOnlyTextColor = readOnlyVisualStyle === 'disabled' ? 'text.disabled' : 'text.secondary';
     const { canDrop, isOver, dropTarget } = useFileDrop(onDrop);
     const isActive = canDrop && isOver;
     let boxMessage = 'No file selected';
     if (readOnly) {
-        boxMessage = 'Item is read only';
+        boxMessage = 'Attachment item is read only';
     }
     else if (isActive) {
         boxMessage = 'Release to drop file';
@@ -37,16 +41,7 @@ function AttachmentFileDropBox(props) {
     else if (file) {
         boxMessage = file.name;
     }
-    return (React.createElement(AttachmentFileDropBoxWrapper, { ref: dropTarget, display: "flex", isActive: isActive, isTabled: isTabled },
-        React.createElement(Box, { p: 1.5 },
-            React.createElement(Typography, { color: readOnly ? 'text.disabled' : 'text.primary' }, boxMessage),
-            file ? (React.createElement(Box, { pt: 1 },
-                React.createElement(Typography, { fontSize: 10 },
-                    "Size: ",
-                    getFileSize((_a = file.size.toString()) !== null && _a !== void 0 ? _a : '0')),
-                React.createElement(Typography, { fontSize: 10 },
-                    "Type: ",
-                    file.type))) : null)));
+    return (_jsx(AttachmentFileDropBoxWrapper, Object.assign({ ref: dropTarget, display: "flex", isActive: isActive, textFieldWidth: textFieldWidth, isTabled: isTabled }, { children: _jsxs(Box, Object.assign({ p: 1.5 }, { children: [_jsx(Typography, Object.assign({ component: "div", color: readOnly ? readOnlyTextColor : 'text.primary' }, { children: boxMessage })), file ? (_jsxs(Box, Object.assign({ pt: 1 }, { children: [_jsxs(Typography, Object.assign({ component: "div", fontSize: 10 }, { children: ["Size: ", getFileSize((_a = file.size.toString()) !== null && _a !== void 0 ? _a : '0')] })), _jsxs(Typography, Object.assign({ component: "div", fontSize: 10 }, { children: ["Type: ", file.type] }))] }))) : null] })) })));
 }
 export default AttachmentFileDropBox;
 //# sourceMappingURL=AttachmentFileDropBox.js.map

package/lib/components/FormComponents/AttachmentItem/AttachmentFileDropBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentFileDropBox.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/AttachmentItem/AttachmentFileDropBox.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AASvD,SAAS,qBAAqB,CAAC,KAAiC;;IAC9D,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEjE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;IAE5D,MAAM,QAAQ,GAAG,OAAO,IAAI,MAAM,CAAC;IAEnC,IAAI,UAAU,GAAG,kBAAkB,CAAC;IACpC,IAAI,QAAQ,EAAE;QACZ,UAAU,GAAG,mBAAmB,CAAC;KAClC;SAAM,IAAI,QAAQ,EAAE;QACnB,UAAU,GAAG,sBAAsB,CAAC;KACrC;SAAM,IAAI,YAAY,EAAE;QACvB,UAAU,GAAG,YAAY,CAAC;KAC3B;SAAM,IAAI,IAAI,EAAE;QACf,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC;KACxB;IAED,OAAO,CACL,oBAAC,4BAA4B,IAC3B,GAAG,EAAE,UAAU,EACf,OAAO,EAAC,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ;QAClB,oBAAC,GAAG,IAAC,CAAC,EAAE,GAAG;YACT,oBAAC,UAAU,IAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,IAAG,UAAU,CAAc;YAExF,IAAI,CAAC,CAAC,CAAC,CACN,oBAAC,GAAG,IAAC,EAAE,EAAE,CAAC;gBACR,oBAAC,UAAU,IAAC,QAAQ,EAAE,EAAE;;oBAAS,WAAW,CAAC,MAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,mCAAI,GAAG,CAAC,CAAc;gBACvF,oBAAC,UAAU,IAAC,QAAQ,EAAE,EAAE;;oBAAS,IAAI,CAAC,IAAI,CAAc,CACpD,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACuB,CAChC,CAAC;AACJ,CAAC;AAED,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"AttachmentFileDropBox.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/AttachmentItem/AttachmentFileDropBox.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAG9E,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAS1D,SAAS,qBAAqB,CAAC,KAAiC;;IAC9D,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEjE,MAAM,mBAAmB,GAAG,uBAAuB,CAAC,GAAG,CAAC,mBAAmB,EAAE,CAAC;IAC9E,MAAM,cAAc,GAAG,uBAAuB,CAAC,GAAG,CAAC,cAAc,EAAE,CAAC;IAEpE,MAAM,iBAAiB,GAAG,mBAAmB,KAAK,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,CAAC;IAElG,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;IAE5D,MAAM,QAAQ,GAAG,OAAO,IAAI,MAAM,CAAC;IAEnC,IAAI,UAAU,GAAG,kBAAkB,CAAC;IACpC,IAAI,QAAQ,EAAE;QACZ,UAAU,GAAG,8BAA8B,CAAC;KAC7C;SAAM,IAAI,QAAQ,EAAE;QACnB,UAAU,GAAG,sBAAsB,CAAC;KACrC;SAAM,IAAI,YAAY,EAAE;QACvB,UAAU,GAAG,YAAY,CAAC;KAC3B;SAAM,IAAI,IAAI,EAAE;QACf,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC;KACxB;IAED,OAAO,CACL,KAAC,4BAA4B,kBAC3B,GAAG,EAAE,UAAuC,EAC5C,OAAO,EAAC,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,gBAClB,MAAC,GAAG,kBAAC,CAAC,EAAE,GAAG,iBACT,KAAC,UAAU,kBAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,cAAc,gBAC7E,UAAU,IACA,EAEZ,IAAI,CAAC,CAAC,CAAC,CACN,MAAC,GAAG,kBAAC,EAAE,EAAE,CAAC,iBACR,MAAC,UAAU,kBAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,EAAE,EAAE,2BAC/B,WAAW,CAAC,MAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,mCAAI,GAAG,CAAC,KACpC,EACb,MAAC,UAAU,kBAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,EAAE,EAAE,2BAC/B,IAAI,CAAC,IAAI,KACL,KACT,CACP,CAAC,CAAC,CAAC,IAAI,KACJ,IACuB,CAChC,CAAC;AACJ,CAAC;AAED,eAAe,qBAAqB,CAAC"}

package/lib/components/FormComponents/AttachmentItem/AttachmentFileDropBox.styles.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
 export declare const AttachmentFileDropBoxWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     isActive: boolean;
     isTabled: boolean;
+    textFieldWidth: number;
 }, {}, {}>;

package/lib/components/FormComponents/AttachmentItem/AttachmentFileDropBox.styles.js

@@ -16,15 +16,35 @@
  */
 import { styled } from '@mui/material/styles';
 import { Box } from '@mui/material';
-import { TEXT_FIELD_WIDTH } from '../Textfield.styles';
 export const AttachmentFileDropBoxWrapper = styled(Box, {
-    shouldForwardProp: (prop) => prop !== 'isActive' && prop !== 'isTabled'
-})(({ theme, isActive, isTabled }) => ({
+    shouldForwardProp: (prop) => prop !== 'isActive' && prop !== 'isTabled' && prop !== 'textFieldWidth'
+})(({ theme, isActive, isTabled, textFieldWidth }) => ({
     backgroundColor: theme.palette.background.paper,
     border: '2px dashed',
     borderColor: isActive ? theme.palette.secondary.main : theme.palette.primary.main,
     borderRadius: '4px',
-    maxWidth: !isTabled ? TEXT_FIELD_WIDTH : 3000,
-    minWidth: 160
+    maxWidth: !isTabled ? textFieldWidth : 3000,
+    minWidth: 160,
+    ref: HTMLElement
 }));
+AttachmentFileDropBoxWrapper.displayName = 'AttachmentFileDropBoxWrapper';
+// Forwarding ref to Box
+// export const AttachmentFileDropBoxWrapper = React.forwardRef<
+//   HTMLDivElement,
+//   { isActive: boolean; isTabled: boolean; textFieldWidth: number }
+// >(({ isActive, isTabled, textFieldWidth, ...props }, ref) => {
+//   const StyledBox = styled(Box, {
+//     shouldForwardProp: (prop) =>
+//       prop !== 'isActive' && prop !== 'isTabled' && prop !== 'textFieldWidth'
+//   })(({ theme }) => ({
+//     backgroundColor: theme.palette.background.paper,
+//     border: '2px dashed',
+//     borderColor: isActive ? theme.palette.secondary.main : theme.palette.primary.main,
+//     borderRadius: '4px',
+//     maxWidth: !isTabled ? textFieldWidth : 3000,
+//     minWidth: 160
+//   }));
+//   return <StyledBox ref={ref} {...props} />;
+// });
+// AttachmentFileDropBoxWrapper.displayName = 'AttachmentFileDropBoxWrapper';
 //# sourceMappingURL=AttachmentFileDropBox.styles.js.map

package/lib/components/FormComponents/AttachmentItem/AttachmentFileDropBox.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentFileDropBox.styles.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/AttachmentItem/AttachmentFileDropBox.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,MAAM,CAAC,MAAM,4BAA4B,GAAG,MAAM,CAAC,GAAG,EAAE;IACtD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,UAAU,IAAI,IAAI,KAAK,UAAU;CACxE,CAAC,CAA2C,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/E,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;IAC/C,MAAM,EAAE,YAAY;IACpB,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;IACjF,YAAY,EAAE,KAAK;IACnB,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI;IAC7C,QAAQ,EAAE,GAAG;CACd,CAAC,CAAC,CAAC"}
+{"version":3,"file":"AttachmentFileDropBox.styles.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/AttachmentItem/AttachmentFileDropBox.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAEpC,MAAM,CAAC,MAAM,4BAA4B,GAAG,MAAM,CAAC,GAAG,EAAE;IACtD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,IAAI,KAAK,UAAU,IAAI,IAAI,KAAK,UAAU,IAAI,IAAI,KAAK,gBAAgB;CAC1E,CAAC,CACA,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CAAC;IAClD,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;IAC/C,MAAM,EAAE,YAAY;IACpB,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;IACjF,YAAY,EAAE,KAAK;IACnB,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI;IAC3C,QAAQ,EAAE,GAAG;IACb,GAAG,EAAE,WAAW;CACjB,CAAC,CACH,CAAC;AACF,4BAA4B,CAAC,WAAW,GAAG,8BAA8B,CAAC;AAE1E,wBAAwB;AACxB,gEAAgE;AAChE,oBAAoB;AACpB,qEAAqE;AACrE,iEAAiE;AACjE,oCAAoC;AACpC,mCAAmC;AACnC,gFAAgF;AAChF,yBAAyB;AACzB,uDAAuD;AACvD,4BAA4B;AAC5B,yFAAyF;AACzF,2BAA2B;AAC3B,mDAAmD;AACnD,oBAAoB;AACpB,SAAS;AAET,+CAA+C;AAC/C,MAAM;AAEN,6EAA6E"}

package/lib/components/FormComponents/AttachmentItem/AttachmentItem.d.ts

@@ -1,14 +1,10 @@
-import React from 'react';
-import type { PropsWithIsRepeatedAttribute, PropsWithIsTabledAttribute, PropsWithParentIsReadOnlyAttribute, PropsWithQrItemChangeHandler } from '../../../interfaces/renderProps.interface';
-import type { QuestionnaireItem, QuestionnaireResponseItem } from 'fhir/r4';
+import type { BaseItemProps } from '../../../interfaces/renderProps.interface';
 export interface AttachmentValues {
     uploadedFile: File | null;
     url: string;
     fileName: string;
 }
-interface AttachmentItemProps extends PropsWithQrItemChangeHandler, PropsWithIsRepeatedAttribute, PropsWithIsTabledAttribute, PropsWithParentIsReadOnlyAttribute {
-    qItem: QuestionnaireItem;
-    qrItem: QuestionnaireResponseItem | null;
+interface AttachmentItemProps extends BaseItemProps {
 }
-declare function AttachmentItem(props: AttachmentItemProps): React.JSX.Element;
+declare function AttachmentItem(props: AttachmentItemProps): import("react/jsx-runtime").JSX.Element;
 export default AttachmentItem;

package/lib/components/FormComponents/AttachmentItem/AttachmentItem.js

@@ -1,3 +1,13 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx } from "react/jsx-runtime";
 /*
  * Copyright 2024 Commonwealth Scientific and Industrial Research
  * Organisation (CSIRO) ABN 41 687 119 230.
@@ -14,16 +24,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import React, { useCallback, useState } from 'react';
+import { useCallback, useState } from 'react';
 import debounce from 'lodash.debounce';
 import { createEmptyQrItem } from '../../../utils/qrItem';
 import { DEBOUNCE_DURATION } from '../../../utils/debounce';
@@ -32,12 +33,12 @@ import AttachmentFieldWrapper from './AttachmentFieldWrapper';
 import { HTML5Backend } from 'react-dnd-html5-backend';
 import { DndProvider } from 'react-dnd';
 import { createAttachmentAnswer } from '../../../utils/fileUtils';
+import useValidationFeedback from '../../../hooks/useValidationFeedback';
 function AttachmentItem(props) {
-    var _a;
-    const { qItem, qrItem, isRepeated, isTabled, parentIsReadOnly, onQrItemChange } = props;
-    const readOnly = useReadOnly(qItem, parentIsReadOnly);
+    var _a, _b;
+    const { qItem, qrItem, isRepeated, isTabled, parentIsReadOnly, feedbackFromParent, onQrItemChange } = props;
     // Init input value
-    const answerKey = (_a = qrItem === null || qrItem === void 0 ? void 0 : qrItem.answer) === null || _a === void 0 ? void 0 : _a[0].id;
+    const answerKey = (_b = (_a = qrItem === null || qrItem === void 0 ? void 0 : qrItem.answer) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.id;
     let valueString = '';
     if ((qrItem === null || qrItem === void 0 ? void 0 : qrItem.answer) && (qrItem === null || qrItem === void 0 ? void 0 : qrItem.answer[0].valueString)) {
         valueString = qrItem.answer[0].valueString;
@@ -45,6 +46,9 @@ function AttachmentItem(props) {
     const [uploadedFile, setUploadedFile] = useState(null);
     const [url, setUrl] = useState(valueString);
     const [fileName, setFileName] = useState(valueString);
+    const readOnly = useReadOnly(qItem, parentIsReadOnly);
+    // Perform validation checks
+    const feedback = useValidationFeedback(qItem, feedbackFromParent, '');
     // Event handlers
     function handleUploadFile(newUploadedFile) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -80,8 +84,7 @@ function AttachmentItem(props) {
             onQrItemChange(createEmptyQrItem(qItem, answerKey));
         }
     }), DEBOUNCE_DURATION), [onQrItemChange, qItem]); // Dependencies are tested, debounce is causing eslint to not recognise dependencies
-    return (React.createElement(DndProvider, { backend: HTML5Backend, context: window },
-        React.createElement(AttachmentFieldWrapper, { qItem: qItem, attachmentValues: { uploadedFile: uploadedFile, url: url, fileName: fileName }, readOnly: readOnly, isRepeated: isRepeated, isTabled: isTabled, onUploadFile: handleUploadFile, onUrlChange: handleUrlChange, onFileNameChange: handleFileNameChange })));
+    return (_jsx(DndProvider, Object.assign({ backend: HTML5Backend, context: window }, { children: _jsx(AttachmentFieldWrapper, { qItem: qItem, attachmentValues: { uploadedFile: uploadedFile, url: url, fileName: fileName }, feedback: feedback, readOnly: readOnly, isRepeated: isRepeated, isTabled: isTabled, onUploadFile: handleUploadFile, onUrlChange: handleUrlChange, onFileNameChange: handleFileNameChange }) })));
 }
 export default AttachmentItem;
 //# sourceMappingURL=AttachmentItem.js.map

package/lib/components/FormComponents/AttachmentItem/AttachmentItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentItem.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/AttachmentItem/AttachmentItem.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AttachmentItem.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/AttachmentItem/AttachmentItem.tsx"],"names":[],"mappings":"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"}

package/lib/components/FormComponents/AttachmentItem/AttachmentUrlField.d.ts

@@ -1,10 +1,9 @@
-import React from 'react';
-import type { PropsWithIsTabledAttribute } from '../../../interfaces/renderProps.interface';
-interface AttachmentUrlFieldProps extends PropsWithIsTabledAttribute {
+import type { PropsWithIsTabledRequiredAttribute } from '../../../interfaces/renderProps.interface';
+interface AttachmentUrlFieldProps extends PropsWithIsTabledRequiredAttribute {
     linkId: string;
     url: string;
     readOnly: boolean;
     onUrlChange: (url: string) => void;
 }
-declare function AttachmentUrlField(props: AttachmentUrlFieldProps): React.JSX.Element;
+declare function AttachmentUrlField(props: AttachmentUrlFieldProps): import("react/jsx-runtime").JSX.Element;
 export default AttachmentUrlField;

package/lib/components/FormComponents/AttachmentItem/AttachmentUrlField.js

@@ -1,20 +1,4 @@
-/*
- * Copyright 2024 Commonwealth Scientific and Industrial Research
- * Organisation (CSIRO) ABN 41 687 119 230.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { StandardTextField } from '../Textfield.styles';
 import Typography from '@mui/material/Typography';
 import Box from '@mui/material/Box';
@@ -24,16 +8,18 @@ import InputAdornment from '@mui/material/InputAdornment';
 import Tooltip from '@mui/material/Tooltip';
 import CheckIcon from '@mui/icons-material/Check';
 import DangerousIcon from '@mui/icons-material/Dangerous';
+import { useRendererStylingStore } from '../../../stores';
 function AttachmentUrlField(props) {
     const { linkId, url, readOnly, isTabled, onUrlChange } = props;
+    const readOnlyVisualStyle = useRendererStylingStore.use.readOnlyVisualStyle();
+    const textFieldWidth = useRendererStylingStore.use.textFieldWidth();
     const urlIsValid = useAttachmentUrlValidation(url);
-    return (React.createElement(Box, null,
-        React.createElement(Typography, { variant: "body2", color: readOnly ? 'text.disabled' : 'text.primary' }, "URL"),
-        React.createElement(Stack, { direction: "row", alignItems: "center" },
-            React.createElement(StandardTextField, { fullWidth: true, isTabled: isTabled, id: linkId, value: url, onChange: (event) => onUrlChange(event.target.value), disabled: readOnly, size: "small", "data-test": "q-item-attachment-field", InputProps: {
-                    endAdornment: (React.createElement(InputAdornment, { position: "end" }, url != '' ? (React.createElement(Tooltip, { title: urlIsValid ? 'URL is valid!' : 'Invalid URL', placement: "right" },
-                        React.createElement(Box, { mt: 0.5 }, urlIsValid ? (React.createElement(CheckIcon, { color: "success", fontSize: "small" })) : (React.createElement(DangerousIcon, { color: "error", fontSize: "small" }))))) : null))
-                } }))));
+    return (_jsxs(Box, { children: [_jsx(Typography, Object.assign({ component: "div", variant: "body2", color: readOnly ? 'text.secondary' : 'text.primary' }, { children: "URL" })), _jsx(Stack, Object.assign({ direction: "row", alignItems: "center" }, { children: _jsx(StandardTextField, { fullWidth: true, textFieldWidth: textFieldWidth, isTabled: isTabled, id: linkId, value: url, onChange: (event) => onUrlChange(event.target.value), disabled: readOnly && readOnlyVisualStyle === 'disabled', size: "small", "data-test": "q-item-attachment-field", slotProps: {
+                        input: {
+                            readOnly: readOnly && readOnlyVisualStyle === 'readonly',
+                            endAdornment: (_jsx(InputAdornment, Object.assign({ position: "end" }, { children: url != '' ? (_jsx(Tooltip, Object.assign({ title: urlIsValid ? 'URL is valid!' : 'Invalid URL', placement: "right" }, { children: _jsx(Box, Object.assign({ mt: 0.5 }, { children: urlIsValid ? (_jsx(CheckIcon, { color: "success", fontSize: "small" })) : (_jsx(DangerousIcon, { color: "error", fontSize: "small" })) })) }))) : null })))
+                        }
+                    } }) }))] }));
 }
 export default AttachmentUrlField;
 //# sourceMappingURL=AttachmentUrlField.js.map