udp-react-enterprise-component-library 25.18.1-beta.2 → 25.18.1-beta.20

package/dist/widgets-TW8ap2gq.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-CeEYEvD_.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-TW8ap2gq.js.map

package/dist/widgets-TW8ap2gq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widgets-TW8ap2gq.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":";;;;;;;;;;;;;;AAIA,MAAM,YAAY,YAAY,WAAW;CACvC,OAAO;EACL,QAAQ;EACR,SAAS;EACV;CACD,eAAe,EACb,UAAU,IACX;CACD,WAAW,EACT,UAAU,IACX;CACF,EAAE;;;;AAKH,MAAa,0BAA0B,UAAU;CAC/C,MAAM,EAAE,cAAc,UAAU,aAAa,GAAG,eAAe;CAC/D,MAAM,EAAE,KAAK,OAAO,aAAa;CACjC,MAAM,UAAU,WAAW;AAE3B,QACE,oCAAC;EACC,WAAW;EACX,IAAI,GAAG,aAAa,GAAG;EACvB,MAAM,GAAG,aAAa,GAAG;EAClB;EACP,SAAQ;EACR,QAAO;EACP,OAAM;EACN,MAAK;EACL,UAAU,CAAC,CAAC;EACZ;EACA,YAAY,EACV,SAAS;GACP,MAAM,QAAQ;GACd,OAAO,QAAQ;GAChB,EACF;EACD,iBAAiB,EACf,SAAS,EACP,MAAM,QAAQ,WACf,EACF;EACD,GAAI;GACJ;;;;;;;AASN,MAAM,sBAAsB,UAAU;AACpC,QAAO,oCAAC,wBAA2B,MAAS;;AAG9C,iCAAe;;;;;ACzDf,MAAM,SAAQ,UAAS,SAAS,SAAS,MAAM;;;;;;AAO/C,MAAM,yBAAwB,UAAS;CACrC,MAAM,EAAE,aAAa;CACrB,MAAM,EAAE,SAAS;CAEjB,IAAI;AACJ,KAAI,KACF,gBACE,oCAAC,kBAAe,UAAS,SAAO,UAAU,KAAK,CAAkB;AAIrE,QACE,oCAAC;EACC,MAAK;EACL,MAAM;EACN,YAAY,EAAE,cAAc;EACrB;EACP,GAAI;GACJ;;AAIN,oCAAe;;;;;;;;;;AC1Bf,MAAM,yBAAwB,UAAS;AACrC,QACE,oCAAC;EACC,MAAK;EACL,MAAM;EACN,WAAU;EACV,SAAQ;EACR,GAAI;GACJ;;AAIN,oCAAe;;;;;;;;;;ACXf,MAAM,sBAAsB,UAAU;AACpC,QACE,oCAAC;EACC,WAAW;EACX,cAAa;EACb,GAAI;GACJ;;AAIN,iCAAe;;;;;;;;;;ACXf,MAAM,+BAA8B,UAAS;AAC3C,QAAO,oCAAC;EAAuB;EAAU,MAAM;EAAG,SAAS;EAAI,GAAI;GAAS;;AAG9E,0CAAe;;;;;;;;;;ACHf,MAAM,wBAAuB,UAAS;CACpC,MAAM,EAAE,aAAa;CACrB,MAAM,EAAE,YAAY;AAEpB,QACE,oCAAC;EAAuB;EAAO,GAAI;IAChC,QAAQ,KAAI,WACX,oCAAC;EAAS,KAAK,OAAO;EAAO,OAAO,OAAO;IACxC,OAAO,MACC,CACX,CACqB;;AAI7B,mCAAe;;;;;;;;;;ACdf,MAAM,uBAAsB,UAAS;CACnC,MAAM,EAAE,aAAa;CACrB,MAAM,EAAE,MAAM,SAAS;CAEvB,IAAI;AACJ,KAAI,KACF,gBACE,oCAAC,kBAAe,UAAS,SAAO,UAAU,KAAK,CAAkB;AAIrE,QACE,oCAAC;EACC,MAAK;EACL,YAAY,EACV,MAAM,OAAO,OAAO,GACrB;EACD,YAAY,EAAE,cAAc;EAC5B,GAAI;GACJ;;AAIN,kCAAe;;;;;;;;;;ACxBf,MAAM,sBAAsB,UAAU;AACpC,QACE,oCAAC;EACC,WAAW;EACX,cAAa;EACb,GAAI;GACJ;;AAIN,iCAAe;;;;;;;;;;ACVf,MAAM,yBAAwB,UAAS;CACrC,MAAM,EAAE,gBAAgB;AAExB,QACE,oCAAC;EACC,cAAc;EACd;EAEA,GAAI;IAEJ,oCAAC,YAAS,OAAO,MAAI,OAAe,EACpC,oCAAC,YAAS,OAAO,QAAM,OAAe,EACtC,oCAAC,YAAS,OAAO,SAAO,QAAgB,CACjB;;AAI7B,oCAAe;;;;;;;;;;ACjBf,MAAM,0BAA0B,UAAU;AACxC,QACE,oCAAC;EACC,WAAW;EACX,cAAa;EACb,GAAI;GACJ;;AAIN,qCAAe;;;;;;;;;;ACVf,MAAM,8BAA8B,UAAU;CAC5C,MAAM,EAAE,UAAU,cAAc,aAAa,GAAG,eAAe;CAC/D,MAAM,EAAE,SAAS,WAAW,KAAK,OAAO,aAAa;AAErD,QACE,oCAAC,SAAI,OAAO,EAAE,OAAO,QAAQ,IAC3B,oCAAC;EACC,WAAW;EACX,IAAI,GAAG,aAAa,GAAG;EACvB,MAAM,GAAG,aAAa,GAAG;EAClB;EACP,SAAQ;EACR,QAAO;EACP,OAAM;EACN,MAAK;EACL,UAAU,CAAC,CAAC;EACZ;EACS;EACT,WAAW;EACX,GAAI;GACJ,CACE;;AAIV,yCAAe;;;;;ACpBf,MAAM,UAAU;CACd,YAAYA;CACZ,eAAeC;CACf,eAAeC;CACf,YAAYC;CACZ,iBAAiBC;CACjB,cAAcC;CACd,aAAaC;CACb,YAAYC;CACZ,eAAeC;CACf,gBAAgBC;CAChB,oBAAoBC;CACrB;AAED,sBAAe"}

