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.
Files changed (69) hide show
  1. package/dist/{AmbientVisualizationCard-Dig-Mh_G.js → AmbientVisualizationCard-BmTQR121.js} +2 -2
  2. package/dist/{AmbientVisualizationCard-Dig-Mh_G.js.map → AmbientVisualizationCard-BmTQR121.js.map} +1 -1
  3. package/dist/{AmbientVisualizer-B1Xwwe0J.js → AmbientVisualizer-BABKxgsK.js} +1 -1
  4. package/dist/{AmbientVisualizer-B1Xwwe0J.js.map → AmbientVisualizer-BABKxgsK.js.map} +1 -1
  5. package/dist/{CardList-BPNGTxsh.js → CardList-B8nTYXo7.js} +1 -1
  6. package/dist/{CardList-BPNGTxsh.js.map → CardList-B8nTYXo7.js.map} +1 -1
  7. package/dist/{Directory-CoEKdRkU.js → Directory-MpK8T6IZ.js} +1 -1
  8. package/dist/{Directory-CoEKdRkU.js.map → Directory-MpK8T6IZ.js.map} +1 -1
  9. package/dist/{EntityHeader-DKkYwvsi.js → EntityHeader-C3Ae5BLK.js} +1 -1
  10. package/dist/{EntityHeader-DKkYwvsi.js.map → EntityHeader-C3Ae5BLK.js.map} +1 -1
  11. package/dist/{FieldArrayCard-C1I5_qJ4.js → FieldArrayCard-Ds_ysYWL.js} +2 -2
  12. package/dist/{FieldArrayCard-C1I5_qJ4.js.map → FieldArrayCard-Ds_ysYWL.js.map} +1 -1
  13. package/dist/{FluentLink-D-gKioCQ.js → FluentLink-CkA7BUEB.js} +1 -1
  14. package/dist/{FluentLink-D-gKioCQ.js.map → FluentLink-CkA7BUEB.js.map} +1 -1
  15. package/dist/{FluentSelectMenu-BEREJbe-.js → FluentSelectMenu-Cx274cVa.js} +1 -1
  16. package/dist/{FluentSelectMenu-BEREJbe-.js.map → FluentSelectMenu-Cx274cVa.js.map} +1 -1
  17. package/dist/{FluentSimpleSelect-Djff-up8.js → FluentSimpleSelect-BfoxBQj4.js} +2 -2
  18. package/dist/{FluentSimpleSelect-Djff-up8.js.map → FluentSimpleSelect-BfoxBQj4.js.map} +1 -1
  19. package/dist/{FluentTimePicker-hNcocKsd.js → FluentTimePicker-BFxFcgvX.js} +1 -1
  20. package/dist/{FluentTimePicker-hNcocKsd.js.map → FluentTimePicker-BFxFcgvX.js.map} +1 -1
  21. package/dist/{GraphCard-Dv4a99wo.js → GraphCard-BhcSveF4.js} +1 -1
  22. package/dist/{GraphCard-Dv4a99wo.js.map → GraphCard-BhcSveF4.js.map} +1 -1
  23. package/dist/{IconKey-D7fZ_U4O.js → IconKey-BLHF3hfg.js} +1 -1
  24. package/dist/{IconKey-D7fZ_U4O.js.map → IconKey-BLHF3hfg.js.map} +1 -1
  25. package/dist/{Notes-UkwV2z4D.js → Notes-YAF2dipI.js} +1 -1
  26. package/dist/{Notes-UkwV2z4D.js.map → Notes-YAF2dipI.js.map} +1 -1
  27. package/dist/{PaymentForm-CtrVBoH8.js → PaymentForm-DFJrSIy8.js} +2 -2
  28. package/dist/{PaymentForm-CtrVBoH8.js.map → PaymentForm-DFJrSIy8.js.map} +1 -1
  29. package/dist/{TicketCard-IqCCKSc0.js → TicketCard-CpttpQoj.js} +1 -1
  30. package/dist/{TicketCard-IqCCKSc0.js.map → TicketCard-CpttpQoj.js.map} +1 -1
  31. package/dist/UI/dataDisplay/GraphCard/index.js +1 -1
  32. package/dist/UI/dataDisplay/cardList/index.js +1 -1
  33. package/dist/UI/dataDisplay/directory/index.js +1 -1
  34. package/dist/UI/dataDisplay/entityHeader/index.js +1 -1
  35. package/dist/UI/dataDisplay/map/index.js +1 -1
  36. package/dist/UI/dataDisplay/notes/index.js +1 -1
  37. package/dist/UI/dataDisplay/ticketCard/index.js +1 -1
  38. package/dist/UI/dataDisplay/visualization/index.js +1 -1
  39. package/dist/UI/inputs/fieldArrayCard/index.js +1 -1
  40. package/dist/UI/inputs/link/index.js +1 -1
  41. package/dist/UI/inputs/menus/index.js +2 -2
  42. package/dist/UI/inputs/pickers/index.js +2 -2
  43. package/dist/UI/surfaces/cards/chartDisplayCards/index.js +1 -1
  44. package/dist/{pickers-B-bB40GS.js → UdpTimeSelector-Dc5RiWq-.js} +1 -1
  45. package/dist/UdpTimeSelector-Dc5RiWq-.js.map +1 -0
  46. package/dist/{UdpTransactionTypesPage-C-TdPgtF.js → UdpTransactionTypesPage-MdoNtG3E.js} +50 -5
  47. package/dist/UdpTransactionTypesPage-MdoNtG3E.js.map +1 -0
  48. package/dist/{UdpTransactionsPage-CCcw7ZRU.js → UdpTransactionsPage-CNl_xeZO.js} +126 -47
  49. package/dist/UdpTransactionsPage-CNl_xeZO.js.map +1 -0
  50. package/dist/index.js +18 -18
  51. package/dist/types/src/udp/pages/UdpTransactionTypesPage/forms/UdpTransactionTypeForm.d.ts.map +1 -1
  52. package/dist/types/src/udp/pages/UdpTransactionTypesPage/sidesheets/UdpTransactionTypeSidesheet.d.ts.map +1 -1
  53. package/dist/types/src/udp/pages/UdpTransactionsPage/components/EditTransactionDetailsForm.d.ts.map +1 -1
  54. package/dist/types/src/udp/pages/UdpTransactionsPage/components/EditTransactionDetailsFormFields.d.ts +1 -0
  55. package/dist/types/src/udp/pages/UdpTransactionsPage/components/EditTransactionDetailsFormFields.d.ts.map +1 -1
  56. package/dist/types/src/udp/utilities/useDateStringColumnDef.d.ts +1 -1
  57. package/dist/types/tsconfig.tsbuildinfo +1 -1
  58. package/dist/udp/pages/UdpPages/index.js +2 -2
  59. package/dist/udp/pages/UdpTransactionTypesPage/index.js +1 -1
  60. package/dist/udp/pages/UdpTransactionsPage/index.js +1 -1
  61. package/dist/uploader/index.js +1 -1
  62. package/dist/{uploader-CGVZIlR1.js → uploader-YWjDebFN.js} +1 -1
  63. package/dist/{uploader-CGVZIlR1.js.map → uploader-YWjDebFN.js.map} +1 -1
  64. package/dist/utilities/form/paymentForm/index.js +1 -1
  65. package/export-map.json +1 -1
  66. package/package.json +1 -1
  67. package/dist/UdpTransactionTypesPage-C-TdPgtF.js.map +0 -1
  68. package/dist/UdpTransactionsPage-CCcw7ZRU.js.map +0 -1
  69. package/dist/pickers-B-bB40GS.js.map +0 -1
