udp-react-enterprise-component-library 25.18.1-beta.25 → 25.18.1-beta.26

package/dist/TableContainer-B4aFO7ly.js

@@ -1,110 +0,0 @@
-import { r as useAgGridApi } from "./AgTable-B2xTzAm2.js";
-import { r as getSanitizedName } from "./entityUtilities-_8w-Zjs3.js";
-import { t as executeQueryAdHoc } from "./methodUtils-Cwo_kmVX.js";
-import { n as useBuildEnvironment } from "./useBuildEnvironment-2gdqpmBX.js";
-import { t as AmbientGridTemplate } from "./AmbientGridTemplate-BecuOnHe.js";
-import { t as ActionsRenderer } from "./ActionsRenderer-B1ImXko3.js";
-import { t as SearchServiceDatasource } from "./SearchServiceDatasource-CFWLJElU.js";
-import React, { useCallback, useEffect, useMemo } from "react";
-
-//#region src/maintenanceEngine/tableBrowser/TableColumnDefs.js
-const TableColumnDefs = (actionList) => {
-	const getterRowData = useCallback((params) => {
-		return params.data;
-	}, []);
-	return [{
-		headerName: "Name",
-		field: "entityName",
-		valueGetter: (params) => params.data?.properties?.displayName || params.data?.sanitizedName || getSanitizedName(params.data?.entityName),
-		wrapText: true,
-		autoHeight: false,
-		sortable: false
-	}, {
-		headerName: "Actions",
-		filter: false,
-		pinned: "right",
-		cellRenderer: "actionsRenderer",
-		width: 150,
-		cellRendererParams: { actionList },
-		valueGetter: getterRowData,
-		maxWidth: 180,
-		suppressMenu: true,
-		sortable: false,
-		cellStyle: {
-			display: "flex",
-			alignItems: "center"
-		}
-	}];
-};
-const defaultColumnActionsDef = {
-	resizable: true,
-	editable: false,
-	sortable: true,
-	filter: true,
-	floatingFilter: false,
-	enableRowGroup: true
-};
-
-//#endregion
-//#region src/maintenanceEngine/tableBrowser/TableContainer.jsx
-const TableContainer = (props) => {
-	const { actionList, loading, rowData, catalog, isServerSide = false, promotedEntity, filterElements, customColumnDefs, eagerLoad = false, logicalSearchOperator = 1, frameworkComponents = { actionsRenderer: ActionsRenderer }, additionalGridOptions, headerBackgroundColor, api, columnApi, gridReady, dynamicSizing, ...other } = props;
-	const { gridApi, gridColumnApi, onGridReady } = useAgGridApi();
-	const gApi = api || gridApi;
-	const cApi = columnApi || gridColumnApi;
-	const gReady = gridReady || onGridReady;
-	const buildEnv = useBuildEnvironment();
-	const columnDefs = customColumnDefs || TableColumnDefs(actionList);
-	const groupData = useMemo(() => {
-		return columnDefs?.map((item) => {
-			return {
-				groupItem: item.field,
-				label: item.headerName,
-				value: item.field
-			};
-		});
-	}, [columnDefs]);
-	useEffect(() => {
-		if (!gApi) return;
-		if (promotedEntity && isServerSide) {
-			let datasource = SearchServiceDatasource(null, promotedEntity?.unityBaseSearchMethod?.apiMethodId, filterElements, logicalSearchOperator, executeQueryAdHoc, null, null, eagerLoad);
-			gApi?.setServerSideDatasource(datasource);
-		}
-	}, [
-		gApi,
-		promotedEntity,
-		isServerSide,
-		filterElements,
-		eagerLoad,
-		logicalSearchOperator
-	]);
-	return /* @__PURE__ */ React.createElement(AmbientGridTemplate, {
-		useNewHeader: true,
-		api: gApi,
-		onGridReady: gReady,
-		columnApi: cApi,
-		title: catalog?.name,
-		data: !isServerSide && rowData,
-		columnDefs,
-		groupingData: groupData,
-		height: `calc(100vh - ${buildEnv ? "139px" : "114px"})`,
-		frameworkComponents,
-		hideSearchBar: isServerSide,
-		loading,
-		suppressScrollOnNewData: true,
-		dynamicSizing: dynamicSizing ?? false,
-		disableRowSelection: true,
-		rowModelType: isServerSide ? "serverSide" : null,
-		serverSideStoreType: isServerSide ? "partial" : null,
-		cacheOverflowSize: isServerSide ? 2 : null,
-		cacheBlockSize: isServerSide ? 20 : null,
-		maxConcurrentDatasourceRequests: isServerSide ? 1 : null,
-		additionalGridOptions,
-		headerBackgroundColor,
-		...other
-	});
-};
-
-//#endregion
-export { TableColumnDefs as n, defaultColumnActionsDef as r, TableContainer as t };
-//# sourceMappingURL=TableContainer-B4aFO7ly.js.map