package/dist/withEngineComponent-CUQbIi-0.js

@@ -0,0 +1,28 @@
+import { a as DonutWrapper, c as BarChartWrapper, i as LineGraphWrapper, l as DisplayCardWrapper, n as AgGridSimpleWrapper, s as HistogramWrapper, t as BioCardWrapper, u as PrimaryActionHeaderWrapper } from "./BioCardWrapper-CI0ZngTU.js";
+import React from "react";
+
+//#region src/componentSystems/pageRenderer/hocs/withEngineComponent.jsx
+const Other = (props) => {
+	return /* @__PURE__ */ React.createElement("div", null, "Test");
+};
+const engineWrapper = {
+	PrimaryActionHeader: (props) => PrimaryActionHeaderWrapper(props),
+	DisplayCard: (props) => DisplayCardWrapper(props),
+	BarChart: (props) => BarChartWrapper(props),
+	Histogram: (props) => HistogramWrapper(props),
+	DonutChart: (props) => DonutWrapper(props),
+	LineGraph: (props) => LineGraphWrapper(props),
+	agGridSimple: (props) => AgGridSimpleWrapper(props),
+	BioCard: (props) => BioCardWrapper(props),
+	Other
+};
+function withEngineComponent(WrappedComponent) {
+	const hocComponent = (hocProps) => {
+		return (engineWrapper[WrappedComponent] || engineWrapper["Other"])(hocProps);
+	};
+	return hocComponent;
+}
+
+//#endregion
+export { withEngineComponent as t };
+//# sourceMappingURL=withEngineComponent-CUQbIi-0.js.map