@@ -140,4 +140,4 @@ TicketCard.defaultProps = { component: "h2" };
140
140
 
141
141
  //#endregion
142
142
  export { StatusLineItem as n, NotificationElement as r, TicketCard as t };
143
- //# sourceMappingURL=TicketCard-IqCCKSc0.js.map
143
+ //# sourceMappingURL=TicketCard-CpttpQoj.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TicketCard-IqCCKSc0.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":";;;;;;;;AAIA,MAAMA,cAAY,YAAY,WAAW;CACvC,MAAM;EACJ,OAAO;EACP,QAAQ;EACR,WAAW;EACX,aAAa,cAAc,OAAO,SAAS,OAAO;EAClD,cAAc;EACf;CACD,QAAQ;EACN,YAAY,MAAM,QAAQ,IAAI;EAC9B,YAAY,MAAM,QAAQ,GAAI;EAC9B,OAAO,OAAO,SAAS,QAAQ;EAChC;CACF,EAAE;AAEH,MAAa,uBAAuB,EAAE,kBAAkB;CACtD,MAAM,UAAUA,aAAW;AAE3B,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC,SAAI,WAAW,QAAQ,UACtB,oCAAC,kBAAW,KAAE,aAAY,IAAc,CACpC,CACF;;AAGV,oBAAoB,YAAY,EAI9B,aAAa,UAAU,OAAO,YAC/B;;;;AC5BD,MAAMC,cAAY,YAAY,WAAW;CACvC,MAAM;EACJ,OAAO;EACP,QAAQ;EACT;CACD,SAAS,EAAE,SAAS,QAAQ;CAC5B,YAAY;EACV,MAAM;EACN,SAAS;EACV;CACD,QAAQ,EACN,aAAa,MAAM,QAAQ,EAAE,EAC9B;CACD,MAAM,EACJ,aAAa,MAAM,QAAQ,EAAE,EAC9B;CACF,EAAE;AAEH,MAAa,kBAAkB,EAC7B,OACA,QACA,QACA,MACA,kBACI;CACJ,MAAM,UAAUA,aAAW;AAE3B,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC,SAAI,WAAW,QAAQ,WACtB,oCAAC,SAAI,WAAW,QAAQ,cACtB,oCAAC,SAAI,WAAW,QAAQ,QAAM,KAAE,MAAK,IAAO,EAC5C,oCAAC,kBAAW,KAAE,OAAM,IAAc,CAC9B,EACN,oCAAC,SAAI,WAAW,QAAQ,UACrB,WAAW,WAAW,oCAAC;EAAW,OAAO;EAAgB;GAAU,EAEnE,WAAW,WAAW,OACnB,EACN,oCAAC;EACC,SAAS;EACT,WAAW,QAAQ;EACnB,MAAM;EACN,cAAW;GACX,CACE,EAEN,oCAAC,cAAU,CACP;;AAGV,eAAe,YAAY;CAIzB,OAAO,UAAU,OAAO;CAIxB,QAAQ,UAAU;CAIlB,QAAQ,UAAU;CAIlB,MAAM,UAAU;CAIhB,aAAa,UAAU;CACxB;;;;ACzED,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EACJ,SAAS,QACV;CACD,mBAAmB;EACjB,OAAO,MAAM,QAAQ,GAAG;EACxB,QAAQ,MAAM,QAAQ,GAAG;EACzB,YAAY;EACZ,aAAa,MAAM,QAAQ,EAAE;EAC7B,UAAU;EACX;CACD,cAAc;EACZ,UAAU;EACV,OAAO;EACP,KAAK;EACN;CACD,aAAa;EACX,WAAW;EAEX,OAAO;EACP,YAAY;EACb;CACD,OAAO;EACL,SAAS;EACT,gBAAgB;EAChB,WAAW;EAEX,OAAO;EACR;CACD,eAAe;EACb,OAAO;EACP,SAAS;EACT,eAAe;EACf,cAAc;EACd,WAAW,MAAM,QAAQ,GAAI;EAC9B;CACF,EAAE;AAEH,MAAa,cAAc,EACzB,aACA,OACA,cACA,aACA,YACA,YAAY,WACR;CACJ,MAAM,UAAU,WAAW;AAE3B,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC,aACC,oCAAC;EAAK,WAAW;EAAG;EAAO,WAAW,QAAQ;IAC5C,oCAAC,mBACC,oCAAC;EACC,SAAQ;EACG;EACX,WAAW,QAAQ;IAElB,YACU,CACD,EACd,oCAAC,SAAI,WAAW,QAAQ,SACtB,oCAAC,cAAW,SAAQ,aAAW,OAAM,IAAc,CAC/C,EACL,gBACC,oCAAC,SAAI,WAAW,QAAQ,gBACtB,oCAAC,uBAAiC,cAAe,CAC7C,CAEH,CACH,EAEN,oCAAC,SAAI,WAAW,QAAQ,iBACrB,cACC,WAAW,KAAK,SAAS;AACvB,SACE,oCAAC;GACC,OAAO,KAAK;GACZ,QAAQ,KAAK;GACb,QAAQ,KAAK,WAAW,WAAW;GACnC,MAAM,KAAK;GACX,KAAK,KAAK;IACV;GAEJ,CACA,CACF;;AAGV,WAAW,YAAY;CAIrB,aAAa,UAAU;CAIvB,OAAO,UAAU,OAAO;CAIxB,cAAc,UAAU;CAIxB,aAAa,UAAU;CAIvB,YAAY,UAAU,QACpB,UAAU,MAAM;EACd,cAAc,UAAU,OAAO;EAC/B,OAAO,UAAU,OAAO;EACxB,cAAc,UAAU,OAAO;EAC/B,aAAa,UAAU;EACvB,IAAI,UAAU,OAAO;EACrB,YAAY,UAAU,QACpB,UAAU,MAAM;GACd,OAAO,UAAU,OAAO;GACxB,QAAQ,UAAU;GAClB,QAAQ,UAAU,OAAO;GACzB,MAAM,UAAU;GACjB,CAAC,CACH;EACF,CAAC,CAAC,WACJ,CAAC;CAIF,WAAW,UAAU;CACtB;AAED,WAAW,eAAe,EACxB,WAAW,MACZ"}
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 { t as GraphCard } from "../../../GraphCard-Dv4a99wo.js";
1
+ import { t as GraphCard } from "../../../GraphCard-BhcSveF4.js";
2
2
 
