udp-react-enterprise-component-library 25.14.1-beta.6 → 25.14.1-beta.7

package/dist/FluentCell-DZ5pFjdC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FluentCell-DZ5pFjdC.js","names":[],"sources":["../src/UI/dataDisplay/FluentDataTable/FluentCell/index.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Box, makeStyles, TableCell, Theme, useTheme, Tooltip } from '@material-ui/core';\nimport { format } from 'date-fns';\nimport { UnityFluentIcon } from '../../../../utilities/iconLibrary/UnityFluentIcon';\nimport { getIconFromName } from '../../../../utilities/tree/TreeUtilities';\nimport { StatusChip } from '../../StatusChip';\nimport clsx from 'clsx';\n\nconst useStyles = makeStyles<Theme, FluentCellProps>((theme) => ({\n  labelText: {\n    color: theme.palette.text.primary,\n    fontSize: '12px'\n  },\n  tableCell: {\n    fontSize: '12px',\n    letterSpacing: '0.4px',\n    fontWeight: (props) => (props?.bold ? 500 : 400)\n  },\n  unityIconWrapper: {\n    gap: theme.spacing(1)\n  }\n}));\n\n/* #region  CellUnityIcon */\n\ninterface CellUnityIconProps extends FluentCellProps {\n  icon: string;\n  size: string;\n  color: string;\n  align?: 'inherit' | 'left' | 'center' | 'right' | 'justify';\n  className?: string;\n}\n\nconst CellUnityIcon = (props: Partial<CellUnityIconProps>) => {\n  const theme = useTheme();\n  const {\n    icon = '',\n    size = 'large',\n    color = theme.palette.primary.main,\n    children\n  } = props;\n  const classes = useStyles(props as FluentCellProps);\n\n  return (\n    <FluentCell {...props}>\n      { /* @ts-ignore */ }\n      <Box display='flex' alignItems='center' className={classes.unityIconWrapper}>\n        <UnityFluentIcon\n          size={size}\n          color={color}\n          icon={getIconFromName(icon)}\n        />\n        {children && children}\n      </Box>\n    </FluentCell>\n  );\n};\n\n/* #endregion */\n\n/* #region  CellIcon */\n\ninterface CellImageProps extends FluentCellProps {\n  src: string;\n  alt: string;\n  title: string;\n  style?: object;\n  children: any;\n}\n\nconst CellImage = (props: CellImageProps) => (\n  <FluentCell {...props}>\n    <img src={props?.src} alt={props?.alt} style={props?.style} />\n    {props?.title}\n  </FluentCell>\n);\n\n/* #endregion */\n\n/* #region  CellIcon */\n\ninterface CellIconProps extends FluentCellProps {\n  icon: any;\n  label: string;\n  style?: object;\n}\n\nconst CellIcon = (props: Partial<CellIconProps>) => (\n  <FluentCell {...props}>\n    <>\n      {props?.label ? (\n      // @ts-ignore\n        <Box display='flex' alignItems='center' style={{ gap: '8px' }}>\n      { /* @ts-ignore */ }\n          <Box>{props?.icon}</Box>\n          {props?.label}\n        </Box>\n      ) : (\n        props?.icon\n      )}\n      {props?.children}\n    </>\n  </FluentCell>\n);\n\n/* #endregion */\n\n/* #region  CellNumber */\n\ninterface CellNumberProps extends FluentCellProps {\n  decimals?: number | string;\n  children: any;\n}\n\nconst CellNumber = (props: CellNumberProps) => (\n  <FluentCell {...props}>\n    {Number(props?.children).toFixed(Number(props?.decimals ?? 2))}\n  </FluentCell>\n);\n\n/* #endregion */\n\n/* #region  CellDate */\n\ninterface CellDateProps extends FluentCellProps {\n  format?: string;\n  children: any;\n}\n\nconst CellDate = (props: CellDateProps) => (\n  <FluentCell {...props}>\n    {format(new Date(props?.children), props?.format || 'MM/dd/yyyy')}\n  </FluentCell>\n);\n\n/* #endregion */\n\n/* #region  CellCurrency */\n\ninterface CellCurrencyProps extends FluentCellProps {\n  currencySymbol?: string;\n  children: any;\n}\n\nconst CellCurrency = (props: CellCurrencyProps) => (\n  <FluentCell {...props}>\n    {props?.currencySymbol || '$'}\n    {props?.children}\n  </FluentCell>\n);\n\n/* #endregion */\n\n/* #region  CellText */\n\ninterface CellTextProps extends FluentCellProps {\n  children: any;\n}\n\nconst CellText = (props: CellTextProps) => (\n  <FluentCell {...props}>{props.children}</FluentCell>\n);\n\n/* #endregion */\n\n/* #region  Chip */\n\ninterface CellChipProps extends FluentCellProps {\n  status?: string;\n  size?: string;\n  children: any;\n}\n\nconst CellChip = (props: CellChipProps) => (\n  <FluentCell {...props}>\n    {/* @ts-ignore */}\n    <StatusChip\n      status={props?.status || 'success'}\n      label={props?.children}\n    />\n  </FluentCell>\n);\n/* #endregion */\n\ninterface FluentCellProps {\n  scope?: string;\n  bold?: boolean;\n  style?: object;\n  align?: 'inherit' | 'left' | 'center' | 'right' | 'justify';\n  children?: ReactNode;\n  className?: string;\n  colSpan?: number;\n  tooltip?: string;\n}\n\nconst FluentCell = (props: FluentCellProps) => {\n  const classes = useStyles(props);\n  const { scope = 'row', style, align, colSpan, className, tooltip, children } = props;\n\n  const cellContent = children;\n\n  return (\n    <TableCell\n      scope={scope}\n      className={clsx(classes.tableCell, className)}\n      style={style}\n      align={align}\n      colSpan={colSpan}\n    >\n      {tooltip ? (\n        <Tooltip title={tooltip || ''} children={<span>{cellContent || ''}</span>} />\n      ) : (\n        cellContent\n      )}\n    </TableCell>\n  );\n};\n\nFluentCell.UnityIcon = CellUnityIcon;\nFluentCell.Icon = CellIcon;\nFluentCell.Number = CellNumber;\nFluentCell.Text = CellText;\nFluentCell.Currency = CellCurrency;\nFluentCell.Date = CellDate;\nFluentCell.Chip = CellChip;\nFluentCell.Image = CellImage;\n\nexport default FluentCell;\n"],"mappings":";;;;;;;;;AAQA,MAAM,YAAY,YAAoC,WAAW;CAC/D,WAAW;EACT,OAAO,MAAM,QAAQ,KAAK;EAC1B,UAAU;EACX;CACD,WAAW;EACT,UAAU;EACV,eAAe;EACf,aAAa,UAAW,OAAO,OAAO,MAAM;EAC7C;CACD,kBAAkB,EAChB,KAAK,MAAM,QAAQ,EAAE,EACtB;CACF,EAAE;AAYH,MAAM,iBAAiB,UAAuC;CAC5D,MAAM,QAAQ,UAAU;CACxB,MAAM,EACJ,OAAO,IACP,OAAO,SACP,QAAQ,MAAM,QAAQ,QAAQ,MAC9B,aACE;CACJ,MAAM,UAAU,UAAU,MAAyB;AAEnD,QACE,oCAAC,YAAe,OAEd,oCAAC;EAAI,SAAQ;EAAO,YAAW;EAAS,WAAW,QAAQ;IACzD,oCAAC;EACO;EACC;EACP,MAAM,gBAAgB,KAAK;GAC3B,EACD,YAAY,SACT,CACK;;AAgBjB,MAAM,aAAa,UACjB,oCAAC,YAAe,OACd,oCAAC;CAAI,KAAK,OAAO;CAAK,KAAK,OAAO;CAAK,OAAO,OAAO;EAAS,EAC7D,OAAO,MACG;AAaf,MAAM,YAAY,UAChB,oCAAC,YAAe,OACd,0DACG,OAAO,QAEN,oCAAC;CAAI,SAAQ;CAAO,YAAW;CAAS,OAAO,EAAE,KAAK,OAAO;GAE3D,oCAAC,WAAK,OAAO,KAAW,EACvB,OAAO,MACJ,GAEN,OAAO,MAER,OAAO,SACP,CACQ;AAYf,MAAM,cAAc,UAClB,oCAAC,YAAe,OACb,OAAO,OAAO,SAAS,CAAC,QAAQ,OAAO,OAAO,YAAY,EAAE,CAAC,CACnD;AAYf,MAAM,YAAY,UAChB,oCAAC,YAAe,OACb,OAAO,IAAI,KAAK,OAAO,SAAS,EAAE,OAAO,UAAU,aAAa,CACtD;AAYf,MAAM,gBAAgB,UACpB,oCAAC,YAAe,OACb,OAAO,kBAAkB,KACzB,OAAO,SACG;AAWf,MAAM,YAAY,UAChB,oCAAC,YAAe,OAAQ,MAAM,SAAsB;AAatD,MAAM,YAAY,UAChB,oCAAC,YAAe,OAEd,oCAAC;CACC,QAAQ,OAAO,UAAU;CACzB,OAAO,OAAO;EACd,CACS;AAef,MAAM,cAAc,UAA2B;CAC7C,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EAAE,QAAQ,OAAO,OAAO,OAAO,SAAS,WAAW,SAAS,aAAa;CAE/E,MAAM,cAAc;AAEpB,QACE,oCAAC;EACQ;EACP,WAAW,KAAK,QAAQ,WAAW,UAAU;EACtC;EACA;EACE;IAER,UACC,oCAAC;EAAQ,OAAO,WAAW;EAAI,UAAU,oCAAC,cAAM,eAAe,GAAU;GAAI,GAE7E,YAEQ;;AAIhB,WAAW,YAAY;AACvB,WAAW,OAAO;AAClB,WAAW,SAAS;AACpB,WAAW,OAAO;AAClB,WAAW,WAAW;AACtB,WAAW,OAAO;AAClB,WAAW,OAAO;AAClB,WAAW,QAAQ;AAEnB,yBAAe"}

package/dist/FluentDataTable-C7Ng6Eh3.js

@@ -0,0 +1,30 @@
+import { FluentBody_default } from "./FluentBody-PdsySA1c.js";
+import { FluentCell_default } from "./FluentCell-DZ5pFjdC.js";
+import { FluentHead_default } from "./FluentHead-BTV-o45z.js";
+import { FluentRow_default } from "./FluentRow-CVqnk9pB.js";
+import React from "react";
+import { Table, TableContainer, makeStyles } from "@material-ui/core";
+
+//#region src/UI/dataDisplay/FluentDataTable/FluentDataTable.tsx
+const useStyles = makeStyles((theme) => ({ root: { maxHeight: (props) => props?.containerMaxHeight } }));
+const FluentDataTable = ((props) => {
+	const { size = "small", style, stickyHeader = false, containerMaxHeight } = props;
+	useStyles({ containerMaxHeight });
+	return /* @__PURE__ */ React.createElement(TableContainer, { style: {
+		maxHeight: containerMaxHeight,
+		height: "100%"
+	} }, /* @__PURE__ */ React.createElement(Table, {
+		"aria-label": "simple table",
+		size,
+		style,
+		stickyHeader
+	}, props?.children));
+});
+FluentDataTable.FluentHead = FluentHead_default;
+FluentDataTable.FluentBody = FluentBody_default;
+FluentDataTable.FluentCell = FluentCell_default;
+FluentDataTable.FluentRow = FluentRow_default;
+
+//#endregion
+export { FluentDataTable };
+//# sourceMappingURL=FluentDataTable-C7Ng6Eh3.js.map

package/dist/FluentDataTable-C7Ng6Eh3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FluentDataTable-C7Ng6Eh3.js","names":["FluentHead","FluentBody","FluentCell","FluentRow"],"sources":["../src/UI/dataDisplay/FluentDataTable/FluentDataTable.tsx"],"sourcesContent":["import { Size, Table, TableContainer, makeStyles } from '@material-ui/core';\nimport React, { ReactElement, ReactNode } from 'react';\nimport FluentBody from './FluentBody';\nimport FluentCell from './FluentCell';\nimport FluentHead from './FluentHead';\nimport FluentRow from './FluentRow';\n\ninterface FluentDataTableProps {\n  style?: object;\n  size?: Size | undefined;\n  children: ReactNode;\n  stickyHeader?: boolean;\n  containerMaxHeight?: string | number;\n}\n\ntype FluentDataTableComponent = React.FC<FluentDataTableProps> & {\n  FluentHead: typeof FluentHead;\n  FluentBody: typeof FluentBody;\n  FluentCell: typeof FluentCell;\n  FluentRow: typeof FluentRow;\n};\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    maxHeight: (props: any) => props?.containerMaxHeight\n  }\n}));\n\nexport const FluentDataTable = ((props: FluentDataTableProps): ReactElement => {\n  const { size = 'small', style, stickyHeader = false, containerMaxHeight } = props;\n  const classes = useStyles({ containerMaxHeight });\n  return (\n    <TableContainer\n      style={{ maxHeight: containerMaxHeight, height: '100%'}}\n    >\n      <Table\n        aria-label='simple table'\n        size={size}\n        style={style}\n        stickyHeader={stickyHeader}\n      >\n        {props?.children}\n      </Table>\n    </TableContainer>\n  );\n}) as FluentDataTableComponent;\n\nFluentDataTable.FluentHead = FluentHead;\nFluentDataTable.FluentBody = FluentBody;\nFluentDataTable.FluentCell = FluentCell;\nFluentDataTable.FluentRow = FluentRow;\n"],"mappings":";;;;;;;;AAsBA,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM,EACJ,YAAY,UAAe,OAAO,oBACnC,EACF,EAAE;AAEH,MAAa,oBAAoB,UAA8C;CAC7E,MAAM,EAAE,OAAO,SAAS,OAAO,eAAe,OAAO,uBAAuB;AAC5D,WAAU,EAAE,oBAAoB,CAAC;AACjD,QACE,oCAAC,kBACC,OAAO;EAAE,WAAW;EAAoB,QAAQ;EAAO,IAEvD,oCAAC;EACC,cAAW;EACL;EACC;EACO;IAEb,OAAO,SACF,CACO;;AAIrB,gBAAgB,aAAaA;AAC7B,gBAAgB,aAAaC;AAC7B,gBAAgB,aAAaC;AAC7B,gBAAgB,YAAYC"}

