udp-react-enterprise-component-library 25.16.2-beta.1 → 25.16.2-beta.3

package/dist/utilities/search/index.js

@@ -1,6 +1,6 @@
-import "../../useUser-Cn88hlN_.js";
-import "../../unitySystemEnums-DXk8yS3v.js";
-import { getApiMethodIdByPath, getSearchIdentifiers, getSearchObject, useConvertFilterModelToSearchFilters } from "../../SearchUtilities-CxVn31Ak.js";
-import "../../search-D3z7GAO_.js";
+import "../../useUser--tP6DN4i.js";
+import "../../unitySystemEnums-C3qeqk7V.js";
+import { i as useConvertFilterModelToSearchFilters, n as getSearchIdentifiers, r as getSearchObject, t as getApiMethodIdByPath } from "../../SearchUtilities-COTnyxTJ.js";
+import "../../search-D_aYYsru.js";
 
 export { getApiMethodIdByPath, getSearchIdentifiers, getSearchObject, useConvertFilterModelToSearchFilters };

package/dist/utilities/storage/index.js

@@ -1,4 +1,4 @@
-import { clearStoredTenant, getStoredTenant, storeInitialTenant, storeTenant } from "../../UnitySessionStorage-DBqfMiK5.js";
-import "../../storage-Dxdn7n1x.js";
+import { i as storeTenant, n as getStoredTenant, r as storeInitialTenant, t as clearStoredTenant } from "../../UnitySessionStorage-DFfZhXMh.js";
+import "../../storage-C7L-23mT.js";
 
 export { clearStoredTenant, getStoredTenant, storeInitialTenant, storeTenant };

package/dist/utilities/style/index.js

@@ -1,7 +1,7 @@
-import { colors } from "../../colors-VLk-T125.js";
-import { getCategoryColor, getCustomHintColor, getEllipseColor } from "../../colorConverter-sleh0lAZ.js";
-import { greyScale, useTypeScale, verticalPrimary, verticalSecondary } from "../../verticalStyles-CNJRNnZb.js";
-import { ContentContainer } from "../../ContentContainer-DfQA0RcA.js";
-import "../../style-C58TNESf.js";
+import { t as colors } from "../../colors-DvKUCcrv.js";
+import { n as getCustomHintColor, r as getEllipseColor, t as getCategoryColor } from "../../colorConverter-82j_Nyao.js";
+import { i as verticalSecondary, n as useTypeScale, r as verticalPrimary, t as greyScale } from "../../verticalStyles-Dw8XL1HT.js";
+import { t as ContentContainer } from "../../ContentContainer-BS_Rjxry.js";
+import "../../style-9iKHS-Wi.js";
 
 export { ContentContainer, colors, getCategoryColor, getCustomHintColor, getEllipseColor, greyScale, useTypeScale, verticalPrimary, verticalSecondary };

package/dist/utilities/tenant/index.js

@@ -1,14 +1,14 @@
-import "../../apiHelpers-Bju2gkBq.js";
-import "../../pageEnums-CT6NFA8B.js";
-import "../../UnitySessionStorage-DBqfMiK5.js";
-import "../../axiosInterceptors-Dn_haR1Q.js";
-import "../../useUser-Cn88hlN_.js";
-import "../../unitySystemEnums-DXk8yS3v.js";
-import "../../useAxiosGet-CAH3ZOZ8.js";
-import "../../tenantStore-dj8UJA7G.js";
-import { TenantContext } from "../../tenantContext-Bh6_Lj9T.js";
-import { useTenant } from "../../useTenant-BGWpH8AX.js";
-import { TenantProvider } from "../../TenantProvider-CKbxaw0X.js";
-import "../../tenant-Dv4CtN1T.js";
+import "../../apiHelpers-CaBH4Wqe.js";
+import "../../pageEnums-DtccKpw_.js";
+import "../../UnitySessionStorage-DFfZhXMh.js";
+import "../../axiosInterceptors-KQjcnNLO.js";
+import "../../useUser--tP6DN4i.js";
+import "../../unitySystemEnums-C3qeqk7V.js";
+import "../../useAxiosGet-5JQU4EkT.js";
+import "../../tenantStore-BCdG8bEr.js";
+import { t as TenantContext } from "../../tenantContext-CMEUzypH.js";
+import { t as useTenant } from "../../useTenant-aZVmdg7S.js";
+import { t as TenantProvider } from "../../TenantProvider-DE-r9uqS.js";
+import "../../tenant-DalfWrIm.js";
 
 export { TenantContext, TenantProvider, useTenant };

package/dist/utilities/tree/index.js