package/dist/withEngineComponent-CUQbIi-0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withEngineComponent-CUQbIi-0.js","names":[],"sources":["../src/componentSystems/pageRenderer/hocs/withEngineComponent.jsx"],"sourcesContent":["import React from 'react';\nimport { PrimaryActionHeaderWrapper } from '../wrappers/PrimaryActionHeaderWrapper';\nimport { DisplayCardWrapper } from '../wrappers/DisplayCardWrapper';\nimport { BarChartWrapper } from '../wrappers/BarChartWrapper';\nimport { HistogramWrapper } from '../wrappers/HistogramWrapper';\nimport { DonutWrapper } from '../wrappers/DonutWrapper';\nimport { LineGraphWrapper } from '../wrappers/LineGraphWrapper';\nimport { AgGridSimpleWrapper } from '../wrappers/AgGridSimpleWrapper';\nimport { BioCardWrapper } from '../wrappers/BioCardWrapper';\n\nconst Other = props => {\n  return <div>Test</div>;\n};\n\nconst engineWrapper = {\n  PrimaryActionHeader: props => PrimaryActionHeaderWrapper(props),\n  DisplayCard: props => DisplayCardWrapper(props),\n  BarChart: props => BarChartWrapper(props),\n  Histogram: props => HistogramWrapper(props),\n  DonutChart: props => DonutWrapper(props),\n  LineGraph: props => LineGraphWrapper(props),\n  agGridSimple: props => AgGridSimpleWrapper(props),\n  BioCard: props => BioCardWrapper(props),\n  Other,\n};\n\nexport function withEngineComponent(WrappedComponent) {\n  const hocComponent = hocProps => {\n    const wrappedComponent =\n      engineWrapper[WrappedComponent] || engineWrapper['Other'];\n\n    return wrappedComponent(hocProps);\n  };\n  return hocComponent;\n}\n"],"mappings":";;;;AAUA,MAAM,SAAQ,UAAS;AACrB,QAAO,oCAAC,aAAI,OAAU;;AAGxB,MAAM,gBAAgB;CACpB,sBAAqB,UAAS,2BAA2B,MAAM;CAC/D,cAAa,UAAS,mBAAmB,MAAM;CAC/C,WAAU,UAAS,gBAAgB,MAAM;CACzC,YAAW,UAAS,iBAAiB,MAAM;CAC3C,aAAY,UAAS,aAAa,MAAM;CACxC,YAAW,UAAS,iBAAiB,MAAM;CAC3C,eAAc,UAAS,oBAAoB,MAAM;CACjD,UAAS,UAAS,eAAe,MAAM;CACvC;CACD;AAED,SAAgB,oBAAoB,kBAAkB;CACpD,MAAM,gBAAe,aAAY;AAI/B,UAFE,cAAc,qBAAqB,cAAc,UAE3B,SAAS;;AAEnC,QAAO"}

package/dist/workflow/components/index.js

@@ -1,6 +1,6 @@
-import "../../FluentIcon-DjE8A5DC.js";
+import "../../FluentIcon-DQ6nSDJg.js";
 import "../../DateUtilities-COCIN8sN.js";
-import { t as WorkflowTaskFlow } from "../../WorkflowTaskFlow-B4TTgehX.js";
-import "../../components-RSFyyue7.js";
+import { t as WorkflowTaskFlow } from "../../WorkflowTaskFlow-D3x8we2W.js";
+import "../../components-BbPynQ4E.js";
 
 export { WorkflowTaskFlow };

package/dist/workflow/index.js

