udp-react-enterprise-component-library 25.14.1-beta.1 → 25.14.1-beta.3
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/{AmbientGridTemplate-6xfwTiz-.js → AmbientGridTemplate-DfAIgTvY.js} +36 -208
- package/dist/AmbientGridTemplate-DfAIgTvY.js.map +1 -0
- package/dist/{ClientSideUdpGrid-CEhDqIId.js → ClientSideUdpGrid-Bg2jMmzT.js} +2 -2
- package/dist/{ClientSideUdpGrid-CEhDqIId.js.map → ClientSideUdpGrid-Bg2jMmzT.js.map} +1 -1
- package/dist/EnvironmentRibbon-9-uuxU6U.js +286 -0
- package/dist/EnvironmentRibbon-9-uuxU6U.js.map +1 -0
- package/dist/FluentDialog-DCBz2VL0.js +182 -0
- package/dist/FluentDialog-DCBz2VL0.js.map +1 -0
- package/dist/FluentTextFieldAutoComplete-CjZ-AzLe.js +100 -0
- package/dist/FluentTextFieldAutoComplete-CjZ-AzLe.js.map +1 -0
- package/dist/{MenuPage-CZHpoopY.js → MenuPage-B4KWi55f.js} +8 -7
- package/dist/{MenuPage-CZHpoopY.js.map → MenuPage-B4KWi55f.js.map} +1 -1
- package/dist/MyExportsPage-BmW0tZb8.js +13 -0
- package/dist/{MyExportsPage-CS2Bw2mF.js → MyExportsPage-D-0CqUpp.js} +9 -7
- package/dist/{MyExportsPage-CS2Bw2mF.js.map → MyExportsPage-D-0CqUpp.js.map} +1 -1
- package/dist/{PageContainer-BPHLFGju.js → PageContainer-D2b26j_c.js} +3 -3
- package/dist/{PageContainer-BPHLFGju.js.map → PageContainer-D2b26j_c.js.map} +1 -1
- package/dist/{PageNotFoundRoute-D9dLbM_w.js → PageNotFoundRoute-C6kAsd3h.js} +1 -1
- package/dist/{PageNotFoundRoute-D9dLbM_w.js.map → PageNotFoundRoute-C6kAsd3h.js.map} +1 -1
- package/dist/PageNotFoundRoute-DYPgBFKm.js +3 -0
- package/dist/{PasswordResetRedirect-Dh-S5Ril.js → PasswordResetRedirect-BBRlCPM_.js} +1 -1
- package/dist/{PasswordResetRedirect-C3g8L0vA.js → PasswordResetRedirect-CzGdxtOh.js} +1 -1
- package/dist/{PasswordResetRedirect-C3g8L0vA.js.map → PasswordResetRedirect-CzGdxtOh.js.map} +1 -1
- package/dist/{SearchUtilities-Btugro8y.js → SearchUtilities-BVu5E6bN.js} +3 -3
- package/dist/{SearchUtilities-Btugro8y.js.map → SearchUtilities-BVu5E6bN.js.map} +1 -1
- package/dist/{SideSheet-BsDoeNmq.js → SideSheet-BlgPwr3R.js} +2 -2
- package/dist/{SideSheet-BsDoeNmq.js.map → SideSheet-BlgPwr3R.js.map} +1 -1
- package/dist/{UdpMaintenanceConfigPage-DcHntunS.js → UdpMaintenanceConfigPage-Burg3-Db.js} +6 -6
- package/dist/{UdpMaintenanceConfigPage-DcHntunS.js.map → UdpMaintenanceConfigPage-Burg3-Db.js.map} +1 -1
- package/dist/UdpMaintenanceEnginePage-C9Sxnfds.js +1469 -0
- package/dist/UdpMaintenanceEnginePage-C9Sxnfds.js.map +1 -0
- package/dist/UdpMaintenanceEnginePage-DKKQrAsi.js +14 -0
- package/dist/{UdpPublicForm-egQJHyfX.js → UdpPublicForm-CmQT-LPw.js} +5 -16
- package/dist/{UdpPublicForm-egQJHyfX.js.map → UdpPublicForm-CmQT-LPw.js.map} +1 -1
- package/dist/UdpPublicForm-jG9NGPTL.js +4 -0
- package/dist/{UtilitySideBar-95k0edSA.js → UtilitySideBar-D2HFipAh.js} +5 -4
- package/dist/{UtilitySideBar-95k0edSA.js.map → UtilitySideBar-D2HFipAh.js.map} +1 -1
- package/dist/{VirtualBrowser-_epMjUkE.js → VirtualBrowser-DpLrMI5J.js} +12 -10
- package/dist/{VirtualBrowser-_epMjUkE.js.map → VirtualBrowser-DpLrMI5J.js.map} +1 -1
- package/dist/{WorkflowContainer-ClPvY2mG.js → WorkflowContainer-1Z1wn77F.js} +11 -103
- package/dist/WorkflowContainer-1Z1wn77F.js.map +1 -0
- package/dist/WorkflowContainer-CQDx12xK.js +13 -0
- package/dist/{apiHelpers-CmM6DWAT.js → apiHelpers-h7tu0JUL.js} +1 -1
- package/dist/{apiHelpers-CmM6DWAT.js.map → apiHelpers-h7tu0JUL.js.map} +1 -1
- package/dist/chunk-CTAAG5j7.js +13 -0
- package/dist/{entityUtilities-Dy-jsB5c.js → entityUtilities-DK1wdaQs.js} +2 -2
- package/dist/{entityUtilities-Dy-jsB5c.js.map → entityUtilities-DK1wdaQs.js.map} +1 -1
- package/dist/index.js +612 -2091
- package/dist/index.js.map +1 -1
- package/dist/{EnvironmentRibbon-oEmbWjEq.js → methodUtils-BMMTN1Wn.js} +17 -295
- package/dist/methodUtils-BMMTN1Wn.js.map +1 -0
- package/dist/{propertyTypeEnums-BCCGQqVB.js → propertyTypeEnums-Cheifvfd.js} +2 -2
- package/dist/{propertyTypeEnums-BCCGQqVB.js.map → propertyTypeEnums-Cheifvfd.js.map} +1 -1
- package/dist/types/UI/charts/UdpSankeyChart.d.ts +12 -0
- package/dist/types/UI/charts/UdpXYMultiSeriesChart.d.ts +9 -0
- package/dist/types/UI/charts/types.d.ts +31 -6
- package/dist/types/UI/dataDisplay/visualization/amCharts/AmChart.d.ts +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/dist/{useAxiosGet-Dh5pVURP.js → useAxiosGet-nRj6TU4p.js} +2 -2
- package/dist/{useAxiosGet-Dh5pVURP.js.map → useAxiosGet-nRj6TU4p.js.map} +1 -1
- package/dist/{useAxiosMutate-DlG255x9.js → useAxiosMutate-7FqbSJkH.js} +3 -3
- package/dist/{useAxiosMutate-DlG255x9.js.map → useAxiosMutate-7FqbSJkH.js.map} +1 -1
- package/package.json +2 -3
- package/dist/AmbientGridTemplate-6xfwTiz-.js.map +0 -1
- package/dist/EnvironmentRibbon-oEmbWjEq.js.map +0 -1
- package/dist/MyExportsPage-hyX42CN6.js +0 -11
- package/dist/PageNotFoundRoute-DUj0Q9J8.js +0 -3
- package/dist/UdpPublicForm-bR66isch.js +0 -4
- package/dist/WorkflowContainer-ClPvY2mG.js.map +0 -1
- package/dist/WorkflowContainer-D0QUOc-f.js +0 -11
- package/dist/types/UI/dataDisplay/visualization/amCharts/AmSankeyChart.d.ts +0 -3
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import { Field, Form, SideSheet } from "./SideSheet-
|
|
2
|
-
import { FluentButton, FluentIcon, GridStateTypeEnums, LayoutUnit, NodeActionEnums,
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
1
|
+
import { Field, Form, SideSheet } from "./SideSheet-BlgPwr3R.js";
|
|
2
|
+
import { FluentButton, FluentIcon, GridStateTypeEnums, LayoutUnit, NodeActionEnums, PrimaryActionButton_default, SplitScreenTypeEnums, VisibilityTypeEnums, useId, useShellStore } from "./methodUtils-BMMTN1Wn.js";
|
|
3
|
+
import { FluentDialog, getEntityAttributes, getPathParametersObj, useCatalogStore } from "./FluentDialog-DCBz2VL0.js";
|
|
4
|
+
import { ClickOpenEnums, useHandleAxiosSnackbar } from "./apiHelpers-h7tu0JUL.js";
|
|
5
|
+
import { useAxiosGet } from "./useAxiosGet-nRj6TU4p.js";
|
|
6
|
+
import { apiMutate as apiMutate$1 } from "./useAxiosMutate-7FqbSJkH.js";
|
|
7
|
+
import { UnityFluentIcon } from "./EnvironmentRibbon-9-uuxU6U.js";
|
|
6
8
|
import React, { Children, cloneElement, createContext, forwardRef, isValidElement, memo, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useReducer, useRef, useState } from "react";
|
|
7
|
-
import { Badge, Box, Button, ButtonGroup, Chip, ClickAwayListener,
|
|
9
|
+
import { Badge, Box, Button, ButtonGroup, Chip, ClickAwayListener, Divider, FormControlLabel, Grid, Grow, IconButton, InputAdornment, LinearProgress, MenuItem, MenuList, Paper, Popover, Popper, Switch, Tab, Tabs, TextField, Tooltip, Typography, lighten, makeStyles, useTheme } from "@material-ui/core";
|
|
8
10
|
import { ConfigService } from "udp-react-stencil-component-library";
|
|
9
11
|
import { useSnackbar } from "notistack";
|
|
10
12
|
import { useHistory } from "react-router-dom";
|
|
@@ -40,81 +42,6 @@ import StarIcon from "@material-ui/icons/Star";
|
|
|
40
42
|
//#region src/AGLicense.js
|
|
41
43
|
const LicenseKey = "Using_this_{AG_Grid}_Enterprise_key_{AG-080613}_in_excess_of_the_licence_granted_is_not_permitted___Please_report_misuse_to_legal@ag-grid.com___For_help_with_changing_this_key_please_contact_info@ag-grid.com___{Univerus_Software_Inc}_is_granted_a_{Single_Application}_Developer_License_for_the_application_{MAIS_eRec}_only_for_{1}_Front-End_JavaScript_developer___All_Front-End_JavaScript_developers_working_on_{MAIS_eRec}_need_to_be_licensed___{MAIS_eRec}_has_not_been_granted_a_Deployment_License_Add-on___This_key_works_with_{AG_Grid}_Enterprise_versions_released_before_{28_June_2026}____[v3]_[01]_MTc4MjYwMTIwMDAwMA==5c7d1487ecb13b28e75415d34b7cf694";
|
|
42
44
|
|
|
43
|
-
//#endregion
|
|
44
|
-
//#region src/utilities/maintenanceEngine/CrudBrowserUtilities.js
|
|
45
|
-
const RESERVED_PATH_PARAMETERS = ["version", "udp-api-version"];
|
|
46
|
-
const getPrimaryKeyValues = (properties, entityValue) => {
|
|
47
|
-
return properties.filter((property) => property?.extendedProperties?.identifier).reduce((keyValues, property) => {
|
|
48
|
-
if (entityValue && entityValue[property["name"]] !== null) keyValues.push(entityValue[property["name"]]);
|
|
49
|
-
return keyValues;
|
|
50
|
-
}, []);
|
|
51
|
-
};
|
|
52
|
-
const getPathObject = (pathParameters, primaryKeyValues) => {
|
|
53
|
-
const primaryKeyParameters = pathParameters.filter((parameter) => parameter.name !== RESERVED_PATH_PARAMETERS);
|
|
54
|
-
const pathObject = {};
|
|
55
|
-
if (primaryKeyParameters.length && primaryKeyValues.length) primaryKeyParameters.forEach((pkp, index) => {
|
|
56
|
-
pathObject[`{${pkp.name}}`] = primaryKeyValues[index];
|
|
57
|
-
});
|
|
58
|
-
return pathObject;
|
|
59
|
-
};
|
|
60
|
-
const findTermByType = (fieldType, term) => {
|
|
61
|
-
if (fieldType.toLowerCase() === term) return fieldType.toLowerCase();
|
|
62
|
-
else return "";
|
|
63
|
-
};
|
|
64
|
-
const getModelProperties = (model, componentsObj) => {
|
|
65
|
-
let modelPropertiesObj = null;
|
|
66
|
-
if (model) {
|
|
67
|
-
modelPropertiesObj = model.properties;
|
|
68
|
-
if (!modelPropertiesObj) {
|
|
69
|
-
const refKeys = [];
|
|
70
|
-
if (model["allOf"]?.length) model["allOf"].forEach((reference) => {
|
|
71
|
-
if (reference["$ref"]) {
|
|
72
|
-
const refString = reference["$ref"];
|
|
73
|
-
if (refString) {
|
|
74
|
-
const lastIndex = refString.lastIndexOf("/");
|
|
75
|
-
const referenceModel = refString.substring(lastIndex + 1);
|
|
76
|
-
refKeys.push(referenceModel);
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
});
|
|
80
|
-
refKeys.forEach((key) => {
|
|
81
|
-
const abstractModel = componentsObj[key];
|
|
82
|
-
if (modelPropertiesObj && abstractModel?.properties) modelPropertiesObj = {
|
|
83
|
-
...modelPropertiesObj,
|
|
84
|
-
...abstractModel.properties
|
|
85
|
-
};
|
|
86
|
-
else modelPropertiesObj = abstractModel?.properties;
|
|
87
|
-
});
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
return modelPropertiesObj;
|
|
91
|
-
};
|
|
92
|
-
const getEntityAttributes = (catalog, entityName) => {
|
|
93
|
-
if (!catalog) return [];
|
|
94
|
-
const catalogObjectList = catalog?.ctlg?.catalogObjectList;
|
|
95
|
-
const componentsObj = catalog?.ctlg?.components;
|
|
96
|
-
const entity = catalogObjectList?.find((catalogObject) => catalogObject.catalogObjectName === entityName);
|
|
97
|
-
if (!!componentsObj && Object.keys(componentsObj).length) {
|
|
98
|
-
const model = componentsObj[entityName];
|
|
99
|
-
let modelPropertiesObj = getModelProperties(model, componentsObj);
|
|
100
|
-
if (entity?.properties?.length) entity.properties.forEach((property) => {
|
|
101
|
-
let nullable = true;
|
|
102
|
-
if (modelPropertiesObj) {
|
|
103
|
-
const modelProperty = modelPropertiesObj[property["name"]];
|
|
104
|
-
if (modelProperty) nullable = modelProperty.nullable || false;
|
|
105
|
-
}
|
|
106
|
-
property["nullable"] = nullable;
|
|
107
|
-
});
|
|
108
|
-
}
|
|
109
|
-
return entity ? entity.properties : [];
|
|
110
|
-
};
|
|
111
|
-
const getPathParametersObj = (pathParametersDefinition, entityData) => {
|
|
112
|
-
if (!pathParametersDefinition || !entityData) return {};
|
|
113
|
-
const pathParametersObj = {};
|
|
114
|
-
for (let param of pathParametersDefinition) pathParametersObj[param.name] = entityData[param.name];
|
|
115
|
-
return pathParametersObj;
|
|
116
|
-
};
|
|
117
|
-
|
|
118
45
|
//#endregion
|
|
119
46
|
//#region src/contexts/ActionDispatchContext.js
|
|
120
47
|
const ActionDispatchContext = createContext(null);
|
|
@@ -366,31 +293,6 @@ const useHandleAction = () => {
|
|
|
366
293
|
//#region src/contexts/ActionLoadingDispatchContext.js
|
|
367
294
|
const ActionLoadingDispatchContext = createContext(null);
|
|
368
295
|
|
|
369
|
-
//#endregion
|
|
370
|
-
//#region src/stores/catalogStore.ts
|
|
371
|
-
const useCatalogStore = create()(devtools((set) => ({
|
|
372
|
-
currentApiCatalogId: "",
|
|
373
|
-
setCurrentApiCatalogId: (apiCatalogId) => {
|
|
374
|
-
sessionStorage.setItem("current-api-catalog-id", apiCatalogId);
|
|
375
|
-
set((state) => ({ currentApiCatalogId: apiCatalogId }));
|
|
376
|
-
},
|
|
377
|
-
catalogsMap: {},
|
|
378
|
-
setCatalogsMap: (catalogsMap) => set((state) => ({ catalogsMap: {
|
|
379
|
-
...state.catalogsMap,
|
|
380
|
-
...catalogsMap
|
|
381
|
-
} })),
|
|
382
|
-
promotedEntityMap: {},
|
|
383
|
-
setPromotedEntityMap: (promotedEntityMap) => set((state) => ({ promotedEntityMap: {
|
|
384
|
-
...state.promotedEntityMap,
|
|
385
|
-
...promotedEntityMap
|
|
386
|
-
} })),
|
|
387
|
-
promotedMethodEntitiesMap: {},
|
|
388
|
-
setPromotedMethodEntitiesMap: (promotedMethodEntitiesMap) => set((state) => ({ promotedMethodEntitiesMap: {
|
|
389
|
-
...state.promotedMethodEntitiesMap,
|
|
390
|
-
...promotedMethodEntitiesMap
|
|
391
|
-
} }))
|
|
392
|
-
})));
|
|
393
|
-
|
|
394
296
|
//#endregion
|
|
395
297
|
//#region src/hooks/useActions.js
|
|
396
298
|
const useActions = () => {
|
|
@@ -584,7 +486,7 @@ const useActionState = () => useContext(ActionContext);
|
|
|
584
486
|
|
|
585
487
|
//#endregion
|
|
586
488
|
//#region src/UI/inputs/textField/AmbientTextField.jsx
|
|
587
|
-
const useStyles$
|
|
489
|
+
const useStyles$20 = makeStyles((theme) => ({
|
|
588
490
|
input: {
|
|
589
491
|
borderRadius: 2,
|
|
590
492
|
height: (props) => !props.multiline && !Array.isArray(props.value) && 32,
|
|
@@ -615,7 +517,7 @@ const useStyles$21 = makeStyles((theme) => ({
|
|
|
615
517
|
noLabel: { marginTop: theme.spacing(1) }
|
|
616
518
|
}));
|
|
617
519
|
const AmbientTextField = (props) => {
|
|
618
|
-
const classes = useStyles$
|
|
520
|
+
const classes = useStyles$20(props);
|
|
619
521
|
const { id, label, startAdornment, endAdornment, title = "noTitle",...InputProps } = props;
|
|
620
522
|
return /* @__PURE__ */ React.createElement("div", { className: label ? classes.root : classes.noLabel }, /* @__PURE__ */ React.createElement(TextField, {
|
|
621
523
|
...InputProps,
|
|
@@ -737,7 +639,7 @@ const getEllipseHintColor = (theme, color) => {
|
|
|
737
639
|
|
|
738
640
|
//#endregion
|
|
739
641
|
//#region src/UI/components/dataDisplay/Ellipse.jsx
|
|
740
|
-
const useStyles$
|
|
642
|
+
const useStyles$19 = makeStyles((theme) => ({ root: {
|
|
741
643
|
display: "flex",
|
|
742
644
|
alignItems: "center",
|
|
743
645
|
justifyContent: "center",
|
|
@@ -750,7 +652,7 @@ const useStyles$20 = makeStyles((theme) => ({ root: {
|
|
|
750
652
|
} }));
|
|
751
653
|
const Ellipse = (props) => {
|
|
752
654
|
const { children } = props;
|
|
753
|
-
const classes = useStyles$
|
|
655
|
+
const classes = useStyles$19(props);
|
|
754
656
|
return /* @__PURE__ */ React.createElement("div", { className: classes.root }, children);
|
|
755
657
|
};
|
|
756
658
|
Ellipse.propTypes = {
|
|
@@ -761,7 +663,7 @@ Ellipse.propTypes = {
|
|
|
761
663
|
|
|
762
664
|
//#endregion
|
|
763
665
|
//#region src/UI/templates/ui/GridSidebarContainer.jsx
|
|
764
|
-
const useStyles$
|
|
666
|
+
const useStyles$18 = makeStyles((theme) => ({
|
|
765
667
|
root: {},
|
|
766
668
|
groupWrapper: {
|
|
767
669
|
padding: theme.spacing(2),
|
|
@@ -771,7 +673,7 @@ const useStyles$19 = makeStyles((theme) => ({
|
|
|
771
673
|
}));
|
|
772
674
|
const GridSidebarContainer = (props) => {
|
|
773
675
|
const { children, color } = props;
|
|
774
|
-
const classes = useStyles$
|
|
676
|
+
const classes = useStyles$18(props);
|
|
775
677
|
return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(Paper, {
|
|
776
678
|
elevation: "0",
|
|
777
679
|
square: true,
|
|
@@ -785,7 +687,7 @@ GridSidebarContainer.propTypes = {
|
|
|
785
687
|
|
|
786
688
|
//#endregion
|
|
787
689
|
//#region src/UI/inputs/buttons/AmbientTokenButton.jsx
|
|
788
|
-
const useStyles$
|
|
690
|
+
const useStyles$17 = makeStyles((theme) => ({
|
|
789
691
|
root: {},
|
|
790
692
|
actionHeader: {
|
|
791
693
|
display: "flex",
|
|
@@ -799,7 +701,7 @@ const useStyles$18 = makeStyles((theme) => ({
|
|
|
799
701
|
}));
|
|
800
702
|
const AmbientTokenButton = forwardRef(function AmbientTokenButton$1(props, ref) {
|
|
801
703
|
const { tooltip, ariaLabel, onClick, size, icon = ChevronDownIcon, iconClassName, otherProps, id = "token-button", udprecordid } = props;
|
|
802
|
-
const classes = useStyles$
|
|
704
|
+
const classes = useStyles$17(props);
|
|
803
705
|
return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(Tooltip, { title: tooltip }, /* @__PURE__ */ React.createElement(IconButton, {
|
|
804
706
|
id,
|
|
805
707
|
udprecordid,
|
|
@@ -823,7 +725,7 @@ AmbientTokenButton.propTypes = {
|
|
|
823
725
|
|
|
824
726
|
//#endregion
|
|
825
727
|
//#region src/UI/templates/ui/GridGroupingHeader.jsx
|
|
826
|
-
const useStyles$
|
|
728
|
+
const useStyles$16 = makeStyles((theme) => ({
|
|
827
729
|
root: {},
|
|
828
730
|
actionHeader: {
|
|
829
731
|
display: "flex",
|
|
@@ -837,7 +739,7 @@ const useStyles$17 = makeStyles((theme) => ({
|
|
|
837
739
|
}
|
|
838
740
|
}));
|
|
839
741
|
const GridGroupingHeader = ({ expandClick, collapseClick }) => {
|
|
840
|
-
const classes = useStyles$
|
|
742
|
+
const classes = useStyles$16();
|
|
841
743
|
return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.actionHeader }, /* @__PURE__ */ React.createElement(AmbientTokenButton, {
|
|
842
744
|
icon: ChevronFold10Icon,
|
|
843
745
|
tooltip: "Collapse All",
|
|
@@ -857,7 +759,7 @@ GridGroupingHeader.propTypes = {
|
|
|
857
759
|
|
|
858
760
|
//#endregion
|
|
859
761
|
//#region src/UI/components/dataDisplay/Token.jsx
|
|
860
|
-
const useStyles$
|
|
762
|
+
const useStyles$15 = makeStyles((theme) => ({
|
|
861
763
|
root: { margin: (props) => props.compact ? theme.spacing(.5) : theme.spacing(1) },
|
|
862
764
|
letter: {
|
|
863
765
|
fontSize: (props) => props.size === "small" ? theme.spacing(2.25) : theme.spacing(2.5),
|
|
@@ -874,7 +776,7 @@ const useStyles$16 = makeStyles((theme) => ({
|
|
|
874
776
|
}));
|
|
875
777
|
const Token = (props) => {
|
|
876
778
|
const { type = "default", variant = "outlined", color = "default", size = "large", iconType, icon, letter = "A", IconEllipseProps, onClick } = props;
|
|
877
|
-
const classes = useStyles$
|
|
779
|
+
const classes = useStyles$15(props);
|
|
878
780
|
const theme = useTheme();
|
|
879
781
|
const iconColor = useMemo(() => {
|
|
880
782
|
return getEllipseColor(theme, color);
|
|
@@ -919,7 +821,7 @@ Token.propTypes = {
|
|
|
919
821
|
|
|
920
822
|
//#endregion
|
|
921
823
|
//#region src/UI/inputs/buttons/AmbientToggleButton.jsx
|
|
922
|
-
const useStyles$
|
|
824
|
+
const useStyles$14 = makeStyles((theme) => ({
|
|
923
825
|
root: {},
|
|
924
826
|
groupActionContainer: {
|
|
925
827
|
display: "flex",
|
|
@@ -961,7 +863,7 @@ const useStyles$15 = makeStyles((theme) => ({
|
|
|
961
863
|
}
|
|
962
864
|
}));
|
|
963
865
|
const AmbientToggleButton = ({ children, value, ariaLabel, onClick,...otherProps }) => {
|
|
964
|
-
const classes = useStyles$
|
|
866
|
+
const classes = useStyles$14();
|
|
965
867
|
return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(ToggleButton, {
|
|
966
868
|
classes: { root: classes.buttonRoot },
|
|
967
869
|
value,
|
|
@@ -1084,7 +986,7 @@ var AmbientToggleButtonGroupDefault_default = AmbientToggleButtonGroupDefaultExp
|
|
|
1084
986
|
|
|
1085
987
|
//#endregion
|
|
1086
988
|
//#region src/UI/templates/ui/GridGroupingSidebar.jsx
|
|
1087
|
-
const useStyles$
|
|
989
|
+
const useStyles$13 = makeStyles((theme) => ({
|
|
1088
990
|
root: {},
|
|
1089
991
|
groupActionContainer: {
|
|
1090
992
|
display: "flex",
|
|
@@ -1100,7 +1002,7 @@ const useStyles$14 = makeStyles((theme) => ({
|
|
|
1100
1002
|
buttonGroupWrapper: { gap: theme.spacing(2) }
|
|
1101
1003
|
}));
|
|
1102
1004
|
const GridGroupingSidebar = ({ groupItem, expandClick, collapseClick, closeClick, groupingData, height, color = "#F5F2F8" }) => {
|
|
1103
|
-
const classes = useStyles$
|
|
1005
|
+
const classes = useStyles$13();
|
|
1104
1006
|
const [view, setView] = useState("");
|
|
1105
1007
|
const handleChange = (event, nextView) => {
|
|
1106
1008
|
setView(nextView);
|
|
@@ -1156,7 +1058,7 @@ GridGroupingSidebar.propTypes = {
|
|
|
1156
1058
|
|
|
1157
1059
|
//#endregion
|
|
1158
1060
|
//#region src/utilities/aggrid/SplitButton.jsx
|
|
1159
|
-
const useStyles$
|
|
1061
|
+
const useStyles$12 = makeStyles((theme) => ({
|
|
1160
1062
|
arrowButtonRoot: { padding: 0 },
|
|
1161
1063
|
menu: { zIndex: theme.zIndex.tooltip },
|
|
1162
1064
|
paper: {}
|
|
@@ -1165,7 +1067,7 @@ const useStyles$13 = makeStyles((theme) => ({
|
|
|
1165
1067
|
* https://material-ui.com/components/button-group/#split-button
|
|
1166
1068
|
*/
|
|
1167
1069
|
const SplitButton = (props) => {
|
|
1168
|
-
const classes = useStyles$
|
|
1070
|
+
const classes = useStyles$12(props);
|
|
1169
1071
|
const { popupName, color, size, variant, label, "aria-label": ariaLabel, children } = props;
|
|
1170
1072
|
const popupId = useId(popupName);
|
|
1171
1073
|
const popupState = usePopupState({
|
|
@@ -1203,7 +1105,7 @@ const SplitButton = (props) => {
|
|
|
1203
1105
|
//#endregion
|
|
1204
1106
|
//#region src/utilities/aggrid/AgTable.tsx
|
|
1205
1107
|
LicenseManager.setLicenseKey(LicenseKey);
|
|
1206
|
-
const useStyles$
|
|
1108
|
+
const useStyles$11 = makeStyles((theme) => ({
|
|
1207
1109
|
root: {
|
|
1208
1110
|
flex: 1,
|
|
1209
1111
|
height: (props) => props?.height ? props.height : "calc(100vh - 280px)"
|
|
@@ -1292,7 +1194,7 @@ const AgTableButtons = (props) => {
|
|
|
1292
1194
|
* AgGrid with tweaks
|
|
1293
1195
|
*/
|
|
1294
1196
|
const AgTable = (props) => {
|
|
1295
|
-
const classes = useStyles$
|
|
1197
|
+
const classes = useStyles$11(props);
|
|
1296
1198
|
const { modules: modulesProp, className, getRowHeight, rowModelType, isUsingAgRowHeight = false, hideHeader = false } = props;
|
|
1297
1199
|
const modules = useMemo(() => modulesProp ? globalModules.concat(modulesProp) : globalModules, [modulesProp]);
|
|
1298
1200
|
const calculateRowHeight = (params) => {
|
|
@@ -1320,7 +1222,7 @@ const AgTable = (props) => {
|
|
|
1320
1222
|
|
|
1321
1223
|
//#endregion
|
|
1322
1224
|
//#region src/UI/utilityDisplay/GridActionBar.jsx
|
|
1323
|
-
const useStyles$
|
|
1225
|
+
const useStyles$10 = makeStyles((theme) => ({
|
|
1324
1226
|
root: {
|
|
1325
1227
|
display: "flex",
|
|
1326
1228
|
flexDirection: "row",
|
|
@@ -1356,7 +1258,7 @@ const useStyles$11 = makeStyles((theme) => ({
|
|
|
1356
1258
|
}
|
|
1357
1259
|
}));
|
|
1358
1260
|
const GridActionBar = (props) => {
|
|
1359
|
-
const classes = useStyles$
|
|
1261
|
+
const classes = useStyles$10(props);
|
|
1360
1262
|
const { children, onChange, handleChange, value, exportCSV, exportExcel, exportPDF, fitClick, expandClick, clearClick, exportClick, saveGridConfig, deleteGridConfig, clearGridConfig, title, hideFitGrid = false, hideExpandGrid = false, hideExportGrid = false, hideRemoveFilters = false, hideFilterTab = false, hideGroupTab = false, hideColumnTab = false, hideSearchBar = false } = props;
|
|
1361
1263
|
const gridControlsExport = /* @__PURE__ */ React.createElement("div", null);
|
|
1362
1264
|
return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.title }, title && /* @__PURE__ */ React.createElement(Typography, {
|
|
@@ -1448,7 +1350,7 @@ GridActionBar.propTypes = {
|
|
|
1448
1350
|
|
|
1449
1351
|
//#endregion
|
|
1450
1352
|
//#region src/UI/inputs/buttons/AmbientChipButton.jsx
|
|
1451
|
-
const useStyles$
|
|
1353
|
+
const useStyles$9 = makeStyles((theme) => ({
|
|
1452
1354
|
root: {},
|
|
1453
1355
|
actionHeader: {
|
|
1454
1356
|
display: "flex",
|
|
@@ -1467,7 +1369,7 @@ const useStyles$10 = makeStyles((theme) => ({
|
|
|
1467
1369
|
}));
|
|
1468
1370
|
const AmbientChipButton = forwardRef(function AmbientChipButton$1(props, ref) {
|
|
1469
1371
|
const { tooltip, label, onClick, icon, iconClassName, className, labelClassName, otherProps, id = "chip-button", udprecordid } = props;
|
|
1470
|
-
const classes = useStyles$
|
|
1372
|
+
const classes = useStyles$9(props);
|
|
1471
1373
|
return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(Tooltip, { title: tooltip }, /* @__PURE__ */ React.createElement(Chip, {
|
|
1472
1374
|
id,
|
|
1473
1375
|
udprecordid,
|
|
@@ -1491,7 +1393,7 @@ AmbientChipButton.propTypes = {
|
|
|
1491
1393
|
|
|
1492
1394
|
//#endregion
|
|
1493
1395
|
//#region src/UI/utilityDisplay/GridPrimaryBar.jsx
|
|
1494
|
-
const useStyles$
|
|
1396
|
+
const useStyles$8 = makeStyles((theme) => ({
|
|
1495
1397
|
root: {
|
|
1496
1398
|
display: "flex",
|
|
1497
1399
|
flexDirection: "row",
|
|
@@ -1526,7 +1428,7 @@ const useStyles$9 = makeStyles((theme) => ({
|
|
|
1526
1428
|
}
|
|
1527
1429
|
}));
|
|
1528
1430
|
const GridPrimaryBar = (props) => {
|
|
1529
|
-
const classes = useStyles$
|
|
1431
|
+
const classes = useStyles$8(props);
|
|
1530
1432
|
const { children, onChange, fitClick, expandClick, clearClick, exportClick, filterClick, columnsClick, groupClick, title, hiddenActionButtons, hiddenLabels, hideSearchBar = false, secondaryActionButtons, saveViewClick, viewsClick, insightsClick, onPrimaryActionClick, primaryActionDisabled, primaryActionLabel, primaryActionIcon, onSearchKeyDown } = props;
|
|
1531
1433
|
const [actionButtonMedianPx, setActionButtonMedianPx] = useState(0);
|
|
1532
1434
|
const [actionButtons, setActionButtons] = useState([]);
|
|
@@ -1843,80 +1745,6 @@ GridPrimaryBar.propTypes = {
|
|
|
1843
1745
|
primaryActionIcon: PropTypes.elementType
|
|
1844
1746
|
};
|
|
1845
1747
|
|
|
1846
|
-
//#endregion
|
|
1847
|
-
//#region src/UI/feedback/FluentDialog.jsx
|
|
1848
|
-
const useStyles$8 = makeStyles((theme) => ({
|
|
1849
|
-
root: {},
|
|
1850
|
-
paper: {
|
|
1851
|
-
borderRadius: 2,
|
|
1852
|
-
borderTop: (props) => props.header && `4px solid ${theme.palette.secondary.main}`
|
|
1853
|
-
},
|
|
1854
|
-
title: { color: (props) => props.header && theme.palette.secondary.main },
|
|
1855
|
-
actions: {
|
|
1856
|
-
marginBottom: 0,
|
|
1857
|
-
marginRight: 0,
|
|
1858
|
-
padding: 0
|
|
1859
|
-
},
|
|
1860
|
-
button: {
|
|
1861
|
-
borderRadius: 0,
|
|
1862
|
-
padding: "calc(.875rem - 3px) 23px calc(.875rem - 3px) 15px",
|
|
1863
|
-
textTransform: "none"
|
|
1864
|
-
},
|
|
1865
|
-
dialogContent: {
|
|
1866
|
-
height: (props) => props.dialogContentHeight || "auto",
|
|
1867
|
-
width: (props) => props.dialogContentWidth || "auto"
|
|
1868
|
-
},
|
|
1869
|
-
dialogLeftBorder: {
|
|
1870
|
-
position: "absolute",
|
|
1871
|
-
left: 0,
|
|
1872
|
-
top: 0,
|
|
1873
|
-
bottom: 0,
|
|
1874
|
-
width: theme.spacing(1),
|
|
1875
|
-
backgroundColor: (props) => props.dialogLeftBorderColor ?? theme.palette.primary.main
|
|
1876
|
-
}
|
|
1877
|
-
}));
|
|
1878
|
-
const FluentDialog = (props) => {
|
|
1879
|
-
const classes = useStyles$8(props);
|
|
1880
|
-
const { title, message, actionOne, actionTwo, actionThree, labelOne, labelTwo, labelThree, open, handleClose, ariaLabelledby, ariaDescribedby, titleId, descriptionId, children, buttonOneHidden = false, buttonTwoHidden = false, buttonThreeHidden = true, disableOne, disableTwo, disableThree, progress, enableLeftBorderStyling = false,...otherProps } = props;
|
|
1881
|
-
return /* @__PURE__ */ React.createElement(Dialog, {
|
|
1882
|
-
open,
|
|
1883
|
-
onClose: handleClose,
|
|
1884
|
-
"aria-labelledby": ariaLabelledby,
|
|
1885
|
-
"aria-describedby": ariaDescribedby,
|
|
1886
|
-
...otherProps,
|
|
1887
|
-
classes: { paper: classes.paper }
|
|
1888
|
-
}, /* @__PURE__ */ React.createElement("div", { className: enableLeftBorderStyling ? classes.dialogLeftBorder : "" }), /* @__PURE__ */ React.createElement(DialogTitle, {
|
|
1889
|
-
className: classes.title,
|
|
1890
|
-
id: titleId
|
|
1891
|
-
}, title), /* @__PURE__ */ React.createElement(DialogContent, { className: classes.dialogContent }, /* @__PURE__ */ React.createElement(DialogContentText, { id: descriptionId }, message), children), /* @__PURE__ */ React.createElement(DialogActions, {
|
|
1892
|
-
className: classes.actions,
|
|
1893
|
-
disableSpacing: true
|
|
1894
|
-
}, !buttonThreeHidden && /* @__PURE__ */ React.createElement(Button, {
|
|
1895
|
-
id: "udpRecord-FluentDialog-Confirm",
|
|
1896
|
-
udprecordid: "udpRecord-FluentDialog-Confirm",
|
|
1897
|
-
onClick: actionThree,
|
|
1898
|
-
color: "secondary",
|
|
1899
|
-
disabled: disableThree,
|
|
1900
|
-
className: classes.button
|
|
1901
|
-
}, labelThree), !buttonTwoHidden && /* @__PURE__ */ React.createElement(Button, {
|
|
1902
|
-
id: "udpRecord-FluentDialog-Confirm",
|
|
1903
|
-
udprecordid: "udpRecord-FluentDialog-Confirm",
|
|
1904
|
-
onClick: actionTwo,
|
|
1905
|
-
color: "secondary",
|
|
1906
|
-
disabled: disableTwo,
|
|
1907
|
-
className: classes.button
|
|
1908
|
-
}, labelTwo), !buttonOneHidden && /* @__PURE__ */ React.createElement(PrimaryActionButton, {
|
|
1909
|
-
id: "udpRecord-FluentDialog-Cancel",
|
|
1910
|
-
udprecordid: "udpRecord-FluentDialog-Cancel",
|
|
1911
|
-
disabled: disableOne,
|
|
1912
|
-
onClick: actionOne
|
|
1913
|
-
}, labelOne)), progress && /* @__PURE__ */ React.createElement(LinearProgress, {
|
|
1914
|
-
color: "secondary",
|
|
1915
|
-
value: progress,
|
|
1916
|
-
...otherProps
|
|
1917
|
-
}));
|
|
1918
|
-
};
|
|
1919
|
-
|
|
1920
1748
|
//#endregion
|
|
1921
1749
|
//#region src/utilities/aggrid/GridFunctions.js
|
|
1922
1750
|
const useGridFormat = () => {
|
|
@@ -3491,5 +3319,5 @@ AmbientGridTemplate.propTypes = {
|
|
|
3491
3319
|
};
|
|
3492
3320
|
|
|
3493
3321
|
//#endregion
|
|
3494
|
-
export { ActionContext, ActionDispatchContext, ActionLoadingDispatchContext, ActionsRenderer, AgTable, AgTableButtons, AmbientGridTemplate, AmbientTextField, AmbientToggleButton, AmbientTokenButton, DynamicContainerWithMenu, Ellipse, FilterOperators,
|
|
3495
|
-
//# sourceMappingURL=AmbientGridTemplate-
|
|
3322
|
+
export { ActionContext, ActionDispatchContext, ActionLoadingDispatchContext, ActionsRenderer, AgTable, AgTableButtons, AmbientGridTemplate, AmbientTextField, AmbientToggleButton, AmbientTokenButton, DynamicContainerWithMenu, Ellipse, FilterOperators, GridActionBar, GridGroupingHeader, GridGroupingSidebar, GridSidebarContainer, IconButtonWithTooltip, LicenseKey, SearchOperators, Token, clearGridState, deleteGridState, getEllipseColor, getGridState, getSuccessAction, isValueSelected, onFirstDataRendered, saveGridState, useActionState, useActionStore, useActions, useAgGridApi, useDynamicListCalculation, useExport, useGridClear, useGridFormat, useHandleAction, useInquiryStore, useQuickFilter, useSetInitialInquiryMenuVisibility };
|
|
3323
|
+
//# sourceMappingURL=AmbientGridTemplate-DfAIgTvY.js.map
|