package/dist/TableContainer-B4aFO7ly.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableContainer-B4aFO7ly.js","names":[],"sources":["../src/maintenanceEngine/tableBrowser/TableColumnDefs.js","../src/maintenanceEngine/tableBrowser/TableContainer.jsx"],"sourcesContent":["import { useCallback } from 'react';\nimport { getSanitizedName } from '../../utilities/entities/entityUtilities';\n\nexport const TableColumnDefs = (actionList) => {\n  const getterRowData = useCallback((params) => {\n    return params.data;\n  }, []);\n\n  const columnDefs = [\n    {\n      headerName: 'Name',\n      field: 'entityName',\n      valueGetter: (params) =>\n        params.data?.properties?.displayName ||\n        params.data?.sanitizedName ||\n        getSanitizedName(params.data?.entityName),\n      wrapText: true,\n      autoHeight: false,\n      sortable: false\n    },\n    {\n      headerName: 'Actions',\n      filter: false,\n      pinned: 'right',\n      cellRenderer: 'actionsRenderer',\n      // minWidth: 50,\n      width: 150,\n      cellRendererParams: {\n        actionList: actionList\n      },\n      valueGetter: getterRowData,\n      maxWidth: 180,\n      suppressMenu: true,\n      sortable: false,\n      cellStyle: { display: 'flex', alignItems: 'center' }\n    }\n  ];\n  return columnDefs;\n};\n\nexport const defaultColumnActionsDef = {\n  resizable: true,\n  editable: false,\n  sortable: true,\n  filter: true,\n  floatingFilter: false,\n  enableRowGroup: true\n};\n","import React, { useEffect, useMemo } from 'react';\nimport { TableColumnDefs } from './TableColumnDefs';\nimport { AmbientGridTemplate } from '../../UI/templates/deprecated/AmbientGridTemplate/AmbientGridTemplate';\nimport { ActionsRenderer } from '../../UI/templates/ui/renderers/ActionsRenderer';\nimport { useAgGridApi } from '../../utilities/aggrid/AgTable';\nimport { executeQueryAdHoc } from '../../udp/utilities/methodUtils';\nimport { SearchServiceDatasource } from '../../utilities/aggrid/datasources/SearchServiceDatasource';\nimport { useBuildEnvironment } from '../../shell/ui/useBuildEnvironment';\n\nexport const TableContainer = (props) => {\n  const {\n    actionList,\n    loading,\n    rowData,\n    catalog,\n    isServerSide = false,\n    promotedEntity,\n    filterElements,\n    customColumnDefs,\n    eagerLoad = false,\n    logicalSearchOperator = 1,\n    frameworkComponents={ actionsRenderer: ActionsRenderer },\n    additionalGridOptions,\n    headerBackgroundColor,\n    api,\n    columnApi,\n    gridReady,\n    dynamicSizing,\n    ...other\n  } = props;\n  const { gridApi, gridColumnApi, onGridReady } = useAgGridApi();\n  const gApi = api || gridApi;\n  const cApi = columnApi || gridColumnApi;\n  const gReady = gridReady || onGridReady\n  const buildEnv = useBuildEnvironment()\n  const columnDefs = customColumnDefs || TableColumnDefs(actionList);\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  useEffect(() => {\n    if (!gApi) return;\n    if (promotedEntity && isServerSide) {\n      let datasource = SearchServiceDatasource(\n        null,\n        promotedEntity?.unityBaseSearchMethod?.apiMethodId,\n        filterElements,\n        logicalSearchOperator,\n        executeQueryAdHoc,\n        null,\n        null,\n        eagerLoad\n      );\n      // eslint-disable-next-line no-unused-expressions\n      gApi?.setServerSideDatasource(datasource);\n    }\n  }, [gApi, promotedEntity, isServerSide, filterElements, eagerLoad, logicalSearchOperator]);\n\n  return (\n    <AmbientGridTemplate\n      useNewHeader\n      api={gApi}\n      onGridReady={gReady}\n      columnApi={cApi}\n      title={catalog?.name}\n      data={!isServerSide && rowData}\n      columnDefs={columnDefs}\n      groupingData={groupData}\n      height={`calc(100vh - ${buildEnv ? '139px' : '114px'})`}\n      frameworkComponents={frameworkComponents}\n      hideSearchBar={isServerSide}\n      loading={loading}\n      suppressScrollOnNewData\n      dynamicSizing={dynamicSizing ?? false}\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      additionalGridOptions={additionalGridOptions}\n      headerBackgroundColor={headerBackgroundColor}\n      {...other}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;AAGA,MAAa,mBAAmB,eAAe;CAC7C,MAAM,gBAAgB,aAAa,WAAW;AAC5C,SAAO,OAAO;IACb,EAAE,CAAC;AA+BN,QA7BmB,CACjB;EACE,YAAY;EACZ,OAAO;EACP,cAAc,WACZ,OAAO,MAAM,YAAY,eACzB,OAAO,MAAM,iBACb,iBAAiB,OAAO,MAAM,WAAW;EAC3C,UAAU;EACV,YAAY;EACZ,UAAU;EACX,EACD;EACE,YAAY;EACZ,QAAQ;EACR,QAAQ;EACR,cAAc;EAEd,OAAO;EACP,oBAAoB,EACN,YACb;EACD,aAAa;EACb,UAAU;EACV,cAAc;EACd,UAAU;EACV,WAAW;GAAE,SAAS;GAAQ,YAAY;GAAU;EACrD,CACF;;AAIH,MAAa,0BAA0B;CACrC,WAAW;CACX,UAAU;CACV,UAAU;CACV,QAAQ;CACR,gBAAgB;CAChB,gBAAgB;CACjB;;;;ACtCD,MAAa,kBAAkB,UAAU;CACvC,MAAM,EACJ,YACA,SACA,SACA,SACA,eAAe,OACf,gBACA,gBACA,kBACA,YAAY,OACZ,wBAAwB,GACxB,sBAAoB,EAAE,iBAAiB,iBAAiB,EACxD,uBACA,uBACA,KACA,WACA,WACA,eACA,GAAG,UACD;CACJ,MAAM,EAAE,SAAS,eAAe,gBAAgB,cAAc;CAC9D,MAAM,OAAO,OAAO;CACpB,MAAM,OAAO,aAAa;CAC1B,MAAM,SAAS,aAAa;CAC5B,MAAM,WAAW,qBAAqB;CACtC,MAAM,aAAa,oBAAoB,gBAAgB,WAAW;CAElE,MAAM,YAAY,cAAc;AAC9B,SAAO,YAAY,KAAK,SAAS;AAC/B,UAAO;IACL,WAAW,KAAK;IAChB,OAAO,KAAK;IACZ,OAAO,KAAK;IACb;IACD;IACD,CAAC,WAAW,CAAC;AAEhB,iBAAgB;AACd,MAAI,CAAC,KAAM;AACX,MAAI,kBAAkB,cAAc;GAClC,IAAI,aAAa,wBACf,MACA,gBAAgB,uBAAuB,aACvC,gBACA,uBACA,mBACA,MACA,MACA,UACD;AAED,SAAM,wBAAwB,WAAW;;IAE1C;EAAC;EAAM;EAAgB;EAAc;EAAgB;EAAW;EAAsB,CAAC;AAE1F,QACE,oCAAC;EACC;EACA,KAAK;EACL,aAAa;EACb,WAAW;EACX,OAAO,SAAS;EAChB,MAAM,CAAC,gBAAgB;EACX;EACZ,cAAc;EACd,QAAQ,gBAAgB,WAAW,UAAU,QAAQ;EAChC;EACrB,eAAe;EACN;EACT;EACA,eAAe,iBAAiB;EAChC,qBAAqB;EACrB,cAAc,eAAe,eAAe;EAC5C,qBAAqB,eAAe,YAAY;EAChD,mBAAmB,eAAe,IAAI;EACtC,gBAAgB,eAAe,KAAK;EACpC,iCAAiC,eAAe,IAAI;EAC7B;EACA;EACvB,GAAI;GACJ"}

package/dist/TenantProvider-rYWrO7y7.js

@@ -1,37 +0,0 @@
-import { t as ConfigService } from "./configService-C4uoG3wj.js";
-import { t as useUser } from "./useUser-wpHGo6jU.js";
-import { t as useAxiosGet } from "./useAxiosGet-vvPjwB4W.js";
-import { t as useTenantStore } from "./tenantStore-OMCaM0Mv.js";
-import { t as TenantContext } from "./tenantContext-Bu-2lTI5.js";
-import React, { useMemo } from "react";
-
-//#region src/utilities/tenant/TenantProvider.jsx
-const TenantProvider = ({ children }) => {
-	const user = useUser();
-	const setCurrentTenant = useTenantStore((state) => state.setCurrentTenant);
-	const [{ data: tenants }, refetchTenantsList] = useAxiosGet(ConfigService.securityV1ApiUrl, `users/${user ? user?.id : ""}/unitytenants`, {}, !user?.id);
-	const tenantContext = useMemo(() => {
-		if (!user?.currentTenantId || !tenants) return null;
-		const activeTenant = tenants.find((tenant) => tenant.tenantId === user.currentTenantId);
-		setCurrentTenant({
-			tenantId: activeTenant?.tenantId,
-			name: activeTenant?.tenantName,
-			tenantType: activeTenant?.tenantType
-		});
-		return {
-			tenantsList: tenants,
-			activeTenant,
-			refresh: refetchTenantsList
-		};
-	}, [
-		tenants,
-		setCurrentTenant,
-		refetchTenantsList,
-		user?.currentTenantId
-	]);
-	return /* @__PURE__ */ React.createElement(TenantContext.Provider, { value: tenantContext }, children);
-};
-
-//#endregion
-export { TenantProvider as t };
-//# sourceMappingURL=TenantProvider-rYWrO7y7.js.map

package/dist/TenantProvider-rYWrO7y7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TenantProvider-rYWrO7y7.js","names":[],"sources":["../src/utilities/tenant/TenantProvider.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { useUser } from '../auth/useUser';\nimport { useAxiosGet } from '../useAxiosGet';\nimport { TenantContext } from './tenantContext';\nimport { useTenantStore } from '../../stores/tenantStore';\nimport { ConfigService } from '../../configService';\n\n\nexport const TenantProvider = ({ children }) => {\n  const user = useUser();\n  const setCurrentTenant = useTenantStore((state) => state.setCurrentTenant);\n  //Get tenants that the user belongs to\n  const [{ data: tenants }, refetchTenantsList] = useAxiosGet(\n    ConfigService.securityV1ApiUrl,\n    `users/${user ? user?.id : ''}/unitytenants`,\n    {},\n    !user?.id\n  );\n\n  const tenantContext = useMemo(() => {\n    if (!user?.currentTenantId || !tenants) return null;\n\n    //matches users currentTenantId with the fetched tenant objects\n    const activeTenant = tenants.find(\n      (tenant) => tenant.tenantId === user.currentTenantId\n    );\n\n    setCurrentTenant({\n      tenantId: activeTenant?.tenantId,\n      name: activeTenant?.tenantName,\n      tenantType: activeTenant?.tenantType\n    });\n\n    return {\n      tenantsList: tenants,\n      activeTenant: activeTenant,\n      refresh: refetchTenantsList\n    };\n  }, [tenants, setCurrentTenant, refetchTenantsList, user?.currentTenantId]);\n\n  return (\n    <TenantContext.Provider value={tenantContext}>\n      {children}\n    </TenantContext.Provider>\n  );\n};\n"],"mappings":";;;;;;;;AAQA,MAAa,kBAAkB,EAAE,eAAe;CAC9C,MAAM,OAAO,SAAS;CACtB,MAAM,mBAAmB,gBAAgB,UAAU,MAAM,iBAAiB;CAE1E,MAAM,CAAC,EAAE,MAAM,WAAW,sBAAsB,YAC9C,cAAc,kBACd,SAAS,OAAO,MAAM,KAAK,GAAG,gBAC9B,EAAE,EACF,CAAC,MAAM,GACR;CAED,MAAM,gBAAgB,cAAc;AAClC,MAAI,CAAC,MAAM,mBAAmB,CAAC,QAAS,QAAO;EAG/C,MAAM,eAAe,QAAQ,MAC1B,WAAW,OAAO,aAAa,KAAK,gBACtC;AAED,mBAAiB;GACf,UAAU,cAAc;GACxB,MAAM,cAAc;GACpB,YAAY,cAAc;GAC3B,CAAC;AAEF,SAAO;GACL,aAAa;GACC;GACd,SAAS;GACV;IACA;EAAC;EAAS;EAAkB;EAAoB,MAAM;EAAgB,CAAC;AAE1E,QACE,oCAAC,cAAc,YAAS,OAAO,iBAC5B,SACsB"}

package/dist/TicketCard-CVryZ0w6.js

@@ -1,143 +0,0 @@
-import { t as FluentIconButton } from "./FluentIconButton-Dc95mE3v.js";
-import { t as StatusChip } from "./StatusChip-DZAN88VU.js";
-import React from "react";
-import { Card, CardContent, Divider, Typography, makeStyles } from "@material-ui/core";
-import { ArrowUpRightIcon } from "@fluentui/react-icons";
-import PropTypes from "prop-types";
-
-//#region src/UI/dataDisplay/ticketCard/NotificationElement.jsx
-const useStyles$2 = makeStyles((theme) => ({
-	root: {
-		width: 0,
-		height: 0,
-		borderTop: "0px solid transparent",
-		borderRight: `45px solid ${theme?.palette?.error?.main}`,
-		borderBottom: "45px solid transparent"
-	},
-	number: {
-		marginLeft: theme.spacing(3.5),
-		paddingTop: theme.spacing(.5),
-		color: theme?.palette?.common?.white
-	}
-}));
-const NotificationElement = ({ alertNumber }) => {
-	const classes = useStyles$2();
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.number }, /* @__PURE__ */ React.createElement(Typography, null, " ", alertNumber, " ")));
-};
-NotificationElement.propTypes = { alertNumber: PropTypes.number.isRequired };
-
-//#endregion
-//#region src/UI/dataDisplay/ticketCard/StatusLineItem.jsx
-const useStyles$1 = makeStyles((theme) => ({
-	root: {
-		width: "100%",
-		height: 44
-	},
-	wrapper: { display: "flex" },
-	labelCount: {
-		flex: 1,
-		display: "flex"
-	},
-	status: { marginRight: theme.spacing(1) },
-	icon: { marginRight: theme.spacing(1) }
-}));
-const StatusLineItem = ({ label, amount, status, icon, handleClick }) => {
-	const classes = useStyles$1();
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.wrapper }, /* @__PURE__ */ React.createElement("div", { className: classes.labelCount }, /* @__PURE__ */ React.createElement("div", { className: classes.icon }, " ", icon, " "), /* @__PURE__ */ React.createElement(Typography, null, " ", label, " ")), /* @__PURE__ */ React.createElement("div", { className: classes.status }, status === "error" && /* @__PURE__ */ React.createElement(StatusChip, {
-		label: amount,
-		status
-	}), status !== "error" && amount), /* @__PURE__ */ React.createElement(FluentIconButton, {
-		onClick: handleClick,
-		className: classes.launch,
-		icon: ArrowUpRightIcon,
-		"aria-label": "launch"
-	})), /* @__PURE__ */ React.createElement(Divider, null));
-};
-StatusLineItem.propTypes = {
-	label: PropTypes.string.isRequired,
-	amount: PropTypes.number,
-	status: PropTypes.string,
-	icon: PropTypes.node,
-	handleClick: PropTypes.func
-};
-
-//#endregion
-//#region src/UI/dataDisplay/ticketCard/TicketCard.jsx
-const useStyles = makeStyles((theme) => ({
-	root: { display: "flex" },
-	overviewContainer: {
-		width: theme.spacing(16),
-		height: theme.spacing(16),
-		background: "#393939",
-		marginRight: theme.spacing(2),
-		position: "relative"
-	},
-	notification: {
-		position: "absolute",
-		right: 0,
-		top: 0
-	},
-	totalNumber: {
-		textAlign: "center",
-		color: "#FFFFFF",
-		fontWeight: 400
-	},
-	label: {
-		display: "flex",
-		justifyContent: "center",
-		marginTop: -8,
-		color: "#FFFFFF"
-	},
-	itemContainer: {
-		width: "100%",
-		display: "flex",
-		flexDirection: "column",
-		alignContent: "space-around",
-		marginTop: theme.spacing(.5)
-	}
-}));
-const TicketCard = ({ totalAmount, label, notification, alertNumber, ticketData, component = "h6" }) => {
-	const classes = useStyles();
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Card, {
-		elevation: 0,
-		square: true,
-		className: classes.overviewContainer
-	}, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(Typography, {
-		variant: "h1",
-		component,
-		className: classes.totalNumber
-	}, totalAmount)), /* @__PURE__ */ React.createElement("div", { className: classes.label }, /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, label, " ")), notification && /* @__PURE__ */ React.createElement("div", { className: classes.notification }, /* @__PURE__ */ React.createElement(NotificationElement, { alertNumber })))), /* @__PURE__ */ React.createElement("div", { className: classes.itemContainer }, ticketData && ticketData.map((item) => {
-		return /* @__PURE__ */ React.createElement(StatusLineItem, {
-			label: item.label,
-			amount: item.amount,
-			status: item.status === "error" && "error",
-			icon: item.icon,
-			key: item.id
-		});
-	})));
-};
-TicketCard.propTypes = {
-	totalAmount: PropTypes.number,
-	label: PropTypes.string.isRequired,
-	notification: PropTypes.bool,
-	alertNumber: PropTypes.number,
-	ticketData: PropTypes.arrayOf(PropTypes.shape({
-		ticketAmount: PropTypes.string.isRequired,
-		label: PropTypes.number.isRequired,
-		notification: PropTypes.number.isRequired,
-		alertNumber: PropTypes.number,
-		id: PropTypes.number.isRequired,
-		ticketData: PropTypes.arrayOf(PropTypes.shape({
-			label: PropTypes.string.isRequired,
-			amount: PropTypes.number,
-			status: PropTypes.string.isRequired,
-			icon: PropTypes.node
-		}))
-	}).isRequired).isRequired,
-	component: PropTypes.string
-};
-TicketCard.defaultProps = { component: "h2" };
-
-//#endregion
-export { StatusLineItem as n, NotificationElement as r, TicketCard as t };
-//# sourceMappingURL=TicketCard-CVryZ0w6.js.map