@@ -1,77 +1,77 @@
-import "../Form-DZ1kwXKb.js";
-import "../Field-Cpjv208h.js";
-import "../form-DiRJbkTP.js";
-import "../FluentButton-3xMbN_Vs.js";
-import "../FormButtons-9It_7BQ0.js";
+import "../Form-DbOA5j38.js";
+import "../Field-Cda5rJe2.js";
+import "../form-Dj1zVw6K.js";
+import "../FluentButton-BexKrnAp.js";
+import "../FormButtons-BTCO-pzW.js";
 import "../configService-C4uoG3wj.js";
-import "../apiHelpers-BpZTkMX8.js";
-import "../pageEnums-CA-HlW3W.js";
+import "../apiHelpers-B_cn3sZo.js";
+import "../pageEnums-DHCYa0ey.js";
 import "../UnitySessionStorage-CUDx9YWR.js";
-import "../axiosInterceptors-6Czv1PA5.js";
+import "../axiosInterceptors-FQ3b5kjr.js";
 import "../useUser-wpHGo6jU.js";
-import "../useAxiosMutate-q_ZpG98Z.js";
-import "../FluentTextFieldAutoComplete-g8jRczF9.js";
+import "../useAxiosMutate-DcLxzykX.js";
+import "../FluentTextFieldAutoComplete-5Hp3qpk6.js";
 import "../StringUtilities-u-cxAW6-.js";
-import "../FluentIcon-DjE8A5DC.js";
-import "../FluentIconButton-CtN4xdO_.js";
+import "../FluentIcon-DQ6nSDJg.js";
+import "../FluentIconButton-Dc95mE3v.js";
 import "../unitySystemEnums-DQSkCr3D.js";
-import "../UnityFluentIcon-DkZ-zXku.js";
+import "../UnityFluentIcon-DrASIcTF.js";
 import "../shellStore-C8zfPsZ-.js";
 import "../RuleUtilities-D5ACzikQ.js";
-import "../PrimaryActionButton-D21P13f_.js";
+import "../PrimaryActionButton-Dk8zvDAW.js";
 import "../colors-BONxjrOE.js";
 import "../colorConverter-x64WSLsF.js";
 import "../SearchUtilities-Df1gkDw9.js";
 import "../GroupNode-BxnXH0gG.js";
-import "../TreeUtilities-BnHT4nq0.js";
+import "../TreeUtilities-C6e2dd4g.js";
 import "../UnityIconLibrary-CjIwzfjv.js";
 import "../teleporterStore-CjUFtATo.js";
 import "../AmbientPopoverMenuItem-BZuX43zJ.js";
 import "../LayoutUnit-D4jJvonh.js";
-import "../StandardTitle-UHYnVDSe.js";
-import "../SideSheetHeader-BS0A6YT-.js";
-import "../SideSheet-DVvhEo7C.js";
-import "../useAxiosGet-BMoXHfLN.js";
-import "../DashboardWidget-Cs3KcYJk.js";
-import "../FUICard-BuGJ_WAu.js";
+import "../StandardTitle-DJ9zcNBA.js";
+import "../SideSheetHeader-DgnkLGmv.js";
+import "../SideSheet-C-rILQqR.js";
+import "../useAxiosGet-vvPjwB4W.js";
+import "../DashboardWidget-F4pnOQAe.js";
+import "../FUICard-DmszpY_T.js";
 import "../FUISquareIconButton-DwTSTnBV.js";
-import "../FluentCard-DyXAmC_f.js";
+import "../FluentCard-C3qSYfiz.js";
 import "../useId-I-OmRBmB.js";
-import "../FUIMenuItem-BvpTageE.js";
+import "../FUIMenuItem-BZJKJa91.js";
 import "../PageLoading-GD6E2uMU.js";
-import "../Page-DY0ESivs.js";
-import "../PrimaryActionHeader-Csy_2HwQ.js";
+import "../Page-CpSUnDZr.js";
+import "../PrimaryActionHeader-DbGQNveI.js";
 import "../StatusChip-DZAN88VU.js";