package/dist/FluentHead-BTV-o45z.js

@@ -0,0 +1,20 @@
+import React from "react";
+import { TableHead, TableRow, makeStyles } from "@material-ui/core";
+
+//#region src/UI/dataDisplay/FluentDataTable/FluentHead/index.tsx
+const useStyles = makeStyles((theme) => ({
+	root: (props) => ({ maxHeight: props?.containerMaxHeight }),
+	row: (props) => ({
+		backgroundColor: props?.background || theme.palette.secondary.light,
+		"& .MuiTableCell-stickyHeader": { backgroundColor: props?.background || theme.palette.secondary.light }
+	})
+}));
+const FluentHead = (props) => {
+	const classes = useStyles(props);
+	return /* @__PURE__ */ React.createElement(TableHead, { style: { ...props?.style } }, /* @__PURE__ */ React.createElement(TableRow, { className: classes.row }, props?.children));
+};
+var FluentHead_default = FluentHead;
+
+//#endregion
+export { FluentHead_default };
+//# sourceMappingURL=FluentHead-BTV-o45z.js.map

package/dist/FluentHead-BTV-o45z.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FluentHead-BTV-o45z.js","names":[],"sources":["../src/UI/dataDisplay/FluentDataTable/FluentHead/index.tsx"],"sourcesContent":["import { TableHead, TableRow, makeStyles } from '@material-ui/core';\nimport React, { ReactNode } from 'react';\n\ninterface FluentHeadProps {\n  background?: string;\n  containerMaxHeight?: string | number;\n  style?: object;\n  children: ReactNode;\n};\n\nconst useStyles = makeStyles((theme) => ({\n  root: (props: FluentHeadProps) => ({\n    maxHeight: props?.containerMaxHeight\n  }),\n  row: (props: FluentHeadProps) => ({\n    backgroundColor: props?.background || theme.palette.secondary.light,\n    '& .MuiTableCell-stickyHeader': {\n      backgroundColor: props?.background || theme.palette.secondary.light\n    }\n  })\n}));\n\nconst FluentHead = (props: FluentHeadProps) => {\n  const classes = useStyles(props);\n\n  return (\n  <TableHead style={{ ...props?.style,  }}>\n    <TableRow className={classes.row}>\n      {props?.children}\n    </TableRow>\n  </TableHead >\n)};\n\nexport default FluentHead;"],"mappings":";;;;AAUA,MAAM,YAAY,YAAY,WAAW;CACvC,OAAO,WAA4B,EACjC,WAAW,OAAO,oBACnB;CACD,MAAM,WAA4B;EAChC,iBAAiB,OAAO,cAAc,MAAM,QAAQ,UAAU;EAC9D,gCAAgC,EAC9B,iBAAiB,OAAO,cAAc,MAAM,QAAQ,UAAU,OAC/D;EACF;CACF,EAAE;AAEH,MAAM,cAAc,UAA2B;CAC7C,MAAM,UAAU,UAAU,MAAM;AAEhC,QACA,oCAAC,aAAU,OAAO,EAAE,GAAG,OAAO,OAAS,IACrC,oCAAC,YAAS,WAAW,QAAQ,OAC1B,OAAO,SACC,CACA;;AAGf,yBAAe"}