package/dist/TicketCard-CVryZ0w6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TicketCard-CVryZ0w6.js","names":["useStyles","useStyles"],"sources":["../src/UI/dataDisplay/ticketCard/NotificationElement.jsx","../src/UI/dataDisplay/ticketCard/StatusLineItem.jsx","../src/UI/dataDisplay/ticketCard/TicketCard.jsx"],"sourcesContent":["import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core'\nimport PropTypes from 'prop-types'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    width: 0,\n    height: 0,\n    borderTop: '0px solid transparent',\n    borderRight: `45px solid ${theme?.palette?.error?.main}`,\n    borderBottom: '45px solid transparent'\n  },\n  number: {\n    marginLeft: theme.spacing(3.5),\n    paddingTop: theme.spacing(0.5),\n    color: theme?.palette?.common?.white\n  }\n}))\n\nexport const NotificationElement = ({ alertNumber }) => {\n  const classes = useStyles()\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.number}>\n        <Typography> {alertNumber} </Typography>\n      </div>\n    </div>\n  )\n}\nNotificationElement.propTypes = {\n  /**\n   * number of alert items\n   */\n  alertNumber: PropTypes.number.isRequired\n}\n","import React from 'react'\nimport { makeStyles, Divider, Typography } from '@material-ui/core'\nimport { FluentIconButton } from '../../inputs/buttons/FluentIconButton'\nimport { StatusChip } from '../status/StatusChip'\nimport { ArrowUpRightIcon } from '@fluentui/react-icons'\nimport PropTypes from 'prop-types'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    width: '100%',\n    height: 44\n  },\n  wrapper: { display: 'flex' },\n  labelCount: {\n    flex: 1,\n    display: 'flex'\n  },\n  status: {\n    marginRight: theme.spacing(1)\n  },\n  icon: {\n    marginRight: theme.spacing(1)\n  }\n}))\n\nexport const StatusLineItem = ({\n  label,\n  amount,\n  status,\n  icon,\n  handleClick\n}) => {\n  const classes = useStyles()\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.wrapper}>\n        <div className={classes.labelCount}>\n          <div className={classes.icon}> {icon} </div>\n          <Typography> {label} </Typography>\n        </div>\n        <div className={classes.status}>\n          {status === 'error' && <StatusChip label={amount} status={status} />}\n\n          {status !== 'error' && amount}\n        </div>\n        <FluentIconButton\n          onClick={handleClick}\n          className={classes.launch}\n          icon={ArrowUpRightIcon}\n          aria-label='launch'\n        />\n      </div>\n\n      <Divider />\n    </div>\n  )\n}\nStatusLineItem.propTypes = {\n  /**\n   * stat label\n   */\n  label: PropTypes.string.isRequired,\n  /**\n   * Total amount stat\n   */\n  amount: PropTypes.number,\n  /**\n   * Type of status for status chip\n   */\n  status: PropTypes.string,\n  /**\n   * list icon\n   */\n  icon: PropTypes.node,\n  /**\n   * onClick event\n   */\n  handleClick: PropTypes.func\n}\n","import React from 'react'\nimport { makeStyles, Card, CardContent, Typography } from '@material-ui/core'\nimport { StatusLineItem } from './StatusLineItem'\nimport { NotificationElement } from './NotificationElement'\nimport PropTypes from 'prop-types'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex'\n  },\n  overviewContainer: {\n    width: theme.spacing(16),\n    height: theme.spacing(16),\n    background: '#393939', // Add to theme\n    marginRight: theme.spacing(2),\n    position: 'relative'\n  },\n  notification: {\n    position: 'absolute',\n    right: 0,\n    top: 0\n  },\n  totalNumber: {\n    textAlign: 'center',\n    // color: theme.palette.common.white\n    color: '#FFFFFF', // Hex color added to avoid TypeError\n    fontWeight: 400\n  },\n  label: {\n    display: 'flex',\n    justifyContent: 'center',\n    marginTop: -8,\n    // color: theme.pallette.common.white\n    color: '#FFFFFF'\n  },\n  itemContainer: {\n    width: '100%',\n    display: 'flex',\n    flexDirection: 'column',\n    alignContent: 'space-around',\n    marginTop: theme.spacing(0.5)\n  }\n}))\n\nexport const TicketCard = ({\n  totalAmount,\n  label,\n  notification,\n  alertNumber,\n  ticketData,\n  component = 'h6'\n}) => {\n  const classes = useStyles()\n\n  return (\n    <div className={classes.root}>\n      <div>\n        <Card elevation={0} square className={classes.overviewContainer}>\n          <CardContent>\n            <Typography\n              variant='h1'\n              component={component}\n              className={classes.totalNumber}\n            >\n              {totalAmount}\n            </Typography>\n          </CardContent>\n          <div className={classes.label}>\n            <Typography variant='caption'>{label} </Typography>\n          </div>\n          {notification && (\n            <div className={classes.notification}>\n              <NotificationElement alertNumber={alertNumber} />\n            </div>\n          )}\n        </Card>\n      </div>\n\n      <div className={classes.itemContainer}>\n        {ticketData &&\n          ticketData.map((item) => {\n            return (\n              <StatusLineItem\n                label={item.label}\n                amount={item.amount}\n                status={item.status === 'error' && 'error'}\n                icon={item.icon}\n                key={item.id}\n              />\n            )\n          })}\n      </div>\n    </div>\n  )\n}\nTicketCard.propTypes = {\n  /**\n   * Total amount stat\n   */\n  totalAmount: PropTypes.number,\n  /**\n   * Stat label\n   */\n  label: PropTypes.string.isRequired,\n  /**\n   * Type of status to toggle notification\n   */\n  notification: PropTypes.bool,\n  /**\n   * amount of alert items\n   */\n  alertNumber: PropTypes.number,\n  /**\n   * prop for mapped data\n   */\n  ticketData: PropTypes.arrayOf(\n    PropTypes.shape({\n      ticketAmount: PropTypes.string.isRequired,\n      label: PropTypes.number.isRequired,\n      notification: PropTypes.number.isRequired,\n      alertNumber: PropTypes.number,\n      id: PropTypes.number.isRequired,\n      ticketData: PropTypes.arrayOf(\n        PropTypes.shape({\n          label: PropTypes.string.isRequired,\n          amount: PropTypes.number,\n          status: PropTypes.string.isRequired,\n          icon: PropTypes.node\n        })\n      )\n    }).isRequired\n  ).isRequired,\n  /**\n   * Header Tag override. Defaults to H2\n   */\n  component: PropTypes.string\n}\n\nTicketCard.defaultProps = {\n  component: 'h2'\n}\n"],"mappings":"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"}

package/dist/TimelineCalendar-L-xwg4nj.js

@@ -1,12 +0,0 @@
-import React from "react";
-import { ResourceTimelineCalendar } from "udp-react-stencil-component-library";
-
-//#region src/UI/dataDisplay/calendar/TimelineCalendar.jsx
-const TimelineCalendar = (props) => {
-	const { ...other } = props;
-	return /* @__PURE__ */ React.createElement(ResourceTimelineCalendar, other);
-};
-
-//#endregion
-export { TimelineCalendar as t };
-//# sourceMappingURL=TimelineCalendar-L-xwg4nj.js.map

package/dist/TimelineCalendar-L-xwg4nj.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimelineCalendar-L-xwg4nj.js","names":[],"sources":["../src/UI/dataDisplay/calendar/TimelineCalendar.jsx"],"sourcesContent":["import React from 'react';\nimport { ResourceTimelineCalendar } from 'udp-react-stencil-component-library';\n\nexport const TimelineCalendar = (props) => {\n  const { ...other } = props;\n\n  return <ResourceTimelineCalendar {...other} />;\n};\n"],"mappings":";;;;AAGA,MAAa,oBAAoB,UAAU;CACzC,MAAM,EAAE,GAAG,UAAU;AAErB,QAAO,oCAAC,0BAA6B,MAAS"}

package/dist/ToggleSection-D08xH-j8.js

@@ -1,116 +0,0 @@
-import { t as FluentIconButton } from "./FluentIconButton-Dc95mE3v.js";
-import { t as ExtenderToggle } from "./ExtenderToggle-CKt1tY6l.js";
-import React, { useState } from "react";
-import { makeStyles, useTheme } from "@material-ui/core";
-import { ChevronLeftIcon, ChevronRightIcon } from "@fluentui/react-icons";
-import PropTypes from "prop-types";
-
-//#region src/UI/templates/SapFlexibleTemplate.jsx
-const SapFlexibleTemplate = ({ left, center, right }) => {
-	const [columns, setColumns] = useState({
-		columnLeft: true,
-		columnCenter: true,
-		columnRight: true
-	});
-	const [columnPercent, setColumnPercent] = useState({
-		columnLeft: "25%",
-		columnCenter: "50%",
-		columnRight: "25%"
-	});
-	const classes = makeStyles((theme) => ({
-		root: {
-			display: "flex",
-			flexDirection: "row"
-		},
-		columnLeft: {
-			display: "flex",
-			flex: columnPercent.columnLeft,
-			height: "100vh"
-		},
-		columnCenter: {
-			flex: columnPercent.columnCenter,
-			height: "100vh"
-		},
-		columnRight: {
-			display: "flex",
-			flex: columnPercent.columnRight,
-			height: "100vh"
-		},
-		fillContent: { flex: 1 }
-	}))();
-	const handleToggleColumn = (columnType) => {
-		setColumns({
-			...columns,
-			columnCenter: !columns.columnCenter
-		});
-		if (columnType === "columnLeft") {
-			setColumnPercent({
-				...columnPercent,
-				columnLeft: "75%"
-			});
-			if (columnPercent.columnLeft === "75%") setColumnPercent({
-				...columnPercent,
-				columnLeft: "25%"
-			});
-		} else {
-			setColumnPercent({
-				...columnPercent,
-				columnRight: "75%"
-			});
-			if (columnPercent.columnRight === "75%") setColumnPercent({
-				...columnPercent,
-				columnRight: "25%"
-			});
-		}
-	};
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, columns.columnLeft && /* @__PURE__ */ React.createElement("div", { className: classes.columnLeft }, /* @__PURE__ */ React.createElement("div", { className: classes.fillContent }, left, " "), /* @__PURE__ */ React.createElement("div", { className: classes.toggle }, /* @__PURE__ */ React.createElement(FluentIconButton, {
-		"aria-label": columnPercent.columnLeft === "25%" ? "Expand column" : "Collapse column",
-		color: "primary",
-		icon: columnPercent.columnLeft === "25%" ? ChevronRightIcon : ChevronLeftIcon,
-		onClick: () => handleToggleColumn("columnLeft")
-	}))), columns.columnCenter && /* @__PURE__ */ React.createElement("div", { className: classes.columnCenter }, /* @__PURE__ */ React.createElement("div", null, " ", center, " ")), columns.columnRight && /* @__PURE__ */ React.createElement("div", { className: classes.columnRight }, /* @__PURE__ */ React.createElement("div", { className: classes.toggle }, /* @__PURE__ */ React.createElement(FluentIconButton, {
-		"aria-label": columnPercent.columnRight === "25%" ? "Expand column" : "Collapse column",
-		color: "primary",
-		icon: columnPercent.columnRight === "25%" ? ChevronLeftIcon : ChevronRightIcon,
-		onClick: () => handleToggleColumn("columnRight")
-	})), /* @__PURE__ */ React.createElement("div", { className: classes.fillContent }, " ", right, " ")));
-};
-
-//#endregion
-//#region src/UI/templates/ToggleSection.jsx
-const useStyles = makeStyles((theme) => ({
-	root: { width: "100%" },
-	container: {
-		padding: (props) => props.open ? theme.spacing(1) : theme.spacing(.25),
-		parddingRight: theme.spacing(1),
-		parddingleft: theme.spacing(1),
-		background: (props) => props.color
-	},
-	lowerShelf: { display: "flex" },
-	shelfOptions: {
-		flex: 1,
-		width: "100%"
-	}
-}));
-const ToggleSection = (props) => {
-	const classes = useStyles(props);
-	const { children, onClick, sectionOpen, options, toggleLabel, color } = props;
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.container }, " ", children, " "), /* @__PURE__ */ React.createElement("div", { className: classes.lowerShelf }, /* @__PURE__ */ React.createElement("div", { className: classes.shelfOptions }, options), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(ExtenderToggle, {
-		onClick,
-		open: sectionOpen,
-		toggleLabel,
-		color
-	}))));
-};
-ToggleSection.propTypes = {
-	children: PropTypes.node,
-	onClick: PropTypes.func,
-	sectionOpen: PropTypes.bool,
-	options: PropTypes.node,
-	toggleLabel: PropTypes.node,
-	color: PropTypes.string
-};
-
-//#endregion
-export { SapFlexibleTemplate as n, ToggleSection as t };
-//# sourceMappingURL=ToggleSection-D08xH-j8.js.map

