@aehrc/smart-forms-renderer 1.0.0-alpha.11 → 1.0.0-alpha.110.dev1

package/__mocks__/zustand.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright 2024 Commonwealth Scientific and Industrial Research
+ * Copyright 2025 Commonwealth Scientific and Industrial Research
  * Organisation (CSIRO) ABN 41 687 119 230.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");

package/jest.config.ts

@@ -2,15 +2,39 @@ import type { JestConfigWithTsJest } from 'ts-jest';
 
 const config: JestConfigWithTsJest = {
   preset: 'ts-jest',
+  testEnvironment: 'jsdom',
   roots: ['src'],
   setupFilesAfterEnv: ['./src/setup-jest.ts'],
   moduleFileExtensions: ['ts', 'tsx', 'js'],
   testPathIgnorePatterns: ['node_modules'],
   transform: {
-    '^.+\\.tsx?$': 'ts-jest'
+    '^.+\\.tsx?$': ['ts-jest', {
+      tsconfig: './tsconfig.test.json'
+    }]
   },
   testMatch: ['**/*.test.(ts|tsx)'],
-  verbose: true
+  verbose: true,
+  coverageDirectory: 'coverage',
+  collectCoverageFrom: [
+    '**/*.{ts,tsx}',                 // all TypeScript files
+    '!**/*.config.{ts,tsx,js,jsx}',  // exclude config files
+    '!**/*.d.ts',                    // exclude declaration files
+    '!**/index.{ts,tsx}',            // exclude barrel files (e.g., index.ts)
+    '!**/tests/**',                  // exclude tests folder
+    '!**/test/**',                   // exclude test folder
+    '!**/stories/**',                // exclude test folder
+    '!**/theme/**',                  // exclude theme folder
+    '!**/components/**',             // exclude components folder (for now)
+    '!**/interfaces/**',             // exclude interfaces folder
+  ],
+  coverageThreshold: {
+    "global": {
+      "statements": 80,
+      "branches": 75,
+      "functions": 80,
+      "lines": 80
+    }
+  }
 };
 
 export default config;

package/lib/api/callback.d.ts

@@ -0,0 +1,16 @@
+import type { FetchResourceCallback, FetchTerminologyCallback } from '@aehrc/sdc-populate';
+/**
+ * Pre-populate callback function that works with '@aehrc/sdc-populate' `populateQuestionnaire()`.
+ * See ItemRepopulateButton.tsx for usage.
+ * Also used in https://github.com/aehrc/smart-forms/blob/main/packages/smart-forms-renderer/src/stories/storybookWrappers/PrePopWrapperForStorybook.tsx.
+ *
+ * @author Sean Fong
+ */
+export declare const fetchResourceCallback: FetchResourceCallback;
+/**
+ * Terminology callback function that works with '@aehrc/sdc-populate' `populateQuestionnaire()`.
+ * See ItemRepopulateButton.tsx for usage.
+ *
+ * @author Sean Fong
+ */
+export declare const fetchTerminologyCallback: FetchTerminologyCallback;

package/lib/api/callback.js

