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

package/dist/InquiryHeaderControl-BCiMFs_v.js

@@ -0,0 +1,40 @@
+import React from "react";
+import { createTeleporter } from "react-teleporter";
+
+//#region src/utilities/utilityBar/InquiryHeaderTitle.jsx
+const InquiryHeaderTitles = createTeleporter({ multiSources: true });
+/**
+* @param {any} props
+*/
+function InquiryHeaderTitleTarget(props) {
+	return /* @__PURE__ */ React.createElement(InquiryHeaderTitles.Target, props);
+}
+/**
+* Places a title in the App SubHeader
+*/
+const InquiryHeaderTitle = (props) => {
+	const { children, className,...buttonProps } = props;
+	return /* @__PURE__ */ React.createElement(InquiryHeaderTitles.Source, null, children);
+};
+
+//#endregion
+//#region src/utilities/utilityBar/InquiryHeaderControl.jsx
+const InquiryHeaderControls = createTeleporter({ multiSources: true });
+/**
+* Lightweight wrapper to avoid exporting inferred variable types.
+* @param {any} props
+*/
+function InquiryHeaderControlTarget(props) {
+	return /* @__PURE__ */ React.createElement(InquiryHeaderControls.Target, props);
+}
+/**
+* Places a Control in the App SubHeader
+*/
+const InquiryHeaderControl = (props) => {
+	const { children } = props;
+	return /* @__PURE__ */ React.createElement(InquiryHeaderControls.Source, null, children);
+};
+
+//#endregion
+export { InquiryHeaderTitleTarget as i, InquiryHeaderControlTarget as n, InquiryHeaderTitle as r, InquiryHeaderControl as t };
+//# sourceMappingURL=InquiryHeaderControl-BCiMFs_v.js.map

package/dist/InquiryHeaderControl-BCiMFs_v.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InquiryHeaderControl-BCiMFs_v.js","names":[],"sources":["../src/utilities/utilityBar/InquiryHeaderTitle.jsx","../src/utilities/utilityBar/InquiryHeaderControl.jsx"],"sourcesContent":["import React from 'react'\nimport { createTeleporter } from 'react-teleporter'\n\nconst InquiryHeaderTitles = createTeleporter({\n  multiSources: true\n})\n\n/**\n * @param {any} props\n */\nexport function InquiryHeaderTitleTarget(props) {\n  return <InquiryHeaderTitles.Target {...props} />\n}\n\n/**\n * Places a title in the App SubHeader\n */\nexport const InquiryHeaderTitle = (props) => {\n  const { children, className, ...buttonProps } = props\n\n  return <InquiryHeaderTitles.Source>{children}</InquiryHeaderTitles.Source>\n}\n","import React from 'react'\nimport { createTeleporter } from 'react-teleporter'\n\nconst InquiryHeaderControls = createTeleporter({\n  multiSources: true\n})\n\n/**\n * Lightweight wrapper to avoid exporting inferred variable types.\n * @param {any} props\n */\nexport function InquiryHeaderControlTarget(props) {\n  return <InquiryHeaderControls.Target {...props} />\n}\n\n/**\n * Places a Control in the App SubHeader\n */\nexport const InquiryHeaderControl = (props) => {\n  const { children } = props\n\n  return <InquiryHeaderControls.Source>{children}</InquiryHeaderControls.Source>\n}\n"],"mappings":";;;;AAGA,MAAM,sBAAsB,iBAAiB,EAC3C,cAAc,MACf,CAAC;;;;AAKF,SAAgB,yBAAyB,OAAO;AAC9C,QAAO,oCAAC,oBAAoB,QAAW,MAAS;;;;;AAMlD,MAAa,sBAAsB,UAAU;CAC3C,MAAM,EAAE,UAAU,UAAW,GAAG,gBAAgB;AAEhD,QAAO,oCAAC,oBAAoB,cAAQ,SAAsC;;;;;ACjB5E,MAAM,wBAAwB,iBAAiB,EAC7C,cAAc,MACf,CAAC;;;;;AAMF,SAAgB,2BAA2B,OAAO;AAChD,QAAO,oCAAC,sBAAsB,QAAW,MAAS;;;;;AAMpD,MAAa,wBAAwB,UAAU;CAC7C,MAAM,EAAE,aAAa;AAErB,QAAO,oCAAC,sBAAsB,cAAQ,SAAwC"}

