udp-react-enterprise-component-library 25.14.1-beta.9 → 25.16.0

package/dist/InquiryHeaderControl-D8G6OuEN.js

@@ -1,40 +0,0 @@
-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 { InquiryHeaderControl, InquiryHeaderControlTarget, InquiryHeaderTitle, InquiryHeaderTitleTarget };
-//# sourceMappingURL=InquiryHeaderControl-D8G6OuEN.js.map

package/dist/InquiryHeaderControl-D8G6OuEN.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InquiryHeaderControl-D8G6OuEN.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-BnYD5HYk.js

@@ -1,39 +0,0 @@
-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 { InquiryHeaderSecondary, InquiryHeaderSecondaryAlert, InquiryHeaderSecondaryAlertTarget, InquiryHeaderSecondaryTarget };
-//# sourceMappingURL=InquiryHeaderSecondaryAlert-BnYD5HYk.js.map

package/dist/InquiryHeaderSecondaryAlert-BnYD5HYk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InquiryHeaderSecondaryAlert-BnYD5HYk.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-Da_DSKgd.js

@@ -1,209 +0,0 @@
-import { FluentButton } from "./FluentButton-h_8VjXGT.js";
-import { FluentTextFieldAutoComplete } from "./FluentTextFieldAutoComplete-BQvVv8m_.js";
-import { TreeViewModeEnums } from "./unitySystemEnums-BIMR5AWe.js";
-import { FluentSearchField } from "./FluentSearchField-D8ke5wUJ.js";
-import { IconButtonWithTooltip } from "./IconButtonWithToolTip-DQacH9wQ.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, InquiryNodeControls };
-//# sourceMappingURL=InquiryNodeControls-Da_DSKgd.js.map

package/dist/InquiryNodeControls-Da_DSKgd.js.map

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