@aehrc/smart-forms-renderer 1.0.0-alpha.90 → 1.0.0-alpha.91
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/FormComponents/AttachmentItem/AttachmentFileCollector.js +3 -2
- package/lib/components/FormComponents/AttachmentItem/AttachmentFileCollector.js.map +1 -1
- package/lib/components/FormComponents/GroupItem/NextPageButton.js +2 -2
- package/lib/components/FormComponents/GroupItem/NextPageButton.js.map +1 -1
- package/lib/components/FormComponents/GroupItem/NextTabButton.js +2 -2
- package/lib/components/FormComponents/GroupItem/NextTabButton.js.map +1 -1
- package/lib/components/FormComponents/GroupItem/PreviousPageButton.js +2 -2
- package/lib/components/FormComponents/GroupItem/PreviousPageButton.js.map +1 -1
- package/lib/components/FormComponents/GroupItem/PreviousTabButton.js +2 -2
- package/lib/components/FormComponents/GroupItem/PreviousTabButton.js.map +1 -1
- package/lib/components/FormComponents/Textfield.styles.d.ts +1 -1
- package/package.json +1 -1
- package/src/components/FormComponents/AttachmentItem/AttachmentFileCollector.tsx +4 -3
- package/src/components/FormComponents/GroupItem/NextPageButton.tsx +2 -2
- package/src/components/FormComponents/GroupItem/NextTabButton.tsx +2 -2
- package/src/components/FormComponents/GroupItem/PreviousPageButton.tsx +2 -2
- package/src/components/FormComponents/GroupItem/PreviousTabButton.tsx +2 -2
- package/src/components/Iconify/Iconify.tsx +0 -37
|
@@ -2,7 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
2
2
|
import { memo, useCallback } from 'react';
|
|
3
3
|
import { Box, IconButton, Stack, Tooltip } from '@mui/material';
|
|
4
4
|
import AttachmentFileDropBox from './AttachmentFileDropBox';
|
|
5
|
-
import
|
|
5
|
+
import AttachFileIcon from '@mui/icons-material/AttachFile';
|
|
6
|
+
import DeleteOutlineIcon from '@mui/icons-material/DeleteOutline';
|
|
6
7
|
const AttachmentFileCollector = memo(function AttachmentFileCollector(props) {
|
|
7
8
|
const { uploadedFile, readOnly, isTabled, onUploadFile } = props;
|
|
8
9
|
const handleFileDrop = useCallback((item) => {
|
|
@@ -24,7 +25,7 @@ const AttachmentFileCollector = memo(function AttachmentFileCollector(props) {
|
|
|
24
25
|
onUploadFile(file);
|
|
25
26
|
}
|
|
26
27
|
}
|
|
27
|
-
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(
|
|
28
|
+
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" }) }) }) })] }) })] }));
|
|
28
29
|
});
|
|
29
30
|
export default AttachmentFileCollector;
|
|
30
31
|
//# sourceMappingURL=AttachmentFileCollector.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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,
|
|
1
|
+
{"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import Iconify from '../../Iconify/Iconify';
|
|
3
2
|
import { SecondaryFab } from '../Button.styles';
|
|
3
|
+
import ChevronRightIcon from '@mui/icons-material/ChevronRight';
|
|
4
4
|
function NextPageButton(props) {
|
|
5
5
|
const { isDisabled, onNextPageClick } = props;
|
|
6
|
-
return (_jsx(SecondaryFab, { size: "small", "aria-label": "Next page", disabled: isDisabled, onClick: onNextPageClick, children: _jsx(
|
|
6
|
+
return (_jsx(SecondaryFab, { size: "small", "aria-label": "Next page", disabled: isDisabled, onClick: onNextPageClick, children: _jsx(ChevronRightIcon, { fontSize: "small" }) }));
|
|
7
7
|
}
|
|
8
8
|
export default NextPageButton;
|
|
9
9
|
//# sourceMappingURL=NextPageButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NextPageButton.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/GroupItem/NextPageButton.tsx"],"names":[],"mappings":";AAkBA,OAAO,
|
|
1
|
+
{"version":3,"file":"NextPageButton.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/GroupItem/NextPageButton.tsx"],"names":[],"mappings":";AAkBA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,gBAAgB,MAAM,kCAAkC,CAAC;AAOhE,SAAS,cAAc,CAAC,KAA0B;IAChD,MAAM,EAAE,UAAU,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;IAE9C,OAAO,CACL,KAAC,YAAY,IACX,IAAI,EAAC,OAAO,gBACD,WAAW,EACtB,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,eAAe,YACxB,KAAC,gBAAgB,IAAC,QAAQ,EAAC,OAAO,GAAG,GACxB,CAChB,CAAC;AACJ,CAAC;AAED,eAAe,cAAc,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import Button from '@mui/material/Button';
|
|
3
|
-
import
|
|
3
|
+
import ArrowForwardIcon from '@mui/icons-material/ArrowForward';
|
|
4
4
|
function NextTabButton(props) {
|
|
5
5
|
const { isDisabled, onNextTabClick } = props;
|
|
6
|
-
return (_jsx(Button, { variant: "contained", size: "small", endIcon: _jsx(
|
|
6
|
+
return (_jsx(Button, { variant: "contained", size: "small", endIcon: _jsx(ArrowForwardIcon, { fontSize: "small" }), disabled: isDisabled, color: "secondary", onClick: onNextTabClick, children: "Next tab" }));
|
|
7
7
|
}
|
|
8
8
|
export default NextTabButton;
|
|
9
9
|
//# sourceMappingURL=NextTabButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NextTabButton.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/GroupItem/NextTabButton.tsx"],"names":[],"mappings":";AAkBA,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,
|
|
1
|
+
{"version":3,"file":"NextTabButton.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/GroupItem/NextTabButton.tsx"],"names":[],"mappings":";AAkBA,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,gBAAgB,MAAM,kCAAkC,CAAC;AAOhE,SAAS,aAAa,CAAC,KAAyB;IAC9C,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAE7C,OAAO,CACL,KAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,KAAC,gBAAgB,IAAC,QAAQ,EAAC,OAAO,GAAG,EAC9C,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAC,WAAW,EACjB,OAAO,EAAE,cAAc,yBAEhB,CACV,CAAC;AACJ,CAAC;AAED,eAAe,aAAa,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import Iconify from '../../Iconify/Iconify';
|
|
3
2
|
import { SecondaryFab } from '../Button.styles';
|
|
3
|
+
import ChevronLeftIcon from '@mui/icons-material/ChevronLeft';
|
|
4
4
|
function PreviousPageButton(props) {
|
|
5
5
|
const { isDisabled, onPreviousPageClick } = props;
|
|
6
|
-
return (_jsx(SecondaryFab, { size: "small", "aria-label": "Previous page", disabled: isDisabled, onClick: onPreviousPageClick, children: _jsx(
|
|
6
|
+
return (_jsx(SecondaryFab, { size: "small", "aria-label": "Previous page", disabled: isDisabled, onClick: onPreviousPageClick, children: _jsx(ChevronLeftIcon, { fontSize: "small" }) }));
|
|
7
7
|
}
|
|
8
8
|
export default PreviousPageButton;
|
|
9
9
|
//# sourceMappingURL=PreviousPageButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PreviousPageButton.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/GroupItem/PreviousPageButton.tsx"],"names":[],"mappings":";AAkBA,OAAO,
|
|
1
|
+
{"version":3,"file":"PreviousPageButton.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/GroupItem/PreviousPageButton.tsx"],"names":[],"mappings":";AAkBA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,eAAe,MAAM,iCAAiC,CAAC;AAO9D,SAAS,kBAAkB,CAAC,KAA8B;IACxD,MAAM,EAAE,UAAU,EAAE,mBAAmB,EAAE,GAAG,KAAK,CAAC;IAElD,OAAO,CACL,KAAC,YAAY,IACX,IAAI,EAAC,OAAO,gBACD,eAAe,EAC1B,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,mBAAmB,YAC5B,KAAC,eAAe,IAAC,QAAQ,EAAC,OAAO,GAAG,GACvB,CAChB,CAAC;AACJ,CAAC;AAED,eAAe,kBAAkB,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import Button from '@mui/material/Button';
|
|
3
|
-
import
|
|
3
|
+
import ArrowBackIcon from '@mui/icons-material/ArrowBack';
|
|
4
4
|
function PreviousTabButton(props) {
|
|
5
5
|
const { isDisabled, onPreviousTabClick } = props;
|
|
6
|
-
return (_jsx(Button, { variant: "contained", size: "small", endIcon: _jsx(
|
|
6
|
+
return (_jsx(Button, { variant: "contained", size: "small", endIcon: _jsx(ArrowBackIcon, { fontSize: "small" }), disabled: isDisabled, color: "secondary", onClick: onPreviousTabClick, children: "Previous tab" }));
|
|
7
7
|
}
|
|
8
8
|
export default PreviousTabButton;
|
|
9
9
|
//# sourceMappingURL=PreviousTabButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PreviousTabButton.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/GroupItem/PreviousTabButton.tsx"],"names":[],"mappings":";AAkBA,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,
|
|
1
|
+
{"version":3,"file":"PreviousTabButton.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/GroupItem/PreviousTabButton.tsx"],"names":[],"mappings":";AAkBA,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAO1D,SAAS,iBAAiB,CAAC,KAA6B;IACtD,MAAM,EAAE,UAAU,EAAE,kBAAkB,EAAE,GAAG,KAAK,CAAC;IAEjD,OAAO,CACL,KAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,KAAC,aAAa,IAAC,QAAQ,EAAC,OAAO,GAAG,EAC3C,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAC,WAAW,EACjB,OAAO,EAAE,kBAAkB,6BAEpB,CACV,CAAC;AACJ,CAAC;AAED,eAAe,iBAAiB,CAAC"}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
export declare const StandardTextField: import("@emotion/styled").StyledComponent<{
|
|
5
5
|
variant?: import("@mui/material/TextField").TextFieldVariants | undefined;
|
|
6
|
-
} & Omit<import("@mui/material/TextField").
|
|
6
|
+
} & Omit<import("@mui/material/TextField").OutlinedTextFieldProps | import("@mui/material/TextField").FilledTextFieldProps | import("@mui/material/TextField").StandardTextFieldProps, "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
|
|
7
7
|
isTabled: boolean;
|
|
8
8
|
textFieldWidth: number;
|
|
9
9
|
}, {}, {}>;
|
package/package.json
CHANGED
|
@@ -19,7 +19,8 @@ import type { ChangeEvent } from 'react';
|
|
|
19
19
|
import React, { memo, useCallback } from 'react';
|
|
20
20
|
import { Box, IconButton, Stack, Tooltip } from '@mui/material';
|
|
21
21
|
import AttachmentFileDropBox from './AttachmentFileDropBox';
|
|
22
|
-
import
|
|
22
|
+
import AttachFileIcon from '@mui/icons-material/AttachFile';
|
|
23
|
+
import DeleteOutlineIcon from '@mui/icons-material/DeleteOutline';
|
|
23
24
|
import type { PropsWithIsTabledRequiredAttribute } from '../../../interfaces/renderProps.interface';
|
|
24
25
|
|
|
25
26
|
interface AttachmentFileCollectorProps extends PropsWithIsTabledRequiredAttribute {
|
|
@@ -73,7 +74,7 @@ const AttachmentFileCollector = memo(function AttachmentFileCollector(
|
|
|
73
74
|
<Box>
|
|
74
75
|
<Tooltip title="Attach file">
|
|
75
76
|
<IconButton component="label" size="small" disabled={readOnly}>
|
|
76
|
-
<
|
|
77
|
+
<AttachFileIcon fontSize="small" />
|
|
77
78
|
<input type="file" hidden onChange={handleAttachFile} />
|
|
78
79
|
</IconButton>
|
|
79
80
|
</Tooltip>
|
|
@@ -84,7 +85,7 @@ const AttachmentFileCollector = memo(function AttachmentFileCollector(
|
|
|
84
85
|
color="error"
|
|
85
86
|
size="small"
|
|
86
87
|
onClick={() => onUploadFile(null)}>
|
|
87
|
-
<
|
|
88
|
+
<DeleteOutlineIcon fontSize="small" />
|
|
88
89
|
</IconButton>
|
|
89
90
|
</span>
|
|
90
91
|
</Tooltip>
|
|
@@ -16,8 +16,8 @@
|
|
|
16
16
|
*/
|
|
17
17
|
|
|
18
18
|
import React from 'react';
|
|
19
|
-
import Iconify from '../../Iconify/Iconify';
|
|
20
19
|
import { SecondaryFab } from '../Button.styles';
|
|
20
|
+
import ChevronRightIcon from '@mui/icons-material/ChevronRight';
|
|
21
21
|
|
|
22
22
|
interface NextPageButtonProps {
|
|
23
23
|
isDisabled: boolean;
|
|
@@ -33,7 +33,7 @@ function NextPageButton(props: NextPageButtonProps) {
|
|
|
33
33
|
aria-label="Next page"
|
|
34
34
|
disabled={isDisabled}
|
|
35
35
|
onClick={onNextPageClick}>
|
|
36
|
-
<
|
|
36
|
+
<ChevronRightIcon fontSize="small" />
|
|
37
37
|
</SecondaryFab>
|
|
38
38
|
);
|
|
39
39
|
}
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
|
|
18
18
|
import React from 'react';
|
|
19
19
|
import Button from '@mui/material/Button';
|
|
20
|
-
import
|
|
20
|
+
import ArrowForwardIcon from '@mui/icons-material/ArrowForward';
|
|
21
21
|
|
|
22
22
|
interface NextTabButtonProps {
|
|
23
23
|
isDisabled: boolean;
|
|
@@ -31,7 +31,7 @@ function NextTabButton(props: NextTabButtonProps) {
|
|
|
31
31
|
<Button
|
|
32
32
|
variant="contained"
|
|
33
33
|
size="small"
|
|
34
|
-
endIcon={<
|
|
34
|
+
endIcon={<ArrowForwardIcon fontSize="small" />}
|
|
35
35
|
disabled={isDisabled}
|
|
36
36
|
color="secondary"
|
|
37
37
|
onClick={onNextTabClick}>
|
|
@@ -16,8 +16,8 @@
|
|
|
16
16
|
*/
|
|
17
17
|
|
|
18
18
|
import React from 'react';
|
|
19
|
-
import Iconify from '../../Iconify/Iconify';
|
|
20
19
|
import { SecondaryFab } from '../Button.styles';
|
|
20
|
+
import ChevronLeftIcon from '@mui/icons-material/ChevronLeft';
|
|
21
21
|
|
|
22
22
|
interface PreviousPageButtonProps {
|
|
23
23
|
isDisabled: boolean;
|
|
@@ -33,7 +33,7 @@ function PreviousPageButton(props: PreviousPageButtonProps) {
|
|
|
33
33
|
aria-label="Previous page"
|
|
34
34
|
disabled={isDisabled}
|
|
35
35
|
onClick={onPreviousPageClick}>
|
|
36
|
-
<
|
|
36
|
+
<ChevronLeftIcon fontSize="small" />
|
|
37
37
|
</SecondaryFab>
|
|
38
38
|
);
|
|
39
39
|
}
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
|
|
18
18
|
import React from 'react';
|
|
19
19
|
import Button from '@mui/material/Button';
|
|
20
|
-
import
|
|
20
|
+
import ArrowBackIcon from '@mui/icons-material/ArrowBack';
|
|
21
21
|
|
|
22
22
|
interface PreviousTabButtonProps {
|
|
23
23
|
isDisabled: boolean;
|
|
@@ -31,7 +31,7 @@ function PreviousTabButton(props: PreviousTabButtonProps) {
|
|
|
31
31
|
<Button
|
|
32
32
|
variant="contained"
|
|
33
33
|
size="small"
|
|
34
|
-
endIcon={<
|
|
34
|
+
endIcon={<ArrowBackIcon fontSize="small" />}
|
|
35
35
|
disabled={isDisabled}
|
|
36
36
|
color="secondary"
|
|
37
37
|
onClick={onPreviousTabClick}>
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Copyright 2025 Commonwealth Scientific and Industrial Research
|
|
3
|
-
* Organisation (CSIRO) ABN 41 687 119 230.
|
|
4
|
-
*
|
|
5
|
-
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
6
|
-
* you may not use this file except in compliance with the License.
|
|
7
|
-
* You may obtain a copy of the License at
|
|
8
|
-
*
|
|
9
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
|
10
|
-
*
|
|
11
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
12
|
-
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
13
|
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
14
|
-
* See the License for the specific language governing permissions and
|
|
15
|
-
* limitations under the License.
|
|
16
|
-
*/
|
|
17
|
-
|
|
18
|
-
import React, { forwardRef, memo } from 'react';
|
|
19
|
-
import { Icon } from '@iconify/react';
|
|
20
|
-
import type { SxProps, Theme } from '@mui/material/styles';
|
|
21
|
-
import Box from '@mui/material/Box';
|
|
22
|
-
|
|
23
|
-
interface IconifyProps {
|
|
24
|
-
icon: string;
|
|
25
|
-
width?: number;
|
|
26
|
-
height?: number;
|
|
27
|
-
sx?: SxProps<Theme>;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
const Iconify = memo(
|
|
31
|
-
forwardRef(function Iconify(props: IconifyProps, ref) {
|
|
32
|
-
const { icon, width = 20, height = 20, sx } = props;
|
|
33
|
-
return <Box ref={ref} component={Icon} icon={icon} sx={{ width, height, ...sx }} />;
|
|
34
|
-
})
|
|
35
|
-
);
|
|
36
|
-
|
|
37
|
-
export default Iconify;
|