@@ -1,10 +1,10 @@
-import "../../useUser-Cn88hlN_.js";
-import "../../StringUtilities-DyjYA5pU.js";
-import "../../unitySystemEnums-DXk8yS3v.js";
-import "../../RuleUtilities-DXVlN84J.js";
-import "../../SearchUtilities-CxVn31Ak.js";
-import "../../GroupNode-C1Y28U4c.js";
-import { checkNodeIsHidden, collapseAllNodes, constructBusinessObjectArrFromTree, constructDynamicNodeGroups, constructDynamicNodeGroups2, constructPreloadedTree, constructStaticNodeGroups, deleteNode, deleteNodeAndChildren, expandAllNodes, findAllParentIds, findLastNode, findNodeById, findNodeByIdAndLabel, findNodesByIdAndLabel, formatTreeLabel, formatTreeMenuItem, getAllChildrenNodesToDelete, getDisplayDetails, getDisplayName, getHeaderTitle, getIconFromName, getLazyLoadChildrenArr, getNodeIdForRightBorder, getOrderedDynamicGroups, getSearchValueString, makeDynamicGroupStructures, makeDynamicTreeStructure, makeTreeStaticGroupStructure, makeTreeStructure, mapNodeGroupChildren, mapNodeObjValuesToSearchParameters, processCatalogObjectKeysInOrder, processItemForDynamicNodeGroups, processItemForStaticNodeGroup, processObjIndex, processObjectToTree, processOrderedTreeData, processReferences, searchForMatchingNode, searchTree, transformMenuPageTree, updateTreeIds } from "../../TreeUtilities-BxV5PMJ8.js";
-import "../../tree-BE3grkxa.js";
+import "../../useUser--tP6DN4i.js";
+import "../../StringUtilities-PL6_BoI4.js";
+import "../../unitySystemEnums-C3qeqk7V.js";
+import "../../RuleUtilities-KxbFReyn.js";
+import "../../SearchUtilities-COTnyxTJ.js";
+import "../../GroupNode-CVhNuRfd.js";
+import { A as makeTreeStructure, B as searchForMatchingNode, C as getLazyLoadChildrenArr, D as makeDynamicGroupStructures, E as getSearchValueString, F as processItemForStaticNodeGroup, H as transformMenuPageTree, I as processObjIndex, L as processObjectToTree, M as mapNodeObjValuesToSearchParameters, N as processCatalogObjectKeysInOrder, O as makeDynamicTreeStructure, P as processItemForDynamicNodeGroups, R as processOrderedTreeData, S as getIconFromName, T as getOrderedDynamicGroups, U as updateTreeIds, V as searchTree, _ as formatTreeMenuItem, a as constructDynamicNodeGroups2, b as getDisplayName, c as deleteNode, d as findAllParentIds, f as findLastNode, g as formatTreeLabel, h as findNodesByIdAndLabel, i as constructDynamicNodeGroups, j as mapNodeGroupChildren, k as makeTreeStaticGroupStructure, l as deleteNodeAndChildren, m as findNodeByIdAndLabel, n as collapseAllNodes, o as constructPreloadedTree, p as findNodeById, r as constructBusinessObjectArrFromTree, s as constructStaticNodeGroups, t as checkNodeIsHidden, u as expandAllNodes, v as getAllChildrenNodesToDelete, w as getNodeIdForRightBorder, x as getHeaderTitle, y as getDisplayDetails, z as processReferences } from "../../TreeUtilities-B-PkiWZw.js";
+import "../../tree-TL7VR3tx.js";
 
 export { checkNodeIsHidden, collapseAllNodes, constructBusinessObjectArrFromTree, constructDynamicNodeGroups, constructDynamicNodeGroups2, constructPreloadedTree, constructStaticNodeGroups, deleteNode, deleteNodeAndChildren, expandAllNodes, findAllParentIds, findLastNode, findNodeById, findNodeByIdAndLabel, findNodesByIdAndLabel, formatTreeLabel, formatTreeMenuItem, getAllChildrenNodesToDelete, getDisplayDetails, getDisplayName, getHeaderTitle, getIconFromName, getLazyLoadChildrenArr, getNodeIdForRightBorder, getOrderedDynamicGroups, getSearchValueString, makeDynamicGroupStructures, makeDynamicTreeStructure, makeTreeStaticGroupStructure, makeTreeStructure, mapNodeGroupChildren, mapNodeObjValuesToSearchParameters, processCatalogObjectKeysInOrder, processItemForDynamicNodeGroups, processItemForStaticNodeGroup, processObjIndex, processObjectToTree, processOrderedTreeData, processReferences, searchForMatchingNode, searchTree, transformMenuPageTree, updateTreeIds };

package/dist/utilities/uploader/index.js

@@ -1,6 +1,6 @@
-import "../../FluentButton-h_8VjXGT.js";
-import { formatBytes } from "../../formatBytes-D6vdwZ2k.js";
-import { FileType, FileUpload } from "../../FileUpload-BZYmsW6_.js";
-import "../../uploader-CslKfeTU.js";
+import "../../FluentButton-3xMbN_Vs.js";
+import { t as formatBytes } from "../../formatBytes-BXxFuDvk.js";
+import { n as FileType, t as FileUpload } from "../../FileUpload-DS8nQKNk.js";
+import "../../uploader-DcYXiktt.js";
 
 export { FileType, FileUpload, formatBytes };

package/dist/utilities/utilityBar/index.js

@@ -1,8 +1,8 @@
-import "../../shellStore-Bqwtbs_K.js";
-import { InquiryHeaderSecondary, InquiryHeaderSecondaryAlert, InquiryHeaderSecondaryAlertTarget, InquiryHeaderSecondaryTarget } from "../../InquiryHeaderSecondaryAlert-BnYD5HYk.js";
-import { UtilityBarInport, UtilityBarInportTarget } from "../../UtilityBarInport-BZbPE650.js";
-import { SubHeaderAction, SubHeaderActionsTarget } from "../../SubHeaderAction-vXEAp3A2.js";
-import { InquiryHeaderControl, InquiryHeaderControlTarget, InquiryHeaderTitle, InquiryHeaderTitleTarget } from "../../InquiryHeaderControl-D8G6OuEN.js";
-import "../../utilityBar-efXsIsm6.js";
+import "../../shellStore-B_6P0cep.js";
+import { i as InquiryHeaderSecondaryTarget, n as InquiryHeaderSecondaryAlertTarget, r as InquiryHeaderSecondary, t as InquiryHeaderSecondaryAlert } from "../../InquiryHeaderSecondaryAlert-DyU3gSwo.js";
+import { n as UtilityBarInportTarget, t as UtilityBarInport } from "../../UtilityBarInport-BK2d93K5.js";
+import { n as SubHeaderActionsTarget, t as SubHeaderAction } from "../../SubHeaderAction-F_GKrUBX.js";
+import { i as InquiryHeaderTitleTarget, n as InquiryHeaderControlTarget, r as InquiryHeaderTitle, t as InquiryHeaderControl } from "../../InquiryHeaderControl-DClEzP6_.js";
+import "../../utilityBar-CFHi-LbU.js";
 
 export { InquiryHeaderControl, InquiryHeaderControlTarget, InquiryHeaderSecondary, InquiryHeaderSecondaryAlert, InquiryHeaderSecondaryAlertTarget, InquiryHeaderSecondaryTarget, InquiryHeaderTitle, InquiryHeaderTitleTarget, SubHeaderAction, SubHeaderActionsTarget, UtilityBarInport, UtilityBarInportTarget };

