udp-react-enterprise-component-library 25.18.1-beta.4 → 25.18.1-beta.40

package/dist/DataBrowserContainer-OW5RxLhu.js

@@ -1,397 +0,0 @@
-import { r as useAgGridApi } from "./AgTable-B2xTzAm2.js";
-import { t as findTermByType } from "./CrudBrowserUtilities-C9nVmUR3.js";
-import { t as useUser } from "./useUser-wpHGo6jU.js";
-import { a as toTitleCase, i as toLowerFirstChar, o as toUpperFirstChar } from "./StringUtilities-u-cxAW6-.js";
-import { r as getSanitizedName } from "./entityUtilities-_8w-Zjs3.js";
-import { N as UdpEnums, p as LookupTypeIdEnums } from "./unitySystemEnums-DQSkCr3D.js";
-import { a as SqlFilterOperators, r as getSearchObject } from "./SearchUtilities-Df1gkDw9.js";
-import { n as SideSheet } from "./SideSheet-DVvhEo7C.js";
-import { i as executeQueryWithParameters, t as executeQueryAdHoc } from "./methodUtils-DEk9B4A8.js";
-import { n as useBuildEnvironment } from "./useBuildEnvironment-2gdqpmBX.js";
-import { t as usePromotedMethodEntity } from "./usePromotedMethodEntity-wRBkHT3x.js";
-import { t as AmbientGridTemplate } from "./AmbientGridTemplate-Dzn3Ya2g.js";
-import { t as ActionsRenderer } from "./ActionsRenderer-DzA7nlDx.js";
-import { t as useLookupsStore } from "./lookupsStore-DPI8oD9R.js";
-import { t as useQueryExecutors } from "./useQueryExecutors-CuXmVvXX.js";
-import { t as SearchServiceDatasource } from "./SearchServiceDatasource-CFWLJElU.js";
-import { t as CrudTableSidePanel } from "./CrudTableSidePanel-DuhfEA3E.js";
-import React, { useCallback, useEffect, useMemo, useState } from "react";
-import { useHistory } from "react-router-dom";
-import { AddIcon, ConfigurationSolidIcon, LookupEntitiesIcon } from "@fluentui/react-icons";
-import { cloneDeep } from "lodash";
-import { useTranslation } from "react-i18next";
-import { format } from "date-fns";
-
-//#region src/dataBrowser/DataBrowserColumnDefs.js
-const defaultGridColumn = {
-	headerName: "",
-	field: "",
-	minWidth: 80,
-	autoHeight: false,
-	sortable: false
-};
-const DataBrowserColumnDefs = (entityAttributes, actionList, isServerSide, queryColumnsData, columnName = "Actions", crudTableActionRenderName = "actionsRenderer", panelDirection = "right") => {
-	const childEntityAttributes = entityAttributes?.reduce((defs, element) => {
-		if (element?.extendedProperties?.childEntity) defs.push(element);
-		return defs;
-	}, []);
-	let shownColumns = [];
-	let hiddenColumns = [];
-	entityAttributes?.forEach((element) => {
-		if (!element?.extendedProperties?.childEntity) {
-			let matchingColumn = null;
-			const matchingColumnIndex = queryColumnsData.findIndex((column) => column.name === element?.name);
-			if (matchingColumnIndex >= 0) matchingColumn = queryColumnsData[matchingColumnIndex];
-			const childEntity = childEntityAttributes.find((ea) => Object.keys(ea?.extendedProperties?.childEntityAssoc || {}).length && !ea?.extendedProperties?.childEntityAssoc?.UdpType && ea?.name === element?.name && ea?.extendedProperties?.childEntityAssoc.Keys.find((k) => toLowerFirstChar(k).includes(element?.name)));
-			let columnHeaderName = toTitleCase(childEntity ? childEntity?.reference : element?.name);
-			if (matchingColumn) columnHeaderName = toTitleCase(childEntity ? childEntity?.reference : matchingColumn?.alias || matchingColumn?.name);
-			let def = {
-				...defaultGridColumn,
-				headerName: columnHeaderName,
-				field: element?.name.charAt(0).toLowerCase() + element?.name.slice(1),
-				hide: !matchingColumn
-			};
-			if (element?.extendedProperties?.searchable && isServerSide) def = {
-				...def,
-				filter: "agTextColumnFilter",
-				filterParams: {
-					suppressAndOrCondition: true,
-					filterOptions: [
-						"equals",
-						"contains",
-						"notEqual",
-						"greaterThan",
-						"lessThan",
-						"greaterThanOrEqual",
-						"lessThanOrEqual"
-					]
-				},
-				enableRowGroup: true
-			};
-			if (element?.extendedProperties?.orderable || !isServerSide) def = {
-				...def,
-				sortable: true
-			};
-			if (matchingColumn) shownColumns[matchingColumnIndex] = def;
-			else hiddenColumns.push(def);
-		}
-	});
-	let columnDefs = shownColumns.concat(hiddenColumns);
-	columnDefs.push({
-		headerName: crudTableActionRenderName === "actionsRenderer" ? "Actions" : columnName,
-		filter: false,
-		pinned: panelDirection,
-		width: 150,
-		maxWidth: 180,
-		cellRenderer: crudTableActionRenderName,
-		cellRendererParams: { actionList },
-		valueGetter: (params) => params.data,
-		suppressMenu: true,
-		sortable: false,
-		cellStyle: {
-			display: "flex",
-			alignItems: "center"
-		}
-	});
-	return columnDefs;
-};
-const defaultColActionsDef = {
-	resizable: true,
-	editable: false,
-	sortable: false,
-	filter: true,
-	floatingFilter: false,
-	enableRowGroup: true
-};
-
-//#endregion
-//#region src/dataBrowser/DataBrowserContainer.jsx
-const GRID_ID = "4be3be45-1930-4ab9-b7b7-0c0fa3e30490";
-const DataBrowserContainer = (props) => {
-	const { entityData, actionList, onCreate, entityAttributes, foreignKeyData, isLoading, promotedEntity, setEntityData, apiMethod, isServerSide = false, setGridApi, filterElements, backToConfigPage, queryColumnsData, lookupsMap = {},...other } = props;
-	const [isSheetOpen, setSheetOpen] = useState(false);
-	const [sideSheetWidth, setSideSheetWidth] = useState(600);
-	const [sideSheetButtonLabel, setSideSheetButtonLabel] = useState("");
-	const [otherSideSheetProps, setOtherSideSheetProps] = useState({});
-	const [sideSheetOnSubmit, setSideSheetOnSubmit] = useState(() => () => console.warn("onSubmit not set"));
-	const [filterChipsArray, setFilterChipsArray] = useState([]);
-	const [searchFilterElements, setSearchFilterElements] = useState(filterElements);
-	const [entityUdpObjectInfo, setEntityUdpObjectInfo] = useState(null);
-	const { t } = useTranslation();
-	const history = useHistory();
-	const user = useUser();
-	const { gridApi, gridColumnApi, onGridReady } = useAgGridApi();
-	const { executeQueryAdHocAndMapLookups, getCleanData } = useQueryExecutors();
-	const lookupApiMethodId = useLookupsStore((state) => state.lookupApiMethodId);
-	const buildEnv = useBuildEnvironment();
-	const closeSheet = useCallback(() => {
-		setSheetOpen(false);
-	}, []);
-	const { data: udpObjectInfoEntity } = usePromotedMethodEntity("udpObjectInfo", true);
-	const entityName = useMemo(() => {
-		if (!promotedEntity) return "";
-		return promotedEntity.entityName || "";
-	}, [promotedEntity]);
-	const commonEntityName = useMemo(() => {
-		if (!entityName || !entityUdpObjectInfo) return "";
-		return toTitleCase(entityUdpObjectInfo?.properties?.displayName || getSanitizedName(entityName));
-	}, [entityName, entityUdpObjectInfo]);
-	const createApiMethodPageId = useMemo(() => {
-		return promotedEntity?.unityBaseCreateMethod?.pageId;
-	}, [promotedEntity]);
-	const secondaryActionButtons = useMemo(() => {
-		const actions = [];
-		if (backToConfigPage) actions.push({
-			onClick: backToConfigPage,
-			label: t("Back To Config"),
-			icon: ConfigurationSolidIcon,
-			tooltip: t("Back To Config"),
-			background: "transparent"
-		});
-		return actions;
-	}, [backToConfigPage, t]);
-	const virtualActions = useMemo(() => {
-		return [{
-			id: 3,
-			title: t("Open Virtual Table"),
-			icon: LookupEntitiesIcon,
-			loading: !!!foreignKeyData,
-			onClick: (value) => {
-				history.push({
-					pathname: `/virtual/${value.id}`,
-					search: `?entityName=${entityName}`,
-					state: {
-						value,
-						promotedEntity,
-						label: value.name
-					}
-				});
-			},
-			checkDisabled: (value) => value.typeId !== LookupTypeIdEnums.Lookup
-		}];
-	}, [
-		entityName,
-		t,
-		history,
-		promotedEntity,
-		foreignKeyData
-	]);
-	const jointActionList = useMemo(() => {
-		if (!actionList) return [];
-		if (entityName.toLowerCase() === UdpEnums.Udp_Lookup.toLowerCase()) return [...actionList, ...virtualActions];
-		return actionList;
-	}, [
-		actionList,
-		virtualActions,
-		entityName
-	]);
-	const columnDefs = useMemo(() => {
-		return DataBrowserColumnDefs(entityAttributes, jointActionList, true, queryColumnsData);
-	}, [
-		entityAttributes,
-		jointActionList,
-		queryColumnsData
-	]);
-	const groupData = useMemo(() => {
-		return columnDefs?.map((item) => {
-			return {
-				groupItem: item.field,
-				label: item.headerName,
-				value: item.field
-			};
-		});
-	}, [columnDefs]);
-	const SideOptionList = useMemo(() => /* @__PURE__ */ React.createElement(SideSheet, {
-		open: isSheetOpen,
-		onClose: closeSheet,
-		title: `Add New ${commonEntityName}`,
-		width: sideSheetWidth,
-		buttonLabel: sideSheetButtonLabel,
-		onSubmit: sideSheetOnSubmit,
-		...otherSideSheetProps
-	}, /* @__PURE__ */ React.createElement(CrudTableSidePanel, {
-		entityAttributes,
-		foreignKeyData,
-		onCreate,
-		closeSideSheet: closeSheet,
-		pageId: createApiMethodPageId,
-		setSideSheetWidth,
-		setSideSheetButtonLabel,
-		setSideSheetOnSubmit,
-		setSideSheetProps: setOtherSideSheetProps,
-		isNewEntry: true,
-		entityData,
-		entityName
-	})), [
-		isSheetOpen,
-		closeSheet,
-		entityName,
-		sideSheetWidth,
-		sideSheetButtonLabel,
-		sideSheetOnSubmit,
-		entityAttributes,
-		foreignKeyData,
-		onCreate,
-		createApiMethodPageId,
-		entityData,
-		otherSideSheetProps,
-		commonEntityName
-	]);
-	const getLookupResults = useCallback(async () => {
-		if (!lookupsMap || !lookupApiMethodId) return null;
-		const lookupId = Object.values(lookupsMap).find((item) => item.filterOn)?.value || "";
-		if (lookupId) return await executeQueryWithParameters({ data: { id: lookupId } }, lookupApiMethodId);
-		return null;
-	}, [lookupsMap, lookupApiMethodId]);
-	const formattedData = useMemo(() => {
-		if (entityData) {
-			let formattedEntityData = cloneDeep(entityData);
-			const datetimeFields = entityAttributes?.reduce((defs, element) => {
-				if (!element?.extendedProperties?.childEntity && findTermByType(element?.type, "datetime")) defs.push(element?.name.charAt(0).toLowerCase() + element?.name.slice(1));
-				return defs;
-			}, []);
-			if (datetimeFields?.length) formattedEntityData.forEach((e) => {
-				Object.keys(e).forEach((key) => {
-					if (datetimeFields.find((field) => field === key)) {
-						if (e[key] === null) return;
-						e[key] = format(new Date(e[key]), "yyyy/MM/dd kk:mm:ss");
-					}
-				});
-			});
-			return formattedEntityData;
-		}
-		return [];
-	}, [entityAttributes, entityData]);
-	const handleChipToggle = useCallback((chip) => {
-		if (isServerSide && chip && chip.filterValue && chip.keyName) {
-			const updatedSearchFilterElements = [...searchFilterElements];
-			const chipFilterElement = {
-				searchValue: chip.filterValue,
-				searchField: toUpperFirstChar(chip.keyName),
-				searchOperator: SqlFilterOperators.EQUALS
-			};
-			updatedSearchFilterElements.push(chipFilterElement);
-			setSearchFilterElements(updatedSearchFilterElements);
-		}
-	}, [isServerSide, searchFilterElements]);
-	const handleChipUntoggle = useCallback(() => {
-		setSearchFilterElements(filterElements);
-	}, [filterElements]);
-	const setFilterChips = useCallback(async () => {
-		let filterChipsArray$1 = [];
-		const lookupResults = (await getLookupResults())?.data;
-		if (!lookupResults) {
-			setFilterChipsArray([]);
-			return;
-		}
-		let keyName = lookupResults.keyName;
-		const valueName = lookupResults.valueName;
-		const lookupToFilterOn = Object.values(lookupsMap).find((item) => item.filterOn);
-		let chipKey = keyName;
-		const lookupMapKeys = Object.keys(lookupsMap);
-		for (let i = 0; i < lookupMapKeys.length; i++) {
-			const key = lookupMapKeys[i];
-			if (lookupsMap[key].value === lookupToFilterOn?.value) {
-				chipKey = key;
-				break;
-			}
-		}
-		for (let i = 0; i < lookupResults?.data.length; i++) {
-			const lookupResult = lookupResults.data[i];
-			const label = lookupResult[valueName];
-			const numRows = formattedData?.filter((obj) => obj[keyName] === label)?.length;
-			let chipData = {
-				label: `${label}`,
-				value: !isServerSide ? numRows || "" : "",
-				filterValue: lookupResult[keyName],
-				id: i,
-				keyName: chipKey
-			};
-			chipData.onToggle = () => handleChipToggle(chipData);
-			chipData.onUntoggle = () => handleChipUntoggle();
-			if (!isServerSide && numRows > 0) filterChipsArray$1.push(chipData);
-			if (isServerSide) filterChipsArray$1.push(chipData);
-		}
-		setFilterChipsArray(filterChipsArray$1);
-	}, [
-		getLookupResults,
-		handleChipToggle,
-		handleChipUntoggle,
-		isServerSide,
-		formattedData,
-		lookupsMap
-	]);
-	useEffect(() => {
-		setFilterChips();
-	}, [setFilterChips]);
-	useEffect(() => {
-		setSearchFilterElements(filterElements || []);
-	}, [filterElements]);
-	useEffect(() => {
-		if (!gridApi) return;
-		if (setGridApi) setGridApi(gridApi);
-		if (promotedEntity && isServerSide && lookupsMap) {
-			let datasource = SearchServiceDatasource(null, promotedEntity?.unityBaseSearchMethod?.apiMethodId, searchFilterElements, 1, executeQueryAdHocAndMapLookups, setEntityData, lookupsMap, false, getCleanData);
-			gridApi?.setServerSideDatasource(datasource);
-		}
-	}, [
-		gridApi,
-		promotedEntity,
-		setEntityData,
-		setGridApi,
-		isServerSide,
-		searchFilterElements,
-		executeQueryAdHocAndMapLookups,
-		lookupsMap,
-		getCleanData
-	]);
-	useEffect(() => {
-		const executeSearchForEntityUdpObjectInfo = async (apiMethodId, sanitizedEntityName) => {
-			const response = await executeQueryAdHoc({ data: getSearchObject([{
-				searchField: "SanitizedName",
-				searchOperator: "=",
-				searchValue: sanitizedEntityName
-			}], 1, 50, false) }, apiMethodId);
-			if (response.status === 200) {
-				const data = response?.data?.pageList[0];
-				setEntityUdpObjectInfo(data);
-			}
-		};
-		if (udpObjectInfoEntity?.unityBaseSearchMethod && entityName) executeSearchForEntityUdpObjectInfo(udpObjectInfoEntity?.unityBaseSearchMethod?.apiMethodId, getSanitizedName(entityName));
-	}, [udpObjectInfoEntity, entityName]);
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(AmbientGridTemplate, {
-		gridId: GRID_ID,
-		user,
-		useNewHeader: true,
-		api: gridApi,
-		onGridReady,
-		columnApi: gridColumnApi,
-		apiMethod,
-		title: commonEntityName,
-		data: !isServerSide && formattedData,
-		columnDefs,
-		groupingData: groupData,
-		onPrimaryActionClick: () => setSheetOpen && setSheetOpen(true),
-		primaryActionLabel: t("Add"),
-		primaryActionIcon: AddIcon,
-		frameworkComponents: { actionsRenderer: ActionsRenderer },
-		height: `calc(100vh - ${buildEnv ? "139px" : "114px"})`,
-		hideSearchBar: isServerSide,
-		loading: isLoading,
-		suppressScrollOnNewData: true,
-		dynamicSizing: false,
-		disableRowSelection: true,
-		rowModelType: isServerSide ? "serverSide" : null,
-		serverSideStoreType: isServerSide ? "partial" : null,
-		cacheOverflowSize: isServerSide ? 2 : null,
-		cacheBlockSize: isServerSide ? 20 : null,
-		maxConcurrentDatasourceRequests: isServerSide ? 1 : null,
-		secondaryActionButtons,
-		filterChips: [...filterChipsArray],
-		...other
-	}), SideOptionList);
-};
-
-//#endregion
-export { DataBrowserColumnDefs as n, defaultColActionsDef as r, DataBrowserContainer as t };
-//# sourceMappingURL=DataBrowserContainer-OW5RxLhu.js.map