package/dist/InquiryHeaderSecondaryAlert-DyU3gSwo.js

@@ -0,0 +1,39 @@
+import React from "react";
+import { createTeleporter } from "react-teleporter";
+
+//#region src/utilities/utilityBar/InquiryHeaderSecondary.jsx
+const InquiryHeaderSecondaryList$1 = createTeleporter({ multiSources: true });
+/**
+* @param {any} props
+*/
+function InquiryHeaderSecondaryTarget(props) {
+	return /* @__PURE__ */ React.createElement(InquiryHeaderSecondaryList$1.Target, props);
+}
+/**
+* Places a Secondary Container in the Inquiry Header
+*/
+const InquiryHeaderSecondary = (props) => {
+	const { children } = props;
+	return /* @__PURE__ */ React.createElement(InquiryHeaderSecondaryList$1.Source, null, children);
+};
+
+//#endregion
+//#region src/utilities/utilityBar/InquiryHeaderSecondaryAlert.jsx
+const InquiryHeaderSecondaryList = createTeleporter({ multiSources: true });
+/**
+* @param {any} props
+*/
+function InquiryHeaderSecondaryAlertTarget(props) {
+	return /* @__PURE__ */ React.createElement(InquiryHeaderSecondaryList.Target, props);
+}
+/**
+* Places a Secondary Container in the Inquiry Header
+*/
+const InquiryHeaderSecondaryAlert = (props) => {
+	const { children } = props;
+	return /* @__PURE__ */ React.createElement(InquiryHeaderSecondaryList.Source, null, children);
+};
+
+//#endregion
+export { InquiryHeaderSecondaryTarget as i, InquiryHeaderSecondaryAlertTarget as n, InquiryHeaderSecondary as r, InquiryHeaderSecondaryAlert as t };
+//# sourceMappingURL=InquiryHeaderSecondaryAlert-DyU3gSwo.js.map

package/dist/InquiryHeaderSecondaryAlert-DyU3gSwo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InquiryHeaderSecondaryAlert-DyU3gSwo.js","names":["InquiryHeaderSecondaryList"],"sources":["../src/utilities/utilityBar/InquiryHeaderSecondary.jsx","../src/utilities/utilityBar/InquiryHeaderSecondaryAlert.jsx"],"sourcesContent":["import React from 'react'\nimport { createTeleporter } from 'react-teleporter'\n\nconst InquiryHeaderSecondaryList = createTeleporter({\n  multiSources: true\n})\n\n/**\n * @param {any} props\n */\nexport function InquiryHeaderSecondaryTarget(props) {\n  return <InquiryHeaderSecondaryList.Target {...props} />\n}\n\n/**\n * Places a Secondary Container in the Inquiry Header\n */\nexport const InquiryHeaderSecondary = (props) => {\n  const { children } = props\n\n  return (\n    <InquiryHeaderSecondaryList.Source>\n      {children}\n    </InquiryHeaderSecondaryList.Source>\n  )\n}\n","import React from 'react'\nimport { createTeleporter } from 'react-teleporter'\n\nconst InquiryHeaderSecondaryList = createTeleporter({\n  multiSources: true\n})\n\n/**\n * @param {any} props\n */\nexport function InquiryHeaderSecondaryAlertTarget(props) {\n  return <InquiryHeaderSecondaryList.Target {...props} />\n}\n\n/**\n * Places a Secondary Container in the Inquiry Header\n */\nexport const InquiryHeaderSecondaryAlert = (props) => {\n  const { children } = props\n\n  return (\n    <InquiryHeaderSecondaryList.Source>\n      {children}\n    </InquiryHeaderSecondaryList.Source>\n  )\n}\n"],"mappings":";;;;AAGA,MAAMA,+BAA6B,iBAAiB,EAClD,cAAc,MACf,CAAC;;;;AAKF,SAAgB,6BAA6B,OAAO;AAClD,QAAO,oCAACA,6BAA2B,QAAW,MAAS;;;;;AAMzD,MAAa,0BAA0B,UAAU;CAC/C,MAAM,EAAE,aAAa;AAErB,QACE,oCAACA,6BAA2B,cACzB,SACiC;;;;;ACpBxC,MAAM,6BAA6B,iBAAiB,EAClD,cAAc,MACf,CAAC;;;;AAKF,SAAgB,kCAAkC,OAAO;AACvD,QAAO,oCAAC,2BAA2B,QAAW,MAAS;;;;;AAMzD,MAAa,+BAA+B,UAAU;CACpD,MAAM,EAAE,aAAa;AAErB,QACE,oCAAC,2BAA2B,cACzB,SACiC"}

