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

package/dist/BioCardWrapper-CvOhu29n.js

@@ -1,512 +0,0 @@
-import { FluentButton } from "./FluentButton-h_8VjXGT.js";
-import { PrimaryActionHeader } from "./PrimaryActionHeader-D9vn0zfH.js";
-import { AmbientCard } from "./AmbientCard-Cp-eNzrW.js";
-import { fluentLibraryIcons } from "./LibraryData-BtirxoE9.js";
-import { useReadMetaData } from "./useReadMetaData-CxjwewcJ.js";
-import { FluentMenuListItem } from "./FluentMenuListItem-B_HwFoIS.js";
-import { ActionsRenderer, AmbientGridTemplate } from "./AmbientGridTemplate-VQA7Q_L7.js";
-import { TableColumnDefs } from "./TableColumnDefs-nlfu2DdT.js";
-import { BioCard } from "./BioCard-DWXySB2s.js";
-import { AddressListItem } from "./AddressListItem-ab1iGRhK.js";
-import React, { useEffect, useMemo } from "react";
-import { Box, Grid } from "@material-ui/core";
-import { ChevronDownIcon } from "@fluentui/react-icons";
-import { MuiVegaLite } from "@material-vega/material-ui";
-
-//#region src/componentSystems/pageRenderer/wrappers/PrimaryActionHeaderWrapper.jsx
-const PrimaryActionHeaderWrapper = (props) => {
-	const { propsComponent } = props;
-	const { id, title, subheader } = useReadMetaData(propsComponent);
-	return /* @__PURE__ */ React.createElement(PrimaryActionHeader, {
-		title: title?.label || "",
-		buttonLabel: subheader?.label || "",
-		single: true,
-		grid: false
-	});
-};
-
-//#endregion
-//#region src/componentSystems/pageRenderer/wrappers/DisplayCardWrapper.jsx
-const DisplayCardWrapper = (props) => {
-	const { propsComponent, setSideSheetOpen, sideSheetOpen, setSideSheetComponent } = props;
-	return /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(Box, {
-		mt: 2,
-		sx: {
-			width: "100%",
-			minWidth: "100%"
-		}
-	}, /* @__PURE__ */ React.createElement(AmbientCard, {
-		overrideStatusSuccess: "current",
-		overrideStatusError: "expired",
-		editEvent: () => {},
-		deleteEvent: () => {},
-		fullWidth: true
-	}, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FluentMenuListItem, {
-		value: 2,
-		label: "Text Issued",
-		arrow: false
-	}), /* @__PURE__ */ React.createElement(FluentMenuListItem, {
-		value: 3,
-		label: "Date Issued",
-		arrow: false
-	}), /* @__PURE__ */ React.createElement(FluentMenuListItem, {
-		value: 4,
-		label: "Valid Until",
-		arrow: false
-	}), /* @__PURE__ */ React.createElement(FluentButton, {
-		variant: "contained",
-		color: "secondary",
-		onClick: () => setSideSheetOpen(!sideSheetOpen)
-	}, "Test Button")))));
-};
-
-//#endregion
-//#region src/componentSystems/pageRenderer/wrappers/BarChartWrapper.jsx
-const BarChartWrapper = (props) => {
-	const { propsComponent } = props;
-	const { id, columnSize, values, encoding, x, y, xfield, yfield } = useReadMetaData(propsComponent);
-	return /* @__PURE__ */ React.createElement(Grid, {
-		item: true,
-		xs: columnSize?.xs,
-		sm: columnSize?.sm,
-		md: columnSize?.md,
-		key: id
-	}, /* @__PURE__ */ React.createElement(Box, {
-		mt: 2,
-		clone: true,
-		overflow: "hidden",
-		sx: {
-			width: "100%",
-			minWidth: "100%"
-		}
-	}, /* @__PURE__ */ React.createElement(MuiVegaLite, {
-		variant: "verticalBarChart",
-		color: "secondary",
-		background: "paper",
-		autoResize: true,
-		actions: false,
-		spec: {
-			$schema: "https://vega.github.io/schema/vega-lite/v4.json",
-			width: "container",
-			data: { values },
-			mark: "bar",
-			encoding: {
-				x: {
-					field: xfield,
-					type: "nominal",
-					axis: { ticks: false },
-					band: .5
-				},
-				y: {
-					field: yfield,
-					type: "quantitative",
-					axis: { format: "p" }
-				}
-			}
-		}
-	})));
-};
-
-//#endregion
-//#region src/componentSystems/pageRenderer/wrappers/HistogramWrapper.jsx
-const HistogramWrapper = (props) => {
-	const { propsComponent } = props;
-	const { id, columnSize, values, encoding, x, y, xfield, yfield } = useReadMetaData(propsComponent);
-	return /* @__PURE__ */ React.createElement(Grid, {
-		item: true,
-		xs: columnSize?.xs,
-		sm: columnSize?.sm,
-		md: columnSize?.md,
-		key: id
-	}, /* @__PURE__ */ React.createElement(Box, {
-		mt: 2,
-		clone: true,
-		overflow: "hidden",
-		sx: {
-			width: "100%",
-			minWidth: "100%"
-		}
-	}, /* @__PURE__ */ React.createElement(MuiVegaLite, {
-		variant: "histogram",
-		color: "secondary",
-		background: "paper",
-		autoResize: true,
-		actions: false,
-		spec: {
-			$schema: "https://vega.github.io/schema/vega/v5.json",
-			description: "An interactive histogram for visualizing a univariate distribution.",
-			width: 500,
-			height: 100,
-			padding: 5,
-			signals: [{
-				name: "binOffset",
-				value: 0,
-				bind: {
-					input: "range",
-					min: -.1,
-					max: .1
-				}
-			}, {
-				name: "binStep",
-				value: .1,
-				bind: {
-					input: "range",
-					min: .001,
-					max: .4,
-					step: .001
-				}
-			}],
-			data: [{
-				name: "points",
-				url: "data/normal-2d.json"
-			}, {
-				name: "binned",
-				source: "points",
-				transform: [{
-					type: "bin",
-					field: "u",
-					extent: [-1, 1],
-					anchor: { signal: "binOffset" },
-					step: { signal: "binStep" },
-					nice: false
-				}, {
-					type: "aggregate",
-					key: "bin0",
-					groupby: ["bin0", "bin1"],
-					fields: ["bin0"],
-					ops: ["count"],
-					as: ["count"]
-				}]
-			}],
-			scales: [{
-				name: "xscale",
-				type: "linear",
-				range: "width",
-				domain: [-1, 1]
-			}, {
-				name: "yscale",
-				type: "linear",
-				range: "height",
-				round: true,
-				domain: {
-					data: "binned",
-					field: "count"
-				},
-				zero: true,
-				nice: true
-			}],
-			axes: [{
-				orient: "bottom",
-				scale: "xscale",
-				zindex: 1
-			}, {
-				orient: "left",
-				scale: "yscale",
-				tickCount: 5,
-				zindex: 1
-			}],
-			marks: [{
-				type: "rect",
-				from: { data: "binned" },
-				encode: {
-					update: {
-						x: {
-							scale: "xscale",
-							field: "bin0"
-						},
-						x2: {
-							scale: "xscale",
-							field: "bin1",
-							offset: { signal: "binStep > 0.02 ? -0.5 : 0" }
-						},
-						y: {
-							scale: "yscale",
-							field: "count"
-						},
-						y2: {
-							scale: "yscale",
-							value: 0
-						},
-						fill: { value: "steelblue" }
-					},
-					hover: { fill: { value: "firebrick" } }
-				}
-			}, {
-				type: "rect",
-				from: { data: "points" },
-				encode: { enter: {
-					x: {
-						scale: "xscale",
-						field: "u"
-					},
-					width: { value: 1 },
-					y: {
-						value: 25,
-						offset: { signal: "height" }
-					},
-					height: { value: 5 },
-					fill: { value: "steelblue" },
-					fillOpacity: { value: .4 }
-				} }
-			}]
-		}
-	})));
-};
-
-//#endregion
-//#region src/componentSystems/pageRenderer/wrappers/DonutWrapper.jsx
-const DonutWrapper = (props) => {
-	const { propsComponent } = props;
-	const { id, columnSize, values, encoding, x, y, xfield, yfield } = useReadMetaData(propsComponent);
-	return /* @__PURE__ */ React.createElement(Grid, {
-		item: true,
-		xs: columnSize?.xs,
-		sm: columnSize?.sm,
-		md: columnSize?.md,
-		key: id
-	}, /* @__PURE__ */ React.createElement(Box, {
-		mt: 2,
-		clone: true,
-		overflow: "hidden",
-		sx: {
-			width: "100%",
-			minWidth: "100%"
-		}
-	}, /* @__PURE__ */ React.createElement(MuiVegaLite, {
-		variant: "verticalBarChart",
-		color: "secondary",
-		background: "paper",
-		autoResize: true,
-		actions: false,
-		spec: {
-			$schema: "https://vega.github.io/schema/vega-lite/v5.json",
-			description: "A simple donut chart with embedded data.",
-			data: { values },
-			mark: {
-				type: "arc",
-				innerRadius: 160
-			},
-			width: 350,
-			height: 350,
-			encoding: {
-				theta: {
-					field: "value",
-					type: "quantitative"
-				},
-				color: {
-					field: "category",
-					type: "nominal"
-				}
-			}
-		}
-	})));
-};
-const barChartWrapperProps = [{ structure: [
-	{
-		label: "Data1",
-		value: 0
-	},
-	{
-		label: "Data2",
-		value: 1
-	},
-	{
-		label: "Data3",
-		value: 0
-	},
-	{
-		label: "Data4",
-		value: 1
-	}
-] }];
-
-//#endregion
-//#region src/componentSystems/pageRenderer/wrappers/LineGraphWrapper.jsx
-const LineGraphWrapper = (props) => {
-	const { propsComponent } = props;
-	const { id, columnSize, x, y, values } = useReadMetaData(propsComponent);
-	return /* @__PURE__ */ React.createElement(Grid, {
-		item: true,
-		xs: columnSize?.xs,
-		sm: columnSize?.sm,
-		md: columnSize?.md,
-		key: id
-	}, /* @__PURE__ */ React.createElement(Box, {
-		mt: 2,
-		clone: true,
-		overflow: "hidden",
-		sx: {
-			width: "100%",
-			minWidth: "100%"
-		}
-	}, /* @__PURE__ */ React.createElement(MuiVegaLite, {
-		variant: "lineChart",
-		color: "secondary",
-		background: "paper",
-		autoResize: true,
-		actions: false,
-		spec: {
-			$schema: "https://vega.github.io/schema/vega-lite/v4.json",
-			description: "Values perdicted by the model",
-			width: "container",
-			data: { values },
-			mark: "line",
-			encoding: {
-				x: {
-					field: "a",
-					type: "ordinal"
-				},
-				y: {
-					field: "b",
-					type: "quantitative"
-				},
-				strokeDash: {
-					field: "predicted",
-					type: "nominal"
-				}
-			}
-		}
-	})));
-};
-
-//#endregion
-//#region src/componentSystems/pageRenderer/wrappers/AgGridSimpleWrapper.jsx
-const data = [
-	{
-		id: 1,
-		name: "Pre-School Swim Lessons",
-		tags: "Child",
-		deferredGL: "General Programs Deferred",
-		earnedGL: `Registered Swim Programs`,
-		start_date: "2022-07-23 13:10:11",
-		end_date: "2022-07-23 13:10:11",
-		status: "Published",
-		instructors: "Liam Atchison"
-	},
-	{
-		id: 2,
-		name: "Skating Lessons",
-		tags: "Child",
-		deferredGL: "General Programs Deferred",
-		earnedGL: `Registered Swim Programs`,
-		start_date: "2022-07-23 13:10:11",
-		end_date: "2022-07-23 13:10:11",
-		status: "Published",
-		instructors: "Luca Thomas"
-	},
-	{
-		id: 3,
-		name: "Skating Lessons",
-		tags: "Adult",
-		deferredGL: "General Programs Deferred",
-		earnedGL: `Registered Swim Programs`,
-		start_date: "2022-07-23 13:10:11",
-		end_date: "2022-07-23 13:10:11",
-		status: "Published",
-		instructors: "John Smith"
-	},
-	{
-		id: 4,
-		name: "Pre-School Swim Lessons",
-		tags: "Self-Pace",
-		deferredGL: "General Programs Deferred",
-		earnedGL: `Registered Swim Programs`,
-		start_date: "2022-07-23 13:10:11",
-		end_date: "2022-07-23 13:10:11",
-		status: "In Progress",
-		instructors: "Lucy May"
-	},
-	{
-		id: 5,
-		name: "Pre-School Swim Lessons",
-		tags: "Child",
-		deferredGL: "General Programs Deferred",
-		earnedGL: `Registered Swim Programs`,
-		start_date: "2022-08-23 13:10:11",
-		end_date: "2022-07-23 13:10:11",
-		status: "Pending",
-		instructors: "Matteo Thomas"
-	}
-];
-const groupData = [
-	{
-		groupItem: "instructors",
-		label: "Instructors",
-		value: "instructors"
-	},
-	{
-		groupItem: "tabs",
-		label: "Tabs",
-		value: "tabs"
-	},
-	{
-		groupItem: "name",
-		label: "Course Name",
-		value: "name"
-	},
-	{
-		groupItem: "status",
-		label: "Status",
-		value: "status"
-	},
-	{
-		groupItem: "start",
-		label: "Start Date",
-		value: "start"
-	}
-];
-const AgGridSimpleWrapper = (props) => {
-	const { propsComponent } = props;
-	const { id, columnSize, columnDefs, actionsList, values } = useReadMetaData(propsComponent);
-	const columnDefinitions = useMemo(() => {
-		if (columnDefs?.length) {
-			const newActionsList = actionsList?.map((actionItem) => {
-				return {
-					...actionItem,
-					icon: fluentLibraryIcons.find((x) => x.id === actionItem.icon)?.icon || actionItem.icon,
-					onClick: () => {}
-				};
-			});
-			return TableColumnDefs(columnDefs, newActionsList);
-		}
-		return [];
-	}, [actionsList, columnDefs]);
-	return /* @__PURE__ */ React.createElement(Grid, {
-		item: true,
-		xs: columnSize?.xs,
-		sm: columnSize?.sm,
-		md: columnSize?.md,
-		key: id
-	}, /* @__PURE__ */ React.createElement(AmbientGridTemplate, {
-		title: "Course List",
-		data: values,
-		columnDefs: columnDefinitions,
-		frameworkComponents: { actionsRenderer: ActionsRenderer },
-		groupingData: groupData
-	}));
-};
-
-//#endregion
-//#region src/componentSystems/pageRenderer/wrappers/BioCardWrapper.jsx
-const BioCardWrapper = (props) => {
-	const { id, propsComponent } = props;
-	const { columnSize } = useReadMetaData(propsComponent);
-	return /* @__PURE__ */ React.createElement(Grid, {
-		item: true,
-		xs: columnSize?.xs,
-		sm: columnSize?.sm,
-		md: columnSize?.md,
-		key: id
-	}, /* @__PURE__ */ React.createElement(BioCard, {
-		firstName: "Marlene",
-		lastName: "Smith",
-		avatar: "http://www.woman-themovie.org/wp-content/uploads/2020/02/AQALLAL_Sofia-W_78-FRANCE_24-FACIES-LVMH-CALLIGARO_Sandra-V1.jpg",
-		alt: "Marlene",
-		address: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(AddressListItem, null, "123 Fake Street, Encinitas, CA, 92024"), /* @__PURE__ */ React.createElement(AddressListItem, null, " +1.767.815.8957 "), /* @__PURE__ */ React.createElement(AddressListItem, null, " marlene@smith.com ")),
-		copy: "Marlene Smith, 123 Fake Street, Encinitas, CA, 92024, +1.767.815.8957, marlene@smith.com  "
-	}, /* @__PURE__ */ React.createElement("h1", null, "Marlene Smith")));
-};
-
-//#endregion
-export { AgGridSimpleWrapper, BarChartWrapper, BioCardWrapper, DisplayCardWrapper, DonutWrapper, HistogramWrapper, LineGraphWrapper, PrimaryActionHeaderWrapper, barChartWrapperProps, data };
-//# sourceMappingURL=BioCardWrapper-CvOhu29n.js.map