package/dist/utilities/workflow/index.js

@@ -1,6 +1,6 @@
-import "../../DateUtilities-DHTEYbE8.js";
-import "../../workflowEnums-xHM1JN6x.js";
-import { getWorkflowTaskIconByActionType, getWorkflowTaskStateIconByStateType, getWorkflowTaskStateIconColorByStateType, transformWorkflowPlayTree, updateWorkflowPlayNodeState } from "../../workflowUtilities-DpW6oHRe.js";
-import "../../workflow-B3zdi9Fz.js";
+import "../../DateUtilities-DpwKxatA.js";
+import "../../workflowEnums-BOQUbwNm.js";
+import { a as updateWorkflowPlayNodeState, i as transformWorkflowPlayTree, n as getWorkflowTaskStateIconByStateType, r as getWorkflowTaskStateIconColorByStateType, t as getWorkflowTaskIconByActionType } from "../../workflowUtilities-xEyO79d5.js";
+import "../../workflow-CTqF0deg.js";
 
 export { getWorkflowTaskIconByActionType, getWorkflowTaskStateIconByStateType, getWorkflowTaskStateIconColorByStateType, transformWorkflowPlayTree, updateWorkflowPlayNodeState };

package/dist/utilityDisplay-C4vG9xB9.js

@@ -0,0 +1,15 @@
+import React from "react";
+import { InputAdornment } from "@material-ui/core";
+
+//#region src/UI/utilityDisplay/InputAdornment.jsx
+const InputAdornment$1 = (props) => {
+	const { position, children,...otherProps } = props;
+	return /* @__PURE__ */ React.createElement(InputAdornment, {
+		position,
+		...otherProps
+	}, children);
+};
+
+//#endregion
+export { InputAdornment$1 as t };
+//# sourceMappingURL=utilityDisplay-C4vG9xB9.js.map

package/dist/utilityDisplay-C4vG9xB9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utilityDisplay-C4vG9xB9.js","names":["InputAdornment","MuiInputAdornment"],"sources":["../src/UI/utilityDisplay/InputAdornment.jsx"],"sourcesContent":["import React from 'react';\nimport { InputAdornment as MuiInputAdornment } from '@material-ui/core';\n\nexport const InputAdornment = (props) => {\n  const { position, children, ...otherProps } = props;\n\n  return (\n    <MuiInputAdornment position={position} {...otherProps}>\n      {children}\n    </MuiInputAdornment>\n  );\n};\n"],"mappings":";;;;AAGA,MAAaA,oBAAkB,UAAU;CACvC,MAAM,EAAE,UAAU,SAAU,GAAG,eAAe;AAE9C,QACE,oCAACC;EAA4B;EAAU,GAAI;IACxC,SACiB"}

package/dist/utilityHeader-WSu8puXm.js

@@ -0,0 +1,47 @@
+import { n as TeleportSource } from "./PAHAdditionalRightComponent-BE7KGxLS.js";
+import { t as StandardTitle } from "./StandardTitle-C0d5197m.js";
+import { n as FluentSimpleTab, t as FluentSimpleTabs } from "./FluentSimpleTabs-BYR7ts1x.js";
+import React from "react";
+import { makeStyles } from "@material-ui/core";
+
+//#region src/UI/utilityDisplay/utilityHeader/UtilityTabHeader.jsx
+function a11yProps(index) {
+	return {
+		id: `simple-tab-${index}`,
+		"aria-controls": `simple-tabpanel-${index}`
+	};
+}
+const useStyles = makeStyles((theme) => ({
+	root: {
+		flexGrow: 1,
+		marginTop: 12
+	},
+	title: { margin: theme.spacing(2) },
+	titleWrapper: { paddingLeft: theme.spacing(2) }
+}));
+const UtilityTabHeader = ({ handleChange, value, tabList, title = "Page title" }) => {
+	const classes = useStyles();
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.titleWrapper }, /* @__PURE__ */ React.createElement(StandardTitle, null, title)), /* @__PURE__ */ React.createElement(FluentSimpleTabs, {
+		value,
+		onChange: handleChange
+	}, tabList && tabList.map((item, index) => {
+		return /* @__PURE__ */ React.createElement(FluentSimpleTab, {
+			key: item.label,
+			label: item.label,
+			...a11yProps(index)
+		});
+	})));
+};
+
+//#endregion
+//#region src/UI/utilityDisplay/utilityHeader/ui/PAHAdditionalTitleComponent.jsx
+const PAHAdditionalTitleComponent = ({ children, targetId }) => {
+	return /* @__PURE__ */ React.createElement(TeleportSource, {
+		targetId,
+		location: "title"
+	}, children);
+};
+
+//#endregion
+export { UtilityTabHeader as n, PAHAdditionalTitleComponent as t };
+//# sourceMappingURL=utilityHeader-WSu8puXm.js.map