3
3
  export { GraphCard };
@@ -1,3 +1,3 @@
1
- import { n as PaginationPlacement, t as CardList } from "../../../CardList-BPNGTxsh.js";
1
+ import { n as PaginationPlacement, t as CardList } from "../../../CardList-B8nTYXo7.js";
2
2
 
3
3
  export { CardList, PaginationPlacement };
@@ -1,3 +1,3 @@
1
- import { n as DirectoryListItem, t as Directory } from "../../../Directory-CoEKdRkU.js";
1
+ import { n as DirectoryListItem, t as Directory } from "../../../Directory-MpK8T6IZ.js";
2
2
 
3
3
  export { Directory, DirectoryListItem };
@@ -1,3 +1,3 @@
1
- import { t as EntityHeader } from "../../../EntityHeader-DKkYwvsi.js";
1
+ import { t as EntityHeader } from "../../../EntityHeader-C3Ae5BLK.js";
2
2
 
3
3
  export { EntityHeader };
@@ -1,3 +1,3 @@
1
- import { n as ColorKey, t as IconKey } from "../../../IconKey-D7fZ_U4O.js";
1
+ import { n as ColorKey, t as IconKey } from "../../../IconKey-BLHF3hfg.js";
2
2
 
3
3
  export { ColorKey, IconKey };
