udp-react-enterprise-component-library 25.18.1-beta.55 → 25.18.1-beta.57
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/dist/{AmbientVisualizationCard-Dig-Mh_G.js → AmbientVisualizationCard-BmTQR121.js} +2 -2
- package/dist/{AmbientVisualizationCard-Dig-Mh_G.js.map → AmbientVisualizationCard-BmTQR121.js.map} +1 -1
- package/dist/{AmbientVisualizer-B1Xwwe0J.js → AmbientVisualizer-BABKxgsK.js} +1 -1
- package/dist/{AmbientVisualizer-B1Xwwe0J.js.map → AmbientVisualizer-BABKxgsK.js.map} +1 -1
- package/dist/{CardList-BPNGTxsh.js → CardList-B8nTYXo7.js} +1 -1
- package/dist/{CardList-BPNGTxsh.js.map → CardList-B8nTYXo7.js.map} +1 -1
- package/dist/{Directory-CoEKdRkU.js → Directory-MpK8T6IZ.js} +1 -1
- package/dist/{Directory-CoEKdRkU.js.map → Directory-MpK8T6IZ.js.map} +1 -1
- package/dist/{EntityHeader-DKkYwvsi.js → EntityHeader-C3Ae5BLK.js} +1 -1
- package/dist/{EntityHeader-DKkYwvsi.js.map → EntityHeader-C3Ae5BLK.js.map} +1 -1
- package/dist/{FieldArrayCard-C1I5_qJ4.js → FieldArrayCard-Ds_ysYWL.js} +2 -2
- package/dist/{FieldArrayCard-C1I5_qJ4.js.map → FieldArrayCard-Ds_ysYWL.js.map} +1 -1
- package/dist/{FluentLink-D-gKioCQ.js → FluentLink-CkA7BUEB.js} +1 -1
- package/dist/{FluentLink-D-gKioCQ.js.map → FluentLink-CkA7BUEB.js.map} +1 -1
- package/dist/{FluentSelectMenu-BEREJbe-.js → FluentSelectMenu-Cx274cVa.js} +1 -1
- package/dist/{FluentSelectMenu-BEREJbe-.js.map → FluentSelectMenu-Cx274cVa.js.map} +1 -1
- package/dist/{FluentSimpleSelect-Djff-up8.js → FluentSimpleSelect-BfoxBQj4.js} +2 -2
- package/dist/{FluentSimpleSelect-Djff-up8.js.map → FluentSimpleSelect-BfoxBQj4.js.map} +1 -1
- package/dist/{FluentTimePicker-hNcocKsd.js → FluentTimePicker-BFxFcgvX.js} +1 -1
- package/dist/{FluentTimePicker-hNcocKsd.js.map → FluentTimePicker-BFxFcgvX.js.map} +1 -1
- package/dist/{GraphCard-Dv4a99wo.js → GraphCard-BhcSveF4.js} +1 -1
- package/dist/{GraphCard-Dv4a99wo.js.map → GraphCard-BhcSveF4.js.map} +1 -1
- package/dist/{IconKey-D7fZ_U4O.js → IconKey-BLHF3hfg.js} +1 -1
- package/dist/{IconKey-D7fZ_U4O.js.map → IconKey-BLHF3hfg.js.map} +1 -1
- package/dist/{Notes-UkwV2z4D.js → Notes-YAF2dipI.js} +1 -1
- package/dist/{Notes-UkwV2z4D.js.map → Notes-YAF2dipI.js.map} +1 -1
- package/dist/{PaymentForm-CtrVBoH8.js → PaymentForm-DFJrSIy8.js} +2 -2
- package/dist/{PaymentForm-CtrVBoH8.js.map → PaymentForm-DFJrSIy8.js.map} +1 -1
- package/dist/{TicketCard-IqCCKSc0.js → TicketCard-CpttpQoj.js} +1 -1
- package/dist/{TicketCard-IqCCKSc0.js.map → TicketCard-CpttpQoj.js.map} +1 -1
- package/dist/UI/dataDisplay/GraphCard/index.js +1 -1
- package/dist/UI/dataDisplay/cardList/index.js +1 -1
- package/dist/UI/dataDisplay/directory/index.js +1 -1
- package/dist/UI/dataDisplay/entityHeader/index.js +1 -1
- package/dist/UI/dataDisplay/map/index.js +1 -1
- package/dist/UI/dataDisplay/notes/index.js +1 -1
- package/dist/UI/dataDisplay/ticketCard/index.js +1 -1
- package/dist/UI/dataDisplay/visualization/index.js +1 -1
- package/dist/UI/inputs/fieldArrayCard/index.js +1 -1
- package/dist/UI/inputs/link/index.js +1 -1
- package/dist/UI/inputs/menus/index.js +2 -2
- package/dist/UI/inputs/pickers/index.js +2 -2
- package/dist/UI/surfaces/cards/chartDisplayCards/index.js +1 -1
- package/dist/{pickers-B-bB40GS.js → UdpTimeSelector-Dc5RiWq-.js} +1 -1
- package/dist/UdpTimeSelector-Dc5RiWq-.js.map +1 -0
- package/dist/{UdpTransactionTypesPage-C-TdPgtF.js → UdpTransactionTypesPage-MdoNtG3E.js} +50 -5
- package/dist/UdpTransactionTypesPage-MdoNtG3E.js.map +1 -0
- package/dist/{UdpTransactionsPage-CCcw7ZRU.js → UdpTransactionsPage-CNl_xeZO.js} +126 -47
- package/dist/UdpTransactionsPage-CNl_xeZO.js.map +1 -0
- package/dist/index.js +18 -18
- package/dist/types/src/udp/pages/UdpTransactionTypesPage/forms/UdpTransactionTypeForm.d.ts.map +1 -1
- package/dist/types/src/udp/pages/UdpTransactionTypesPage/sidesheets/UdpTransactionTypeSidesheet.d.ts.map +1 -1
- package/dist/types/src/udp/pages/UdpTransactionsPage/components/EditTransactionDetailsForm.d.ts.map +1 -1
- package/dist/types/src/udp/pages/UdpTransactionsPage/components/EditTransactionDetailsFormFields.d.ts +1 -0
- package/dist/types/src/udp/pages/UdpTransactionsPage/components/EditTransactionDetailsFormFields.d.ts.map +1 -1
- package/dist/types/src/udp/utilities/useDateStringColumnDef.d.ts +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/dist/udp/pages/UdpPages/index.js +2 -2
- package/dist/udp/pages/UdpTransactionTypesPage/index.js +1 -1
- package/dist/udp/pages/UdpTransactionsPage/index.js +1 -1
- package/dist/uploader/index.js +1 -1
- package/dist/{uploader-CGVZIlR1.js → uploader-YWjDebFN.js} +1 -1
- package/dist/{uploader-CGVZIlR1.js.map → uploader-YWjDebFN.js.map} +1 -1
- package/dist/utilities/form/paymentForm/index.js +1 -1
- package/export-map.json +1 -1
- package/package.json +1 -1
- package/dist/UdpTransactionTypesPage-C-TdPgtF.js.map +0 -1
- package/dist/UdpTransactionsPage-CCcw7ZRU.js.map +0 -1
- package/dist/pickers-B-bB40GS.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TicketCard-
|
|
1
|
+
{"version":3,"file":"TicketCard-CpttpQoj.js","names":["useStyles","useStyles"],"sources":["../src/UI/dataDisplay/ticketCard/NotificationElement.jsx","../src/UI/dataDisplay/ticketCard/StatusLineItem.jsx","../src/UI/dataDisplay/ticketCard/TicketCard.jsx"],"sourcesContent":["import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core'\nimport PropTypes from 'prop-types'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n width: 0,\n height: 0,\n borderTop: '0px solid transparent',\n borderRight: `45px solid ${theme?.palette?.error?.main}`,\n borderBottom: '45px solid transparent'\n },\n number: {\n marginLeft: theme.spacing(3.5),\n paddingTop: theme.spacing(0.5),\n color: theme?.palette?.common?.white\n }\n}))\n\nexport const NotificationElement = ({ alertNumber }) => {\n const classes = useStyles()\n\n return (\n <div className={classes.root}>\n <div className={classes.number}>\n <Typography> {alertNumber} </Typography>\n </div>\n </div>\n )\n}\nNotificationElement.propTypes = {\n /**\n * number of alert items\n */\n alertNumber: PropTypes.number.isRequired\n}\n","import React from 'react'\nimport { makeStyles, Divider, Typography } from '@material-ui/core'\nimport { FluentIconButton } from '../../inputs/buttons/FluentIconButton'\nimport { StatusChip } from '../status/StatusChip'\nimport { ArrowUpRightIcon } from '@fluentui/react-icons'\nimport PropTypes from 'prop-types'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n width: '100%',\n height: 44\n },\n wrapper: { display: 'flex' },\n labelCount: {\n flex: 1,\n display: 'flex'\n },\n status: {\n marginRight: theme.spacing(1)\n },\n icon: {\n marginRight: theme.spacing(1)\n }\n}))\n\nexport const StatusLineItem = ({\n label,\n amount,\n status,\n icon,\n handleClick\n}) => {\n const classes = useStyles()\n\n return (\n <div className={classes.root}>\n <div className={classes.wrapper}>\n <div className={classes.labelCount}>\n <div className={classes.icon}> {icon} </div>\n <Typography> {label} </Typography>\n </div>\n <div className={classes.status}>\n {status === 'error' && <StatusChip label={amount} status={status} />}\n\n {status !== 'error' && amount}\n </div>\n <FluentIconButton\n onClick={handleClick}\n className={classes.launch}\n icon={ArrowUpRightIcon}\n aria-label='launch'\n />\n </div>\n\n <Divider />\n </div>\n )\n}\nStatusLineItem.propTypes = {\n /**\n * stat label\n */\n label: PropTypes.string.isRequired,\n /**\n * Total amount stat\n */\n amount: PropTypes.number,\n /**\n * Type of status for status chip\n */\n status: PropTypes.string,\n /**\n * list icon\n */\n icon: PropTypes.node,\n /**\n * onClick event\n */\n handleClick: PropTypes.func\n}\n","import React from 'react'\nimport { makeStyles, Card, CardContent, Typography } from '@material-ui/core'\nimport { StatusLineItem } from './StatusLineItem'\nimport { NotificationElement } from './NotificationElement'\nimport PropTypes from 'prop-types'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n display: 'flex'\n },\n overviewContainer: {\n width: theme.spacing(16),\n height: theme.spacing(16),\n background: '#393939', // Add to theme\n marginRight: theme.spacing(2),\n position: 'relative'\n },\n notification: {\n position: 'absolute',\n right: 0,\n top: 0\n },\n totalNumber: {\n textAlign: 'center',\n // color: theme.palette.common.white\n color: '#FFFFFF', // Hex color added to avoid TypeError\n fontWeight: 400\n },\n label: {\n display: 'flex',\n justifyContent: 'center',\n marginTop: -8,\n // color: theme.pallette.common.white\n color: '#FFFFFF'\n },\n itemContainer: {\n width: '100%',\n display: 'flex',\n flexDirection: 'column',\n alignContent: 'space-around',\n marginTop: theme.spacing(0.5)\n }\n}))\n\nexport const TicketCard = ({\n totalAmount,\n label,\n notification,\n alertNumber,\n ticketData,\n component = 'h6'\n}) => {\n const classes = useStyles()\n\n return (\n <div className={classes.root}>\n <div>\n <Card elevation={0} square className={classes.overviewContainer}>\n <CardContent>\n <Typography\n variant='h1'\n component={component}\n className={classes.totalNumber}\n >\n {totalAmount}\n </Typography>\n </CardContent>\n <div className={classes.label}>\n <Typography variant='caption'>{label} </Typography>\n </div>\n {notification && (\n <div className={classes.notification}>\n <NotificationElement alertNumber={alertNumber} />\n </div>\n )}\n </Card>\n </div>\n\n <div className={classes.itemContainer}>\n {ticketData &&\n ticketData.map((item) => {\n return (\n <StatusLineItem\n label={item.label}\n amount={item.amount}\n status={item.status === 'error' && 'error'}\n icon={item.icon}\n key={item.id}\n />\n )\n })}\n </div>\n </div>\n )\n}\nTicketCard.propTypes = {\n /**\n * Total amount stat\n */\n totalAmount: PropTypes.number,\n /**\n * Stat label\n */\n label: PropTypes.string.isRequired,\n /**\n * Type of status to toggle notification\n */\n notification: PropTypes.bool,\n /**\n * amount of alert items\n */\n alertNumber: PropTypes.number,\n /**\n * prop for mapped data\n */\n ticketData: PropTypes.arrayOf(\n PropTypes.shape({\n ticketAmount: PropTypes.string.isRequired,\n label: PropTypes.number.isRequired,\n notification: PropTypes.number.isRequired,\n alertNumber: PropTypes.number,\n id: PropTypes.number.isRequired,\n ticketData: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string.isRequired,\n amount: PropTypes.number,\n status: PropTypes.string.isRequired,\n icon: PropTypes.node\n })\n )\n }).isRequired\n ).isRequired,\n /**\n * Header Tag override. Defaults to H2\n */\n component: PropTypes.string\n}\n\nTicketCard.defaultProps = {\n component: 'h2'\n}\n"],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { n as StatusLineItem, r as NotificationElement, t as TicketCard } from "../../../TicketCard-
|
|
1
|
+
import { n as StatusLineItem, r as NotificationElement, t as TicketCard } from "../../../TicketCard-CpttpQoj.js";
|
|
2
2
|
|
|
3
3
|
export { NotificationElement, StatusLineItem, TicketCard };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { n as GaugeGraph, r as RatioVisulization, t as AmbientVisualizer } from "../../../AmbientVisualizer-
|
|
1
|
+
import { n as GaugeGraph, r as RatioVisulization, t as AmbientVisualizer } from "../../../AmbientVisualizer-BABKxgsK.js";
|
|
2
2
|
|
|
3
3
|
export { AmbientVisualizer, GaugeGraph, RatioVisulization };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { i as FluentSelectGroupMenu, n as FluentScrollLoadAutocompleteMenu, r as SelectGroupMenu, t as FluentSimpleSelect } from "../../../FluentSimpleSelect-
|
|
2
|
-
import { t as FluentSelectMenu } from "../../../FluentSelectMenu-
|
|
1
|
+
import { i as FluentSelectGroupMenu, n as FluentScrollLoadAutocompleteMenu, r as SelectGroupMenu, t as FluentSimpleSelect } from "../../../FluentSimpleSelect-BfoxBQj4.js";
|
|
2
|
+
import { t as FluentSelectMenu } from "../../../FluentSelectMenu-Cx274cVa.js";
|
|
3
3
|
|
|
4
4
|
export { FluentScrollLoadAutocompleteMenu, FluentSelectGroupMenu, FluentSelectMenu, FluentSimpleSelect, SelectGroupMenu };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as FluentColorPicker } from "../../../FluentColorPicker-Wi2o3JqX.js";
|
|
2
2
|
import { t as FluentDatePicker } from "../../../FluentDatePicker-C6WEywwM.js";
|
|
3
|
-
import {
|
|
4
|
-
import { t as
|
|
3
|
+
import { t as FluentTimePicker } from "../../../FluentTimePicker-BFxFcgvX.js";
|
|
4
|
+
import { n as UdpDateSelector, r as FluentDateTimePicker, t as UdpTimeSelector } from "../../../UdpTimeSelector-Dc5RiWq-.js";
|
|
5
5
|
|
|
6
6
|
export { FluentColorPicker, FluentDatePicker, FluentDateTimePicker, FluentTimePicker, UdpDateSelector, UdpTimeSelector };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { n as AmbientSplitStatCard, t as AmbientVisualizationCard } from "../../../../AmbientVisualizationCard-
|
|
1
|
+
import { n as AmbientSplitStatCard, t as AmbientVisualizationCard } from "../../../../AmbientVisualizationCard-BmTQR121.js";
|
|
2
2
|
|
|
3
3
|
export { AmbientSplitStatCard, AmbientVisualizationCard };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UdpTimeSelector-Dc5RiWq-.js","names":["useStyles","useStyles"],"sources":["../src/UI/inputs/pickers/FluentDateTimePicker.jsx","../src/UI/inputs/pickers/UdpDateSelector.jsx","../src/UI/inputs/pickers/UdpTimeSelector.jsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { makeStyles, InputAdornment } from '@material-ui/core';\nimport { EventDateIcon } from '@fluentui/react-icons';\nimport {\n MuiPickersUtilsProvider,\n KeyboardDateTimePicker\n} from '@material-ui/pickers';\nimport DateFnsUtils from '@date-io/date-fns';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n root: {},\n inputRoot: {\n fontSize: 12\n },\n input: {\n borderRadius: 2,\n height: 32,\n padding: 0,\n paddingLeft: theme.spacing(1)\n },\n formTextInput: {\n fontSize: 14\n },\n labelRoot: {\n fontSize: 14\n },\n FormControl: {\n display: 'none',\n marginTop: 0\n }\n}));\n\nexport const FluentDateTimePicker = (props) => {\n const classes = useStyles();\n const {\n id,\n udprecordid,\n label,\n startAdornment,\n endAdornment,\n handleDateChange: onChangeProp,\n selectedDate,\n ...otherProps\n } = props;\n\n const onChange = useCallback(\n (e, value) => {\n return onChangeProp?.(e, value);\n },\n [onChangeProp]\n );\n\n return (\n <div>\n <MuiPickersUtilsProvider utils={DateFnsUtils}>\n <KeyboardDateTimePicker\n // disableToolbar\n // variant='inline'\n format='MM/dd/yyyy HH:mm'\n margin='normal'\n id={id}\n udprecordid={udprecordid}\n inputVariant='outlined'\n value={selectedDate}\n onChange={onChange}\n {...otherProps}\n KeyboardButtonProps={{\n 'aria-label': 'change date',\n udprecordid: udprecordid + '-button'\n }}\n keyboardIcon={<EventDateIcon style={{ fontSize: 16 }} />}\n InputProps={{\n classes: {\n root: classes.input,\n input: classes.formTextInput,\n ...props.InputProps?.classes\n },\n ...props.InputProps,\n ...startAdornment,\n ...endAdornment,\n startAdornment: (\n <InputAdornment\n classes={{ root: classes.inputRoot }}\n className={classes.inputRoot}\n position='start'\n >\n {label}\n </InputAdornment>\n )\n }}\n InputLabelProps={{\n shrink: false,\n classes: {\n root: classes.labelRoot,\n focused: classes.labelFocused\n }\n }}\n />\n </MuiPickersUtilsProvider>\n </div>\n );\n};\n\nFluentDateTimePicker.propTypes = {\n /**\n * Adornment label (eg, From: )\n */\n label: PropTypes.string.isRequired\n /**\n * Id\n */\n};\n","import React from 'react'; \nimport { makeStyles} from '@material-ui/core'; \nimport PropTypes from 'prop-types'; \n \nconst useStyles = makeStyles((theme) => ({ \n dateInput: { \n borderRadius: 2, \n height: 32, \n padding: theme.spacing(1), \n margin: theme.spacing(1), // Add margin around the input \n fontSize: 14, \n border: '1px solid #ced4da', \n backgroundColor: 'transparent', // Set the background color to transparent \n '&:focus': { \n borderColor: theme.palette.primary.main, \n outline: 'none', \n }, \n }, \n})); \n \nexport const UdpDateSelector = (props) => { \n const classes = useStyles(); \n const { \n id, \n udprecordid, \n label, \n handleDateChange: onChangeProp, \n selectedDate, \n ...otherProps \n } = props; \n \n const onChange = (event) => { \n return onChangeProp?.(event.target.value); \n }; \n \n return ( \n <label htmlFor={id} className={classes.labelRoot}> \n {label} \n <input \n type=\"date\" \n id={id} \n className={classes.dateInput} \n value={selectedDate} \n onChange={onChange} \n {...otherProps} \n /> \n </label> \n ); \n}; \n \nUdpDateSelector.propTypes = { \n label: PropTypes.string.isRequired, \n id: PropTypes.string.isRequired, \n handleDateChange: PropTypes.func, \n selectedDate: PropTypes.string, \n}; \n \nexport default UdpDateSelector; ","import React from 'react'; \nimport { makeStyles } from '@material-ui/core'; \nimport PropTypes from 'prop-types'; \n \nconst useStyles = makeStyles((theme) => ({ \n // Style for the time input box with transparent background \n timeInput: { \n borderRadius: 2, // Rounded corners with a radius of 2px \n height: 32, \n padding: theme.spacing(1), // Padding inside the input box, typically 8px if default theme spacing is used \n margin: theme.spacing(1), // Margin outside the input box to create space around the element \n fontSize: 14, // Font size of 14px for the text inside the input \n border: '1px solid #ced4da', // Border of 1px solid grey, matching old Material-UI grey \n backgroundColor: 'transparent', \n '&:focus': { \n borderColor: theme.palette.primary.main, // Border color changes to primary color when the input is focused \n outline: 'none', // Removes the default browser outline on focus \n }, \n }, \n})); \n\n \nexport const UdpTimeSelector = (props) => { \n const classes = useStyles(); \n const { id, label, ...otherProps } = props; \n \n return ( \n <label htmlFor={id} className={classes.labelRoot}> \n {label} \n <input \n type=\"time\" \n id={id} \n udprecordid={\"udpRecord-FluentTimePicker-\"+id}\n className={classes.timeInput} \n {...otherProps} \n /> \n </label> \n ); \n}; \n \nUdpTimeSelector.propTypes = { \n /** \n * Label for the time input \n */ \n label: PropTypes.string, \n /** \n * Id for the time input \n */ \n id: PropTypes.string, \n}; \n \nexport default UdpTimeSelector; "],"mappings":"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"}
|
|
@@ -3,6 +3,7 @@ import { t as Form$1 } from "./Form-DbOA5j38.js";
|
|
|
3
3
|
import { t as Field$1 } from "./Field-Cda5rJe2.js";
|
|
4
4
|
import { t as arrayMutators } from "./form-Dj1zVw6K.js";
|
|
5
5
|
import { t as FluentButton } from "./FluentButton-BexKrnAp.js";
|
|
6
|
+
import { t as ConfigService } from "./configService-C4uoG3wj.js";
|
|
6
7
|
import { t as useUser } from "./useUser-wpHGo6jU.js";
|
|
7
8
|
import { t as apiMutate } from "./useAxiosMutate-DeqKSi5z.js";
|
|
8
9
|
import { V as UdpTransactionActionEnums, a as EMPTY_GUID } from "./unitySystemEnums-CZDCsD5t.js";
|
|
@@ -27,7 +28,7 @@ import { FieldArray } from "react-final-form-arrays";
|
|
|
27
28
|
|
|
28
29
|
//#region src/udp/pages/UdpTransactionTypesPage/forms/UdpTransactionTypeForm.jsx
|
|
29
30
|
const UdpTransactionTypeForm = (props, ref) => {
|
|
30
|
-
const { onSubmit, initialData, domainNameOptions, onSelectDomainName, domainFieldOptions } = props;
|
|
31
|
+
const { onSubmit, initialData, disableSubTypeFields, domainNameOptions, onSelectDomainName, domainFieldOptions } = props;
|
|
31
32
|
const handleSubmitRef = useRef();
|
|
32
33
|
const { t } = useTranslation();
|
|
33
34
|
useImperativeHandle(ref, () => ({ submit: () => {
|
|
@@ -91,7 +92,8 @@ const UdpTransactionTypeForm = (props, ref) => {
|
|
|
91
92
|
initialValue: initialData?.domainFieldType,
|
|
92
93
|
options: domainFieldOptions || [],
|
|
93
94
|
getOptionLabelFunction: (option) => option,
|
|
94
|
-
additionalOnChangeAction: handleDomainFieldTypeChange
|
|
95
|
+
additionalOnChangeAction: handleDomainFieldTypeChange,
|
|
96
|
+
disabled: disableSubTypeFields
|
|
95
97
|
}), hasDomainFieldType && /* @__PURE__ */ React.createElement(Field$1, {
|
|
96
98
|
component: FluentTextField,
|
|
97
99
|
label: t("Sub-Type Value"),
|
|
@@ -101,7 +103,8 @@ const UdpTransactionTypeForm = (props, ref) => {
|
|
|
101
103
|
variant: "outlined",
|
|
102
104
|
margin: "normal",
|
|
103
105
|
size: "small",
|
|
104
|
-
initialValue: initialData?.domainFieldValue || ""
|
|
106
|
+
initialValue: initialData?.domainFieldValue || "",
|
|
107
|
+
disabled: disableSubTypeFields
|
|
105
108
|
}), /* @__PURE__ */ React.createElement(Field$1, {
|
|
106
109
|
component: AmbientAutoComplete,
|
|
107
110
|
label: "Grid Columns",
|
|
@@ -169,6 +172,7 @@ const UdpTransactionTypeSidesheet = (props) => {
|
|
|
169
172
|
const isEditing = !!initialTransactionType;
|
|
170
173
|
const formRef = useRef();
|
|
171
174
|
const { t } = useTranslation();
|
|
175
|
+
const [transactions, setTransactions] = useState(null);
|
|
172
176
|
const catalogObjectNames = useMemo(() => {
|
|
173
177
|
const catalogObjectList = catalogObjects?.ctlg?.catalogObjectList;
|
|
174
178
|
if (!catalogObjectList) return [];
|
|
@@ -182,6 +186,46 @@ const UdpTransactionTypeSidesheet = (props) => {
|
|
|
182
186
|
handleSideSheet(isOpen);
|
|
183
187
|
setSelectedDomainName(domainName);
|
|
184
188
|
}, [handleSideSheet, setSelectedDomainName]);
|
|
189
|
+
if (!isSideSheetOpen && transactions) setTransactions(null);
|
|
190
|
+
const shouldDisableSubTypes = useMemo(() => {
|
|
191
|
+
if (!transactions || transactions.length === 0 || !initialTransactionType) return false;
|
|
192
|
+
const targetValue = initialTransactionType.domainFieldValue;
|
|
193
|
+
if (targetValue === void 0 || targetValue === null) return false;
|
|
194
|
+
return transactions.some((t$1) => {
|
|
195
|
+
return t$1.entityBusinessObject?.[initialTransactionType.domainFieldType] === targetValue;
|
|
196
|
+
});
|
|
197
|
+
}, [transactions, initialTransactionType]);
|
|
198
|
+
useEffect(() => {
|
|
199
|
+
let isMounted = true;
|
|
200
|
+
const fetchTransactions = async () => {
|
|
201
|
+
if (isEditing && isSideSheetOpen && initialTransactionType?.transactionTypeId) try {
|
|
202
|
+
const response = await apiMutate(ConfigService.productV1ApiUrl, "UdpTransaction/search", { method: "post" }, { data: {
|
|
203
|
+
filterElements: [{
|
|
204
|
+
searchField: "transactionTypeId",
|
|
205
|
+
searchOperator: "=",
|
|
206
|
+
searchValue: initialTransactionType.transactionTypeId
|
|
207
|
+
}, {
|
|
208
|
+
searchField: "isDeleted",
|
|
209
|
+
searchOperator: "=",
|
|
210
|
+
searchValue: 0
|
|
211
|
+
}],
|
|
212
|
+
getAll: true
|
|
213
|
+
} });
|
|
214
|
+
if (isMounted && response?.data?.pageList) setTransactions(response.data.pageList);
|
|
215
|
+
} catch (error) {
|
|
216
|
+
console.error("Failed to check transaction existence", error);
|
|
217
|
+
if (isMounted) setTransactions([]);
|
|
218
|
+
}
|
|
219
|
+
};
|
|
220
|
+
fetchTransactions();
|
|
221
|
+
return () => {
|
|
222
|
+
isMounted = false;
|
|
223
|
+
};
|
|
224
|
+
}, [
|
|
225
|
+
initialTransactionType,
|
|
226
|
+
isEditing,
|
|
227
|
+
isSideSheetOpen
|
|
228
|
+
]);
|
|
185
229
|
return /* @__PURE__ */ React.createElement(SideSheet, {
|
|
186
230
|
open: isSideSheetOpen,
|
|
187
231
|
width: 500,
|
|
@@ -191,10 +235,11 @@ const UdpTransactionTypeSidesheet = (props) => {
|
|
|
191
235
|
onSubmit: () => {
|
|
192
236
|
formRef?.current?.submit();
|
|
193
237
|
}
|
|
194
|
-
}, /* @__PURE__ */ React.createElement(UdpTransactionTypeForm_default, {
|
|
238
|
+
}, isEditing && !transactions ? /* @__PURE__ */ React.createElement(LinearProgress$1, null) : /* @__PURE__ */ React.createElement(UdpTransactionTypeForm_default, {
|
|
195
239
|
ref: formRef,
|
|
196
240
|
onSubmit: onSubmitForm,
|
|
197
241
|
initialData: initialTransactionType,
|
|
242
|
+
disableSubTypeFields: shouldDisableSubTypes,
|
|
198
243
|
domainNameOptions: catalogObjectNames,
|
|
199
244
|
onSelectDomainName: setSelectedDomainName,
|
|
200
245
|
domainFieldOptions: catalogObjectProperties
|
|
@@ -3567,4 +3612,4 @@ var UdpTransactionTypesPage_exports = /* @__PURE__ */ __export({ default: () =>
|
|
|
3567
3612
|
|
|
3568
3613
|
//#endregion
|
|
3569
3614
|
export { UdpTransactionTypesPage_default as n, UdpTransactionTypesPage_exports as t };
|
|
3570
|
-
//# sourceMappingURL=UdpTransactionTypesPage-
|
|
3615
|
+
//# sourceMappingURL=UdpTransactionTypesPage-MdoNtG3E.js.map
|