@@ -0,0 +1,74 @@
+/*
+ * Copyright 2025 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.
+ */
+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());
+    });
+};
+const ABSOLUTE_URL_REGEX = /^(https?|ftp):\/\/[^\s/$.?#].[^\s]*$/;
+/**
+ * Pre-populate callback function that works with '@aehrc/sdc-populate' `populateQuestionnaire()`.
+ * See ItemRepopulateButton.tsx for usage.
+ * Also used in https://github.com/aehrc/smart-forms/blob/main/packages/smart-forms-renderer/src/stories/storybookWrappers/PrePopWrapperForStorybook.tsx.
+ *
+ * @author Sean Fong
+ */
+export const fetchResourceCallback = (query, requestConfig) => __awaiter(void 0, void 0, void 0, function* () {
+    let { sourceServerUrl } = requestConfig;
+    const { authToken } = requestConfig;
+    const headers = {
+        Accept: 'application/json;charset=utf-8'
+    };
+    if (authToken) {
+        headers['Authorization'] = `Bearer ${authToken}`;
+    }
+    if (!sourceServerUrl.endsWith('/')) {
+        sourceServerUrl += '/';
+    }
+    const requestUrl = ABSOLUTE_URL_REGEX.test(query) ? query : `${sourceServerUrl}${query}`;
+    const response = yield fetch(requestUrl, { headers });
+    if (!response.ok) {
+        throw new Error(`HTTP error when performing ${requestUrl}. Status: ${response.status}`);
+    }
+    return response.json();
+});
+/**
+ * Terminology callback function that works with '@aehrc/sdc-populate' `populateQuestionnaire()`.
+ * See ItemRepopulateButton.tsx for usage.
+ *
+ * @author Sean Fong
+ */
+export const fetchTerminologyCallback = (query, terminologyRequestConfig) => __awaiter(void 0, void 0, void 0, function* () {
+    let { terminologyServerUrl } = terminologyRequestConfig;
+    const headers = {
+        Accept: 'application/fhir+json;charset=utf-8'
+    };
+    if (!terminologyServerUrl.endsWith('/')) {
+        terminologyServerUrl += '/';
+    }
+    const requestUrl = ABSOLUTE_URL_REGEX.test(query) ? query : terminologyServerUrl + query;
+    const response = yield fetch(requestUrl, { headers });
+    if (!response.ok) {
+        throw new Error(`HTTP error when performing ${requestUrl}. Status: ${response.status}`);
+    }
+    return response.json();
+});
+//# sourceMappingURL=callback.js.map

package/lib/api/callback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"callback.js","sourceRoot":"","sources":["../../src/api/callback.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;;;;;;;;;;AASH,MAAM,kBAAkB,GAAG,sCAAsC,CAAC;AAElE;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAA0B,CAC1D,KAAa,EACb,aAAyC,EACzC,EAAE;IACF,IAAI,EAAE,eAAe,EAAE,GAAG,aAAa,CAAC;IACxC,MAAM,EAAE,SAAS,EAAE,GAAG,aAAa,CAAC;IAEpC,MAAM,OAAO,GAA2B;QACtC,MAAM,EAAE,gCAAgC;KACzC,CAAC;IAEF,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CAAC,eAAe,CAAC,GAAG,UAAU,SAAS,EAAE,CAAC;IACnD,CAAC;IAED,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;QACnC,eAAe,IAAI,GAAG,CAAC;IACzB,CAAC;IAED,MAAM,UAAU,GAAG,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,eAAe,GAAG,KAAK,EAAE,CAAC;IACzF,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;IAEtD,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;QACjB,MAAM,IAAI,KAAK,CAAC,8BAA8B,UAAU,aAAa,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;IAC1F,CAAC;IAED,OAAO,QAAQ,CAAC,IAAI,EAAE,CAAC;AACzB,CAAC,CAAA,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAA6B,CAChE,KAAa,EACb,wBAAuD,EACvD,EAAE;IACF,IAAI,EAAE,oBAAoB,EAAE,GAAG,wBAAwB,CAAC;IAExD,MAAM,OAAO,GAAG;QACd,MAAM,EAAE,qCAAqC;KAC9C,CAAC;IAEF,IAAI,CAAC,oBAAoB,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;QACxC,oBAAoB,IAAI,GAAG,CAAC;IAC9B,CAAC;IAED,MAAM,UAAU,GAAG,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,oBAAoB,GAAG,KAAK,CAAC;IAEzF,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;IAEtD,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;QACjB,MAAM,IAAI,KAAK,CAAC,8BAA8B,UAAU,aAAa,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;IAC1F,CAAC;IAED,OAAO,QAAQ,CAAC,IAAI,EAAE,CAAC;AACzB,CAAC,CAAA,CAAC"}

package/lib/api/smartClient.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2024 Commonwealth Scientific and Industrial Research
+ * Copyright 2025 Commonwealth Scientific and Industrial Research
  * Organisation (CSIRO) ABN 41 687 119 230.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");

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

@@ -1,7 +1,6 @@
-/// <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;
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | 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> & {
-    color: 'info' | 'error';
+    color: "info" | "error";
 }, {}, {}>;
 export declare const StyledNavItemIcon: import("@emotion/styled").StyledComponent<import("@mui/material/ListItemIcon").ListItemIconProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/lib/components/Alert.styles.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2024 Commonwealth Scientific and Industrial Research
+ * Copyright 2025 Commonwealth Scientific and Industrial Research
  * Organisation (CSIRO) ABN 41 687 119 230.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");

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

@@ -1,14 +1,13 @@
-/// <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;
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | 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> & {
     cardElevation: number;
     isRepeated: boolean;
 }, {}, {}>;
 export declare const FullWidthFormComponentBox: 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;
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | 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>, {}, {}>;
 export declare const FormTitleWrapper: 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;
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | 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>, {}, {}>;
 export declare const StyledFormControlLabel: import("@emotion/styled").StyledComponent<import("@mui/material/FormControlLabel").FormControlLabelProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/lib/components/Box.styles.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2024 Commonwealth Scientific and Industrial Research
+ * Copyright 2025 Commonwealth Scientific and Industrial Research
  * Organisation (CSIRO) ABN 41 687 119 230.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");

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/ExpressionUpdateFadingGlow.styles.d.ts

@@ -0,0 +1,42 @@
+import type { Theme } from '@mui/material/styles';
+/**
+ * Styling utility to apply a glowing highlight effect to MUI input fields.
+ *
+ * - Intended for use **only within MUI's `sx` prop**.
+ * - Applies a temporary glow using the `success` color palette from the theme.
+ * - Typically used when calculated expressions, dynamic ValueSets, or other evaluated expressions update the field's value
+ *   e.g. in response to `calculatedExpression`, `answerExpression`, or `dynamicValueSet` changes.
+ *
+ * Example usage with a single style object:
+ * ```tsx
+ * <TextField sx={glowEffect(fadeIn)} />
+ * ```
+ *
+ * Example usage combining with other styles using array syntax:
+ * ```tsx
+ * <Autocomplete
+ *   sx={[
+ *     glowEffect(fadeIn),
+ *     {
+ *       maxWidth: 300,
+ *       minWidth: 160,
+ *       flexGrow: 1,
+ *       // other custom styles here
+ *     }
+ *   ]}
+ * />
+ * ```
+ *
+ * @param fadeIn - Whether the glow effect should be applied.
+ * @returns A function that takes the MUI theme and returns the appropriate `sx` style object.
+ */
+export declare const expressionUpdateFadingGlow: (fadeIn: boolean) => (theme: Theme) => {
+    '& .MuiInputBase-root': {
+        boxShadow?: string | undefined;
+        backgroundColor?: string | undefined;
+        '& fieldset'?: {
+            border: string;
+        } | undefined;
+        transition: string;
+    };
+};

package/lib/components/ExpressionUpdateFadingGlow.styles.js

@@ -0,0 +1,42 @@
+import { alpha } from '@mui/material/styles';
+/**
+ * Styling utility to apply a glowing highlight effect to MUI input fields.
+ *
+ * - Intended for use **only within MUI's `sx` prop**.
+ * - Applies a temporary glow using the `success` color palette from the theme.
+ * - Typically used when calculated expressions, dynamic ValueSets, or other evaluated expressions update the field's value
+ *   e.g. in response to `calculatedExpression`, `answerExpression`, or `dynamicValueSet` changes.
+ *
+ * Example usage with a single style object:
+ * ```tsx
+ * <TextField sx={glowEffect(fadeIn)} />
+ * ```
+ *
+ * Example usage combining with other styles using array syntax:
+ * ```tsx
+ * <Autocomplete
+ *   sx={[
+ *     glowEffect(fadeIn),
+ *     {
+ *       maxWidth: 300,
+ *       minWidth: 160,
+ *       flexGrow: 1,
+ *       // other custom styles here
+ *     }
+ *   ]}
+ * />
+ * ```
+ *
+ * @param fadeIn - Whether the glow effect should be applied.
+ * @returns A function that takes the MUI theme and returns the appropriate `sx` style object.
+ */
+export const expressionUpdateFadingGlow = (fadeIn) => (theme) => ({
+    '& .MuiInputBase-root': Object.assign({ transition: 'all 1s ease' }, (fadeIn && {
+        boxShadow: `0 0 8px ${alpha(theme.palette.success.main, 0.5)}`,
+        backgroundColor: alpha(theme.palette.success.main, 0.05),
+        '& fieldset': {
+            border: `2px solid ${alpha(theme.palette.success.main, 0.7)}`
+        }
+    }))
+});
+//# sourceMappingURL=ExpressionUpdateFadingGlow.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExpressionUpdateFadingGlow.styles.js","sourceRoot":"","sources":["../../src/components/ExpressionUpdateFadingGlow.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,MAAe,EAAE,EAAE,CAAC,CAAC,KAAY,EAAE,EAAE,CAAC,CAAC;IAChF,sBAAsB,kBACpB,UAAU,EAAE,aAAa,IACtB,CAAC,MAAM,IAAI;QACZ,SAAS,EAAE,WAAW,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,EAAE;QAC9D,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;QACxD,YAAY,EAAE;YACZ,MAAM,EAAE,aAAa,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,EAAE;SAC9D;KACF,CAAC,CACH;CACF,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 { AttachmentValues } from './AttachmentItem';
 interface AttachmentFieldProps extends PropsWithIsTabledAttribute {
     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,41 +1,33 @@
-/*
- * 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 { useRendererConfigStore } from '../../../stores';
+import { StyledRequiredTypography } from '../Item.styles';
+import InputAdornment from '@mui/material/InputAdornment';
+import { ClearButtonAdornment } from '../ItemParts/ClearButtonAdornment';
 function AttachmentField(props) {
-    const { linkId, attachmentValues, readOnly, isTabled, onUploadFile, onUrlChange, onFileNameChange } = props;
-    const textFieldWidth = useRendererStylingStore.use.textFieldWidth();
+    const { linkId, itemType, attachmentValues, feedback, readOnly, isTabled, onUploadFile, onUrlChange, onFileNameChange } = props;
+    const readOnlyVisualStyle = useRendererConfigStore.use.readOnlyVisualStyle();
+    const textFieldWidth = useRendererConfigStore.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, textFieldWidth: textFieldWidth, 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, { rowGap: 1, id: itemType + '-' + linkId, children: [_jsx(Typography, { 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, { component: "div", variant: "body2", color: readOnly ? readOnlyTextColor : 'text.primary', children: "File name (optional)" }), _jsx(StandardTextField, { multiline: true, 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',
+                                        endAdornment: (_jsx(InputAdornment, { position: "end", children: _jsx(ClearButtonAdornment, { readOnly: readOnly, onClear: () => {
+                                                    onFileNameChange('');
+                                                } }) }))
+                                    },
+                                    htmlInput: {
+                                        'data-test': 'q-item-attachment-file-name',
+                                        'aria-label': 'File name (optional)'
+                                    }
+                                } })] }), uploadedFile && url ? (_jsx(Typography, { 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;AACtD,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAW1D,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,cAAc,GAAG,uBAAuB,CAAC,GAAG,CAAC,cAAc,EAAE,CAAC;IAEpE,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,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,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":"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"}

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 { QuestionnaireItem } from 'fhir/r4';
 import type { AttachmentValues } from './AttachmentItem';
 interface AttachmentFieldWrapperProps extends PropsWithIsRepeatedAttribute, PropsWithIsTabledAttribute {
     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,33 +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 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 { ItemLabelWrapper } from '../ItemParts';
+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, labelChildren: React.createElement(ItemLabelWrapper, { qItem: qItem, readOnly: readOnly }), fieldChildren: React.createElement(AttachmentField, { linkId: qItem.linkId, attachmentValues: attachmentValues, readOnly: readOnly, isTabled: isTabled, onUploadFile: onUploadFile, onUrlChange: onUrlChange, onFileNameChange: onFileNameChange }) })));
+    return (_jsx(FullWidthFormComponentBox, { "data-test": "q-item-attachment-box", "data-linkid": qItem.linkId, "data-label": qItem.text, 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,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;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAahD,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,IACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,oBAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,EACrE,aAAa,EACX,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,GAEJ,CACwB,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,CAAC;QACf,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;IACJ,CAAC;IAED,OAAO,CACL,KAAC,yBAAyB,iBACd,uBAAuB,iBACpB,KAAK,CAAC,MAAM,gBACb,KAAK,CAAC,IAAI,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,YAC1C,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,GACwB,CAC7B,CAAC;AACJ,CAAC;AAED,eAAe,sBAAsB,CAAC"}

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

@@ -1,23 +1,9 @@
-/*
- * 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';
+import AttachFileIcon from '@mui/icons-material/AttachFile';
+import DeleteOutlineIcon from '@mui/icons-material/DeleteOutline';
 const AttachmentFileCollector = memo(function AttachmentFileCollector(props) {
     const { uploadedFile, readOnly, isTabled, onUploadFile } = props;
     const handleFileDrop = useCallback((item) => {
@@ -31,7 +17,7 @@ const AttachmentFileCollector = memo(function AttachmentFileCollector(props) {
                 onUploadFile(file);
             }
         }
-    }, [onUploadFile]);
+    }, [onUploadFile, readOnly]);
     function handleAttachFile(event) {
         var _a;
         const file = (_a = event.target.files) === null || _a === void 0 ? void 0 : _a[0];
@@ -39,18 +25,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, { direction: "row", justifyContent: "space-between", pt: 0.5, children: _jsxs(Box, { children: [_jsx(Tooltip, { title: "Attach file", children: _jsxs(IconButton, { component: "label", size: "small", disabled: readOnly, children: [_jsx(AttachFileIcon, { fontSize: "small" }), _jsx("input", { type: "file", hidden: true, onChange: handleAttachFile })] }) }), _jsx(Tooltip, { title: "Remove file", children: _jsx("span", { children: _jsx(IconButton, { disabled: !uploadedFile || readOnly, color: "error", size: "small", onClick: () => onUploadFile(null), children: _jsx(DeleteOutlineIcon, { fontSize: "small" }) }) }) })] }) })] }));
 });
 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,cAAc,MAAM,gCAAgC,CAAC;AAC5D,OAAO,iBAAiB,MAAM,mCAAmC,CAAC;AASlE,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,CAAC;YACb,OAAO;QACT,CAAC;QAED,IAAI,IAAI,EAAE,CAAC;YACT,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;YAEzB,IAAI,KAAK,CAAC,CAAC,CAAC,YAAY,IAAI,EAAE,CAAC;gBAC7B,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;gBAEtB,YAAY,CAAC,IAAI,CAAC,CAAC;YACrB,CAAC;QACH,CAAC;IACH,CAAC,EACD,CAAC,YAAY,EAAE,QAAQ,CAAC,CACzB,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,CAAC;YACzB,YAAY,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC;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,IAAC,SAAS,EAAC,KAAK,EAAC,cAAc,EAAC,eAAe,EAAC,EAAE,EAAE,GAAG,YAC3D,MAAC,GAAG,eACF,KAAC,OAAO,IAAC,KAAK,EAAC,aAAa,YAC1B,MAAC,UAAU,IAAC,SAAS,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAE,QAAQ,aAC3D,KAAC,cAAc,IAAC,QAAQ,EAAC,OAAO,GAAG,EACnC,gBAAO,IAAI,EAAC,MAAM,EAAC,MAAM,QAAC,QAAQ,EAAE,gBAAgB,GAAI,IAC7C,GACL,EACV,KAAC,OAAO,IAAC,KAAK,EAAC,aAAa,YAC1B,yBACE,KAAC,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,YACjC,KAAC,iBAAiB,IAAC,QAAQ,EAAC,OAAO,GAAG,GAC3B,GACR,GACC,IACN,GACA,IACP,CACJ,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,uBAAuB,CAAC"}

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { PropsWithIsTabledAttribute } from '../../../interfaces/renderProps.interface';
 export interface AttachmentFileDropBoxProps extends PropsWithIsTabledAttribute {
     file: File | null;
@@ -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;