package/dist/DataBrowserContainer-OW5RxLhu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataBrowserContainer-OW5RxLhu.js","names":["filterChipsArray"],"sources":["../src/dataBrowser/DataBrowserColumnDefs.js","../src/dataBrowser/DataBrowserContainer.jsx"],"sourcesContent":["import {\n  toTitleCase,\n  toLowerFirstChar\n} from '../utilities/input/StringUtilities';\n\nconst defaultGridColumn = {\n  headerName: '',\n  field: '',\n  minWidth: 80,\n  autoHeight: false,\n  sortable: false\n};\n\nexport const DataBrowserColumnDefs = (\n  entityAttributes,\n  actionList,\n  isServerSide,\n  queryColumnsData,\n  columnName = 'Actions',\n  crudTableActionRenderName = 'actionsRenderer',\n  panelDirection = 'right'\n) => {\n  const childEntityAttributes = entityAttributes?.reduce((defs, element) => {\n    if (element?.extendedProperties?.childEntity) {\n      defs.push(element);\n    }\n    return defs;\n  }, []);\n\n  let shownColumns = [];\n  let hiddenColumns = [];\n\n  entityAttributes?.forEach((element) => {\n    if (!element?.extendedProperties?.childEntity) {\n      let matchingColumn = null;\n      const matchingColumnIndex = queryColumnsData.findIndex(\n        (column) => column.name === element?.name\n      );\n\n      if (matchingColumnIndex >= 0) {\n        matchingColumn = queryColumnsData[matchingColumnIndex];\n      }\n\n      // update column header if attribute has a child entity\n      const childEntity = childEntityAttributes.find(\n        (ea) =>\n          Object.keys(ea?.extendedProperties?.childEntityAssoc || {}).length &&\n          !ea?.extendedProperties?.childEntityAssoc?.UdpType &&\n          ea?.name === element?.name &&\n          ea?.extendedProperties?.childEntityAssoc.Keys.find((k) =>\n            toLowerFirstChar(k).includes(element?.name)\n          )\n      );\n\n      let columnHeaderName = toTitleCase(\n        childEntity ? childEntity?.reference : element?.name\n      );\n\n      if (matchingColumn) {\n        columnHeaderName = toTitleCase(\n          childEntity\n            ? childEntity?.reference\n            : matchingColumn?.alias || matchingColumn?.name\n        );\n      }\n\n      let def = {\n        ...defaultGridColumn,\n        headerName: columnHeaderName,\n        field: element?.name.charAt(0).toLowerCase() + element?.name.slice(1),\n        hide: !matchingColumn\n      };\n\n      if (element?.extendedProperties?.searchable && isServerSide) {\n        def = {\n          ...def,\n          filter: 'agTextColumnFilter',\n          filterParams: {\n            suppressAndOrCondition: true,\n            filterOptions: [\n              'equals',\n              'contains',\n              'notEqual',\n              'greaterThan',\n              'lessThan',\n              'greaterThanOrEqual',\n              'lessThanOrEqual'\n            ]\n          },\n          enableRowGroup: true\n        };\n      }\n      if (element?.extendedProperties?.orderable || !isServerSide) {\n        def = {\n          ...def,\n          sortable: true\n        };\n      }\n\n      if (matchingColumn) {\n        shownColumns[matchingColumnIndex] = def;\n      } else {\n        hiddenColumns.push(def);\n      }\n    }\n  });\n\n  let columnDefs = shownColumns.concat(hiddenColumns);\n\n  columnDefs.push({\n    headerName:\n      crudTableActionRenderName === 'actionsRenderer' ? 'Actions' : columnName,\n    filter: false,\n    pinned: panelDirection,\n    width: 150,\n    maxWidth: 180,\n    cellRenderer: crudTableActionRenderName,\n    cellRendererParams: {\n      actionList\n    },\n    valueGetter: (params) => params.data,\n    suppressMenu: true,\n    sortable: false,\n    cellStyle: { display: 'flex', alignItems: 'center' }\n  });\n\n  return columnDefs;\n};\n\nexport const defaultColActionsDef = {\n  resizable: true,\n  editable: false,\n  sortable: false,\n  filter: true,\n  floatingFilter: false,\n  enableRowGroup: true\n};\n","import React, { useMemo, useState, useCallback, useEffect } from 'react';\nimport { AmbientGridTemplate } from '../UI/templates/deprecated/AmbientGridTemplate/AmbientGridTemplate';\nimport { SideSheet } from '../UI/surfaces/SideSheet';\nimport { ActionsRenderer } from '../UI/templates/ui/renderers/ActionsRenderer';\nimport { DataBrowserColumnDefs } from './DataBrowserColumnDefs';\nimport {\n  AddIcon,\n  LookupEntitiesIcon,\n  ConfigurationSolidIcon\n} from '@fluentui/react-icons';\nimport { CrudTableSidePanel } from '../maintenanceEngine/crudBrowser/CrudTableSidePanel';\nimport { format } from 'date-fns';\nimport { findTermByType } from '../utilities/maintenanceEngine/CrudBrowserUtilities';\nimport { cloneDeep } from 'lodash';\nimport { useTranslation } from 'react-i18next';\nimport { useHistory } from 'react-router-dom';\nimport { LookupTypeIdEnums, UdpEnums } from '../enums/unitySystemEnums';\nimport {\n  executeQueryAdHoc,\n  executeQueryWithParameters\n} from '../udp/utilities/methodUtils';\nimport { useAgGridApi } from '../utilities/aggrid/AgTable';\nimport { SearchServiceDatasource } from '../utilities/aggrid/datasources/SearchServiceDatasource';\nimport { useUser } from '../utilities/auth/useUser';\nimport {\n  toTitleCase,\n  toUpperFirstChar\n} from '../utilities/input/StringUtilities';\nimport { getSanitizedName } from '../utilities/entities/entityUtilities';\nimport { useQueryExecutors } from '../hooks/useQueryExecutors';\nimport { useLookupsStore } from '../stores/lookupsStore';\nimport { SqlFilterOperators } from '../enums/aggridEnums';\nimport { useBuildEnvironment } from '../shell/ui/useBuildEnvironment';\nimport { usePromotedMethodEntity } from '../hooks/usePromotedMethodEntity';\nimport { getSearchObject } from '../utilities/search/SearchUtilities';\n\nconst GRID_ID = '4be3be45-1930-4ab9-b7b7-0c0fa3e30490';\n\nexport const DataBrowserContainer = (props) => {\n  const {\n    entityData,\n    actionList,\n    onCreate,\n    entityAttributes,\n    foreignKeyData,\n    isLoading,\n    promotedEntity,\n    setEntityData,\n    apiMethod,\n    isServerSide = false,\n    setGridApi,\n    filterElements,\n    backToConfigPage,\n    queryColumnsData,\n    lookupsMap = {},\n    ...other\n  } = props;\n  const [isSheetOpen, setSheetOpen] = useState(false);\n  const [sideSheetWidth, setSideSheetWidth] = useState(600);\n  const [sideSheetButtonLabel, setSideSheetButtonLabel] = useState('');\n  const [otherSideSheetProps, setOtherSideSheetProps] = useState({});\n  const [sideSheetOnSubmit, setSideSheetOnSubmit] = useState(\n    () => () => console.warn('onSubmit not set')\n  );\n  const [filterChipsArray, setFilterChipsArray] = useState([]);\n  const [searchFilterElements, setSearchFilterElements] =\n    useState(filterElements);\n  const [entityUdpObjectInfo, setEntityUdpObjectInfo] = useState(null);\n  const { t } = useTranslation();\n  const history = useHistory();\n  const user = useUser();\n  const { gridApi, gridColumnApi, onGridReady } = useAgGridApi();\n  const { executeQueryAdHocAndMapLookups, getCleanData } = useQueryExecutors();\n  const lookupApiMethodId = useLookupsStore((state) => state.lookupApiMethodId);\n  const buildEnv = useBuildEnvironment();\n  const closeSheet = useCallback(() => {\n    setSheetOpen(false);\n  }, []);\n\n  const { data: udpObjectInfoEntity } = usePromotedMethodEntity(\n    'udpObjectInfo',\n    true\n  );\n\n  const entityName = useMemo(() => {\n    if (!promotedEntity) return '';\n    return promotedEntity.entityName || '';\n  }, [promotedEntity]);\n\n  const commonEntityName = useMemo(() => {\n    if (!entityName || !entityUdpObjectInfo) return '';\n    return toTitleCase(\n      entityUdpObjectInfo?.properties?.displayName ||\n        getSanitizedName(entityName)\n    );\n  }, [entityName, entityUdpObjectInfo]);\n\n  const createApiMethodPageId = useMemo(() => {\n    return promotedEntity?.unityBaseCreateMethod?.pageId;\n  }, [promotedEntity]);\n\n  const secondaryActionButtons = useMemo(() => {\n    const actions = [];\n    if (backToConfigPage) {\n      actions.push({\n        onClick: backToConfigPage,\n        label: t('Back To Config'),\n        icon: ConfigurationSolidIcon,\n        tooltip: t('Back To Config'),\n        background: 'transparent'\n      });\n    }\n    // actions.push({\n    //   onClick: () => {},\n    //   label: t('Load to Tree'),\n    //   icon: UploadIcon,\n    //   tooltip: t('Load to Tree'),\n    //   background: 'transparent'\n    // });\n    return actions;\n  }, [backToConfigPage, t]);\n\n  const virtualActions = useMemo(() => {\n    return [\n      // Action for opening Virtual Configuration\n      {\n        id: 3,\n        title: t('Open Virtual Table'),\n        icon: LookupEntitiesIcon,\n        loading: !!!foreignKeyData,\n        onClick: (value) => {\n          history.push({\n            pathname: `/virtual/${value.id}`,\n            search: `?entityName=${entityName}`,\n            state: {\n              value,\n              promotedEntity,\n              label: value.name\n            }\n          });\n        },\n        checkDisabled: (value) => value.typeId !== LookupTypeIdEnums.Lookup\n      }\n    ];\n  }, [entityName, t, history, promotedEntity, foreignKeyData]);\n\n  const jointActionList = useMemo(() => {\n    if (!actionList) {\n      return [];\n    }\n    // Check if it's a udp lookup entity\n    if (entityName.toLowerCase() === UdpEnums.Udp_Lookup.toLowerCase()) {\n      return [...actionList, ...virtualActions];\n    }\n    return actionList;\n  }, [actionList, virtualActions, entityName]);\n\n  const columnDefs = useMemo(() => {\n    return DataBrowserColumnDefs(\n      entityAttributes,\n      jointActionList,\n      true,\n      queryColumnsData\n    );\n  }, [entityAttributes, jointActionList, queryColumnsData]);\n\n  const groupData = useMemo(() => {\n    return columnDefs?.map((item) => {\n      return {\n        groupItem: item.field,\n        label: item.headerName,\n        value: item.field\n      };\n    });\n  }, [columnDefs]);\n\n  const SideOptionList = useMemo(\n    () => (\n      <SideSheet\n        open={isSheetOpen}\n        onClose={closeSheet}\n        title={`Add New ${commonEntityName}`}\n        width={sideSheetWidth}\n        buttonLabel={sideSheetButtonLabel}\n        onSubmit={sideSheetOnSubmit}\n        {...otherSideSheetProps}\n      >\n        <CrudTableSidePanel\n          entityAttributes={entityAttributes}\n          foreignKeyData={foreignKeyData}\n          onCreate={onCreate}\n          closeSideSheet={closeSheet}\n          pageId={createApiMethodPageId}\n          setSideSheetWidth={setSideSheetWidth}\n          setSideSheetButtonLabel={setSideSheetButtonLabel}\n          setSideSheetOnSubmit={setSideSheetOnSubmit}\n          setSideSheetProps={setOtherSideSheetProps}\n          isNewEntry={true}\n          entityData={entityData}\n          entityName={entityName}\n        />\n      </SideSheet>\n    ),\n    [\n      isSheetOpen,\n      closeSheet,\n      entityName,\n      sideSheetWidth,\n      sideSheetButtonLabel,\n      sideSheetOnSubmit,\n      entityAttributes,\n      foreignKeyData,\n      onCreate,\n      createApiMethodPageId,\n      entityData,\n      otherSideSheetProps,\n      commonEntityName\n    ]\n  );\n\n  const getLookupResults = useCallback(async () => {\n    if (!lookupsMap || !lookupApiMethodId) return null;\n    const lookupToFilterOn = Object.values(lookupsMap).find(\n      (item) => item.filterOn\n    );\n    const lookupId = lookupToFilterOn?.value || '';\n    if (lookupId) {\n      const lookupResult = await executeQueryWithParameters(\n        { data: { id: lookupId } },\n        lookupApiMethodId\n      );\n      return lookupResult;\n    }\n    return null;\n  }, [lookupsMap, lookupApiMethodId]);\n\n  const formattedData = useMemo(() => {\n    if (entityData) {\n      let formattedEntityData = cloneDeep(entityData);\n\n      // get list of attributes that are datetime\n      const datetimeFields = entityAttributes?.reduce((defs, element) => {\n        if (\n          !element?.extendedProperties?.childEntity &&\n          findTermByType(element?.type, 'datetime')\n        ) {\n          defs.push(\n            element?.name.charAt(0).toLowerCase() + element?.name.slice(1)\n          );\n        }\n        return defs;\n      }, []);\n\n      if (datetimeFields?.length) {\n        formattedEntityData.forEach((e) => {\n          Object.keys(e).forEach((key) => {\n            // format all datetime fields\n            if (datetimeFields.find((field) => field === key)) {\n              // LAA UNT-2977: add null check to prevent default date from being added when null\n              if (e[key] === null) return;\n              e[key] = format(new Date(e[key]), 'yyyy/MM/dd kk:mm:ss');\n            }\n          });\n        });\n      }\n\n      return formattedEntityData;\n    }\n    return [];\n  }, [entityAttributes, entityData]);\n\n  const handleChipToggle = useCallback(\n    (chip) => {\n      if (isServerSide && chip && chip.filterValue && chip.keyName) {\n        const updatedSearchFilterElements = [...searchFilterElements];\n        const chipFilterElement = {\n          searchValue: chip.filterValue,\n          searchField: toUpperFirstChar(chip.keyName),\n          searchOperator: SqlFilterOperators.EQUALS\n        };\n        updatedSearchFilterElements.push(chipFilterElement);\n        setSearchFilterElements(updatedSearchFilterElements);\n      } else {\n        // TODO: handle client side filter chips\n      }\n    },\n    [isServerSide, searchFilterElements]\n  );\n\n  const handleChipUntoggle = useCallback(() => {\n    setSearchFilterElements(filterElements);\n  }, [filterElements]);\n\n  const setFilterChips = useCallback(async () => {\n    let filterChipsArray = [];\n\n    // A list of all the products (for product lookup)\n    const lookup = await getLookupResults();\n    const lookupResults = lookup?.data;\n\n    if (!lookupResults) {\n      setFilterChipsArray([]);\n      return; // no lookup results\n    }\n\n    let keyName = lookupResults.keyName;\n    const valueName = lookupResults.valueName;\n\n    const lookupToFilterOn = Object.values(lookupsMap).find(\n      (item) => item.filterOn\n    );\n\n    let chipKey = keyName;\n    const lookupMapKeys = Object.keys(lookupsMap);\n    for (let i = 0; i < lookupMapKeys.length; i++) {\n      const key = lookupMapKeys[i];\n      if (lookupsMap[key].value === lookupToFilterOn?.value) {\n        chipKey = key;\n        break;\n      }\n    }\n\n    // Add the chips\n    for (let i = 0; i < lookupResults?.data.length; i++) {\n      const lookupResult = lookupResults.data[i];\n\n      const label = lookupResult[valueName];\n      const numRows = formattedData?.filter(\n        (obj) => obj[keyName] === label\n      )?.length;\n\n      let chipData = {\n        label: `${label}`,\n        value: !isServerSide ? numRows || '' : '',\n        filterValue: lookupResult[keyName],\n        id: i,\n        keyName: chipKey\n      };\n      chipData.onToggle = () => handleChipToggle(chipData);\n      chipData.onUntoggle = () => handleChipUntoggle();\n\n      // Only add the chip if it has results and is not using server side\n      if (!isServerSide && numRows > 0) {\n        filterChipsArray.push(chipData);\n      }\n      if (isServerSide) {\n        filterChipsArray.push(chipData);\n      }\n    }\n\n    setFilterChipsArray(filterChipsArray);\n  }, [\n    getLookupResults,\n    handleChipToggle,\n    handleChipUntoggle,\n    isServerSide,\n    formattedData,\n    lookupsMap\n  ]);\n\n  useEffect(() => {\n    setFilterChips();\n  }, [setFilterChips]);\n\n  useEffect(() => {\n    setSearchFilterElements(filterElements || []);\n  }, [filterElements]);\n\n  useEffect(() => {\n    if (!gridApi) return;\n    if (setGridApi) {\n      setGridApi(gridApi);\n    }\n    if (promotedEntity && isServerSide && lookupsMap) {\n      let datasource = SearchServiceDatasource(\n        null,\n        promotedEntity?.unityBaseSearchMethod?.apiMethodId,\n        searchFilterElements,\n        1,\n        executeQueryAdHocAndMapLookups,\n        setEntityData,\n        lookupsMap,\n        false,\n        getCleanData\n      );\n      // eslint-disable-next-line no-unused-expressions\n      gridApi?.setServerSideDatasource(datasource);\n    }\n  }, [\n    gridApi,\n    promotedEntity,\n    setEntityData,\n    setGridApi,\n    isServerSide,\n    searchFilterElements,\n    executeQueryAdHocAndMapLookups,\n    lookupsMap,\n    getCleanData\n  ]);\n\n  useEffect(() => {\n    const executeSearchForEntityUdpObjectInfo = async (\n      apiMethodId,\n      sanitizedEntityName\n    ) => {\n      const filterElements = [\n        {\n          searchField: 'SanitizedName',\n          searchOperator: '=',\n          searchValue: sanitizedEntityName\n        }\n      ];\n      const requestObj = getSearchObject(filterElements, 1, 50, false);\n      const response = await executeQueryAdHoc(\n        { data: requestObj },\n        apiMethodId\n      );\n      if (response.status === 200) {\n        const data = response?.data?.pageList[0];\n        setEntityUdpObjectInfo(data);\n      }\n    };\n    if (udpObjectInfoEntity?.unityBaseSearchMethod && entityName) {\n      executeSearchForEntityUdpObjectInfo(\n        udpObjectInfoEntity?.unityBaseSearchMethod?.apiMethodId,\n        getSanitizedName(entityName)\n      );\n    }\n  }, [udpObjectInfoEntity, entityName]);\n\n  return (\n    <>\n      <AmbientGridTemplate\n        gridId={GRID_ID}\n        user={user}\n        useNewHeader\n        api={gridApi}\n        onGridReady={onGridReady}\n        columnApi={gridColumnApi}\n        apiMethod={apiMethod}\n        title={commonEntityName}\n        data={!isServerSide && formattedData}\n        columnDefs={columnDefs}\n        groupingData={groupData}\n        onPrimaryActionClick={() => setSheetOpen && setSheetOpen(true)}\n        primaryActionLabel={t('Add')}\n        primaryActionIcon={AddIcon}\n        frameworkComponents={{ actionsRenderer: ActionsRenderer }}\n        height={`calc(100vh - ${buildEnv ? '139px' : '114px'})`}\n        hideSearchBar={isServerSide}\n        loading={isLoading}\n        suppressScrollOnNewData\n        dynamicSizing={false}\n        // rowSelection='multiple'\n        // rowMultiSelectWithClick={true}\n        disableRowSelection={true}\n        rowModelType={isServerSide ? 'serverSide' : null}\n        serverSideStoreType={isServerSide ? 'partial' : null}\n        cacheOverflowSize={isServerSide ? 2 : null}\n        cacheBlockSize={isServerSide ? 20 : null}\n        maxConcurrentDatasourceRequests={isServerSide ? 1 : null}\n        secondaryActionButtons={secondaryActionButtons}\n        filterChips={[...filterChipsArray]}\n        {...other}\n      />\n      {SideOptionList}\n    </>\n  );\n};\n"],"mappings":"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"}

package/dist/DateTimeField-ClXADzX_.js

@@ -1,32 +0,0 @@
-import React, { useCallback, useMemo } from "react";
-import { DateTime } from "luxon";
-import { KeyboardDateTimePicker, MuiPickersUtilsProvider } from "@material-ui/pickers";
-import DateFnsUtils from "@date-io/date-fns";
-
-//#region src/UI/inputs/datetimes/DateTimeField.jsx
-/**
-* TextField for date input
-*/
-const DateTimeField = (props) => {
-	const { onChange: onChangeProp, value: valueProp,...other } = props;
-	const dateFormat = "yyyy-MM-dd HH:mm";
-	const isValidDate = (date) => {
-		return date instanceof Date && !isNaN(date);
-	};
-	const onChange = useCallback((value$1) => onChangeProp && onChangeProp(isValidDate(value$1) ? value$1 : void 0), [onChangeProp]);
-	const value = useMemo(() => {
-		console.log(valueProp);
-		return isValidDate(valueProp) ? DateTime.fromISO(valueProp.toISOString()) : null;
-	}, [valueProp]);
-	return /* @__PURE__ */ React.createElement(MuiPickersUtilsProvider, { utils: DateFnsUtils }, /* @__PURE__ */ React.createElement(KeyboardDateTimePicker, {
-		format: dateFormat,
-		variant: "inline",
-		onChange,
-		value,
-		...other
-	}));
-};
-
-//#endregion
-export { DateTimeField as t };
-//# sourceMappingURL=DateTimeField-ClXADzX_.js.map

package/dist/DateTimeField-ClXADzX_.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateTimeField-ClXADzX_.js","names":["value"],"sources":["../src/UI/inputs/datetimes/DateTimeField.jsx"],"sourcesContent":["import { DateTime } from 'luxon';\nimport React, { useCallback, useMemo } from 'react';\nimport {\n  KeyboardDateTimePicker,\n  MuiPickersUtilsProvider\n} from '@material-ui/pickers';\n// import { useIntl } from '../../../intl';\n// import { useDateFormat } from '../../utils/CompanyPreferencesProvider';\nimport DateFnsUtils from '@date-io/date-fns';\n\n/**\n * TextField for date input\n */\nexport const DateTimeField = (props) => {\n  const { onChange: onChangeProp, value: valueProp, ...other } = props;\n  // TODO: implement intl, use CPS as reference\n  // const { shortDateFormatString } = useIntl();\n  const dateFormat = 'yyyy-MM-dd HH:mm';\n\n  const isValidDate = (date) => {\n    return date instanceof Date && !isNaN(date);\n  };\n\n  const onChange = useCallback(\n    (value) =>\n      onChangeProp && onChangeProp(isValidDate(value) ? value : undefined),\n    [onChangeProp]\n  );\n\n  const value = useMemo(() => {\n    console.log(valueProp);\n    return isValidDate(valueProp)\n      ? DateTime.fromISO(valueProp.toISOString())\n      : null;\n  }, [valueProp]);\n\n  return (\n    <MuiPickersUtilsProvider utils={DateFnsUtils}>\n      <KeyboardDateTimePicker\n        format={dateFormat}\n        variant='inline'\n        onChange={onChange}\n        value={value}\n        {...other}\n      />\n    </MuiPickersUtilsProvider>\n  );\n};\n"],"mappings":";;;;;;;;;AAaA,MAAa,iBAAiB,UAAU;CACtC,MAAM,EAAE,UAAU,cAAc,OAAO,UAAW,GAAG,UAAU;CAG/D,MAAM,aAAa;CAEnB,MAAM,eAAe,SAAS;AAC5B,SAAO,gBAAgB,QAAQ,CAAC,MAAM,KAAK;;CAG7C,MAAM,WAAW,aACd,YACC,gBAAgB,aAAa,YAAYA,QAAM,GAAGA,UAAQ,OAAU,EACtE,CAAC,aAAa,CACf;CAED,MAAM,QAAQ,cAAc;AAC1B,UAAQ,IAAI,UAAU;AACtB,SAAO,YAAY,UAAU,GACzB,SAAS,QAAQ,UAAU,aAAa,CAAC,GACzC;IACH,CAAC,UAAU,CAAC;AAEf,QACE,oCAAC,2BAAwB,OAAO,gBAC9B,oCAAC;EACC,QAAQ;EACR,SAAQ;EACE;EACH;EACP,GAAI;GACJ,CACsB"}

package/dist/DateTrendWidget-BvTavBHE.js

@@ -1,60 +0,0 @@
-import { t as __export } from "./chunk-Bp6m_JJh.js";
-import { t as WidgetCard_default } from "./WidgetCard-DZYTvG7e.js";
-import { n as FluentPrimaryStatNumber_default, t as FluentSecondaryStatNumber_default } from "./FluentSecondaryStatNumber-jvROy309.js";
-import React, { forwardRef } from "react";
-import { Grid, makeStyles } from "@material-ui/core";
-
-//#region src/UI/widgets/library/DateTrendWidget/DateTrendWidget.jsx
-const useStyles = makeStyles((theme) => ({ column: { width: 160 } }));
-const layout = {
-	w: {
-		default: 2,
-		min: 0,
-		max: 4
-	},
-	h: {
-		default: 2,
-		min: 0,
-		max: 4
-	}
-};
-const DateTrendWidget = (props, ref) => {
-	const classes = useStyles();
-	const { children, params, setParam,...other } = props;
-	const { mockData, apiUrl, theme } = params;
-	return /* @__PURE__ */ React.createElement(WidgetCard_default, {
-		ref,
-		...other,
-		title: mockData?.title,
-		theme
-	}, /* @__PURE__ */ React.createElement(Grid, {
-		container: true,
-		direction: "row",
-		spacing: 1
-	}, /* @__PURE__ */ React.createElement(Grid, {
-		item: true,
-		className: classes.column
-	}, /* @__PURE__ */ React.createElement(FluentPrimaryStatNumber_default, {
-		mainStat: mockData?.primary.value,
-		mainLabel: mockData?.primary.label
-	})), /* @__PURE__ */ React.createElement(Grid, { item: true }, mockData?.secondary.map((secondary) => /* @__PURE__ */ React.createElement(Grid, {
-		item: true,
-		key: secondary.category
-	}, /* @__PURE__ */ React.createElement(FluentSecondaryStatNumber_default, {
-		secondaryStat: secondary.value,
-		secondaryLabel: secondary.category,
-		trend: secondary.value < 0 ? "down" : "up"
-	}))))), children);
-};
-var DateTrendWidget_default = forwardRef(DateTrendWidget);
-
-//#endregion
-//#region src/UI/widgets/library/DateTrendWidget/index.ts
-var DateTrendWidget_exports = /* @__PURE__ */ __export({
-	default: () => DateTrendWidget_default,
-	layout: () => layout
-});
-
-//#endregion
-export { DateTrendWidget_default as n, layout as r, DateTrendWidget_exports as t };
-//# sourceMappingURL=DateTrendWidget-BvTavBHE.js.map

package/dist/DateTrendWidget-BvTavBHE.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateTrendWidget-BvTavBHE.js","names":["WidgetCard","FluentPrimaryStatNumber","FluentSecondaryStatNumber"],"sources":["../src/UI/widgets/library/DateTrendWidget/DateTrendWidget.jsx","../src/UI/widgets/library/DateTrendWidget/index.ts"],"sourcesContent":["import { Grid, makeStyles } from '@material-ui/core'\nimport React, { forwardRef } from 'react'\nimport FluentPrimaryStatNumber from '../../FluentComponents/molecules/FluentPrimaryStatNumber'\nimport FluentSecondaryStatNumber from '../../FluentComponents/molecules/FluentSecondaryStatNumber'\nimport WidgetCard from '../../WidgetCard'\n\nconst useStyles = makeStyles((theme) => ({\n  column: {\n    width: 160\n  }\n}))\n\nexport const layout = {\n  w: { default: 2, min: 0, max: 4 },\n  h: { default: 2, min: 0, max: 4 }\n}\n\nconst DateTrendWidget = (props, ref) => {\n  const classes = useStyles()\n  const { children, params, setParam, ...other } = props\n  const { mockData, apiUrl, theme } = params\n\n  return (\n    <WidgetCard ref={ref} {...other} title={mockData?.title} theme={theme}>\n      <Grid container direction='row' spacing={1}>\n        <Grid item className={classes.column}>\n          <FluentPrimaryStatNumber\n            mainStat={mockData?.primary.value}\n            mainLabel={mockData?.primary.label}\n          />\n        </Grid>\n        <Grid item>\n          {mockData?.secondary.map((secondary) => (\n            <Grid item key={secondary.category}>\n              <FluentSecondaryStatNumber\n                secondaryStat={secondary.value}\n                secondaryLabel={secondary.category}\n                trend={secondary.value < 0 ? 'down' : 'up'}\n              />\n            </Grid>\n          ))}\n        </Grid>\n      </Grid>\n      {children}\n    </WidgetCard>\n  )\n}\n\nexport default forwardRef(DateTrendWidget)\n","export * from './DateTrendWidget';\nexport {default} from './DateTrendWidget';\n"],"mappings":";;;;;;;AAMA,MAAM,YAAY,YAAY,WAAW,EACvC,QAAQ,EACN,OAAO,KACR,EACF,EAAE;AAEH,MAAa,SAAS;CACpB,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CACjC,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CAClC;AAED,MAAM,mBAAmB,OAAO,QAAQ;CACtC,MAAM,UAAU,WAAW;CAC3B,MAAM,EAAE,UAAU,QAAQ,SAAU,GAAG,UAAU;CACjD,MAAM,EAAE,UAAU,QAAQ,UAAU;AAEpC,QACE,oCAACA;EAAgB;EAAK,GAAI;EAAO,OAAO,UAAU;EAAc;IAC9D,oCAAC;EAAK;EAAU,WAAU;EAAM,SAAS;IACvC,oCAAC;EAAK;EAAK,WAAW,QAAQ;IAC5B,oCAACC;EACC,UAAU,UAAU,QAAQ;EAC5B,WAAW,UAAU,QAAQ;GAC7B,CACG,EACP,oCAAC,QAAK,cACH,UAAU,UAAU,KAAK,cACxB,oCAAC;EAAK;EAAK,KAAK,UAAU;IACxB,oCAACC;EACC,eAAe,UAAU;EACzB,gBAAgB,UAAU;EAC1B,OAAO,UAAU,QAAQ,IAAI,SAAS;GACtC,CACG,CACP,CACG,CACF,EACN,SACU;;AAIjB,8BAAe,WAAW,gBAAgB"}

package/dist/DateUtilities-COCIN8sN.js

@@ -1,15 +0,0 @@
-import { DateTime } from "luxon";
-
-//#region src/utilities/input/DateUtilities.js
-const formatDateToLocaleString = (isoDate, luxonFormat = "") => {
-	return DateTime.fromISO(isoDate, { zone: "utc" }).toLocal().toLocaleString(luxonFormat);
-};
-const toUtcDate = (date) => {
-	if (!date) return null;
-	if (date.endsWith("Z")) return new Date(date);
-	else return /* @__PURE__ */ new Date(date + "Z");
-};
-
-//#endregion
-export { toUtcDate as n, formatDateToLocaleString as t };
-//# sourceMappingURL=DateUtilities-COCIN8sN.js.map

package/dist/DateUtilities-COCIN8sN.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateUtilities-COCIN8sN.js","names":[],"sources":["../src/utilities/input/DateUtilities.js"],"sourcesContent":["import { DateTime } from 'luxon';\n\nexport const formatDateToLocaleString = (isoDate, luxonFormat = '') => {\n  return DateTime.fromISO(isoDate, { zone: 'utc' })\n    .toLocal()\n    .toLocaleString(luxonFormat);\n};\n\n// convert date into UTC date format\nexport const toUtcDate = (date) => {\n  if (!date) {\n    return null;\n  }\n\n  if (date.endsWith('Z')) {\n    return new Date(date);\n  } else {\n    return new Date(date + 'Z');\n  }\n};\n"],"mappings":";;;AAEA,MAAa,4BAA4B,SAAS,cAAc,OAAO;AACrE,QAAO,SAAS,QAAQ,SAAS,EAAE,MAAM,OAAO,CAAC,CAC9C,SAAS,CACT,eAAe,YAAY;;AAIhC,MAAa,aAAa,SAAS;AACjC,KAAI,CAAC,KACH,QAAO;AAGT,KAAI,KAAK,SAAS,IAAI,CACpB,QAAO,IAAI,KAAK,KAAK;KAErB,wBAAO,IAAI,KAAK,OAAO,IAAI"}

package/dist/DensePlotWidget-B_9k0DfX.js

@@ -1,67 +0,0 @@
-import { t as __export } from "./chunk-Bp6m_JJh.js";
-import { t as WidgetCard_default } from "./WidgetCard-DZYTvG7e.js";
-import React, { forwardRef } from "react";
-import { Box } from "@material-ui/core";
-import { MuiVegaLite } from "@material-vega/material-ui";
-
-//#region src/UI/widgets/library/DensePlotWidget/DensePlotWidget.jsx
-const layout = {
-	w: {
-		default: 2,
-		min: 0,
-		max: 4
-	},
-	h: {
-		default: 2,
-		min: 0,
-		max: 4
-	}
-};
-const params = { mode: { defaultValue: "chart" } };
-const DensePlotWidget = (props, ref) => {
-	const { children, params: params$1, setParam,...other } = props;
-	const { mockData, apiUrl, theme } = params$1;
-	return /* @__PURE__ */ React.createElement(WidgetCard_default, {
-		ref,
-		...other,
-		title: mockData?.title,
-		theme
-	}, /* @__PURE__ */ React.createElement(Box, {
-		clone: true,
-		flex: 1,
-		mt: 1,
-		overflow: "hidden"
-	}, /* @__PURE__ */ React.createElement(MuiVegaLite, {
-		variant: "scatterplotChart",
-		spec: {
-			$schema: "https://vega.github.io/schema/vega-lite/v4.json",
-			description: mockData?.description,
-			data: { values: mockData?.data },
-			mark: "point",
-			height: 180,
-			encoding: {
-				x: {
-					field: "xAxis",
-					type: mockData?.xAxisType
-				},
-				y: {
-					field: "yAxis",
-					type: mockData?.yAxisType
-				}
-			}
-		}
-	})), children);
-};
-var DensePlotWidget_default = forwardRef(DensePlotWidget);
-
-//#endregion
-//#region src/UI/widgets/library/DensePlotWidget/index.ts
-var DensePlotWidget_exports = /* @__PURE__ */ __export({
-	default: () => DensePlotWidget_default,
-	layout: () => layout,
-	params: () => params
-});
-
-//#endregion
-export { params as i, DensePlotWidget_default as n, layout as r, DensePlotWidget_exports as t };
-//# sourceMappingURL=DensePlotWidget-B_9k0DfX.js.map

package/dist/DensePlotWidget-B_9k0DfX.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DensePlotWidget-B_9k0DfX.js","names":["params","WidgetCard"],"sources":["../src/UI/widgets/library/DensePlotWidget/DensePlotWidget.jsx","../src/UI/widgets/library/DensePlotWidget/index.ts"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { Box } from '@material-ui/core'\nimport { MuiVegaLite } from '@material-vega/material-ui'\nimport WidgetCard from '../../WidgetCard'\n\nexport const layout = {\n  w: { default: 2, min: 0, max: 4 },\n  h: { default: 2, min: 0, max: 4 }\n}\n\nexport const params = {\n  mode: {\n    defaultValue: 'chart'\n  }\n}\n\nconst DensePlotWidget = (props, ref) => {\n  const { children, params, setParam, ...other } = props\n  const { mockData, apiUrl, theme } = params\n\n  return (\n    <WidgetCard ref={ref} {...other} title={mockData?.title} theme={theme}>\n      <Box clone flex={1} mt={1} overflow='hidden'>\n        <MuiVegaLite\n          variant='scatterplotChart'\n          spec={{\n            $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n            description: mockData?.description,\n            data: {\n              values: mockData?.data\n            },\n            mark: 'point',\n            height: 180,\n            encoding: {\n              x: { field: 'xAxis', type: mockData?.xAxisType },\n              y: { field: 'yAxis', type: mockData?.yAxisType }\n            }\n          }}\n        />\n      </Box>\n      {children}\n    </WidgetCard>\n  )\n}\n\nexport default forwardRef(DensePlotWidget)\n","export * from './DensePlotWidget';\nexport {default} from './DensePlotWidget';\n"],"mappings":";;;;;;;AAKA,MAAa,SAAS;CACpB,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CACjC,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CAClC;AAED,MAAa,SAAS,EACpB,MAAM,EACJ,cAAc,SACf,EACF;AAED,MAAM,mBAAmB,OAAO,QAAQ;CACtC,MAAM,EAAE,UAAU,kBAAQ,SAAU,GAAG,UAAU;CACjD,MAAM,EAAE,UAAU,QAAQ,UAAUA;AAEpC,QACE,oCAACC;EAAgB;EAAK,GAAI;EAAO,OAAO,UAAU;EAAc;IAC9D,oCAAC;EAAI;EAAM,MAAM;EAAG,IAAI;EAAG,UAAS;IAClC,oCAAC;EACC,SAAQ;EACR,MAAM;GACJ,SAAS;GACT,aAAa,UAAU;GACvB,MAAM,EACJ,QAAQ,UAAU,MACnB;GACD,MAAM;GACN,QAAQ;GACR,UAAU;IACR,GAAG;KAAE,OAAO;KAAS,MAAM,UAAU;KAAW;IAChD,GAAG;KAAE,OAAO;KAAS,MAAM,UAAU;KAAW;IACjD;GACF;GACD,CACE,EACL,SACU;;AAIjB,8BAAe,WAAW,gBAAgB"}