udp-react-enterprise-component-library 25.18.1-beta.36 → 25.18.1-beta.38

package/dist/utilityDisplay-C6c73Efx.js

@@ -0,0 +1,98 @@
+import { t as FluentIconButton } from "./FluentIconButton-Dc95mE3v.js";
+import { n as useShellStore } from "./shellStore-C8zfPsZ-.js";
+import { t as useActionState } from "./useActions-BWBXokgQ.js";
+import { i as InquiryHeaderSecondaryTarget, n as InquiryHeaderSecondaryAlertTarget } from "./InquiryHeaderSecondaryAlert-DH8I1ThI.js";
+import { n as SubHeaderActionsTarget } from "./SubHeaderAction-DCgVaRuV.js";
+import { i as InquiryHeaderTitleTarget, n as InquiryHeaderControlTarget } from "./InquiryHeaderControl-BccgnX2X.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-C6c73Efx.js.map

package/dist/utilityDisplay-C6c73Efx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utilityDisplay-C6c73Efx.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-XiCwxUED.js

@@ -0,0 +1,47 @@
+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-BghyAzdO.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-XiCwxUED.js.map

package/dist/utilityHeader-XiCwxUED.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utilityHeader-XiCwxUED.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/utils-56aVtOQ_.js

@@ -0,0 +1 @@
+export {  };

package/dist/utils-R-hAKhUy.js

@@ -0,0 +1 @@
+export {  };

package/dist/virtualActions-B788CBd7.js

@@ -0,0 +1,84 @@
+import { t as Field } from "./Field-Cda5rJe2.js";
+import { t as findTermByType } from "./CrudBrowserUtilities-C9nVmUR3.js";
+import { t as DateTimeField } from "./DateTimeField-CUzs3MIq.js";
+import { t as FluentToggle } from "./FluentToggle-B1DqTfua.js";
+import { t as PropertyTypeEnum } from "./propertyTypeEnums-Dys-84NL.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-B788CBd7.js.map

package/dist/virtualActions-B788CBd7.js.map

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

package/dist/virtualBrowser-BR4AvVGB.js

@@ -0,0 +1 @@
+export {  };

package/dist/widgets-Cp52ccgB.js

