udp-react-enterprise-component-library 25.18.3 → 25.18.4-beta.2

package/dist/utilityDisplay-DlzAeeNd.js

@@ -1,98 +0,0 @@
-import { t as FluentIconButton } from "./FluentIconButton-DbRAEsPC.js";
-import { n as useShellStore } from "./shellStore-C8zfPsZ-.js";
-import { t as useActionState } from "./useActions-BAyugLx0.js";
-import { i as InquiryHeaderSecondaryTarget, n as InquiryHeaderSecondaryAlertTarget } from "./InquiryHeaderSecondaryAlert-D9Zq51Y0.js";
-import { n as SubHeaderActionsTarget } from "./SubHeaderAction-BITQd-zR.js";
-import { i as InquiryHeaderTitleTarget, n as InquiryHeaderControlTarget } from "./InquiryHeaderControl-D9QjVAxv.js";
-import React from "react";
-import { Card, Collapse, Divider, makeStyles } from "@material-ui/core";
-import clsx from "clsx";
-import { ChevronDownIcon, ChevronUpIcon } from "@fluentui/react-icons";
-
-//#region src/UI/utilityDisplay/UtilityBar.jsx
-const useStyles = makeStyles((theme) => ({
-	root: {},
-	bar: {
-		display: "flex",
-		flexDirection: "row"
-	},
-	gutters: { paddingLeft: theme.spacing(2) },
-	content: {
-		flex: 1,
-		width: "100%"
-	},
-	collapsed: {
-		height: 0,
-		transition: theme.transitions.create("height", {
-			easing: theme.transitions.easing.easeOut,
-			duration: theme.transitions.duration.leavingScreen
-		})
-	},
-	expanded: { transition: theme.transitions.create("height", {
-		easing: theme.transitions.easing.easeIn,
-		duration: theme.transitions.duration.enteringScreen
-	}) },
-	open: {
-		display: "flex",
-		justifyContent: "flex-end"
-	},
-	toggleButton: {
-		position: "absolute",
-		right: theme.spacing(1),
-		top: theme.spacing(1)
-	},
-	cardRoot: { "&:last-child": { paddingBottom: theme.spacing(1) } },
-	chevronButtonOpen: {
-		display: "flex",
-		justifyContent: "center",
-		marginLeft: 25,
-		zIndex: theme.zIndex.appBar
-	},
-	chevronButtonClosed: {
-		position: "absolute",
-		left: "50%",
-		top: 11,
-		zIndex: theme.zIndex.appBar
-	},
-	chevronButtonClosedLower: {
-		display: "flex",
-		justifyContent: "center",
-		marginLeft: 25,
-		zIndex: theme.zIndex.appBar
-	},
-	inquiryHeader: {
-		display: "flex",
-		flexDirection: "column"
-	}
-}), { name: "UtilityBar" });
-const UtilityBar = (props) => {
-	const classes = useStyles(props);
-	const { className, gutters = true, expander, toggleOne, toggleTwo, closePrimary = false, closeSecondary = false, expanded = true, expandedSecondary, setExpanded, setExpandedSecondary } = props;
-	const { pageSplitScreen } = useActionState() || {};
-	const shaHasChildren = useShellStore((state) => state.subHeaderActionHasChildren);
-	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.bar, gutters && classes.gutters, className) }, /* @__PURE__ */ React.createElement("div", {
-		className: classes.content,
-		style: { zIndex: pageSplitScreen?.open ? 1100 : "" }
-	}, !expander && /* @__PURE__ */ React.createElement(Card, { variant: `${shaHasChildren ? "outlined" : "elevation"}` }, /* @__PURE__ */ React.createElement(SubHeaderActionsTarget, { className: classes.actions })), expander && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Card, {
-		className: classes.card,
-		square: true
-	}, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(InquiryHeaderTitleTarget, null), /* @__PURE__ */ React.createElement(Collapse, {
-		in: closePrimary,
-		timeout: "auto"
-	}, /* @__PURE__ */ React.createElement(SubHeaderActionsTarget, { className: classes.actions })), toggleOne && /* @__PURE__ */ React.createElement("div", { className: clsx(expanded ? classes.chevronButtonOpen : classes.chevronButtonClosed) }, /* @__PURE__ */ React.createElement(FluentIconButton, {
-		onClick: setExpanded,
-		icon: expanded ? ChevronUpIcon : ChevronDownIcon,
-		className: classes.icon
-	}))), /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement(Collapse, {
-		in: closeSecondary,
-		timeout: "auto"
-	}, /* @__PURE__ */ React.createElement("div", { className: classes.inquiryHeader }, /* @__PURE__ */ React.createElement(InquiryHeaderSecondaryTarget, { className: classes.actions }), /* @__PURE__ */ React.createElement(InquiryHeaderSecondaryAlertTarget, { className: classes.actions }))), /* @__PURE__ */ React.createElement(InquiryHeaderControlTarget, null), toggleTwo && /* @__PURE__ */ React.createElement("div", { className: clsx(expandedSecondary ? classes.chevronButtonOpen : classes.chevronButtonClosedLower) }, /* @__PURE__ */ React.createElement(FluentIconButton, {
-		onClick: setExpandedSecondary,
-		icon: expandedSecondary ? ChevronUpIcon : ChevronDownIcon,
-		className: classes.icon
-	}))))));
-};
-
-//#endregion
-export { UtilityBar as t };
-//# sourceMappingURL=utilityDisplay-DlzAeeNd.js.map