-import "../UdpTabs-CB8ez2EV.js";
+import "../UdpTabs-DVZGEwOC.js";
 import "../PageContext-BpOBJHpb.js";
 import "../useSetLocationState-Kvcc9BTb.js";
-import "../PageContainer-C76IH-3L.js";
-import "../methodUtils-DEk9B4A8.js";
-import "../AmbientCardButton-DOnaCczn.js";
+import "../PageContainer-N4d5KO-T.js";
+import "../methodUtils-Cwo_kmVX.js";
+import "../AmbientCardButton-DGhpVDRV.js";
 import "../Adornment-Ciq1X7he.js";
-import "../AmbientCard-blAjLcmr.js";
+import "../AmbientCard-DK9abODq.js";
 import "../AmbientCardTitle-CvXW2qf0.js";
 import "../useBuildEnvironment-2gdqpmBX.js";
 import "../NodeLoader-BtOQQiwA.js";
 import "../NumberOperator-k6iXs38S.js";
 import "../aggregateUtils-BTBSWD8I.js";
-import "../AggregateChip-BF6RL_4_.js";
+import "../AggregateChip-BDugg_kG.js";
 import "../DateUtilities-COCIN8sN.js";
-import "../SidebarCollapseButton-DarQbYU9.js";
-import "../UtilityBarInport-BWlSEYCI.js";
-import "../UtilitySideBar-XdGlkgZz.js";
-import { n as WorkflowTreeMenuItem, t as WorkflowTreeMenu } from "../WorkflowTreeMenu-BDolYqHx.js";
+import "../SidebarCollapseButton-pxq7unTx.js";
+import "../UtilityBarInport-BkkjGmSO.js";
+import "../UtilitySideBar-CkymNmr-.js";
+import { n as WorkflowTreeMenuItem, t as WorkflowTreeMenu } from "../WorkflowTreeMenu-DKGbOQSH.js";
 import "../workflowEnums-Ce66RCVc.js";
 import "../workflowUtilities-Y2J2_Bcx.js";
 import "../workflowStore-flVBWM0f.js";
-import { t as WorkflowTaskFlow } from "../WorkflowTaskFlow-B4TTgehX.js";
-import "../LinearProgress-CpIjJmyf.js";
-import "../CircularProgress-CeJ9Prk4.js";
-import { n as WorkflowUiInterruptContent, t as WorkflowContent } from "../WorkflowContent-Dq7Agung.js";
-import "../EmailDisplay-B0_nBwUQ.js";
+import { t as WorkflowTaskFlow } from "../WorkflowTaskFlow-D3x8we2W.js";
+import "../LinearProgress-DM2DNWCe.js";
+import "../CircularProgress-CACqWr56.js";
+import { n as WorkflowUiInterruptContent, t as WorkflowContent } from "../WorkflowContent-B4W3IhqH.js";
+import "../EmailDisplay-CvNTnoXz.js";
 import "../useUpdateSearchParams-sZqx_zVu.js";
-import { t as WorkflowContainer } from "../WorkflowContainer-hbA-EyK-.js";
-import "../components-RSFyyue7.js";
-import "../menus-BOCTn6h6.js";
+import { t as WorkflowContainer } from "../WorkflowContainer-CBoWiJQY.js";
+import "../components-BbPynQ4E.js";
+import "../menus-DugtDOhA.js";
 
 export { WorkflowContainer, WorkflowContent, WorkflowTaskFlow, WorkflowTreeMenu, WorkflowTreeMenuItem, WorkflowUiInterruptContent };

package/dist/workflow/menus/index.js

@@ -1,26 +1,26 @@
 import "../../configService-C4uoG3wj.js";
-import "../../apiHelpers-BpZTkMX8.js";
-import "../../pageEnums-CA-HlW3W.js";
+import "../../apiHelpers-B_cn3sZo.js";
+import "../../pageEnums-DHCYa0ey.js";
 import "../../UnitySessionStorage-CUDx9YWR.js";