package/dist/FluentRow-CVqnk9pB.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { TableRow } from "@material-ui/core";
+
+//#region src/UI/dataDisplay/FluentDataTable/FluentRow/index.tsx
+const FluentRow = (props) => {
+	const { className, children, onClick,...otherProps } = props;
+	return /* @__PURE__ */ React.createElement(TableRow, {
+		className,
+		onClick: onClick || void 0,
+		...otherProps,
+		style: onClick ? { cursor: "pointer" } : void 0
+	}, children);
+};
+var FluentRow_default = FluentRow;
+
+//#endregion
+export { FluentRow_default };
+//# sourceMappingURL=FluentRow-CVqnk9pB.js.map

package/dist/FluentRow-CVqnk9pB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FluentRow-CVqnk9pB.js","names":[],"sources":["../src/UI/dataDisplay/FluentDataTable/FluentRow/index.tsx"],"sourcesContent":["import { TableRow } from '@material-ui/core';\nimport React, { ReactNode } from 'react';\n\ninterface FluentRowProps {\n  className?: string;\n  children: ReactNode;\n  onClick?: () => void;\n}\n\nconst FluentRow = (props: FluentRowProps) => {\n  const { className, children, onClick, ...otherProps } = props;\n\n  return (\n    <TableRow\n      className={className}\n      onClick={onClick || undefined}\n      {...otherProps}\n      style={onClick ? { cursor:  'pointer'} : undefined}\n    >\n      {children}\n    </TableRow>\n  );\n};\n\nexport default FluentRow;\n"],"mappings":";;;;AASA,MAAM,aAAa,UAA0B;CAC3C,MAAM,EAAE,WAAW,UAAU,QAAS,GAAG,eAAe;AAExD,QACE,oCAAC;EACY;EACX,SAAS,WAAW;EACpB,GAAI;EACJ,OAAO,UAAU,EAAE,QAAS,WAAU,GAAG;IAExC,SACQ;;AAIf,wBAAe"}