@@ -1,3 +1,3 @@
1
- import { n as useStyles, r as Note, t as Notes } from "../../../Notes-UkwV2z4D.js";
1
+ import { n as useStyles, r as Note, t as Notes } from "../../../Notes-YAF2dipI.js";
2
2
 
3
3
  export { Note, Notes, useStyles };
@@ -1,3 +1,3 @@
1
- import { n as StatusLineItem, r as NotificationElement, t as TicketCard } from "../../../TicketCard-IqCCKSc0.js";
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-B1Xwwe0J.js";
1
+ import { n as GaugeGraph, r as RatioVisulization, t as AmbientVisualizer } from "../../../AmbientVisualizer-BABKxgsK.js";
2
2
 
3
3
  export { AmbientVisualizer, GaugeGraph, RatioVisulization };
@@ -1,3 +1,3 @@
1
- import { n as FieldType, t as FieldArrayCard } from "../../../FieldArrayCard-C1I5_qJ4.js";
1
+ import { n as FieldType, t as FieldArrayCard } from "../../../FieldArrayCard-Ds_ysYWL.js";
2
2
 
3
3
  export { FieldArrayCard, FieldType };
@@ -1,4 +1,4 @@
1
1
  import { t as BreadCrumbMenu } from "../../../BreadCrumbMenu-AehSna6J.js";
2
- import { t as FluentLink } from "../../../FluentLink-D-gKioCQ.js";
2
+ import { t as FluentLink } from "../../../FluentLink-CkA7BUEB.js";
3
3
 
4
4
  export { BreadCrumbMenu, FluentLink };
@@ -1,4 +1,4 @@
1
- import { i as FluentSelectGroupMenu, n as FluentScrollLoadAutocompleteMenu, r as SelectGroupMenu, t as FluentSimpleSelect } from "../../../FluentSimpleSelect-Djff-up8.js";
2
- import { t as FluentSelectMenu } from "../../../FluentSelectMenu-BEREJbe-.js";
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 { n as UdpDateSelector, r as FluentDateTimePicker, t as UdpTimeSelector } from "../../../pickers-B-bB40GS.js";
4
- import { t as FluentTimePicker } from "../../../FluentTimePicker-hNcocKsd.js";
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-Dig-Mh_G.js";
1
+ import { n as AmbientSplitStatCard, t as AmbientVisualizationCard } from "../../../../AmbientVisualizationCard-BmTQR121.js";
2
2
 
3
3
  export { AmbientSplitStatCard, AmbientVisualizationCard };
@@ -144,4 +144,4 @@ UdpTimeSelector.propTypes = {
144
144
 
145
145
  //#endregion
146
146
  export { UdpDateSelector as n, FluentDateTimePicker as r, UdpTimeSelector as t };
147
- //# sourceMappingURL=pickers-B-bB40GS.js.map
147
+ //# sourceMappingURL=UdpTimeSelector-Dc5RiWq-.js.map
@@ -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-C-TdPgtF.js.map
3615
+ //# sourceMappingURL=UdpTransactionTypesPage-MdoNtG3E.js.map