package/dist/BioCardWrapper-CvOhu29n.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BioCardWrapper-CvOhu29n.js","names":[],"sources":["../src/componentSystems/pageRenderer/wrappers/PrimaryActionHeaderWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/DisplayCardWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/BarChartWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/HistogramWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/DonutWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/LineGraphWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/AgGridSimpleWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/BioCardWrapper.jsx"],"sourcesContent":["import React from 'react';\n//import { SubHeaderAction } from 'unity-fluent-library';\nimport { PrimaryActionHeader } from '../../../UI/utilityDisplay/utilityHeader/PrimaryActionHeader';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const PrimaryActionHeaderWrapper = (props) => {\n  const { propsComponent } = props;\n  const { id, title, subheader } = useReadMetaData(propsComponent);\n\n  return (\n    // <SubHeaderAction key={id}>\n\n    // </SubHeaderAction>\n    <PrimaryActionHeader\n      title={title?.label || ''}\n      //subheader={subheader?.label || ''}\n      buttonLabel={subheader?.label || ''}\n      single={true}\n      grid={false}\n    />\n  );\n};\n","import React, { useEffect } from 'react';\nimport { AmbientCard } from '../../../UI/surfaces/cards/AmbientCard';\nimport { FluentMenuListItem } from '../../../UI/navigation/menus/FluentMenuListItem';\nimport { FluentIconButton } from '../../../UI/inputs/buttons/FluentIconButton';\nimport { FluentButton } from '../../../UI/inputs/buttons/FluentButton';\nimport { ChevronDownIcon } from '@fluentui/react-icons';\nimport { Grid, Box } from '@material-ui/core';\nimport { fluentLibraryIcons } from '../../../assets/unityIcons/LibraryData';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const DisplayCardWrapper = (props) => {\n  const {\n    propsComponent,\n    setSideSheetOpen,\n    sideSheetOpen,\n    setSideSheetComponent\n  } = props;\n  // const { id, columnSize, title, label, status, button, secondaryButtons } =\n  //   useReadMetaData(propsComponent);\n\n  // useEffect(() => {\n  //   const { view } = button;\n\n  //   setSideSheetComponent({\n  //     id: view?.id,\n  //     component: view?.component,\n  //     propsComponent: view?.properties,\n  //   });\n  // }, [button, setSideSheetComponent]);\n\n  return (\n    <Grid\n      item\n      // xs={columnSize?.xs}\n      // sm={columnSize?.sm}\n      // md={columnSize?.md}\n      // key={id}\n    >\n      <Box mt={2} sx={{ width: '100%', minWidth: '100%' }}>\n        <AmbientCard\n          // title={title?.label}\n          // status={status?.label}\n          overrideStatusSuccess='current'\n          overrideStatusError='expired'\n          editEvent={() => {}}\n          deleteEvent={() => {}}\n          // label={label?.label}\n          fullWidth={true}\n        >\n          <div>\n            <FluentMenuListItem value={2} label='Text Issued' arrow={false} />\n            <FluentMenuListItem value={3} label='Date Issued' arrow={false} />\n            <FluentMenuListItem value={4} label='Valid Until' arrow={false} />\n\n            {/* {button && (\n              <FluentButton\n                variant=\"contained\"\n                color=\"secondary\"\n                onClick={() => setSideSheetOpen(!sideSheetOpen)}\n              >\n                {button?.label?.label}\n              </FluentButton>\n            )} */}\n\n            <FluentButton\n              variant='contained'\n              color='secondary'\n              onClick={() => setSideSheetOpen(!sideSheetOpen)}\n            >\n              Test Button\n            </FluentButton>\n\n            {/* {secondaryButtons &&\n              secondaryButtons.value?.map((button, index) => (\n                <FluentIconButton\n                  key={index}\n                  icon={\n                    fluentLibraryIcons.find(x => x.id === button.icon)?.icon ||\n                    ChevronDownIcon\n                  }\n                  style={{ width: '40px', height: '40px' }}\n                  size=\"small\"\n                  onClick={() => setSideSheetOpen(!sideSheetOpen)}\n                />\n              ))} */}\n          </div>\n        </AmbientCard>\n      </Box>\n    </Grid>\n  );\n};\n","import React from 'react';\nimport { Box, Grid } from '@material-ui/core';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const BarChartWrapper = props => {\n  const { propsComponent } = props;\n  const { id, columnSize, values, encoding, x, y, xfield, yfield } =\n    useReadMetaData(propsComponent);\n\n  return (\n    <Grid\n      item\n      xs={columnSize?.xs}\n      sm={columnSize?.sm}\n      md={columnSize?.md}\n      key={id}\n    >\n      <Box\n        mt={2}\n        clone\n        overflow=\"hidden\"\n        sx={{ width: '100%', minWidth: '100%' }}\n      >\n        <MuiVegaLite\n          variant=\"verticalBarChart\"\n          color=\"secondary\"\n          background=\"paper\"\n          autoResize\n          actions={false}\n          spec={{\n            $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n            width: 'container',\n            data: {\n              // values: [\n              //   { quarter: 'Q1', percent: 0.2 },\n              //   { quarter: 'Q2', percent: 0.28 },\n              //   { quarter: 'Q3', percent: 0.32 },\n              //   { quarter: 'Q4', percent: 0.39 },\n              // ],\n              values: values,\n            },\n            mark: 'bar',\n            //encoding: encoding,\n            encoding: {\n              x: {\n                field: xfield,\n                type: 'nominal',\n                axis: {\n                  ticks: false,\n                },\n                band: 0.5,\n              },\n              y: {\n                field: yfield,\n                type: 'quantitative',\n                axis: {\n                  format: 'p',\n                },\n              },\n            },\n          }}\n        />\n      </Box>\n    </Grid>\n  );\n};\n\nexport const barChartWrapperProps = [\n  {\n    structure: [\n      { label: 'Data1', value: 0 },\n      { label: 'Data2', value: 1 },\n      { label: 'Data3', value: 0 },\n      { label: 'Data4', value: 1 },\n    ],\n  },\n];\n","import React from 'react';\nimport { Box, Grid } from '@material-ui/core';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const HistogramWrapper = props => {\n  const { propsComponent } = props;\n  const { id, columnSize, values, encoding, x, y, xfield, yfield } =\n    useReadMetaData(propsComponent);\n\n  return (\n    <Grid\n      item\n      xs={columnSize?.xs}\n      sm={columnSize?.sm}\n      md={columnSize?.md}\n      key={id}\n    >\n      <Box\n        mt={2}\n        clone\n        overflow=\"hidden\"\n        sx={{ width: '100%', minWidth: '100%' }}\n      >\n        <MuiVegaLite\n          variant=\"histogram\"\n          color=\"secondary\"\n          background=\"paper\"\n          autoResize\n          actions={false}\n          spec={{\n            $schema: 'https://vega.github.io/schema/vega/v5.json',\n            description:\n              'An interactive histogram for visualizing a univariate distribution.',\n            width: 500,\n            height: 100,\n            padding: 5,\n\n            signals: [\n              {\n                name: 'binOffset',\n                value: 0,\n                bind: { input: 'range', min: -0.1, max: 0.1 },\n              },\n              {\n                name: 'binStep',\n                value: 0.1,\n                bind: { input: 'range', min: 0.001, max: 0.4, step: 0.001 },\n              },\n            ],\n\n            data: [\n              {\n                name: 'points',\n                url: 'data/normal-2d.json',\n              },\n              {\n                name: 'binned',\n                source: 'points',\n                transform: [\n                  {\n                    type: 'bin',\n                    field: 'u',\n                    extent: [-1, 1],\n                    anchor: { signal: 'binOffset' },\n                    step: { signal: 'binStep' },\n                    nice: false,\n                  },\n                  {\n                    type: 'aggregate',\n                    key: 'bin0',\n                    groupby: ['bin0', 'bin1'],\n                    fields: ['bin0'],\n                    ops: ['count'],\n                    as: ['count'],\n                  },\n                ],\n              },\n            ],\n\n            scales: [\n              {\n                name: 'xscale',\n                type: 'linear',\n                range: 'width',\n                domain: [-1, 1],\n              },\n              {\n                name: 'yscale',\n                type: 'linear',\n                range: 'height',\n                round: true,\n                domain: { data: 'binned', field: 'count' },\n                zero: true,\n                nice: true,\n              },\n            ],\n\n            axes: [\n              { orient: 'bottom', scale: 'xscale', zindex: 1 },\n              { orient: 'left', scale: 'yscale', tickCount: 5, zindex: 1 },\n            ],\n\n            marks: [\n              {\n                type: 'rect',\n                from: { data: 'binned' },\n                encode: {\n                  update: {\n                    x: { scale: 'xscale', field: 'bin0' },\n                    x2: {\n                      scale: 'xscale',\n                      field: 'bin1',\n                      offset: { signal: 'binStep > 0.02 ? -0.5 : 0' },\n                    },\n                    y: { scale: 'yscale', field: 'count' },\n                    y2: { scale: 'yscale', value: 0 },\n                    fill: { value: 'steelblue' },\n                  },\n                  hover: { fill: { value: 'firebrick' } },\n                },\n              },\n              {\n                type: 'rect',\n                from: { data: 'points' },\n                encode: {\n                  enter: {\n                    x: { scale: 'xscale', field: 'u' },\n                    width: { value: 1 },\n                    y: { value: 25, offset: { signal: 'height' } },\n                    height: { value: 5 },\n                    fill: { value: 'steelblue' },\n                    fillOpacity: { value: 0.4 },\n                  },\n                },\n              },\n            ],\n          }}\n        />\n      </Box>\n    </Grid>\n  );\n};\n","import React from 'react';\nimport { Box, Grid } from '@material-ui/core';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const DonutWrapper = props => {\n  const { propsComponent } = props;\n  const { id, columnSize, values, encoding, x, y, xfield, yfield } =\n    useReadMetaData(propsComponent);\n\n  return (\n    <Grid\n      item\n      xs={columnSize?.xs}\n      sm={columnSize?.sm}\n      md={columnSize?.md}\n      key={id}\n    >\n      <Box\n        mt={2}\n        clone\n        overflow=\"hidden\"\n        sx={{ width: '100%', minWidth: '100%' }}\n      >\n        <MuiVegaLite\n          variant=\"verticalBarChart\"\n          color=\"secondary\"\n          background=\"paper\"\n          autoResize\n          actions={false}\n          spec={{\n            $schema: 'https://vega.github.io/schema/vega-lite/v5.json',\n            description: 'A simple donut chart with embedded data.',\n            data: {\n              values: values,\n              // values: [\n              //   { category: 1, value: 4 },\n              //   { category: 2, value: 6 },\n              //   { category: 3, value: 10 },\n              //   { category: 4, value: 3 },\n              //   { category: 5, value: 7 },\n              //   { category: 6, value: 8 },\n              // ],\n            },\n            mark: { type: 'arc', innerRadius: 160 },\n            width: 350,\n            height: 350,\n            encoding: {\n              theta: { field: 'value', type: 'quantitative' },\n              color: { field: 'category', type: 'nominal' },\n            },\n          }}\n        />\n      </Box>\n    </Grid>\n  );\n};\n\nexport const barChartWrapperProps = [\n  {\n    structure: [\n      { label: 'Data1', value: 0 },\n      { label: 'Data2', value: 1 },\n      { label: 'Data3', value: 0 },\n      { label: 'Data4', value: 1 },\n    ],\n  },\n];\n","import React from 'react';\nimport { Grid, Box } from '@material-ui/core';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const LineGraphWrapper = props => {\n  const { propsComponent } = props;\n  const { id, columnSize, x, y, values } = useReadMetaData(propsComponent);\n\n  return (\n    <Grid\n      item\n      xs={columnSize?.xs}\n      sm={columnSize?.sm}\n      md={columnSize?.md}\n      key={id}\n    >\n      <Box\n        mt={2}\n        clone\n        overflow=\"hidden\"\n        sx={{ width: '100%', minWidth: '100%' }}\n      >\n        <MuiVegaLite\n          variant=\"lineChart\"\n          color=\"secondary\"\n          background=\"paper\"\n          autoResize\n          actions={false}\n          spec={{\n            $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n            description: 'Values perdicted by the model',\n            width: 'container',\n            data: {\n              // values: [\n              //   { a: 'A', b: 28, predicted: false },\n              //   { a: 'B', b: 55, predicted: false },\n              //   { a: 'D', b: 91, predicted: false },\n              //   { a: 'E', b: 81, predicted: false },\n              //   { a: 'E', b: 81, predicted: true },\n              //   { a: 'G', b: 19, predicted: true },\n              //   { a: 'H', b: 87, predicted: true },\n              // ],\n              values: values,\n            },\n            mark: 'line',\n            encoding: {\n              x: { field: 'a', type: 'ordinal' },\n              y: { field: 'b', type: 'quantitative' },\n              strokeDash: { field: 'predicted', type: 'nominal' },\n            },\n          }}\n        />\n      </Box>\n    </Grid>\n  );\n};\n","import React, { useMemo } from 'react';\nimport { Grid } from '@material-ui/core';\nimport { AmbientGridTemplate } from '../../../UI/templates/AmbientGridTemplate';\nimport { TableColumnDefs } from '../utils/TableColumnDefs';\nimport { fluentLibraryIcons } from '../../../assets/unityIcons/LibraryData';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\nimport { ActionsRenderer } from '../../../UI/templates/ui/renderers/ActionsRenderer';\n\n// Demonstrative purpose\nexport const data = [\n  {\n    id: 1,\n    name: 'Pre-School Swim Lessons',\n    tags: 'Child',\n    deferredGL: 'General Programs Deferred',\n    earnedGL: `Registered Swim Programs`,\n    start_date: '2022-07-23 13:10:11',\n    end_date: '2022-07-23 13:10:11',\n    status: 'Published',\n    instructors: 'Liam Atchison'\n  },\n  {\n    id: 2,\n    name: 'Skating Lessons',\n    tags: 'Child',\n    deferredGL: 'General Programs Deferred',\n    earnedGL: `Registered Swim Programs`,\n    start_date: '2022-07-23 13:10:11',\n    end_date: '2022-07-23 13:10:11',\n    status: 'Published',\n    instructors: 'Luca Thomas'\n  },\n  {\n    id: 3,\n    name: 'Skating Lessons',\n    tags: 'Adult',\n    deferredGL: 'General Programs Deferred',\n    earnedGL: `Registered Swim Programs`,\n    start_date: '2022-07-23 13:10:11',\n    end_date: '2022-07-23 13:10:11',\n    status: 'Published',\n    instructors: 'John Smith'\n  },\n  {\n    id: 4,\n    name: 'Pre-School Swim Lessons',\n    tags: 'Self-Pace',\n    deferredGL: 'General Programs Deferred',\n    earnedGL: `Registered Swim Programs`,\n    start_date: '2022-07-23 13:10:11',\n    end_date: '2022-07-23 13:10:11',\n    status: 'In Progress',\n    instructors: 'Lucy May'\n  },\n  {\n    id: 5,\n    name: 'Pre-School Swim Lessons',\n    tags: 'Child',\n    deferredGL: 'General Programs Deferred',\n    earnedGL: `Registered Swim Programs`,\n    start_date: '2022-08-23 13:10:11',\n    end_date: '2022-07-23 13:10:11',\n    status: 'Pending',\n    instructors: 'Matteo Thomas'\n  }\n];\n\n// Demonstrative purpose\nconst groupData = [\n  { groupItem: 'instructors', label: 'Instructors', value: 'instructors' },\n  { groupItem: 'tabs', label: 'Tabs', value: 'tabs' },\n  { groupItem: 'name', label: 'Course Name', value: 'name' },\n  { groupItem: 'status', label: 'Status', value: 'status' },\n  { groupItem: 'start', label: 'Start Date', value: 'start' }\n];\n\nexport const AgGridSimpleWrapper = (props) => {\n  const { propsComponent } = props;\n  const { id, columnSize, columnDefs, actionsList, values } =\n    useReadMetaData(propsComponent);\n\n  const columnDefinitions = useMemo(() => {\n    if (columnDefs?.length) {\n      const newActionsList = actionsList?.map((actionItem) => {\n        return {\n          ...actionItem,\n          icon:\n            fluentLibraryIcons.find((x) => x.id === actionItem.icon)?.icon ||\n            actionItem.icon,\n          onClick: () => {}\n        };\n      });\n\n      return TableColumnDefs(columnDefs, newActionsList);\n    }\n    return [];\n  }, [actionsList, columnDefs]);\n\n  return (\n    <Grid\n      item\n      xs={columnSize?.xs}\n      sm={columnSize?.sm}\n      md={columnSize?.md}\n      key={id}\n    >\n      <AmbientGridTemplate\n        title='Course List'\n        data={values}\n        columnDefs={columnDefinitions}\n        frameworkComponents={{ actionsRenderer: ActionsRenderer }}\n        groupingData={groupData}\n      />\n    </Grid>\n  );\n};\n","import React from 'react';\nimport { Grid } from '@material-ui/core';\nimport { BioCard } from '../../../UI/surfaces/cards/BioCard';\nimport { AddressListItem } from '../../../UI/dataDisplay/address/AddressListItem';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\nexport const BioCardWrapper = (props) => {\n  const { id, propsComponent } = props;\n  const { columnSize } = useReadMetaData(propsComponent);\n\n  return (\n    <Grid\n      item\n      xs={columnSize?.xs}\n      sm={columnSize?.sm}\n      md={columnSize?.md}\n      key={id}\n    >\n      <BioCard\n        firstName='Marlene'\n        lastName='Smith'\n        avatar='http://www.woman-themovie.org/wp-content/uploads/2020/02/AQALLAL_Sofia-W_78-FRANCE_24-FACIES-LVMH-CALLIGARO_Sandra-V1.jpg'\n        alt='Marlene'\n        address={\n          <>\n            <AddressListItem>\n              123 Fake Street, Encinitas, CA, 92024\n            </AddressListItem>\n            <AddressListItem> +1.767.815.8957 </AddressListItem>\n            <AddressListItem> marlene@smith.com </AddressListItem>\n          </>\n        }\n        copy='Marlene Smith, 123 Fake Street, Encinitas, CA, 92024, +1.767.815.8957, marlene@smith.com  '\n      >\n        <h1>Marlene Smith</h1>\n      </BioCard>\n    </Grid>\n  );\n};\n"],"mappings":"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"}