package/dist/{GeoMap-jDYoW-Jl.js → GeoMap-CVGJXRRA.js}

@@ -1,5 +1,5 @@
 import { Map_default } from "./Map-CM3OkjUS.js";
-import { Layers, TileLayer } from "./Layers-CQUYxZqM.js";
+import { Layers, TileLayer } from "./TileLayer-Bk6rITEu.js";
 import { osm_default } from "./Source-BUBwrbaZ.js";
 import { Controls_default, FullScreenControl_default } from "./Controls-Dns0KUBq.js";
 import { MapControlsStandard_default } from "./MapControlsStandard-twyqBTRG.js";
@@ -105,4 +105,4 @@ const GeoMap = (props) => {
 
 //#endregion
 export { GeoMap };
-//# sourceMappingURL=GeoMap-jDYoW-Jl.js.map
+//# sourceMappingURL=GeoMap-CVGJXRRA.js.map

package/dist/{GeoMap-jDYoW-Jl.js.map → GeoMap-CVGJXRRA.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GeoMap-jDYoW-Jl.js","names":["MapControlsStandard","Map","osm","Controls","FullScreenControl"],"sources":["../src/maps/GeoMap.jsx"],"sourcesContent":["import React, { useState, useCallback } from 'react';\nimport { Toolbar } from '@material-ui/core';\nimport Map from './openLayerMaps/Map';\nimport { Layers, TileLayer } from './openLayerMaps/Layers';\nimport { osm } from './openLayerMaps/Source';\nimport { fromLonLat } from 'ol/proj';\nimport { Controls, FullScreenControl } from './openLayerMaps/Controls';\nimport MapControlsStandard from './openLayerMaps/ui/MapControlsStandard';\nimport BingMaps from 'ol/source/BingMaps';\nimport 'ol/ol.css';\nimport { makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n  toolbar: {\n    padding: 0,\n    minHeight: theme.spacing(6)\n  }\n}));\n\n// original default -94.9065, 38.9884\nexport const GeoMap = (props) => {\n  const {\n    locations,\n    start,\n    mapType,\n    tooltip,\n    bingKey,\n    toolbar,\n    width,\n    height,\n    defaultZoom\n  } = props;\n  const classes = useStyles();\n  const [center, setCenter] = useState(start);\n  const [zoom, setZoom] = useState(defaultZoom);\n  const [showLayer1, setShowLayer1] = useState(true);\n  const [showLayer2, setShowLayer2] = useState(true);\n  const [lat, setLat] = useState();\n  const [long, setLong] = useState();\n  // RoadOnDemand, CanvasDark, Aerial\n  const [displayType, setDisplayType] = useState(mapType);\n\n  const resetPosition = () => {\n    setCenter(start);\n    setZoom(9);\n  };\n\n  const sendPosition = (position) => {\n    setCenter(position);\n    console.log('POSITION', position);\n  };\n\n  const controlZoom = (input) => {\n    const direction = input === 'in' ? 1 : -1;\n    setZoom(zoom + direction);\n  };\n\n  const handleSliderChange = (event, newValue) => {\n    setZoom(newValue);\n  };\n\n  const handleInputChange = (event) => {\n    setZoom(event.target.value === '' ? '' : Number(event.target.value));\n  };\n\n  const handleBlur = () => {\n    if (zoom < 0) {\n      setZoom(0);\n    } else if (zoom > 100) {\n      setZoom(100);\n    }\n  };\n\n  const handleInputPositionLat = (event) => {\n    setLat(event.target.value);\n  };\n  const handleInputPositionLong = (event) => {\n    setLong(event.target.value);\n  };\n\n  const setNewPosition = () => {\n    setCenter([lat, long]);\n  };\n\n  const handleViewType = useCallback((event, newType) => {\n    setDisplayType(newType);\n  }, []);\n\n  const getLocationValue = (value) => {\n    setCenter(value.location);\n  };\n\n  return (\n    <div style={{ width: width, height: height, overflow: 'hidden' }}>\n      {toolbar && (\n        <Toolbar className={classes.toolbar}>\n          <MapControlsStandard\n            showLayer1={showLayer1}\n            showLayer2={showLayer2}\n            setShowLayer1={setShowLayer1}\n            setShowLayer2={setShowLayer2}\n            zoomIn={() => controlZoom('in')}\n            zoomOut={() => controlZoom('out')}\n            value={zoom}\n            setValue={setZoom}\n            handleSliderChange={handleSliderChange}\n            handleInputChange={handleInputChange}\n            handleBlur={handleBlur}\n            reset={resetPosition}\n            changeLat={handleInputPositionLat}\n            changeLong={handleInputPositionLong}\n            setPosition={setNewPosition}\n            handleChange={handleViewType}\n            displayType={displayType}\n            getLocation={sendPosition}\n            locations={locations}\n            tooltip={tooltip}\n            getLocationValue={getLocationValue}\n          />\n        </Toolbar>\n      )}\n      <Map center={fromLonLat(center)} zoom={zoom}>\n        <Layers>\n          <TileLayer source={osm()} zIndex={0} />\n\n          <TileLayer\n            source={\n              new BingMaps({\n                preload: Infinity,\n                visible: true,\n                imagerySet: displayType,\n                key: bingKey\n              })\n            }\n            zIndex={0}\n          />\n        </Layers>\n\n        <Controls>\n          <FullScreenControl />\n        </Controls>\n      </Map>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAYA,MAAM,YAAY,YAAY,WAAW,EACvC,SAAS;CACP,SAAS;CACT,WAAW,MAAM,QAAQ,EAAE;CAC5B,EACF,EAAE;AAGH,MAAa,UAAU,UAAU;CAC/B,MAAM,EACJ,WACA,OACA,SACA,SACA,SACA,SACA,OACA,QACA,gBACE;CACJ,MAAM,UAAU,WAAW;CAC3B,MAAM,CAAC,QAAQ,aAAa,SAAS,MAAM;CAC3C,MAAM,CAAC,MAAM,WAAW,SAAS,YAAY;CAC7C,MAAM,CAAC,YAAY,iBAAiB,SAAS,KAAK;CAClD,MAAM,CAAC,YAAY,iBAAiB,SAAS,KAAK;CAClD,MAAM,CAAC,KAAK,UAAU,UAAU;CAChC,MAAM,CAAC,MAAM,WAAW,UAAU;CAElC,MAAM,CAAC,aAAa,kBAAkB,SAAS,QAAQ;CAEvD,MAAM,sBAAsB;AAC1B,YAAU,MAAM;AAChB,UAAQ,EAAE;;CAGZ,MAAM,gBAAgB,aAAa;AACjC,YAAU,SAAS;AACnB,UAAQ,IAAI,YAAY,SAAS;;CAGnC,MAAM,eAAe,UAAU;AAE7B,UAAQ,QADU,UAAU,OAAO,IAAI,IACd;;CAG3B,MAAM,sBAAsB,OAAO,aAAa;AAC9C,UAAQ,SAAS;;CAGnB,MAAM,qBAAqB,UAAU;AACnC,UAAQ,MAAM,OAAO,UAAU,KAAK,KAAK,OAAO,MAAM,OAAO,MAAM,CAAC;;CAGtE,MAAM,mBAAmB;AACvB,MAAI,OAAO,EACT,SAAQ,EAAE;WACD,OAAO,IAChB,SAAQ,IAAI;;CAIhB,MAAM,0BAA0B,UAAU;AACxC,SAAO,MAAM,OAAO,MAAM;;CAE5B,MAAM,2BAA2B,UAAU;AACzC,UAAQ,MAAM,OAAO,MAAM;;CAG7B,MAAM,uBAAuB;AAC3B,YAAU,CAAC,KAAK,KAAK,CAAC;;CAGxB,MAAM,iBAAiB,aAAa,OAAO,YAAY;AACrD,iBAAe,QAAQ;IACtB,EAAE,CAAC;CAEN,MAAM,oBAAoB,UAAU;AAClC,YAAU,MAAM,SAAS;;AAG3B,QACE,oCAAC,SAAI,OAAO;EAAS;EAAe;EAAQ,UAAU;EAAU,IAC7D,WACC,oCAAC,WAAQ,WAAW,QAAQ,WAC1B,oCAACA;EACa;EACA;EACG;EACA;EACf,cAAc,YAAY,KAAK;EAC/B,eAAe,YAAY,MAAM;EACjC,OAAO;EACP,UAAU;EACU;EACD;EACP;EACZ,OAAO;EACP,WAAW;EACX,YAAY;EACZ,aAAa;EACb,cAAc;EACD;EACb,aAAa;EACF;EACF;EACS;GAClB,CACM,EAEZ,oCAACC;EAAI,QAAQ,WAAW,OAAO;EAAQ;IACrC,oCAAC,cACC,oCAAC;EAAU,QAAQC,aAAK;EAAE,QAAQ;GAAK,EAEvC,oCAAC;EACC,QACE,IAAI,SAAS;GACX,SAAS;GACT,SAAS;GACT,YAAY;GACZ,KAAK;GACN,CAAC;EAEJ,QAAQ;GACR,CACK,EAET,oCAACC,wBACC,oCAACC,gCAAoB,CACZ,CACP,CACF"}
+{"version":3,"file":"GeoMap-CVGJXRRA.js","names":["MapControlsStandard","Map","osm","Controls","FullScreenControl"],"sources":["../src/maps/GeoMap.jsx"],"sourcesContent":["import React, { useState, useCallback } from 'react';\nimport { Toolbar } from '@material-ui/core';\nimport Map from './openLayerMaps/Map';\nimport { Layers, TileLayer } from './openLayerMaps/Layers';\nimport { osm } from './openLayerMaps/Source';\nimport { fromLonLat } from 'ol/proj';\nimport { Controls, FullScreenControl } from './openLayerMaps/Controls';\nimport MapControlsStandard from './openLayerMaps/ui/MapControlsStandard';\nimport BingMaps from 'ol/source/BingMaps';\nimport 'ol/ol.css';\nimport { makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n  toolbar: {\n    padding: 0,\n    minHeight: theme.spacing(6)\n  }\n}));\n\n// original default -94.9065, 38.9884\nexport const GeoMap = (props) => {\n  const {\n    locations,\n    start,\n    mapType,\n    tooltip,\n    bingKey,\n    toolbar,\n    width,\n    height,\n    defaultZoom\n  } = props;\n  const classes = useStyles();\n  const [center, setCenter] = useState(start);\n  const [zoom, setZoom] = useState(defaultZoom);\n  const [showLayer1, setShowLayer1] = useState(true);\n  const [showLayer2, setShowLayer2] = useState(true);\n  const [lat, setLat] = useState();\n  const [long, setLong] = useState();\n  // RoadOnDemand, CanvasDark, Aerial\n  const [displayType, setDisplayType] = useState(mapType);\n\n  const resetPosition = () => {\n    setCenter(start);\n    setZoom(9);\n  };\n\n  const sendPosition = (position) => {\n    setCenter(position);\n    console.log('POSITION', position);\n  };\n\n  const controlZoom = (input) => {\n    const direction = input === 'in' ? 1 : -1;\n    setZoom(zoom + direction);\n  };\n\n  const handleSliderChange = (event, newValue) => {\n    setZoom(newValue);\n  };\n\n  const handleInputChange = (event) => {\n    setZoom(event.target.value === '' ? '' : Number(event.target.value));\n  };\n\n  const handleBlur = () => {\n    if (zoom < 0) {\n      setZoom(0);\n    } else if (zoom > 100) {\n      setZoom(100);\n    }\n  };\n\n  const handleInputPositionLat = (event) => {\n    setLat(event.target.value);\n  };\n  const handleInputPositionLong = (event) => {\n    setLong(event.target.value);\n  };\n\n  const setNewPosition = () => {\n    setCenter([lat, long]);\n  };\n\n  const handleViewType = useCallback((event, newType) => {\n    setDisplayType(newType);\n  }, []);\n\n  const getLocationValue = (value) => {\n    setCenter(value.location);\n  };\n\n  return (\n    <div style={{ width: width, height: height, overflow: 'hidden' }}>\n      {toolbar && (\n        <Toolbar className={classes.toolbar}>\n          <MapControlsStandard\n            showLayer1={showLayer1}\n            showLayer2={showLayer2}\n            setShowLayer1={setShowLayer1}\n            setShowLayer2={setShowLayer2}\n            zoomIn={() => controlZoom('in')}\n            zoomOut={() => controlZoom('out')}\n            value={zoom}\n            setValue={setZoom}\n            handleSliderChange={handleSliderChange}\n            handleInputChange={handleInputChange}\n            handleBlur={handleBlur}\n            reset={resetPosition}\n            changeLat={handleInputPositionLat}\n            changeLong={handleInputPositionLong}\n            setPosition={setNewPosition}\n            handleChange={handleViewType}\n            displayType={displayType}\n            getLocation={sendPosition}\n            locations={locations}\n            tooltip={tooltip}\n            getLocationValue={getLocationValue}\n          />\n        </Toolbar>\n      )}\n      <Map center={fromLonLat(center)} zoom={zoom}>\n        <Layers>\n          <TileLayer source={osm()} zIndex={0} />\n\n          <TileLayer\n            source={\n              new BingMaps({\n                preload: Infinity,\n                visible: true,\n                imagerySet: displayType,\n                key: bingKey\n              })\n            }\n            zIndex={0}\n          />\n        </Layers>\n\n        <Controls>\n          <FullScreenControl />\n        </Controls>\n      </Map>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAYA,MAAM,YAAY,YAAY,WAAW,EACvC,SAAS;CACP,SAAS;CACT,WAAW,MAAM,QAAQ,EAAE;CAC5B,EACF,EAAE;AAGH,MAAa,UAAU,UAAU;CAC/B,MAAM,EACJ,WACA,OACA,SACA,SACA,SACA,SACA,OACA,QACA,gBACE;CACJ,MAAM,UAAU,WAAW;CAC3B,MAAM,CAAC,QAAQ,aAAa,SAAS,MAAM;CAC3C,MAAM,CAAC,MAAM,WAAW,SAAS,YAAY;CAC7C,MAAM,CAAC,YAAY,iBAAiB,SAAS,KAAK;CAClD,MAAM,CAAC,YAAY,iBAAiB,SAAS,KAAK;CAClD,MAAM,CAAC,KAAK,UAAU,UAAU;CAChC,MAAM,CAAC,MAAM,WAAW,UAAU;CAElC,MAAM,CAAC,aAAa,kBAAkB,SAAS,QAAQ;CAEvD,MAAM,sBAAsB;AAC1B,YAAU,MAAM;AAChB,UAAQ,EAAE;;CAGZ,MAAM,gBAAgB,aAAa;AACjC,YAAU,SAAS;AACnB,UAAQ,IAAI,YAAY,SAAS;;CAGnC,MAAM,eAAe,UAAU;AAE7B,UAAQ,QADU,UAAU,OAAO,IAAI,IACd;;CAG3B,MAAM,sBAAsB,OAAO,aAAa;AAC9C,UAAQ,SAAS;;CAGnB,MAAM,qBAAqB,UAAU;AACnC,UAAQ,MAAM,OAAO,UAAU,KAAK,KAAK,OAAO,MAAM,OAAO,MAAM,CAAC;;CAGtE,MAAM,mBAAmB;AACvB,MAAI,OAAO,EACT,SAAQ,EAAE;WACD,OAAO,IAChB,SAAQ,IAAI;;CAIhB,MAAM,0BAA0B,UAAU;AACxC,SAAO,MAAM,OAAO,MAAM;;CAE5B,MAAM,2BAA2B,UAAU;AACzC,UAAQ,MAAM,OAAO,MAAM;;CAG7B,MAAM,uBAAuB;AAC3B,YAAU,CAAC,KAAK,KAAK,CAAC;;CAGxB,MAAM,iBAAiB,aAAa,OAAO,YAAY;AACrD,iBAAe,QAAQ;IACtB,EAAE,CAAC;CAEN,MAAM,oBAAoB,UAAU;AAClC,YAAU,MAAM,SAAS;;AAG3B,QACE,oCAAC,SAAI,OAAO;EAAS;EAAe;EAAQ,UAAU;EAAU,IAC7D,WACC,oCAAC,WAAQ,WAAW,QAAQ,WAC1B,oCAACA;EACa;EACA;EACG;EACA;EACf,cAAc,YAAY,KAAK;EAC/B,eAAe,YAAY,MAAM;EACjC,OAAO;EACP,UAAU;EACU;EACD;EACP;EACZ,OAAO;EACP,WAAW;EACX,YAAY;EACZ,aAAa;EACb,cAAc;EACD;EACb,aAAa;EACF;EACF;EACS;GAClB,CACM,EAEZ,oCAACC;EAAI,QAAQ,WAAW,OAAO;EAAQ;IACrC,oCAAC,cACC,oCAAC;EAAU,QAAQC,aAAK;EAAE,QAAQ;GAAK,EAEvC,oCAAC;EACC,QACE,IAAI,SAAS;GACX,SAAS;GACT,SAAS;GACT,YAAY;GACZ,KAAK;GACN,CAAC;EAEJ,QAAQ;GACR,CACK,EAET,oCAACC,wBACC,oCAACC,gCAAoB,CACZ,CACP,CACF"}

package/dist/{InputsExample-C11hu5Fw.js → InputsExample-BPDEWFXK.js}

@@ -8,4 +8,4 @@ const InputsExample$1 = () => {
 
 //#endregion
 export { InputsExample$1 as InputsExample };
-//# sourceMappingURL=InputsExample-C11hu5Fw.js.map
+//# sourceMappingURL=InputsExample-BPDEWFXK.js.map

package/dist/{InputsExample-C11hu5Fw.js.map → InputsExample-BPDEWFXK.js.map}

@@ -1 +1 @@
-{"version":3,"file":"InputsExample-C11hu5Fw.js","names":["InputsExample","StencilInputsExample"],"sources":["../src/UI/demos/InputsExample.jsx"],"sourcesContent":["import React from 'react';\nimport { InputsExample as StencilInputsExample } from 'udp-react-stencil-component-library';\n// Extend JSX types for Stencil components\n\n\n\nexport const InputsExample = () => {\n\n\n\n\n  return (\n\n      <StencilInputsExample/>\n\n\n  );\n};\n\nexport default InputsExample;\n"],"mappings":";;;;AAMA,MAAaA,wBAAsB;AAKjC,QAEI,oCAACC,oBAAsB"}
+{"version":3,"file":"InputsExample-BPDEWFXK.js","names":["InputsExample","StencilInputsExample"],"sources":["../src/UI/demos/InputsExample.jsx"],"sourcesContent":["import React from 'react';\nimport { InputsExample as StencilInputsExample } from 'udp-react-stencil-component-library';\n// Extend JSX types for Stencil components\n\n\n\nexport const InputsExample = () => {\n\n\n\n\n  return (\n\n      <StencilInputsExample/>\n\n\n  );\n};\n\nexport default InputsExample;\n"],"mappings":";;;;AAMA,MAAaA,wBAAsB;AAKjC,QAEI,oCAACC,oBAAsB"}

package/dist/{Inquiry-Bi4iSUSQ.js → Inquiry-DJ-yrELW.js}

@@ -47,7 +47,7 @@ import { transformWorkflowPlayTree } from "./workflowUtilities-DpW6oHRe.js";
 import { WorkflowContent } from "./WorkflowContent-B7_Czp9q.js";
 import { LoadingOverlay_default } from "./LoadingOverlay-DBYfWYwS.js";
 import { useAuthedUser } from "./useAuthedUser-BbuZ-TTz.js";
-import { buildCatalogObjectList } from "./CatalogUtilities-j8ACiDe3.js";
+import { buildCatalogObjectList } from "./CatalogUtilities-BvkdL-P6.js";
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { Box, Card, CircularProgress, Collapse, Divider, LinearProgress, Slide, Tooltip, Typography, darken, lighten, makeStyles, useTheme } from "@material-ui/core";
 import { useForm } from "react-final-form";
@@ -2985,4 +2985,4 @@ const Inquiry = (props) => {
 
 //#endregion
 export { AlertFlag, AmbientListItem, AmbientSplitStatCard, AmbientSummaryListHeader, ExecuteApiDialog, FilterSearch, FlagBlock, Inquiry, InquiryContainer, InquiryTreeMenu, InquiryTreeMenuItem, InquiryWrapper, ItemDescription, NodeColumnHeader, NodeDetails, NodeList };
-//# sourceMappingURL=Inquiry-Bi4iSUSQ.js.map
+//# sourceMappingURL=Inquiry-DJ-yrELW.js.map