package/dist/utilityHeader-WSu8puXm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utilityHeader-WSu8puXm.js","names":[],"sources":["../src/UI/utilityDisplay/utilityHeader/UtilityTabHeader.jsx","../src/UI/utilityDisplay/utilityHeader/ui/PAHAdditionalTitleComponent.jsx"],"sourcesContent":["import React from 'react'\nimport { makeStyles } from '@material-ui/core'\nimport { FluentSimpleTab } from '../../navigation/tabs/defaultTabs/FluentSimpleTab'\nimport { FluentSimpleTabs } from '../../navigation/tabs/defaultTabs/FluentSimpleTabs'\nimport { StandardTitle } from '../../dataDisplay/typography/StandardTitle'\n\nfunction a11yProps(index) {\n  return {\n    id: `simple-tab-${index}`,\n    'aria-controls': `simple-tabpanel-${index}`\n  }\n}\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    flexGrow: 1,\n    marginTop: 12\n  },\n  title: {\n    margin: theme.spacing(2)\n  },\n  titleWrapper: {\n    paddingLeft: theme.spacing(2)\n  }\n}))\n\nexport const UtilityTabHeader = ({\n  handleChange,\n  value,\n  tabList,\n  title = 'Page title'\n}) => {\n  const classes = useStyles()\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.titleWrapper}>\n        <StandardTitle>{title}</StandardTitle>\n      </div>\n\n      <FluentSimpleTabs value={value} onChange={handleChange}>\n        {tabList &&\n          tabList.map((item, index) => {\n            return (\n              <FluentSimpleTab\n                key={item.label}\n                label={item.label}\n                {...a11yProps(index)}\n              />\n            )\n          })}\n      </FluentSimpleTabs>\n    </div>\n  )\n}\n","import React from 'react';\n\nimport {TeleportSource} from './TeleporterSource';\n\nexport const PAHAdditionalTitleComponent = ({ children, targetId }) => {\n  return <TeleportSource targetId={targetId} location={\"title\"}>{children}</TeleportSource>;\n};\n"],"mappings":";;;;;;;AAMA,SAAS,UAAU,OAAO;AACxB,QAAO;EACL,IAAI,cAAc;EAClB,iBAAiB,mBAAmB;EACrC;;AAGH,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM;EACJ,UAAU;EACV,WAAW;EACZ;CACD,OAAO,EACL,QAAQ,MAAM,QAAQ,EAAE,EACzB;CACD,cAAc,EACZ,aAAa,MAAM,QAAQ,EAAE,EAC9B;CACF,EAAE;AAEH,MAAa,oBAAoB,EAC/B,cACA,OACA,SACA,QAAQ,mBACJ;CACJ,MAAM,UAAU,WAAW;AAE3B,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC,SAAI,WAAW,QAAQ,gBACtB,oCAAC,qBAAe,MAAsB,CAClC,EAEN,oCAAC;EAAwB;EAAO,UAAU;IACvC,WACC,QAAQ,KAAK,MAAM,UAAU;AAC3B,SACE,oCAAC;GACC,KAAK,KAAK;GACV,OAAO,KAAK;GACZ,GAAI,UAAU,MAAM;IACpB;GAEJ,CACa,CACf;;;;;AChDV,MAAa,+BAA+B,EAAE,UAAU,eAAe;AACrE,QAAO,oCAAC;EAAyB;EAAU,UAAU;IAAU,SAA0B"}

package/dist/verticalStyles-Dw8XL1HT.js

@@ -0,0 +1,141 @@
+import { useState } from "react";
+
+//#region src/utilities/style/verticalStyles.js
+const verticalPrimary = (vertical) => {
+	if (vertical === "manage") return "#2951B8";
+	else if (vertical === "engage") return "#9A1A5F";
+	else if (vertical === "play") return "#008383";
+	else if (vertical === "build") return "#CE4A00";
+	else if (vertical === "unity") return "#0C2F50";
+	else if (vertical === "sap") return "#344861";
+	else return "#161616";
+};
+const verticalSecondary = (vertical) => {
+	if (vertical === "manage") return "#09A58C";
+	else if (vertical === "engage") return "#322514";
+	else if (vertical === "play") return "#500472";
+	else if (vertical === "build") return "#bf0d10";
+	else if (vertical === "unity") return "#03BBC3";
+	else if (vertical === "sap") return "#9eb0c2";
+	else return "#0f62fe";
+};
+const useTypeScale = () => {
+	const [h1] = useState({
+		size: "4rem",
+		weight: 600,
+		lineHeight: "4.5rem",
+		letterSpacing: -1.5
+	});
+	const [h2] = useState({
+		size: "2.5rem",
+		weight: 300,
+		lineHeight: 1,
+		letterSpacing: -.5
+	});
+	const [h3] = useState({
+		size: "2rem",
+		weight: 400,
+		lineHeight: "2.5rem",
+		letterSpacing: 0
+	});
+	const [h4] = useState({
+		size: "1.5rem",
+		weight: 400,
+		lineHeight: "2rem",
+		letterSpacing: .25
+	});
+	const [h5] = useState({
+		size: "1.375rem",
+		weight: 400,
+		lineHeight: "1.75rem",
+		letterSpacing: 0
+	});
+	const [h6] = useState({
+		size: "1.1875rem",
+		weight: 600,
+		lineHeight: "1.5rem",
+		letterSpacing: .15
+	});
+	const [subtitle1] = useState({
+		size: "1rem",
+		weight: 400,
+		lineHeight: "1.5rem",
+		letterSpacing: .15
+	});
+	const [subtitle2] = useState({
+		size: "0.875rem",
+		weight: 600,
+		lineHeight: "1.25rem",
+		letterSpacing: .1
+	});
+	const [subtitle3] = useState({
+		size: "0.75rem",
+		weight: 600,
+		lineHeight: "1rem",
+		letterSpacing: .1
+	});
+	const [body1] = useState({
+		size: "0.875rem",
+		weight: 400,
+		lineHeight: "1.5rem",
+		letterSpacing: .5
+	});
+	const [body2] = useState({
+		size: "1rem",
+		weight: 400,
+		lineHeight: "1.5rem",
+		letterSpacing: .25
+	});
+	const [button] = useState({
+		size: "0.875rem",
+		weight: 600,
+		lineHeight: 1,
+		letterSpacing: .15
+	});
+	const [caption] = useState({
+		size: "0.75rem",
+		weight: 600,
+		lineHeight: 1,
+		letterSpacing: .4
+	});
+	const [caption2] = useState({
+		size: "0.65rem",
+		weight: 400,
+		lineHeight: 1,
+		letterSpacing: .4
+	});
+	const [overline] = useState({
+		size: "0.625rem",
+		weight: 400,
+		lineHeight: 1,
+		letterSpacing: 1.5
+	});
+	return [
+		h1,
+		h2,
+		h3,
+		h4,
+		h5,
+		h6,
+		body1,
+		body2,
+		subtitle1,
+		subtitle2,
+		subtitle3,
+		button,
+		caption,
+		caption2,
+		overline
+	];
+};
+const greyScale = (shade) => {
+	let grey;
+	if (shade === "light") grey = "#f6f6f6";
+	else if (shade === "main") grey = "#eeeeee";
+	else grey = "#262626";
+	return grey;
+};
+
+//#endregion
+export { verticalSecondary as i, useTypeScale as n, verticalPrimary as r, greyScale as t };
+//# sourceMappingURL=verticalStyles-Dw8XL1HT.js.map