package/dist/InquiryNodeControls-NSUmP5z6.js

@@ -0,0 +1,209 @@
+import { t as FluentButton } from "./FluentButton-3xMbN_Vs.js";
+import { t as FluentTextFieldAutoComplete } from "./FluentTextFieldAutoComplete-DiwMTnol.js";
+import { M as TreeViewModeEnums } from "./unitySystemEnums-C3qeqk7V.js";
+import { t as FluentSearchField } from "./FluentSearchField-2RcuJ9Oa.js";
+import { t as IconButtonWithTooltip } from "./IconButtonWithToolTip-C8Gr_PHd.js";
+import React, { useEffect, useMemo, useState } from "react";
+import { Popper, Typography, makeStyles, useTheme } from "@material-ui/core";
+import clsx from "clsx";
+import { BulletedTreeListIcon, ChevronFold10Icon, ChevronUnfold10Icon, EraseToolIcon, SkypeMinusIcon, UploadIcon, ViewListTreeIcon } from "@fluentui/react-icons";
+
+//#region src/inquiry/inquiryBar/InquiryControlList.jsx
+const useStyles$1 = makeStyles((theme) => ({
+	root: {
+		display: "flex",
+		justifyContent: "space-between"
+	},
+	icon: {
+		margin: theme.spacing(.5),
+		borderRadius: 2,
+		width: theme.spacing(1),
+		height: theme.spacing(1)
+	}
+}));
+const InquiryControlList = ({ remove, expandAll, collapseAll, moveToTop, clearAll, switchTreeViewMode, treeViewMode, hiddenControls = [], classes: classProps }) => {
+	const classes = useStyles$1();
+	const { inquiryControlListRoot } = classProps || {};
+	const controlList = useMemo(() => {
+		return [
+			{
+				id: "clearAll",
+				label: "Clear All",
+				icon: SkypeMinusIcon,
+				clickFunction: clearAll
+			},
+			{
+				id: "remove",
+				label: "Remove",
+				icon: EraseToolIcon,
+				clickFunction: remove
+			},
+			{
+				id: "collapseAll",
+				label: "Collapse All",
+				icon: ChevronFold10Icon,
+				clickFunction: collapseAll
+			},
+			{
+				id: "expandAll",
+				label: "Expand All",
+				icon: ChevronUnfold10Icon,
+				clickFunction: expandAll
+			},
+			{
+				id: "moveToTop",
+				label: "Move To Top",
+				icon: UploadIcon,
+				clickFunction: moveToTop
+			},
+			{
+				id: "switchTreeViewMode",
+				label: treeViewMode === TreeViewModeEnums.Compact ? "Classic View" : "Compact View",
+				icon: treeViewMode === TreeViewModeEnums.Compact ? ViewListTreeIcon : BulletedTreeListIcon,
+				clickFunction: switchTreeViewMode
+			}
+		];
+	}, [
+		remove,
+		expandAll,
+		moveToTop,
+		clearAll,
+		collapseAll,
+		treeViewMode,
+		switchTreeViewMode
+	]);
+	const filteredControlList = useMemo(() => {
+		if (!controlList) return [];
+		return controlList.filter((control) => !hiddenControls.includes(control.id));
+	}, [controlList, hiddenControls]);
+	const ButtonItem = ({ title, icon, clickFunction }) => {
+		return /* @__PURE__ */ React.createElement(IconButtonWithTooltip, {
+			id: `udpRecord-InquiryControlList-${title.replace(/\s+/g, "")}`,
+			udprecordid: `udpRecord-InquiryControlList-${title.replace(/\s+/g, "")}`,
+			title,
+			className: classes.icon,
+			size: "medium",
+			onClick: clickFunction,
+			icon
+		});
+	};
+	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, inquiryControlListRoot) }, filteredControlList.map((item) => {
+		return /* @__PURE__ */ React.createElement(ButtonItem, {
+			title: item.label,
+			icon: item.icon,
+			clickFunction: item.clickFunction
+		});
+	}));
+};
+
+//#endregion
+//#region src/inquiry/inquiryBar/InquiryNodeControls.jsx
+const useStyles = makeStyles((theme) => ({
+	root: {},
+	upperWrapper: {
+		paddingLeft: theme.spacing(1),
+		paddingRight: theme.spacing(1)
+	},
+	button: {
+		textTransform: "none",
+		textDecorationLine: "underline",
+		padding: 0,
+		height: theme.spacing(3),
+		"&:hover": { backgroundColor: "rgba(0, 0, 0, 0)" }
+	},
+	searchRow: {
+		display: "inline-flex",
+		width: "100%"
+	},
+	searchField: { width: "100%" },
+	entitySelect: {},
+	inputPropRoot: {
+		height: theme.spacing(4),
+		borderRadius: 0
+	},
+	inputPropInput: { marginTop: theme.spacing(-1.75) },
+	formControl: {
+		"& .MuiFormControl-marginDense": { marginTop: 7 },
+		width: theme.spacing(9)
+	},
+	formLabelRoot: { marginTop: -7 }
+}));
+const AutoCompletePopper = (props) => {
+	return /* @__PURE__ */ React.createElement(Popper, {
+		...props,
+		style: { maxWidth: "fit-content" },
+		placement: "bottom-start"
+	});
+};
+const InquiryNodeControls = (props) => {
+	const { children, remove, expandAll, collapseAll, moveToTop, clearAll, switchTreeViewMode, treeViewMode, changeSideBarView, showSearch = true, showControls = true, hiddenControls = [], classes: classProps, entityList, entityValue, setEntityValue, clearSearchStr, setClearSearchStr, isPreloadedTree, treeLoading,...otherProps } = props;
+	const classes = useStyles(props);
+	const [searchValue, setSearchValue] = useState("");
+	const theme = useTheme();
+	const handleEntityChange = (value) => {
+		setEntityValue(value);
+	};
+	const handleOnChange = (event) => {
+		setSearchValue(event.target.value);
+	};
+	const updatedEntityList = useMemo(() => {
+		if (!entityList) return [];
+		const list = [...entityList];
+		list.unshift({
+			value: "",
+			label: "All"
+		});
+		return list;
+	}, [entityList]);
+	useEffect(() => {
+		if (clearSearchStr) {
+			setSearchValue("");
+			setClearSearchStr(false);
+		}
+	}, [clearSearchStr, setClearSearchStr]);
+	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: classes.upperWrapper }, showSearch && !isPreloadedTree && /* @__PURE__ */ React.createElement("div", { className: classes.searchRow }, /* @__PURE__ */ React.createElement("div", { className: classes.searchField }, /* @__PURE__ */ React.createElement(FluentSearchField, {
+		id: "udpRecord-InquiryNodeControls-Search",
+		udprecordid: "udpRecord-InquiryNodeControls-Search",
+		value: searchValue,
+		onChange: handleOnChange,
+		...otherProps
+	})), !!!hiddenControls.length && /* @__PURE__ */ React.createElement("div", { className: classes.entitySelect }, /* @__PURE__ */ React.createElement(FluentTextFieldAutoComplete, {
+		id: "udpRecord-InquiryNodeControls-DropDown",
+		udprecordid: "udpRecord-InquiryNodeControls-DropDown",
+		variant: "filled",
+		margin: "normal",
+		size: "small",
+		fullWidth: true,
+		disableClearable: true,
+		customPopper: AutoCompletePopper,
+		inputProps: { disableUnderline: true },
+		classes,
+		options: updatedEntityList,
+		optionKey: "label",
+		value: entityValue || updatedEntityList[0],
+		onChange: handleEntityChange
+	}))), /* @__PURE__ */ React.createElement("div", { style: {
+		display: "flex",
+		justifyContent: showControls ? "space-between" : "end",
+		height: !!hiddenControls?.length && theme.spacing(3)
+	} }, showControls && /* @__PURE__ */ React.createElement(InquiryControlList, {
+		remove,
+		expandAll,
+		collapseAll,
+		moveToTop,
+		clearAll,
+		switchTreeViewMode,
+		treeViewMode,
+		hiddenControls,
+		classes: classProps
+	}), !!!hiddenControls.length && changeSideBarView && !treeLoading && /* @__PURE__ */ React.createElement(FluentButton, {
+		id: "udpRecord-InquiryNodeControls-AdvSearch",
+		udprecordid: "udpRecord-InquiryNodeControls-AdvSearch",
+		onClick: () => changeSideBarView(1),
+		className: classes.button
+	}, /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, "Adv. Search")))), showControls && /* @__PURE__ */ React.createElement("div", { style: { marginBottom: !!!hiddenControls.length ? 0 : 8 } }), /* @__PURE__ */ React.createElement("div", { className: classes.root }, children));
+};
+
+//#endregion
+export { InquiryControlList as n, InquiryNodeControls as t };
+//# sourceMappingURL=InquiryNodeControls-NSUmP5z6.js.map