package/dist/ToggleSection-D08xH-j8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToggleSection-D08xH-j8.js","names":[],"sources":["../src/UI/templates/SapFlexibleTemplate.jsx","../src/UI/templates/ToggleSection.jsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { makeStyles } from '@material-ui/core'\nimport { FluentIconButton } from '../inputs/buttons/FluentIconButton'\nimport { ChevronRightIcon, ChevronLeftIcon } from '@fluentui/react-icons'\n\nexport const SapFlexibleTemplate = ({ left, center, right }) => {\n  const [columns, setColumns] = useState({\n    columnLeft: true,\n    columnCenter: true,\n    columnRight: true\n  })\n\n  const [columnPercent, setColumnPercent] = useState({\n    columnLeft: '25%',\n    columnCenter: '50%',\n    columnRight: '25%'\n  })\n\n  const useStyles = makeStyles((theme) => ({\n    root: {\n      display: 'flex',\n      flexDirection: 'row'\n    },\n    columnLeft: {\n      display: 'flex',\n      flex: columnPercent.columnLeft,\n      height: '100vh'\n    },\n    columnCenter: {\n      flex: columnPercent.columnCenter,\n      height: '100vh'\n    },\n    columnRight: {\n      display: 'flex',\n      flex: columnPercent.columnRight,\n      height: '100vh'\n    },\n    fillContent: {\n      flex: 1\n    }\n  }))\n\n  const classes = useStyles()\n\n  const handleToggleColumn = (columnType) => {\n    setColumns({ ...columns, columnCenter: !columns.columnCenter })\n\n    if (columnType === 'columnLeft') {\n      setColumnPercent({ ...columnPercent, columnLeft: '75%' })\n\n      if (columnPercent.columnLeft === '75%') {\n        setColumnPercent({ ...columnPercent, columnLeft: '25%' })\n      }\n    } else {\n      setColumnPercent({ ...columnPercent, columnRight: '75%' })\n\n      if (columnPercent.columnRight === '75%') {\n        setColumnPercent({ ...columnPercent, columnRight: '25%' })\n      }\n    }\n  }\n\n  return (\n    <div className={classes.root}>\n      {columns.columnLeft && (\n        <div className={classes.columnLeft}>\n          <div className={classes.fillContent}>{left} </div>\n          <div className={classes.toggle}>\n            <FluentIconButton\n              aria-label={\n                columnPercent.columnLeft === '25%'\n                  ? 'Expand column'\n                  : 'Collapse column'\n              }\n              color='primary'\n              icon={\n                columnPercent.columnLeft === '25%'\n                  ? ChevronRightIcon\n                  : ChevronLeftIcon\n              }\n              onClick={() => handleToggleColumn('columnLeft')}\n            />\n          </div>\n        </div>\n      )}\n\n      {columns.columnCenter && (\n        <div className={classes.columnCenter}>\n          <div> {center} </div>\n        </div>\n      )}\n\n      {columns.columnRight && (\n        <div className={classes.columnRight}>\n          <div className={classes.toggle}>\n            <FluentIconButton\n              aria-label={\n                columnPercent.columnRight === '25%'\n                  ? 'Expand column'\n                  : 'Collapse column'\n              }\n              color='primary'\n              icon={\n                columnPercent.columnRight === '25%'\n                  ? ChevronLeftIcon\n                  : ChevronRightIcon\n              }\n              onClick={() => handleToggleColumn('columnRight')}\n            />\n          </div>\n          <div className={classes.fillContent}> {right} </div>\n        </div>\n      )}\n    </div>\n  )\n}\n","import React from 'react';\nimport { makeStyles, useTheme } from '@material-ui/core';\nimport { ExtenderToggle } from './ui/ExtenderToggle';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    width: '100%'\n  },\n  container: {\n    padding: (props) => (props.open ? theme.spacing(1) : theme.spacing(0.25)),\n    parddingRight: theme.spacing(1),\n    parddingleft: theme.spacing(1),\n    background: (props) => props.color\n  },\n  lowerShelf: {\n    display: 'flex'\n  },\n  shelfOptions: {\n    flex: 1,\n    width: '100%'\n  }\n}));\n\nexport const ToggleSection = (props) => {\n  const classes = useStyles(props);\n  const { children, onClick, sectionOpen, options, toggleLabel, color } = props;\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.container}> {children} </div>\n\n      <div className={classes.lowerShelf}>\n        <div className={classes.shelfOptions}>{options}</div>\n        <div>\n          <ExtenderToggle\n            onClick={onClick}\n            open={sectionOpen}\n            toggleLabel={toggleLabel}\n            color={color}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\nToggleSection.propTypes = {\n  /**\n   * Contents of container\n   */\n  children: PropTypes.node,\n  /**\n   * Function to trigger panel to open and close\n   */\n  onClick: PropTypes.func,\n  /**\n   * State, if true, will cause panel to open. If false, the panel is closed.\n   */\n  sectionOpen: PropTypes.bool,\n  /**\n   * Shelf below drawer that fills the space left by the toggle button.\n   * Can be used to add things like additional toggles, other buttons,\n   * stats, etc.\n   */\n  options: PropTypes.node,\n  /**\n   * The label that appears on the toggle tab.\n   */\n  toggleLabel: PropTypes.node,\n  /**\n   * The color of the background section and toggle.\n   */\n  color: PropTypes.string\n};\n"],"mappings":"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"}