package/dist/Box-C79_2EQb.js

@@ -1,11 +0,0 @@
-import React from "react";
-import { Box } from "@material-ui/core";
-
-//#region src/UI/Box.jsx
-const Box$1 = (props) => {
-	return /* @__PURE__ */ React.createElement(Box, props);
-};
-
-//#endregion
-export { Box$1 as Box };
-//# sourceMappingURL=Box-C79_2EQb.js.map

package/dist/Box-C79_2EQb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Box-C79_2EQb.js","names":["Box","MuiBox"],"sources":["../src/UI/Box.jsx"],"sourcesContent":["import React from \"react\";\nimport { Box as MuiBox } from \"@material-ui/core\";\n\n// Please confirm with UI/UX team before using this as this is not recomended\nexport const Box = props => {\n  return (<MuiBox {...props}/>)\n}"],"mappings":";;;;AAIA,MAAaA,SAAM,UAAS;AAC1B,QAAQ,oCAACC,KAAW,MAAQ"}

package/dist/CardList-By_GnGmx.js

@@ -1,78 +0,0 @@
-import { CircularProgress as CircularProgress$1 } from "./CircularProgress-BNz8u0DY.js";
-import React, { useState } from "react";
-import { makeStyles } from "@material-ui/core";
-import clsx from "clsx";
-import PropTypes from "prop-types";
-import Pagination from "@material-ui/lab/Pagination";
-
-//#region src/UI/dataDisplay/cardList/enum.ts
-let PaginationPlacement = /* @__PURE__ */ function(PaginationPlacement$1) {
-	PaginationPlacement$1["RIGHT"] = "right";
-	PaginationPlacement$1["LEFT"] = "left";
-	PaginationPlacement$1["CENTER"] = "center";
-	return PaginationPlacement$1;
-}({});
-
-//#endregion
-//#region src/UI/dataDisplay/cardList/CardList.jsx
-const useStyles = makeStyles(() => ({
-	paginationWrapper: { display: "flex" },
-	centerPagination: { justifyContent: "center" },
-	rightPagination: { justifyContent: "flex-end" }
-}));
-const CardList = ({ itemComponent: ItemComponent, data = [], componentDataMap, pagination = false, itemsPerPage = 10, isServerSide = false, totalItems = 0, onPageChange = null, currentPage = 1, isLoading = false, paginationPlacement = PaginationPlacement.LEFT }) => {
-	const [clientPage, setClientPage] = useState(1);
-	const classes = useStyles();
-	const page = isServerSide ? currentPage : clientPage;
-	const safeData = Array.isArray(data) ? data : [];
-	const paginatedData = pagination && !isServerSide ? safeData.slice((page - 1) * itemsPerPage, page * itemsPerPage) : safeData;
-	const handlePageChange = (event, value) => {
-		if (isServerSide) onPageChange(value);
-		else setClientPage(value);
-	};
-	const mappedData = (item) => {
-		const props = {};
-		for (const [key, value] of Object.entries(componentDataMap)) props[value] = item[key];
-		return props;
-	};
-	return /* @__PURE__ */ React.createElement("div", null, isLoading ? /* @__PURE__ */ React.createElement(CircularProgress$1, null) : /* @__PURE__ */ React.createElement(React.Fragment, null, paginatedData.map((item, index) => /* @__PURE__ */ React.createElement(ItemComponent, {
-		key: index,
-		...mappedData(item)
-	})), pagination && /* @__PURE__ */ React.createElement("div", { className: clsx(classes.paginationWrapper, {
-		[classes.centerPagination]: paginationPlacement === PaginationPlacement.CENTER,
-		[classes.rightPagination]: paginationPlacement === PaginationPlacement.RIGHT
-	}) }, /* @__PURE__ */ React.createElement(Pagination, {
-		count: Math.ceil(isServerSide ? totalItems / itemsPerPage : safeData.length / itemsPerPage),
-		page,
-		onChange: handlePageChange,
-		disabled: isLoading
-	}))));
-};
-CardList.propTypes = {
-	itemComponent: PropTypes.elementType.isRequired,
-	data: PropTypes.arrayOf(PropTypes.object),
-	componentDataMap: PropTypes.objectOf(PropTypes.string).isRequired,
-	pagination: PropTypes.bool,
-	itemsPerPage: PropTypes.number,
-	isServerSide: PropTypes.bool,
-	totalItems: PropTypes.number,
-	onPageChange: PropTypes.func,
-	currentPage: PropTypes.number,
-	isLoading: PropTypes.bool,
-	paginationPlacement: PropTypes.string
-};
-CardList.defaultProps = {
-	data: [],
-	pagination: false,
-	itemsPerPage: 10,
-	isServerSide: false,
-	totalItems: 0,
-	onPageChange: null,
-	currentPage: 1,
-	isLoading: false,
-	paginationPlacement: PaginationPlacement.LEFT
-};
-
-//#endregion
-export { CardList, PaginationPlacement };
-//# sourceMappingURL=CardList-By_GnGmx.js.map