package/dist/InquiryNodeControls-NSUmP5z6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InquiryNodeControls-NSUmP5z6.js","names":["useStyles"],"sources":["../src/inquiry/inquiryBar/InquiryControlList.jsx","../src/inquiry/inquiryBar/InquiryNodeControls.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { IconButtonWithTooltip } from '../../UI/inputs/buttons/IconButtonWithToolTip';\nimport {\n  EraseToolIcon,\n  ChevronUnfold10Icon,\n  UploadIcon,\n  SkypeMinusIcon,\n  ChevronFold10Icon,\n  ViewListTreeIcon,\n  BulletedTreeListIcon\n} from '@fluentui/react-icons';\nimport clsx from 'clsx';\nimport { TreeViewModeEnums } from '../../enums/unitySystemEnums.ts';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    justifyContent: 'space-between'\n    // width: 170\n  },\n  icon: {\n    margin: theme.spacing(0.5),\n    borderRadius: 2,\n    width: theme.spacing(1),\n    height: theme.spacing(1)\n  }\n}));\n\nexport const InquiryControlList = ({\n  remove,\n  expandAll,\n  collapseAll,\n  moveToTop,\n  clearAll,\n  switchTreeViewMode,\n  treeViewMode,\n  hiddenControls = [],\n  classes: classProps\n}) => {\n  const classes = useStyles();\n  const { inquiryControlListRoot } = classProps || {};\n\n  const controlList = useMemo(() => {\n    return [\n      {\n        id: 'clearAll',\n        label: 'Clear All',\n        icon: SkypeMinusIcon,\n        clickFunction: clearAll\n      },\n      {\n        id: 'remove',\n        label: 'Remove',\n        icon: EraseToolIcon,\n        clickFunction: remove\n      },\n      {\n        id: 'collapseAll',\n        label: 'Collapse All',\n        icon: ChevronFold10Icon,\n        clickFunction: collapseAll\n      },\n      {\n        id: 'expandAll',\n        label: 'Expand All',\n        icon: ChevronUnfold10Icon,\n        clickFunction: expandAll\n      },\n      {\n        id: 'moveToTop',\n        label: 'Move To Top',\n        icon: UploadIcon,\n        clickFunction: moveToTop\n      },\n      {\n        id: 'switchTreeViewMode',\n        label:\n          treeViewMode === TreeViewModeEnums.Compact\n            ? 'Classic View'\n            : 'Compact View',\n        icon:\n          treeViewMode === TreeViewModeEnums.Compact\n            ? ViewListTreeIcon\n            : BulletedTreeListIcon,\n        clickFunction: switchTreeViewMode\n      }\n    ];\n  }, [\n    remove,\n    expandAll,\n    moveToTop,\n    clearAll,\n    collapseAll,\n    treeViewMode,\n    switchTreeViewMode\n  ]);\n\n  const filteredControlList = useMemo(() => {\n    if (!controlList) {\n      return [];\n    }\n    return controlList.filter(\n      (control) => !hiddenControls.includes(control.id)\n    );\n  }, [controlList, hiddenControls]);\n\n  const ButtonItem = ({ title, icon, clickFunction }) => {\n    return (\n      <IconButtonWithTooltip\n        id={`udpRecord-InquiryControlList-${title.replace(/\\s+/g, '')}`}\n        udprecordid={`udpRecord-InquiryControlList-${title.replace(/\\s+/g, '')}`}\n        title={title}\n        className={classes.icon}\n        size='medium'\n        onClick={clickFunction}\n        icon={icon}\n      />\n    );\n  };\n\n  return (\n    <div className={clsx(classes.root, inquiryControlListRoot)}>\n      {filteredControlList.map((item) => {\n        return (\n          <ButtonItem\n            title={item.label}\n            icon={item.icon}\n            clickFunction={item.clickFunction}\n          />\n        );\n      })}\n    </div>\n  );\n};\n","import React, { useMemo, useState, useEffect } from 'react';\nimport { makeStyles, Typography, Popper, useTheme } from '@material-ui/core';\nimport { InquiryControlList } from './InquiryControlList';\nimport { FluentSearchField } from '../../UI/inputs/textField/FluentSearchField';\nimport { FluentButton } from '../../UI/inputs/buttons/FluentButton';\nimport { FluentTextFieldAutoComplete } from '../../UI/inputs/textField/FluentTextFieldAutoComplete';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  upperWrapper: {\n    paddingLeft: theme.spacing(1),\n    paddingRight: theme.spacing(1)\n  },\n  button: {\n    textTransform: 'none',\n    textDecorationLine: 'underline',\n    padding: 0,\n    height: theme.spacing(3),\n    '&:hover': {\n      backgroundColor: 'rgba(0, 0, 0, 0)'\n    }\n  },\n  searchRow: {\n    display: 'inline-flex',\n    width: '100%'\n  },\n  searchField: {\n    width: '100%'\n  },\n  entitySelect: {},\n  inputPropRoot: { height: theme.spacing(4), borderRadius: 0 },\n  inputPropInput: { marginTop: theme.spacing(-1.75) },\n  formControl: {\n    '& .MuiFormControl-marginDense': {\n      marginTop: 7\n    },\n    width: theme.spacing(9)\n  },\n  formLabelRoot: {\n    marginTop: -7\n  }\n}));\n\nconst AutoCompletePopper = (props) => {\n  return (\n    <Popper\n      {...props}\n      style={{ maxWidth: 'fit-content' }}\n      placement='bottom-start'\n    />\n  );\n};\n\nexport const InquiryNodeControls = (props) => {\n  const {\n    children,\n    remove,\n    expandAll,\n    collapseAll,\n    moveToTop,\n    clearAll,\n    switchTreeViewMode,\n    treeViewMode,\n    changeSideBarView,\n    showSearch = true,\n    showControls = true,\n    hiddenControls = [],\n    classes: classProps,\n    entityList,\n    entityValue,\n    setEntityValue,\n    clearSearchStr,\n    setClearSearchStr,\n    isPreloadedTree,\n    treeLoading,\n    ...otherProps\n  } = props;\n  const classes = useStyles(props);\n  const [searchValue, setSearchValue] = useState('');\n  const theme = useTheme();\n\n  const handleEntityChange = (value) => {\n    setEntityValue(value);\n  };\n\n  const handleOnChange = (event) => {\n    setSearchValue(event.target.value);\n  };\n\n  const updatedEntityList = useMemo(() => {\n    if (!entityList) {\n      return [];\n    }\n    const list = [...entityList];\n    list.unshift({ value: '', label: 'All' });\n    return list;\n  }, [entityList]);\n\n  useEffect(() => {\n    if (clearSearchStr) {\n      setSearchValue('');\n      setClearSearchStr(false);\n    }\n  }, [clearSearchStr, setClearSearchStr]);\n\n  return (\n    <>\n      <div className={classes.upperWrapper}>\n        {showSearch && !isPreloadedTree && (\n          <div className={classes.searchRow}>\n            <div className={classes.searchField}>\n              <FluentSearchField\n                id='udpRecord-InquiryNodeControls-Search'\n                udprecordid='udpRecord-InquiryNodeControls-Search'\n                value={searchValue}\n                onChange={handleOnChange}\n                {...otherProps}\n              />\n            </div>\n            {!!!hiddenControls.length && (\n              <div className={classes.entitySelect}>\n                <FluentTextFieldAutoComplete\n                  id='udpRecord-InquiryNodeControls-DropDown'\n                  udprecordid='udpRecord-InquiryNodeControls-DropDown'\n                  variant='filled'\n                  margin='normal'\n                  size='small'\n                  fullWidth\n                  disableClearable={true}\n                  customPopper={AutoCompletePopper}\n                  inputProps={{ disableUnderline: true }}\n                  classes={classes}\n                  options={updatedEntityList}\n                  optionKey='label'\n                  value={entityValue || updatedEntityList[0]}\n                  onChange={handleEntityChange}\n                />\n              </div>\n            )}\n          </div>\n        )}\n        <div\n          style={{\n            display: 'flex',\n            justifyContent: showControls ? 'space-between' : 'end',\n            height: !!hiddenControls?.length && theme.spacing(3)\n          }}\n        >\n          {showControls && (\n            <InquiryControlList\n              remove={remove}\n              expandAll={expandAll}\n              collapseAll={collapseAll}\n              moveToTop={moveToTop}\n              clearAll={clearAll}\n              switchTreeViewMode={switchTreeViewMode}\n              treeViewMode={treeViewMode}\n              hiddenControls={hiddenControls}\n              classes={classProps}\n            />\n          )}\n          {!!!hiddenControls.length && changeSideBarView && !treeLoading && (\n            <FluentButton\n              id='udpRecord-InquiryNodeControls-AdvSearch'\n              udprecordid='udpRecord-InquiryNodeControls-AdvSearch'\n              onClick={() => changeSideBarView(1)}\n              className={classes.button}\n            >\n              <Typography variant='caption'>Adv. Search</Typography>\n            </FluentButton>\n          )}\n        </div>\n      </div>\n      {showControls && (\n        <div\n          style={{\n            // margin: !!!hiddenControls.length ? '0px 8px 4px' : '8px 8px 4px',\n            marginBottom: !!!hiddenControls.length ? 0 : 8\n          }}\n        >\n          {/* <Divider /> */}\n        </div>\n      )}\n      <div className={classes.root}>{children}</div>\n    </>\n  );\n};\n"],"mappings":"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"}