package/dist/TokenGroupItem-BUctOTdr.js

@@ -1,36 +0,0 @@
-import { t as Token } from "./Token-rFpVjQT_.js";
-import React, { Fragment } from "react";
-import { Typography, makeStyles } from "@material-ui/core";
-import { DeveloperToolsIcon } from "@fluentui/react-icons";
-import PropTypes from "prop-types";
-
-//#region src/UI/templates/ui/TokenGroupItem.jsx
-const useStyles = makeStyles((theme) => ({
-	root: {},
-	label: { color: theme.palette.common.black }
-}));
-/**
-* @param {{label: string, icon: React.ElementType, color: string}} props
-*/
-const TokenGroupItem = ({ label, icon = DeveloperToolsIcon, color }) => {
-	const classes = useStyles();
-	return /* @__PURE__ */ React.createElement(Fragment, null, /* @__PURE__ */ React.createElement(Token, {
-		icon,
-		color,
-		size: "small",
-		variant: "filled",
-		type: "icon"
-	}), /* @__PURE__ */ React.createElement(Typography, {
-		variant: "caption",
-		className: classes.label
-	}, " ", label, " "));
-};
-TokenGroupItem.propTypes = {
-	label: PropTypes.string,
-	icon: PropTypes.bool,
-	color: PropTypes.string
-};
-
-//#endregion
-export { TokenGroupItem as t };
-//# sourceMappingURL=TokenGroupItem-BUctOTdr.js.map