-import "../../axiosInterceptors-6Czv1PA5.js";
+import "../../axiosInterceptors-FQ3b5kjr.js";
 import "../../useUser-wpHGo6jU.js";
-import "../../useAxiosMutate-q_ZpG98Z.js";
+import "../../useAxiosMutate-DcLxzykX.js";
 import "../../StringUtilities-u-cxAW6-.js";
-import "../../FluentIcon-DjE8A5DC.js";
+import "../../FluentIcon-DQ6nSDJg.js";
 import "../../unitySystemEnums-DQSkCr3D.js";
-import "../../UnityFluentIcon-DkZ-zXku.js";
+import "../../UnityFluentIcon-DrASIcTF.js";
 import "../../RuleUtilities-D5ACzikQ.js";
 import "../../SearchUtilities-Df1gkDw9.js";
 import "../../GroupNode-BxnXH0gG.js";
-import "../../TreeUtilities-BnHT4nq0.js";
+import "../../TreeUtilities-C6e2dd4g.js";
 import "../../UnityIconLibrary-CjIwzfjv.js";
-import "../../useAxiosGet-BMoXHfLN.js";
+import "../../useAxiosGet-vvPjwB4W.js";
 import "../../StatusChip-DZAN88VU.js";
-import "../../methodUtils-DEk9B4A8.js";
+import "../../methodUtils-Cwo_kmVX.js";
 import "../../NumberOperator-k6iXs38S.js";
 import "../../aggregateUtils-BTBSWD8I.js";
-import "../../AggregateChip-BF6RL_4_.js";
-import { n as WorkflowTreeMenuItem, t as WorkflowTreeMenu } from "../../WorkflowTreeMenu-BDolYqHx.js";
-import "../../menus-BOCTn6h6.js";
+import "../../AggregateChip-BDugg_kG.js";
+import { n as WorkflowTreeMenuItem, t as WorkflowTreeMenu } from "../../WorkflowTreeMenu-DKGbOQSH.js";
+import "../../menus-DugtDOhA.js";
 
 export { WorkflowTreeMenu, WorkflowTreeMenuItem };

package/dist/wrappers-CGE2HK5z.js

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

package/export-map.json

@@ -1,5 +1,5 @@
 {
-  "generated": "2025-10-31T18:41:58.436Z",
+  "generated": "2025-11-25T21:42:05.697Z",
   "library": "udp-react-enterprise-component-library",
   "totalExports": 789,
   "description": "Map of exported items to their module paths for tree-shaking",
@@ -260,7 +260,6 @@
     "InfoCard": "UI/surfaces/cards",
     "InputAdornment": "UI/utilityDisplay",
     "InputFieldType": "enums",
-    "InputsExample": "UI/demos",
     "Inquiry": "inquiry",
     "InquiryAdvancedSearch": "inquiry/search",
     "InquiryAdvancedSearchForm": "inquiry/search",
@@ -491,6 +490,7 @@
     "UdpDistributionChart": "UI/charts/amcharts",
     "UdpDonutChart": "UI/charts/amcharts",
     "UdpEnums": "enums",
+    "UdpFormsSubmissionGrid": "udp/pages/UdpFormsSubmissionGrid",
     "UdpGridTemplate": "UI/templates/deprecated/UdpGridTemplate",
     "UdpKeywordEnums": "enums",
     "UdpLineChart": "UI/charts/amcharts",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "udp-react-enterprise-component-library",
-  "version": "25.18.1-beta.2",
+  "version": "25.18.1-beta.20",
   "description": "React-based UI component library implementing Fluent UI design for Univerus internal projects",
   "author": "Univerus",
   "license": "MIT",
@@ -153,7 +153,7 @@
     "warning": "^4.0.3",
     "xlsx": "^0.18.5",
     "zustand": "^4.3.7",
-    "udp-react-stencil-component-library": "25.18.1-beta.1"
+    "udp-react-stencil-component-library": "25.18.1-beta.17"
   },
   "publishConfig": {
     "tag": "beta"