@@ -0,0 +1,281 @@
+import { t as __export } from "./chunk-B4enJp2Q.js";
+import { t as Field } from "./Field-Cda5rJe2.js";
+import { t as DateTimeField } from "./DateTimeField-CUzs3MIq.js";
+import { t as FluentTextFieldAutoComplete } from "./FluentTextFieldAutoComplete-5Hp3qpk6.js";
+import { n as DateField, t as TimeField } from "./TimeField-BZYVtp3p.js";
+import React from "react";
+import { InputAdornment, MenuItem, TextField, makeStyles } from "@material-ui/core";
+import pluralize from "pluralize";
+
+//#region src/UI/property/widgets/TextPropertyWidget.jsx
+var TextPropertyWidget_exports = /* @__PURE__ */ __export({
+	BaseTextPropertyWidget: () => BaseTextPropertyWidget,
+	default: () => TextPropertyWidget_default
+});
+const useStyles = makeStyles((theme) => ({
+	input: {
+		height: 34,
+		padding: 0
+	},
+	formTextInput: { fontSize: 14 },
+	labelRoot: { fontSize: 14 }
+}));
+/**
+* Base component for all property widgets that are based on TextField
+*/
+const BaseTextPropertyWidget = (props) => {
+	const { propertyType, property, initialData, ...extraProps } = props;
+	const { key, label, required } = property;
+	const classes = useStyles();
+	return /* @__PURE__ */ React.createElement(Field, {
+		component: TextField,
+		id: `${propertyType}:${key}`,
+		name: `${propertyType}:${key}`,
+		label,
+		variant: "outlined",
+		margin: "dense",
+		color: "primary",
+		size: "small",
+		required: !!required,
+		fullWidth: true,
+		InputProps: { classes: {
+			root: classes.input,
+			input: classes.formTextInput
+		} },
+		InputLabelProps: { classes: { root: classes.labelRoot } },
+		...extraProps
+	});
+};
+/**
+* `text` property widget
+*
+* Outputs a basic TextField
+*/
+const TextPropertyWidget = (props) => {
+	return /* @__PURE__ */ React.createElement(BaseTextPropertyWidget, props);
+};
+var TextPropertyWidget_default = TextPropertyWidget;
+
+//#endregion
+//#region src/UI/property/widgets/IntegerPropertyWidget.jsx
+var IntegerPropertyWidget_exports = /* @__PURE__ */ __export({ default: () => IntegerPropertyWidget_default });
+const parse = (value) => value && parseInt(value);
+/**
+* `integer` property widget
+*
+* Outputs a type=number TextField with an optional unit
+*/
+const IntegerPropertyWidget = (props) => {
+	const { property } = props;
+	const { unit } = property;
+	let endAdornment;
+	if (unit) endAdornment = /* @__PURE__ */ React.createElement(InputAdornment, { position: "end" }, pluralize(unit));
+	return /* @__PURE__ */ React.createElement(BaseTextPropertyWidget, {
+		type: "number",
+		step: 1,
+		InputProps: { endAdornment },
+		parse,
+		...props
+	});
+};
+var IntegerPropertyWidget_default = IntegerPropertyWidget;
+
+//#endregion
+//#region src/UI/property/widgets/NumericPropertyWidget.jsx
+var NumericPropertyWidget_exports = /* @__PURE__ */ __export({ default: () => NumericPropertyWidget_default });
+/**
+* `numeric` property widget
+*
+* Outputs numeric TextField suitable for non-integer numbers like numeric identifier numbers
+*/
+const NumericPropertyWidget = (props) => {
+	return /* @__PURE__ */ React.createElement(BaseTextPropertyWidget, {
+		type: "text",
+		step: 1,
+		inputMode: "numeric",
+		pattern: "[0-9]*",
+		...props
+	});
+};
+var NumericPropertyWidget_default = NumericPropertyWidget;
+
+//#endregion
+//#region src/UI/property/widgets/DatePropertyWidget.jsx
+var DatePropertyWidget_exports = /* @__PURE__ */ __export({ default: () => DatePropertyWidget_default });
+/**
+* `date` property widget
+*
+* Outputs a DatePicker field
+*/
+const DatePropertyWidget = (props) => {
+	return /* @__PURE__ */ React.createElement(BaseTextPropertyWidget, {
+		component: DateField,
+		inputVariant: "outlined",
+		...props
+	});
+};
+var DatePropertyWidget_default = DatePropertyWidget;
+
+//#endregion
+//#region src/UI/property/widgets/MultilineTextPropertyWidget.jsx
+var MultilineTextPropertyWidget_exports = /* @__PURE__ */ __export({ default: () => MultilineTextPropertyWidget_default });
+/**
+* `multiline-text` property widget
+*
+* Outputs a multiline TextField
+*/
+const MultilineTextPropertyWidget = (props) => {
+	return /* @__PURE__ */ React.createElement(BaseTextPropertyWidget, {
+		multiline: true,
+		rows: 2,
+		rowsMax: 10,
+		...props
+	});
+};
+var MultilineTextPropertyWidget_default = MultilineTextPropertyWidget;
+
+//#endregion
+//#region src/UI/property/widgets/SelectPropertyWidget.jsx
+var SelectPropertyWidget_exports = /* @__PURE__ */ __export({ default: () => SelectPropertyWidget_default });
+/**
+* `select` property widget
+*
+* Outputs a select TextField
+*/
+const SelectPropertyWidget = (props) => {
+	const { property } = props;
+	const { options } = property;
+	return /* @__PURE__ */ React.createElement(BaseTextPropertyWidget, {
+		select: true,
+		...props
+	}, options.map((option) => /* @__PURE__ */ React.createElement(MenuItem, {
+		key: option.value,
+		value: option.value
+	}, option.label)));
+};
+var SelectPropertyWidget_default = SelectPropertyWidget;
+
+//#endregion
+//#region src/UI/property/widgets/FloatPropertyWidget.jsx
+var FloatPropertyWidget_exports = /* @__PURE__ */ __export({ default: () => FloatPropertyWidget_default });
+/**
+* `float` property widget
+*
+* Outputs a type=number TextField with an optional unit and an optional step
+*/
+const FloatPropertyWidget = (props) => {
+	const { property } = props;
+	const { unit, step } = property;
+	let endAdornment;
+	if (unit) endAdornment = /* @__PURE__ */ React.createElement(InputAdornment, { position: "end" }, pluralize(unit));
+	return /* @__PURE__ */ React.createElement(BaseTextPropertyWidget, {
+		type: "number",
+		inputProps: { step: step ? step : 1 },
+		InputProps: { endAdornment },
+		...props
+	});
+};
+var FloatPropertyWidget_default = FloatPropertyWidget;
+
+//#endregion
+//#region src/UI/property/widgets/TimePropertyWidget.jsx
+var TimePropertyWidget_exports = /* @__PURE__ */ __export({ default: () => TimePropertyWidget_default });
+/**
+* `time` property widget
+*
+* Outputs a TimePicker field
+*/
+const TimePropertyWidget = (props) => {
+	return /* @__PURE__ */ React.createElement(BaseTextPropertyWidget, {
+		component: TimeField,
+		inputVariant: "outlined",
+		...props
+	});
+};
+var TimePropertyWidget_default = TimePropertyWidget;
+
+//#endregion
+//#region src/UI/property/widgets/BooleanPropertyWidget.jsx
+var BooleanPropertyWidget_exports = /* @__PURE__ */ __export({ default: () => BooleanPropertyWidget_default });
+/**
+* `boolean` property widget
+*
+* Outputs a select TextField with true/false as options
+*/
+const BooleanPropertyWidget = (props) => {
+	const { initialData } = props;
+	return /* @__PURE__ */ React.createElement(BaseTextPropertyWidget, {
+		initialValue: initialData,
+		select: true,
+		...props
+	}, /* @__PURE__ */ React.createElement(MenuItem, { value: "" }, "None"), /* @__PURE__ */ React.createElement(MenuItem, { value: true }, "True"), /* @__PURE__ */ React.createElement(MenuItem, { value: false }, "False"));
+};
+var BooleanPropertyWidget_default = BooleanPropertyWidget;
+
+//#endregion
+//#region src/UI/property/widgets/DateTimePropertyWidget.jsx
+var DateTimePropertyWidget_exports = /* @__PURE__ */ __export({ default: () => DateTimePropertyWidget_default });
+/**
+* `date` property widget
+*
+* Outputs a DateTimePicker field
+*/
+const DateTimePropertyWidget = (props) => {
+	return /* @__PURE__ */ React.createElement(BaseTextPropertyWidget, {
+		component: DateTimeField,
+		inputVariant: "outlined",
+		...props
+	});
+};
+var DateTimePropertyWidget_default = DateTimePropertyWidget;
+
+//#endregion
+//#region src/UI/property/widgets/AutoCompletePropertyWidget.jsx
+var AutoCompletePropertyWidget_exports = /* @__PURE__ */ __export({ default: () => AutoCompletePropertyWidget_default });
+/**
+* `autocomplete` property widget
+*
+* Outputs a Autocomplete field
+*/
+const AutoCompletePropertyWidget = (props) => {
+	const { property, propertyType, initialData, ...extraProps } = props;
+	const { options, valueName, key, label, required } = property;
+	return /* @__PURE__ */ React.createElement("div", { style: { width: "100%" } }, /* @__PURE__ */ React.createElement(Field, {
+		component: FluentTextFieldAutoComplete,
+		id: `${propertyType}:${key}`,
+		name: `${propertyType}:${key}`,
+		label,
+		variant: "outlined",
+		margin: "dense",
+		color: "primary",
+		size: "small",
+		required: !!required,
+		fullWidth: true,
+		options,
+		optionKey: valueName,
+		...extraProps
+	}));
+};
+var AutoCompletePropertyWidget_default = AutoCompletePropertyWidget;
+
+//#endregion
+//#region src/UI/property/widgets/index.js
+/** @type {Record<string, React.ComponentType<any>>} */
+const widgets = {
+	TextWidget: TextPropertyWidget_default,
+	IntegerWidget: IntegerPropertyWidget_default,
+	NumericWidget: NumericPropertyWidget_default,
+	DateWidget: DatePropertyWidget_default,
+	MultilineWidget: MultilineTextPropertyWidget_default,
+	SelectWidget: SelectPropertyWidget_default,
+	FloatWidget: FloatPropertyWidget_default,
+	TimeWidget: TimePropertyWidget_default,
+	BooleanWidget: BooleanPropertyWidget_default,
+	DateTimeWidget: DateTimePropertyWidget_default,
+	AutoCompleteWidget: AutoCompletePropertyWidget_default
+};
+var widgets_default = widgets;
+
+//#endregion
+export { TextPropertyWidget_exports as C, TextPropertyWidget_default as S, DatePropertyWidget_exports as _, DateTimePropertyWidget_exports as a, IntegerPropertyWidget_default as b, TimePropertyWidget_default as c, FloatPropertyWidget_exports as d, SelectPropertyWidget_default as f, DatePropertyWidget_default as g, MultilineTextPropertyWidget_exports as h, DateTimePropertyWidget_default as i, TimePropertyWidget_exports as l, MultilineTextPropertyWidget_default as m, AutoCompletePropertyWidget_default as n, BooleanPropertyWidget_default as o, SelectPropertyWidget_exports as p, AutoCompletePropertyWidget_exports as r, BooleanPropertyWidget_exports as s, widgets_default as t, FloatPropertyWidget_default as u, NumericPropertyWidget_default as v, IntegerPropertyWidget_exports as x, NumericPropertyWidget_exports as y };
+//# sourceMappingURL=widgets-Cp52ccgB.js.map