package/dist/verticalStyles-Dw8XL1HT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verticalStyles-Dw8XL1HT.js","names":[],"sources":["../src/utilities/style/verticalStyles.js"],"sourcesContent":["import { useState } from 'react';\n\nexport const verticalPrimary = (vertical) => {\n  if (vertical === 'manage') {\n    return '#2951B8';\n  } else if (vertical === 'engage') {\n    return '#9A1A5F';\n  } else if (vertical === 'play') {\n    return '#008383';\n  } else if (vertical === 'build') {\n    return '#CE4A00';\n  } else if (vertical === 'unity') {\n    return '#0C2F50';\n  } else if (vertical === 'sap') {\n    return '#344861';\n  } else {\n    return '#161616';\n  }\n};\n\nexport const verticalSecondary = (vertical) => {\n  if (vertical === 'manage') {\n    return '#09A58C';\n  } else if (vertical === 'engage') {\n    return '#322514';\n  } else if (vertical === 'play') {\n    return '#500472';\n  } else if (vertical === 'build') {\n    return '#bf0d10';\n  } else if (vertical === 'unity') {\n    return '#03BBC3';\n  } else if (vertical === 'sap') {\n    return '#9eb0c2';\n  } else {\n    return '#0f62fe';\n  }\n};\n\nexport const useTypeScale = () => {\n  const [h1] = useState({\n    size: '4rem',\n    weight: 600,\n    lineHeight: '4.5rem',\n    letterSpacing: -1.5\n  });\n  const [h2] = useState({\n    size: '2.5rem',\n    weight: 300,\n    lineHeight: 1,\n    letterSpacing: -0.5\n  });\n  const [h3] = useState({\n    size: '2rem',\n    weight: 400,\n    lineHeight: '2.5rem',\n    letterSpacing: 0\n  });\n  const [h4] = useState({\n    size: '1.5rem',\n    weight: 400,\n    lineHeight: '2rem',\n    letterSpacing: 0.25\n  });\n  const [h5] = useState({\n    size: '1.375rem',\n    weight: 400,\n    lineHeight: '1.75rem',\n    letterSpacing: 0\n  });\n  const [h6] = useState({\n    size: '1.1875rem',\n    weight: 600,\n    lineHeight: '1.5rem',\n    letterSpacing: 0.15\n  });\n  const [subtitle1] = useState({\n    size: '1rem',\n    weight: 400,\n    lineHeight: '1.5rem',\n    letterSpacing: 0.15\n  });\n\n  const [subtitle2] = useState({\n    size: '0.875rem',\n    weight: 600,\n    lineHeight: '1.25rem',\n    letterSpacing: 0.1\n  });\n\n  const [subtitle3] = useState({\n    size: '0.75rem',\n    weight: 600,\n    lineHeight: '1rem',\n    letterSpacing: 0.1\n  });\n\n  const [body1] = useState({\n    size: '0.875rem',\n    weight: 400,\n    lineHeight: '1.5rem',\n    letterSpacing: 0.5\n  });\n\n  const [body2] = useState({\n    size: '1rem',\n    weight: 400,\n    lineHeight: '1.5rem',\n    letterSpacing: 0.25\n  });\n\n  const [button] = useState({\n    size: '0.875rem',\n    weight: 600,\n    lineHeight: 1,\n    letterSpacing: 0.15\n  });\n\n  const [caption] = useState({\n    size: '0.75rem',\n    weight: 600,\n    lineHeight: 1,\n    letterSpacing: 0.4\n  });\n\n  const [caption2] = useState({\n    size: '0.65rem',\n    weight: 400,\n    lineHeight: 1,\n    letterSpacing: 0.4\n  });\n\n  const [overline] = useState({\n    size: '0.625rem',\n    weight: 400,\n    lineHeight: 1,\n    letterSpacing: 1.5\n  });\n\n  return [\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6,\n    body1,\n    body2,\n    subtitle1,\n    subtitle2,\n    subtitle3,\n    button,\n    caption,\n    caption2,\n    overline\n  ];\n};\n\nexport const greyScale = (shade) => {\n  let grey;\n\n  if (shade === 'light') {\n    grey = '#f6f6f6';\n  } else if (shade === 'main') {\n    grey = '#eeeeee';\n  } else {\n    grey = '#262626';\n  }\n  return grey;\n};\n"],"mappings":";;;AAEA,MAAa,mBAAmB,aAAa;AAC3C,KAAI,aAAa,SACf,QAAO;UACE,aAAa,SACtB,QAAO;UACE,aAAa,OACtB,QAAO;UACE,aAAa,QACtB,QAAO;UACE,aAAa,QACtB,QAAO;UACE,aAAa,MACtB,QAAO;KAEP,QAAO;;AAIX,MAAa,qBAAqB,aAAa;AAC7C,KAAI,aAAa,SACf,QAAO;UACE,aAAa,SACtB,QAAO;UACE,aAAa,OACtB,QAAO;UACE,aAAa,QACtB,QAAO;UACE,aAAa,QACtB,QAAO;UACE,aAAa,MACtB,QAAO;KAEP,QAAO;;AAIX,MAAa,qBAAqB;CAChC,MAAM,CAAC,MAAM,SAAS;EACpB,MAAM;EACN,QAAQ;EACR,YAAY;EACZ,eAAe;EAChB,CAAC;CACF,MAAM,CAAC,MAAM,SAAS;EACpB,MAAM;EACN,QAAQ;EACR,YAAY;EACZ,eAAe;EAChB,CAAC;CACF,MAAM,CAAC,MAAM,SAAS;EACpB,MAAM;EACN,QAAQ;EACR,YAAY;EACZ,eAAe;EAChB,CAAC;CACF,MAAM,CAAC,MAAM,SAAS;EACpB,MAAM;EACN,QAAQ;EACR,YAAY;EACZ,eAAe;EAChB,CAAC;CACF,MAAM,CAAC,MAAM,SAAS;EACpB,MAAM;EACN,QAAQ;EACR,YAAY;EACZ,eAAe;EAChB,CAAC;CACF,MAAM,CAAC,MAAM,SAAS;EACpB,MAAM;EACN,QAAQ;EACR,YAAY;EACZ,eAAe;EAChB,CAAC;CACF,MAAM,CAAC,aAAa,SAAS;EAC3B,MAAM;EACN,QAAQ;EACR,YAAY;EACZ,eAAe;EAChB,CAAC;CAEF,MAAM,CAAC,aAAa,SAAS;EAC3B,MAAM;EACN,QAAQ;EACR,YAAY;EACZ,eAAe;EAChB,CAAC;CAEF,MAAM,CAAC,aAAa,SAAS;EAC3B,MAAM;EACN,QAAQ;EACR,YAAY;EACZ,eAAe;EAChB,CAAC;CAEF,MAAM,CAAC,SAAS,SAAS;EACvB,MAAM;EACN,QAAQ;EACR,YAAY;EACZ,eAAe;EAChB,CAAC;CAEF,MAAM,CAAC,SAAS,SAAS;EACvB,MAAM;EACN,QAAQ;EACR,YAAY;EACZ,eAAe;EAChB,CAAC;CAEF,MAAM,CAAC,UAAU,SAAS;EACxB,MAAM;EACN,QAAQ;EACR,YAAY;EACZ,eAAe;EAChB,CAAC;CAEF,MAAM,CAAC,WAAW,SAAS;EACzB,MAAM;EACN,QAAQ;EACR,YAAY;EACZ,eAAe;EAChB,CAAC;CAEF,MAAM,CAAC,YAAY,SAAS;EAC1B,MAAM;EACN,QAAQ;EACR,YAAY;EACZ,eAAe;EAChB,CAAC;CAEF,MAAM,CAAC,YAAY,SAAS;EAC1B,MAAM;EACN,QAAQ;EACR,YAAY;EACZ,eAAe;EAChB,CAAC;AAEF,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;;AAGH,MAAa,aAAa,UAAU;CAClC,IAAI;AAEJ,KAAI,UAAU,QACZ,QAAO;UACE,UAAU,OACnB,QAAO;KAEP,QAAO;AAET,QAAO"}