package/dist/utilityDisplay-DlzAeeNd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utilityDisplay-DlzAeeNd.js","names":[],"sources":["../src/UI/utilityDisplay/UtilityBar.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles, Card, Collapse, Divider } from '@material-ui/core';\nimport { FluentIconButton } from '../inputs/buttons/FluentIconButton';\nimport { ChevronDownIcon, ChevronUpIcon } from '@fluentui/react-icons';\nimport clsx from 'clsx';\nimport { SubHeaderActionsTarget } from '../../utilities/utilityBar/SubHeaderAction';\nimport { InquiryHeaderTitleTarget } from '../../utilities/utilityBar/InquiryHeaderTitle';\nimport { InquiryHeaderControlTarget } from '../../utilities/utilityBar/InquiryHeaderControl';\nimport { InquiryHeaderSecondaryTarget } from '../../utilities/utilityBar/InquiryHeaderSecondary';\nimport { InquiryHeaderSecondaryAlertTarget } from '../../utilities/utilityBar/InquiryHeaderSecondaryAlert';\nimport { useActionState } from '../../hooks/useActions';\nimport { useShellStore } from '../../stores/shellStore';\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    root: {},\n    bar: {\n      display: 'flex',\n      flexDirection: 'row'\n    },\n    gutters: {\n      paddingLeft: theme.spacing(2)\n    },\n    content: {\n      flex: 1,\n      width: '100%'\n    },\n    collapsed: {\n      height: 0,\n      transition: theme.transitions.create('height', {\n        easing: theme.transitions.easing.easeOut,\n        duration: theme.transitions.duration.leavingScreen\n      })\n    },\n    expanded: {\n      transition: theme.transitions.create('height', {\n        easing: theme.transitions.easing.easeIn,\n        duration: theme.transitions.duration.enteringScreen\n      })\n    },\n    open: {\n      display: 'flex',\n      justifyContent: 'flex-end'\n    },\n    toggleButton: {\n      position: 'absolute',\n      right: theme.spacing(1),\n      top: theme.spacing(1)\n    },\n    cardRoot: {\n      '&:last-child': {\n        paddingBottom: theme.spacing(1)\n      }\n    },\n    chevronButtonOpen: {\n      display: 'flex',\n      justifyContent: 'center',\n      marginLeft: 25,\n      zIndex: theme.zIndex.appBar\n    },\n    chevronButtonClosed: {\n      position: 'absolute',\n      left: '50%',\n      top: 11,\n      zIndex: theme.zIndex.appBar\n    },\n    chevronButtonClosedLower: {\n      display: 'flex',\n      justifyContent: 'center',\n      marginLeft: 25,\n      zIndex: theme.zIndex.appBar\n    },\n    inquiryHeader: {\n      display: 'flex',\n      flexDirection: 'column'\n      // alignItems: 'center'\n    }\n  }),\n\n  { name: 'UtilityBar' }\n);\n\nexport const UtilityBar = (props) => {\n\n  const classes = useStyles(props);\n  // const { expanded = true, gutters = true, className } = props\n  const {\n    className,\n    gutters = true,\n    expander,\n    toggleOne,\n    toggleTwo,\n    closePrimary = false,\n    closeSecondary = false,\n    expanded = true,\n    expandedSecondary,\n    setExpanded,\n    setExpandedSecondary\n  } = props;\n\n  const actionState = useActionState();\n  const { pageSplitScreen } = actionState || {};\n\n  const shaHasChildren = useShellStore(\n    (state) => state.subHeaderActionHasChildren\n  );\n\n  return (\n    <div className={clsx(classes.bar, gutters && classes.gutters, className)}>\n      <div\n        className={classes.content}\n        style={{ zIndex: pageSplitScreen?.open ? 1100 : '' }}\n      >\n        {!expander && (\n          <Card variant={`${shaHasChildren ? 'outlined' : 'elevation'}`}>\n            <SubHeaderActionsTarget className={classes.actions} />\n          </Card>\n        )}\n        {expander && (\n          <div>\n            <Card className={classes.card} square>\n              {/* <CardContent classes={{ root: classes.cardRoot }}> */}\n              <div>\n                <InquiryHeaderTitleTarget />\n\n                {/* <Collapse in={expanded || closePrimary} timeout='auto'> */}\n                <Collapse in={closePrimary} timeout='auto'>\n                  <SubHeaderActionsTarget className={classes.actions} />\n                </Collapse>\n\n                {toggleOne && (\n                  <div\n                    className={clsx(\n                      expanded\n                        ? classes.chevronButtonOpen\n                        : classes.chevronButtonClosed\n                    )}\n                  >\n                    <FluentIconButton\n                      // onClick={() => setExpanded(!expanded)}\n                      onClick={setExpanded}\n                      icon={expanded ? ChevronUpIcon : ChevronDownIcon}\n                      className={classes.icon}\n                    // rounded={!expanded}\n                    />\n                  </div>\n                )}\n              </div>\n              <Divider />\n              {/* </CardContent> */}\n              {/* <Collapse in={expandedSecondary || closeSecondary} timeout='auto'> */}\n              <Collapse in={closeSecondary} timeout='auto'>\n                <div className={classes.inquiryHeader}>\n                  <InquiryHeaderSecondaryTarget className={classes.actions} />\n                  <InquiryHeaderSecondaryAlertTarget\n                    className={classes.actions}\n                  />\n                </div>\n              </Collapse>\n              <InquiryHeaderControlTarget />\n              {toggleTwo && (\n                <div\n                  className={clsx(\n                    expandedSecondary\n                      ? classes.chevronButtonOpen\n                      : classes.chevronButtonClosedLower\n                  )}\n                >\n                  <FluentIconButton\n                    // onClick={() => setExpandedSecondary(!expandedSecondary)}\n                    onClick={setExpandedSecondary}\n                    icon={expandedSecondary ? ChevronUpIcon : ChevronDownIcon}\n                    className={classes.icon}\n                  // rounded={!expandedSecondary}\n                  />\n                </div>\n              )}\n            </Card>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAaA,MAAM,YAAY,YACf,WAAW;CACV,MAAM,EAAE;CACR,KAAK;EACH,SAAS;EACT,eAAe;EAChB;CACD,SAAS,EACP,aAAa,MAAM,QAAQ,EAAE,EAC9B;CACD,SAAS;EACP,MAAM;EACN,OAAO;EACR;CACD,WAAW;EACT,QAAQ;EACR,YAAY,MAAM,YAAY,OAAO,UAAU;GAC7C,QAAQ,MAAM,YAAY,OAAO;GACjC,UAAU,MAAM,YAAY,SAAS;GACtC,CAAC;EACH;CACD,UAAU,EACR,YAAY,MAAM,YAAY,OAAO,UAAU;EAC7C,QAAQ,MAAM,YAAY,OAAO;EACjC,UAAU,MAAM,YAAY,SAAS;EACtC,CAAC,EACH;CACD,MAAM;EACJ,SAAS;EACT,gBAAgB;EACjB;CACD,cAAc;EACZ,UAAU;EACV,OAAO,MAAM,QAAQ,EAAE;EACvB,KAAK,MAAM,QAAQ,EAAE;EACtB;CACD,UAAU,EACR,gBAAgB,EACd,eAAe,MAAM,QAAQ,EAAE,EAChC,EACF;CACD,mBAAmB;EACjB,SAAS;EACT,gBAAgB;EAChB,YAAY;EACZ,QAAQ,MAAM,OAAO;EACtB;CACD,qBAAqB;EACnB,UAAU;EACV,MAAM;EACN,KAAK;EACL,QAAQ,MAAM,OAAO;EACtB;CACD,0BAA0B;EACxB,SAAS;EACT,gBAAgB;EAChB,YAAY;EACZ,QAAQ,MAAM,OAAO;EACtB;CACD,eAAe;EACb,SAAS;EACT,eAAe;EAEhB;CACF,GAED,EAAE,MAAM,cAAc,CACvB;AAED,MAAa,cAAc,UAAU;CAEnC,MAAM,UAAU,UAAU,MAAM;CAEhC,MAAM,EACJ,WACA,UAAU,MACV,UACA,WACA,WACA,eAAe,OACf,iBAAiB,OACjB,WAAW,MACX,mBACA,aACA,yBACE;CAGJ,MAAM,EAAE,oBADY,gBAAgB,IACO,EAAE;CAE7C,MAAM,iBAAiB,eACpB,UAAU,MAAM,2BAClB;AAED,QACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,KAAK,WAAW,QAAQ,SAAS,UAAU,IACtE,oCAAC;EACC,WAAW,QAAQ;EACnB,OAAO,EAAE,QAAQ,iBAAiB,OAAO,OAAO,IAAI;IAEnD,CAAC,YACA,oCAAC,QAAK,SAAS,GAAG,iBAAiB,aAAa,iBAC9C,oCAAC,0BAAuB,WAAW,QAAQ,UAAW,CACjD,EAER,YACC,oCAAC,aACC,oCAAC;EAAK,WAAW,QAAQ;EAAM;IAE7B,oCAAC,aACC,oCAAC,+BAA2B,EAG5B,oCAAC;EAAS,IAAI;EAAc,SAAQ;IAClC,oCAAC,0BAAuB,WAAW,QAAQ,UAAW,CAC7C,EAEV,aACC,oCAAC,SACC,WAAW,KACT,WACI,QAAQ,oBACR,QAAQ,oBACb,IAED,oCAAC;EAEC,SAAS;EACT,MAAM,WAAW,gBAAgB;EACjC,WAAW,QAAQ;GAEnB,CACE,CAEJ,EACN,oCAAC,cAAU,EAGX,oCAAC;EAAS,IAAI;EAAgB,SAAQ;IACpC,oCAAC,SAAI,WAAW,QAAQ,iBACtB,oCAAC,gCAA6B,WAAW,QAAQ,UAAW,EAC5D,oCAAC,qCACC,WAAW,QAAQ,UACnB,CACE,CACG,EACX,oCAAC,iCAA6B,EAC7B,aACC,oCAAC,SACC,WAAW,KACT,oBACI,QAAQ,oBACR,QAAQ,yBACb,IAED,oCAAC;EAEC,SAAS;EACT,MAAM,oBAAoB,gBAAgB;EAC1C,WAAW,QAAQ;GAEnB,CACE,CAEH,CACH,CAEJ,CACF"}

package/dist/utilityHeader-CQJgoRrm.js

@@ -1,47 +0,0 @@
-import { n as TeleportSource } from "./PAHAdditionalRightComponent-DMOU9Mho.js";
-import { t as StandardTitle } from "./StandardTitle-DJ9zcNBA.js";
-import { n as FluentSimpleTab, t as FluentSimpleTabs } from "./FluentSimpleTabs-q3tsGela.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-CQJgoRrm.js.map

package/dist/utilityHeader-CQJgoRrm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utilityHeader-CQJgoRrm.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-D_8tZEwA.js

@@ -1,141 +0,0 @@
-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-D_8tZEwA.js.map

package/dist/verticalStyles-D_8tZEwA.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"verticalStyles-D_8tZEwA.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-BujuPGfM.js

@@ -1,84 +0,0 @@
-import { t as Field } from "./Field-BSE8Fwr1.js";
-import { t as findTermByType } from "./CrudBrowserUtilities-C9nVmUR3.js";
-import { t as DateTimeField } from "./DateTimeField-DoOiiJG0.js";
-import { t as FluentToggle } from "./FluentToggle-B1DqTfua.js";
-import { t as PropertyTypeEnum } from "./propertyTypeEnums-kRCZNBn6.js";
-import { a as toTitleCase, i as toLowerFirstChar } from "./StringUtilities-u-cxAW6-.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-BujuPGfM.js.map

package/dist/virtualActions-BujuPGfM.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"virtualActions-BujuPGfM.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"}