package/dist/CardList-By_GnGmx.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardList-By_GnGmx.js","names":["CircularProgress"],"sources":["../src/UI/dataDisplay/cardList/enum.ts","../src/UI/dataDisplay/cardList/CardList.jsx"],"sourcesContent":["export enum PaginationPlacement {\n  RIGHT = 'right',\n  LEFT = 'left',\n  CENTER = 'center'\n}\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\nimport clsx from 'clsx';\nimport Pagination from '@material-ui/lab/Pagination';\nimport { CircularProgress } from '../../loading/CircularProgress';\nimport { PaginationPlacement } from './enum';\n\nconst useStyles = makeStyles(() => ({\n  paginationWrapper: {\n    display: 'flex'\n  },\n  centerPagination: {\n    justifyContent: 'center'\n  },\n  rightPagination: {\n    justifyContent: 'flex-end'\n  }\n}));\n\nexport const CardList = ({\n  itemComponent: ItemComponent,\n  data = [],\n  componentDataMap,\n  pagination = false,\n  itemsPerPage = 10,\n  isServerSide = false,\n  totalItems = 0,\n  onPageChange = null,\n  currentPage = 1,\n  isLoading = false,\n  paginationPlacement = PaginationPlacement.LEFT\n}) => {\n  const [clientPage, setClientPage] = useState(1);\n  const classes = useStyles();\n\n  const page = isServerSide ? currentPage : clientPage;\n\n  const safeData = Array.isArray(data) ? data : [];\n\n  const paginatedData =\n    pagination && !isServerSide\n      ? safeData.slice((page - 1) * itemsPerPage, page * itemsPerPage)\n      : safeData;\n\n  const handlePageChange = (event, value) => {\n    if (isServerSide) {\n      onPageChange(value);\n    } else {\n      setClientPage(value);\n    }\n  };\n\n  const mappedData = (item) => {\n    const props = {};\n    for (const [key, value] of Object.entries(componentDataMap)) {\n      props[value] = item[key];\n    }\n    return props;\n  };\n\n  return (\n    <div>\n      {isLoading ? (\n        <CircularProgress />\n      ) : (\n        <>\n          {paginatedData.map((item, index) => (\n            <ItemComponent key={index} {...mappedData(item)} />\n          ))}\n          {pagination && (\n            <div\n              className={clsx(classes.paginationWrapper, {\n                [classes.centerPagination]:\n                  paginationPlacement === PaginationPlacement.CENTER,\n                [classes.rightPagination]:\n                  paginationPlacement === PaginationPlacement.RIGHT\n              })}\n            >\n              <Pagination\n                count={Math.ceil(\n                  isServerSide\n                    ? totalItems / itemsPerPage\n                    : safeData.length / itemsPerPage\n                )}\n                page={page}\n                onChange={handlePageChange}\n                disabled={isLoading}\n              />\n            </div>\n          )}\n        </>\n      )}\n    </div>\n  );\n};\n\nCardList.propTypes = {\n  itemComponent: PropTypes.elementType.isRequired,\n  data: PropTypes.arrayOf(PropTypes.object),\n  componentDataMap: PropTypes.objectOf(PropTypes.string).isRequired,\n  pagination: PropTypes.bool,\n  itemsPerPage: PropTypes.number,\n  isServerSide: PropTypes.bool,\n  totalItems: PropTypes.number,\n  onPageChange: PropTypes.func,\n  currentPage: PropTypes.number,\n  isLoading: PropTypes.bool,\n  paginationPlacement: PropTypes.string\n};\n\nCardList.defaultProps = {\n  data: [],\n  pagination: false,\n  itemsPerPage: 10,\n  isServerSide: false,\n  totalItems: 0,\n  onPageChange: null,\n  currentPage: 1,\n  isLoading: false,\n  paginationPlacement: PaginationPlacement.LEFT\n};\n"],"mappings":";;;;;;;;AAAA,IAAY,sEAAL;AACL;AACA;AACA;;;;;;ACKF,MAAM,YAAY,kBAAkB;CAClC,mBAAmB,EACjB,SAAS,QACV;CACD,kBAAkB,EAChB,gBAAgB,UACjB;CACD,iBAAiB,EACf,gBAAgB,YACjB;CACF,EAAE;AAEH,MAAa,YAAY,EACvB,eAAe,eACf,OAAO,EAAE,EACT,kBACA,aAAa,OACb,eAAe,IACf,eAAe,OACf,aAAa,GACb,eAAe,MACf,cAAc,GACd,YAAY,OACZ,sBAAsB,oBAAoB,WACtC;CACJ,MAAM,CAAC,YAAY,iBAAiB,SAAS,EAAE;CAC/C,MAAM,UAAU,WAAW;CAE3B,MAAM,OAAO,eAAe,cAAc;CAE1C,MAAM,WAAW,MAAM,QAAQ,KAAK,GAAG,OAAO,EAAE;CAEhD,MAAM,gBACJ,cAAc,CAAC,eACX,SAAS,OAAO,OAAO,KAAK,cAAc,OAAO,aAAa,GAC9D;CAEN,MAAM,oBAAoB,OAAO,UAAU;AACzC,MAAI,aACF,cAAa,MAAM;MAEnB,eAAc,MAAM;;CAIxB,MAAM,cAAc,SAAS;EAC3B,MAAM,QAAQ,EAAE;AAChB,OAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,iBAAiB,CACzD,OAAM,SAAS,KAAK;AAEtB,SAAO;;AAGT,QACE,oCAAC,aACE,YACC,oCAACA,yBAAmB,GAEpB,0DACG,cAAc,KAAK,MAAM,UACxB,oCAAC;EAAc,KAAK;EAAO,GAAI,WAAW,KAAK;GAAI,CACnD,EACD,cACC,oCAAC,SACC,WAAW,KAAK,QAAQ,mBAAmB;GACxC,QAAQ,mBACP,wBAAwB,oBAAoB;GAC7C,QAAQ,kBACP,wBAAwB,oBAAoB;EAC/C,CAAC,IAEF,oCAAC;EACC,OAAO,KAAK,KACV,eACI,aAAa,eACb,SAAS,SAAS,aACvB;EACK;EACN,UAAU;EACV,UAAU;GACV,CACE,CAEP,CAED;;AAIV,SAAS,YAAY;CACnB,eAAe,UAAU,YAAY;CACrC,MAAM,UAAU,QAAQ,UAAU,OAAO;CACzC,kBAAkB,UAAU,SAAS,UAAU,OAAO,CAAC;CACvD,YAAY,UAAU;CACtB,cAAc,UAAU;CACxB,cAAc,UAAU;CACxB,YAAY,UAAU;CACtB,cAAc,UAAU;CACxB,aAAa,UAAU;CACvB,WAAW,UAAU;CACrB,qBAAqB,UAAU;CAChC;AAED,SAAS,eAAe;CACtB,MAAM,EAAE;CACR,YAAY;CACZ,cAAc;CACd,cAAc;CACd,YAAY;CACZ,cAAc;CACd,aAAa;CACb,WAAW;CACX,qBAAqB,oBAAoB;CAC1C"}