package/dist/virtualActions-CVQjzQ44.js

@@ -0,0 +1,84 @@
+import { t as Field } from "./Field-Cpjv208h.js";
+import { t as findTermByType } from "./CrudBrowserUtilities-BXQ52z0n.js";
+import { t as DateTimeField } from "./DateTimeField-U74kkJm-.js";
+import { t as FluentToggle } from "./FluentToggle-C2u7hxkz.js";
+import { t as PropertyTypeEnum } from "./propertyTypeEnums-6Agj3u8g.js";
+import { a as toTitleCase, i as toLowerFirstChar } from "./StringUtilities-PL6_BoI4.js";
+import React, { useCallback } from "react";
+import { FormControlLabel, TextField } from "@material-ui/core";
+
+//#region src/hooks/virtualActions.jsx
+function useVirtualActions() {
+	return { renderInputByFieldType: useCallback((formField, index, virtualTableFormData, classes) => {
+		const NUMBER_TYPE = [
+			PropertyTypeEnum.Int,
+			PropertyTypeEnum.Long,
+			PropertyTypeEnum.Double
+		];
+		if (formField.type === "boolean" && virtualTableFormData[toLowerFirstChar(formField.name)] === "") virtualTableFormData[toLowerFirstChar(formField.name)] = false;
+		const fieldType = formField.type?.toLowerCase();
+		let fieldIsNumberType = NUMBER_TYPE.includes(fieldType);
+		const DefaultTextField = /* @__PURE__ */ React.createElement(Field, {
+			component: TextField,
+			id: `${formField.name}${index}`,
+			name: toLowerFirstChar(formField.name),
+			label: toTitleCase(formField.name),
+			initialValue: virtualTableFormData[toLowerFirstChar(formField.name)] || "",
+			type: fieldIsNumberType && "number",
+			fullWidth: true,
+			variant: "outlined",
+			size: "small",
+			required: !formField?.nullable,
+			margin: "dense",
+			InputProps: { classes: {
+				root: classes?.input,
+				input: classes?.formTextInput
+			} },
+			InputLabelProps: { classes: { root: classes?.labelRoot } },
+			disabled: formField?.disabled
+		});
+		const DefaultFluentToggle = /* @__PURE__ */ React.createElement(FormControlLabel, {
+			control: /* @__PURE__ */ React.createElement(Field, {
+				component: FluentToggle,
+				type: "checkbox",
+				id: `${formField.name}${index}`,
+				name: toLowerFirstChar(formField.name),
+				label: toTitleCase(formField.name),
+				initialValue: typeof virtualTableFormData[toLowerFirstChar(formField.name)] === "boolean" ? virtualTableFormData[toLowerFirstChar(formField.name)] : virtualTableFormData[toLowerFirstChar(formField.name)] === "true" ? true : false,
+				disabled: formField?.disabled,
+				classes: { root: classes?.switchRoot },
+				color: "secondary",
+				inputProps: { "aria-label": "Active condition" }
+			}),
+			label: toTitleCase(formField.name),
+			labelPlacement: "start",
+			style: { marginLeft: 4 }
+		});
+		switch (fieldType.toLowerCase()) {
+			case findTermByType(fieldType, "int"):
+			case findTermByType(fieldType, "long"):
+			case findTermByType(fieldType, "double"):
+			case findTermByType(fieldType, "string"):
+			case findTermByType(fieldType, "string uuid"): return DefaultTextField;
+			case findTermByType(fieldType, "boolean"): return DefaultFluentToggle;
+			case findTermByType(fieldType, "datetime"): return /* @__PURE__ */ React.createElement(Field, {
+				disabled: formField?.disabled,
+				component: DateTimeField,
+				id: `${formField.name}${index}`,
+				name: toLowerFirstChar(formField.name),
+				label: toTitleCase(formField.name),
+				initialValue: virtualTableFormData[toLowerFirstChar(formField.name)] ? new Date(virtualTableFormData[toLowerFirstChar(formField.name)]) : "",
+				fullWidth: true,
+				variant: "outlined",
+				size: "small",
+				required: !formField?.nullable,
+				style: { marginTop: 8 }
+			});
+			default: return null;
+		}
+	}, []) };
+}
+
+//#endregion
+export { useVirtualActions as t };
+//# sourceMappingURL=virtualActions-CVQjzQ44.js.map