package/dist/TokenGroupItem-BUctOTdr.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TokenGroupItem-BUctOTdr.js","names":[],"sources":["../src/UI/templates/ui/TokenGroupItem.jsx"],"sourcesContent":["import React, {Fragment} from 'react'\nimport { makeStyles, Typography } from '@material-ui/core'\nimport { DeveloperToolsIcon } from '@fluentui/react-icons'\nimport {Token} from '../../components/dataDisplay/Token'\nimport PropTypes from 'prop-types'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  label: {\n    color: theme.palette.common.black\n  }\n}))\n\n/**\n * @param {{label: string, icon: React.ElementType, color: string}} props\n */\n  export const TokenGroupItem = ({label, icon = DeveloperToolsIcon, color}) => {\n    const classes = useStyles()\n    return (\n      <Fragment >\n        <Token icon={icon} color={color} size=\"small\" variant=\"filled\" type=\"icon\"  />\n        <Typography variant='caption' className={classes.label} > {label} </Typography>  \n      </Fragment>\n    )\n  }\n\n  \n  TokenGroupItem.propTypes = {\n    /**\n     * Label to display in list.\n     */\n    label: PropTypes.string,\n    /**\n     * Icon to display in grouping.\n     */\n    icon: PropTypes.bool,\n     /**\n     * sets color of token background\n     */\n    color: PropTypes.string,\n  \n  }"],"mappings":";;;;;;;AAMA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EAAE;CACR,OAAO,EACL,OAAO,MAAM,QAAQ,OAAO,OAC7B;CACF,EAAE;;;;AAKD,MAAa,kBAAkB,EAAC,OAAO,OAAO,oBAAoB,YAAW;CAC3E,MAAM,UAAU,WAAW;AAC3B,QACE,oCAAC,gBACC,oCAAC;EAAY;EAAa;EAAO,MAAK;EAAQ,SAAQ;EAAS,MAAK;GAAU,EAC9E,oCAAC;EAAW,SAAQ;EAAU,WAAW,QAAQ;IAAQ,KAAE,OAAM,IAAc,CACtE;;AAKf,eAAe,YAAY;CAIzB,OAAO,UAAU;CAIjB,MAAM,UAAU;CAIhB,OAAO,UAAU"}