package/dist/widgets-Cp52ccgB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widgets-Cp52ccgB.js","names":["TextPropertyWidget","IntegerPropertyWidget","NumericPropertyWidget","DatePropertyWidget","MultilineTextPropertyWidget","SelectPropertyWidget","FloatPropertyWidget","TimePropertyWidget","BooleanPropertyWidget","DateTimePropertyWidget","AutoCompletePropertyWidget"],"sources":["../src/UI/property/widgets/TextPropertyWidget.jsx","../src/UI/property/widgets/IntegerPropertyWidget.jsx","../src/UI/property/widgets/NumericPropertyWidget.jsx","../src/UI/property/widgets/DatePropertyWidget.jsx","../src/UI/property/widgets/MultilineTextPropertyWidget.jsx","../src/UI/property/widgets/SelectPropertyWidget.jsx","../src/UI/property/widgets/FloatPropertyWidget.jsx","../src/UI/property/widgets/TimePropertyWidget.jsx","../src/UI/property/widgets/BooleanPropertyWidget.jsx","../src/UI/property/widgets/DateTimePropertyWidget.jsx","../src/UI/property/widgets/AutoCompletePropertyWidget.jsx","../src/UI/property/widgets/index.js"],"sourcesContent":["import React from 'react';\nimport { Field } from '../../../utilities/form/Field.tsx';\nimport { TextField, makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n  input: {\n    height: 34,\n    padding: 0\n  },\n  formTextInput: {\n    fontSize: 14\n  },\n  labelRoot: {\n    fontSize: 14\n  }\n}));\n\n/**\n * Base component for all property widgets that are based on TextField\n */\nexport const BaseTextPropertyWidget = (props) => {\n  const { propertyType, property, initialData, ...extraProps } = props;\n  const { key, label, required } = property;\n  const classes = useStyles();\n\n  return (\n    <Field\n      component={TextField}\n      id={`${propertyType}:${key}`}\n      name={`${propertyType}:${key}`}\n      label={label}\n      variant='outlined'\n      margin='dense'\n      color='primary'\n      size='small'\n      required={!!required}\n      fullWidth\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      {...extraProps}\n    />\n  );\n};\n\n/**\n * `text` property widget\n *\n * Outputs a basic TextField\n */\nconst TextPropertyWidget = (props) => {\n  return <BaseTextPropertyWidget {...props} />;\n};\n\nexport default TextPropertyWidget;\n","import pluralize from 'pluralize';\nimport React from 'react';\nimport { BaseTextPropertyWidget } from './TextPropertyWidget';\nimport { InputAdornment } from '@material-ui/core';\n\nconst parse = value => value && parseInt(value);\n\n/**\n * `integer` property widget\n *\n * Outputs a type=number TextField with an optional unit\n */\nconst IntegerPropertyWidget = props => {\n  const { property } = props;\n  const { unit } = property;\n\n  let endAdornment;\n  if (unit) {\n    endAdornment = (\n      <InputAdornment position=\"end\">{pluralize(unit)}</InputAdornment>\n    );\n  }\n\n  return (\n    <BaseTextPropertyWidget\n      type=\"number\"\n      step={1}\n      InputProps={{ endAdornment }}\n      parse={parse}\n      {...props}\n    />\n  );\n};\n\nexport default IntegerPropertyWidget;\n","import React from 'react';\nimport { BaseTextPropertyWidget } from './TextPropertyWidget';\n\n/**\n * `numeric` property widget\n *\n * Outputs numeric TextField suitable for non-integer numbers like numeric identifier numbers\n */\nconst NumericPropertyWidget = props => {\n  return (\n    <BaseTextPropertyWidget\n      type=\"text\"\n      step={1}\n      inputMode=\"numeric\"\n      pattern=\"[0-9]*\"\n      {...props}\n    />\n  );\n};\n\nexport default NumericPropertyWidget;\n","import React from 'react';\nimport { BaseTextPropertyWidget } from './TextPropertyWidget';\nimport { DateField } from '../../inputs/datetimes/DateField';\n\n/**\n * `date` property widget\n *\n * Outputs a DatePicker field\n */\nconst DatePropertyWidget = (props) => {\n  return (\n    <BaseTextPropertyWidget\n      component={DateField}\n      inputVariant='outlined'\n      {...props}\n    />\n  );\n};\n\nexport default DatePropertyWidget;\n","import React from 'react';\nimport { BaseTextPropertyWidget } from './TextPropertyWidget';\n\n/**\n * `multiline-text` property widget\n *\n * Outputs a multiline TextField\n */\nconst MultilineTextPropertyWidget = props => {\n  return <BaseTextPropertyWidget multiline rows={2} rowsMax={10} {...props} />;\n};\n\nexport default MultilineTextPropertyWidget;\n","import React from 'react';\nimport { MenuItem } from '@material-ui/core';\nimport { BaseTextPropertyWidget } from './TextPropertyWidget';\n\n/**\n * `select` property widget\n *\n * Outputs a select TextField\n */\nconst SelectPropertyWidget = props => {\n  const { property } = props;\n  const { options } = property;\n\n  return (\n    <BaseTextPropertyWidget select {...props}>\n      {options.map(option => (\n        <MenuItem key={option.value} value={option.value}>\n          {option.label}\n        </MenuItem>\n      ))}\n    </BaseTextPropertyWidget>\n  );\n};\n\nexport default SelectPropertyWidget;\n","import pluralize from 'pluralize';\nimport React from 'react';\nimport { BaseTextPropertyWidget } from './TextPropertyWidget';\nimport { InputAdornment } from '@material-ui/core';\n\n/**\n * `float` property widget\n *\n * Outputs a type=number TextField with an optional unit and an optional step\n */\nconst FloatPropertyWidget = props => {\n  const { property } = props;\n  const { unit, step } = property;\n\n  let endAdornment;\n  if (unit) {\n    endAdornment = (\n      <InputAdornment position=\"end\">{pluralize(unit)}</InputAdornment>\n    );\n  }\n\n  return (\n    <BaseTextPropertyWidget\n      type=\"number\"\n      inputProps={{\n        step: step ? step : 1,\n      }}\n      InputProps={{ endAdornment }}\n      {...props}\n    />\n  );\n};\n\nexport default FloatPropertyWidget;\n","import React from 'react';\nimport { BaseTextPropertyWidget } from './TextPropertyWidget';\nimport { TimeField } from '../../inputs/datetimes/TimeField';\n\n/**\n * `time` property widget\n *\n * Outputs a TimePicker field\n */\nconst TimePropertyWidget = (props) => {\n  return (\n    <BaseTextPropertyWidget\n      component={TimeField}\n      inputVariant='outlined'\n      {...props}\n    />\n  );\n};\n\nexport default TimePropertyWidget;\n","import React from 'react';\nimport { MenuItem } from '@material-ui/core';\nimport { BaseTextPropertyWidget } from './TextPropertyWidget';\n\n/**\n * `boolean` property widget\n *\n * Outputs a select TextField with true/false as options\n */\nconst BooleanPropertyWidget = props => {\n  const { initialData } = props;\n\n  return (\n    <BaseTextPropertyWidget\n      initialValue={initialData}\n      select\n      // InputProps={{ endAdornment }}\n      {...props}\n    >\n      <MenuItem value={''}>None</MenuItem>\n      <MenuItem value={true}>True</MenuItem>\n      <MenuItem value={false}>False</MenuItem>\n    </BaseTextPropertyWidget>\n  );\n};\n\nexport default BooleanPropertyWidget;\n","import React from 'react';\nimport { BaseTextPropertyWidget } from './TextPropertyWidget';\nimport { DateTimeField } from '../../inputs/datetimes/DateTimeField';\n\n/**\n * `date` property widget\n *\n * Outputs a DateTimePicker field\n */\nconst DateTimePropertyWidget = (props) => {\n  return (\n    <BaseTextPropertyWidget\n      component={DateTimeField}\n      inputVariant='outlined'\n      {...props}\n    />\n  );\n};\n\nexport default DateTimePropertyWidget;\n","import React from 'react';\nimport { Field } from '../../../utilities/form/Field.tsx';\nimport { FluentTextFieldAutoComplete } from '../../inputs/textField/FluentTextFieldAutoComplete';\n\n/**\n * `autocomplete` property widget\n *\n * Outputs a Autocomplete field\n */\nconst AutoCompletePropertyWidget = (props) => {\n  const { property, propertyType, initialData, ...extraProps } = props;\n  const { options, valueName, key, label, required } = property;\n\n  return (\n    <div style={{ width: '100%' }}>\n      <Field\n        component={FluentTextFieldAutoComplete}\n        id={`${propertyType}:${key}`}\n        name={`${propertyType}:${key}`}\n        label={label}\n        variant='outlined'\n        margin='dense'\n        color='primary'\n        size='small'\n        required={!!required}\n        fullWidth\n        options={options}\n        optionKey={valueName}\n        {...extraProps}\n      />\n    </div>\n  );\n};\n\nexport default AutoCompletePropertyWidget;\n","import TextPropertyWidget from './TextPropertyWidget';\nimport IntegerPropertyWidget from './IntegerPropertyWidget';\nimport NumericPropertyWidget from './NumericPropertyWidget';\nimport DatePropertyWidget from './DatePropertyWidget';\nimport MultilineTextPropertyWidget from './MultilineTextPropertyWidget';\nimport SelectPropertyWidget from './SelectPropertyWidget';\nimport FloatPropertyWidget from './FloatPropertyWidget';\nimport TimePropertyWidget from './TimePropertyWidget';\nimport BooleanPropertyWidget from './BooleanPropertyWidget';\nimport DateTimePropertyWidget from './DateTimePropertyWidget';\nimport AutoCompletePropertyWidget from './AutoCompletePropertyWidget';\n\n// TODO: potentially implement an icon widget\n/** @type {Record<string, React.ComponentType<any>>} */\nconst widgets = {\n  TextWidget: TextPropertyWidget,\n  IntegerWidget: IntegerPropertyWidget,\n  NumericWidget: NumericPropertyWidget,\n  DateWidget: DatePropertyWidget,\n  MultilineWidget: MultilineTextPropertyWidget,\n  SelectWidget: SelectPropertyWidget,\n  FloatWidget: FloatPropertyWidget,\n  TimeWidget: TimePropertyWidget,\n  BooleanWidget: BooleanPropertyWidget,\n  DateTimeWidget: DateTimePropertyWidget,\n  AutoCompleteWidget: AutoCompletePropertyWidget,\n};\n\nexport default widgets;\n\nexport {\n  TextPropertyWidget,\n  IntegerPropertyWidget,\n  NumericPropertyWidget,\n  DatePropertyWidget,\n  MultilineTextPropertyWidget,\n  SelectPropertyWidget,\n  FloatPropertyWidget,\n  TimePropertyWidget,\n  BooleanPropertyWidget,\n  DateTimePropertyWidget,\n  AutoCompletePropertyWidget,\n\n};\n"],"mappings":"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"}