package/dist/virtualActions-CVQjzQ44.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtualActions-CVQjzQ44.js","names":[],"sources":["../src/hooks/virtualActions.jsx"],"sourcesContent":["import { FormControlLabel, TextField } from '@material-ui/core';\nimport React, { useCallback } from 'react';\nimport { DateTimeField } from '../UI/inputs/datetimes/DateTimeField';\nimport { Field } from '../utilities/form';\nimport { findTermByType } from '../utilities/maintenanceEngine/CrudBrowserUtilities';\nimport { FluentToggle } from '../UI/inputs/toggle/FluentToggle';\nimport { PropertyTypeEnum } from '../enums/propertyTypeEnums';\nimport { toLowerFirstChar } from '../utilities/input/StringUtilities';\nimport { toTitleCase } from '../utilities/input/StringUtilities';\n\nexport function useVirtualActions() {\n  const renderInputByFieldType = useCallback(\n    (formField, index, virtualTableFormData, classes) => {\n      const NUMBER_TYPE = [\n        PropertyTypeEnum.Int,\n        PropertyTypeEnum.Long,\n        PropertyTypeEnum.Double\n      ];\n\n      if (\n        formField.type === 'boolean' &&\n        virtualTableFormData[toLowerFirstChar(formField.name)] === ''\n      ) {\n        virtualTableFormData[toLowerFirstChar(formField.name)] = false;\n      }\n\n      const fieldType = formField.type?.toLowerCase();\n      let fieldIsNumberType = NUMBER_TYPE.includes(fieldType);\n\n      const DefaultTextField = (\n        <Field\n          component={TextField}\n          id={`${formField.name}${index}`}\n          name={toLowerFirstChar(formField.name)}\n          label={toTitleCase(formField.name)}\n          initialValue={\n            virtualTableFormData[toLowerFirstChar(formField.name)] || ''\n          }\n          type={fieldIsNumberType && 'number'}\n          fullWidth\n          variant='outlined'\n          size='small'\n          required={!formField?.nullable}\n          margin='dense'\n          InputProps={{\n            classes: {\n              root: classes?.input,\n              input: classes?.formTextInput\n            }\n          }}\n          InputLabelProps={{\n            classes: {\n              root: classes?.labelRoot\n            }\n          }}\n          disabled={formField?.disabled}\n        />\n      );\n\n      const DefaultFluentToggle = (\n        <FormControlLabel\n          control={\n            <Field\n              component={FluentToggle}\n              type='checkbox'\n              id={`${formField.name}${index}`}\n              name={toLowerFirstChar(formField.name)}\n              label={toTitleCase(formField.name)}\n              initialValue={\n                typeof virtualTableFormData[\n                  toLowerFirstChar(formField.name)\n                ] === 'boolean'\n                  ? virtualTableFormData[toLowerFirstChar(formField.name)]\n                  : virtualTableFormData[toLowerFirstChar(formField.name)] ===\n                    'true'\n                  ? true\n                  : false\n              }\n              disabled={formField?.disabled}\n              classes={{ root: classes?.switchRoot }}\n              color='secondary'\n              inputProps={{ 'aria-label': 'Active condition' }}\n            />\n          }\n          label={toTitleCase(formField.name)}\n          labelPlacement='start'\n          style={{ marginLeft: 4 }}\n        />\n      );\n\n      switch (fieldType.toLowerCase()) {\n        case findTermByType(fieldType, 'int'):\n        case findTermByType(fieldType, 'long'):\n        case findTermByType(fieldType, 'double'):\n        case findTermByType(fieldType, 'string'):\n        case findTermByType(fieldType, 'string uuid'):\n          return DefaultTextField;\n        case findTermByType(fieldType, 'boolean'):\n          return DefaultFluentToggle;\n        case findTermByType(fieldType, 'datetime'):\n          return (\n            <Field\n              disabled={formField?.disabled}\n              component={DateTimeField}\n              id={`${formField.name}${index}`}\n              name={toLowerFirstChar(formField.name)}\n              label={toTitleCase(formField.name)}\n              initialValue={\n                virtualTableFormData[toLowerFirstChar(formField.name)]\n                  ? new Date(\n                      virtualTableFormData[toLowerFirstChar(formField.name)]\n                    )\n                  : ''\n              }\n              fullWidth\n              variant='outlined'\n              size='small'\n              required={!formField?.nullable}\n              style={{ marginTop: 8 }}\n            />\n          );\n        default:\n          return null;\n      }\n    },\n    []\n  );\n\n  return {\n    renderInputByFieldType\n  };\n}\n"],"mappings":";;;;;;;;;;AAUA,SAAgB,oBAAoB;AAsHlC,QAAO,EACL,wBAtH6B,aAC5B,WAAW,OAAO,sBAAsB,YAAY;EACnD,MAAM,cAAc;GAClB,iBAAiB;GACjB,iBAAiB;GACjB,iBAAiB;GAClB;AAED,MACE,UAAU,SAAS,aACnB,qBAAqB,iBAAiB,UAAU,KAAK,MAAM,GAE3D,sBAAqB,iBAAiB,UAAU,KAAK,IAAI;EAG3D,MAAM,YAAY,UAAU,MAAM,aAAa;EAC/C,IAAI,oBAAoB,YAAY,SAAS,UAAU;EAEvD,MAAM,mBACJ,oCAAC;GACC,WAAW;GACX,IAAI,GAAG,UAAU,OAAO;GACxB,MAAM,iBAAiB,UAAU,KAAK;GACtC,OAAO,YAAY,UAAU,KAAK;GAClC,cACE,qBAAqB,iBAAiB,UAAU,KAAK,KAAK;GAE5D,MAAM,qBAAqB;GAC3B;GACA,SAAQ;GACR,MAAK;GACL,UAAU,CAAC,WAAW;GACtB,QAAO;GACP,YAAY,EACV,SAAS;IACP,MAAM,SAAS;IACf,OAAO,SAAS;IACjB,EACF;GACD,iBAAiB,EACf,SAAS,EACP,MAAM,SAAS,WAChB,EACF;GACD,UAAU,WAAW;IACrB;EAGJ,MAAM,sBACJ,oCAAC;GACC,SACE,oCAAC;IACC,WAAW;IACX,MAAK;IACL,IAAI,GAAG,UAAU,OAAO;IACxB,MAAM,iBAAiB,UAAU,KAAK;IACtC,OAAO,YAAY,UAAU,KAAK;IAClC,cACE,OAAO,qBACL,iBAAiB,UAAU,KAAK,MAC5B,YACF,qBAAqB,iBAAiB,UAAU,KAAK,IACrD,qBAAqB,iBAAiB,UAAU,KAAK,MACrD,SACA,OACA;IAEN,UAAU,WAAW;IACrB,SAAS,EAAE,MAAM,SAAS,YAAY;IACtC,OAAM;IACN,YAAY,EAAE,cAAc,oBAAoB;KAChD;GAEJ,OAAO,YAAY,UAAU,KAAK;GAClC,gBAAe;GACf,OAAO,EAAE,YAAY,GAAG;IACxB;AAGJ,UAAQ,UAAU,aAAa,EAA/B;GACE,KAAK,eAAe,WAAW,MAAM;GACrC,KAAK,eAAe,WAAW,OAAO;GACtC,KAAK,eAAe,WAAW,SAAS;GACxC,KAAK,eAAe,WAAW,SAAS;GACxC,KAAK,eAAe,WAAW,cAAc,CAC3C,QAAO;GACT,KAAK,eAAe,WAAW,UAAU,CACvC,QAAO;GACT,KAAK,eAAe,WAAW,WAAW,CACxC,QACE,oCAAC;IACC,UAAU,WAAW;IACrB,WAAW;IACX,IAAI,GAAG,UAAU,OAAO;IACxB,MAAM,iBAAiB,UAAU,KAAK;IACtC,OAAO,YAAY,UAAU,KAAK;IAClC,cACE,qBAAqB,iBAAiB,UAAU,KAAK,IACjD,IAAI,KACF,qBAAqB,iBAAiB,UAAU,KAAK,EACtD,GACD;IAEN;IACA,SAAQ;IACR,MAAK;IACL,UAAU,CAAC,WAAW;IACtB,OAAO,EAAE,WAAW,GAAG;KACvB;GAEN,QACE,QAAO;;IAGb,EAAE,CACH,EAIA"}