udp-react-enterprise-component-library 25.16.2-beta.1 → 25.16.2-beta.11

package/dist/LineAndSparklinesWidget-vIu05qL0.js

@@ -0,0 +1,101 @@
+import { t as __export } from "./chunk-Bp6m_JJh.js";
+import { t as WidgetCard_default } from "./WidgetCard-BrucW25R.js";
+import { t as convertISODate } from "./ConvertISODate-CHm1PEaM.js";
+import { t as FluentStatNumber_default } from "./FluentStatNumber-CstF4Dvf.js";
+import React, { forwardRef } from "react";
+import { Box, Divider, Typography, makeStyles, useTheme } from "@material-ui/core";
+import { MuiVegaLite } from "@material-vega/material-ui";
+import { Sparklines, SparklinesLine } from "react-sparklines";
+
+//#region src/UI/widgets/library/LineAndSparklinesWidget/LineAndSparklinesWidget.jsx
+const layout = {
+	w: {
+		default: 2,
+		min: 0,
+		max: 4
+	},
+	h: {
+		default: 2,
+		min: 0,
+		max: 4
+	}
+};
+const useStyles = makeStyles((theme) => ({
+	displayItems: {
+		display: "flex",
+		flexDirection: "row",
+		width: "100%"
+	},
+	visualCaption: { marginTop: theme.spacing(-1) },
+	lineGraph: {
+		width: "100%",
+		"& svg": { width: "100%" }
+	}
+}));
+const LineAndSparklinesWidget = (props, ref) => {
+	const { children, params, setParam,...other } = props;
+	const { mockData, apiUrl, theme, dateRange } = params;
+	const classes = useStyles();
+	const mainTheme = useTheme();
+	return /* @__PURE__ */ React.createElement(WidgetCard_default, {
+		ref,
+		title: mockData?.title,
+		theme,
+		...other
+	}, mockData ? /* @__PURE__ */ React.createElement("div", null, dateRange && /* @__PURE__ */ React.createElement(Typography, {
+		gutterBottom: true,
+		variant: "caption",
+		component: "h3"
+	}, "From: ", convertISODate(dateRange.from), " to:", " ", convertISODate(dateRange.to)), /* @__PURE__ */ React.createElement("div", { className: classes.displayItems }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FluentStatNumber_default, {
+		number: mockData?.value,
+		trend: "up"
+	})), /* @__PURE__ */ React.createElement("div", { style: { width: "100%" } }, /* @__PURE__ */ React.createElement(Sparklines, {
+		data: mockData?.sparklinesData,
+		strokeWidth: 1,
+		style: {
+			width: "100%",
+			height: 45,
+			marginTop: 10
+		}
+	}, /* @__PURE__ */ React.createElement(SparklinesLine, { color: mainTheme.palette.secondary.main })), /* @__PURE__ */ React.createElement("div", { className: classes.visualCaption }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Divider, null)), /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, mockData?.label)))), /* @__PURE__ */ React.createElement(Box, {
+		clone: true,
+		flex: 1,
+		mt: 1,
+		overflow: "hidden"
+	}, /* @__PURE__ */ React.createElement(MuiVegaLite, {
+		variant: "areaLineChart",
+		style: { width: "100%" },
+		spec: {
+			$schema: "https://vega.github.io/schema/vega-lite/v4.json",
+			height: 150,
+			data: { values: mockData?.data },
+			mark: "area",
+			encoding: {
+				x: {
+					field: "xAxis",
+					type: mockData?.xAxisType
+				},
+				y: {
+					aggregate: "sum",
+					field: "yAxis",
+					type: mockData?.yAxisType,
+					scale: { domain: mockData?.domain || "" }
+				}
+			}
+		},
+		autoResize: "true",
+		width: "container"
+	})), children) : /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, "Could not retrieve widget data. Please contact support."));
+};
+var LineAndSparklinesWidget_default = forwardRef(LineAndSparklinesWidget);
+
+//#endregion
+//#region src/UI/widgets/library/LineAndSparklinesWidget/index.ts
+var LineAndSparklinesWidget_exports = /* @__PURE__ */ __export({
+	default: () => LineAndSparklinesWidget_default,
+	layout: () => layout
+});
+
+//#endregion
+export { LineAndSparklinesWidget_default as n, layout as r, LineAndSparklinesWidget_exports as t };
+//# sourceMappingURL=LineAndSparklinesWidget-vIu05qL0.js.map

package/dist/LineAndSparklinesWidget-vIu05qL0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineAndSparklinesWidget-vIu05qL0.js","names":["WidgetCard","FluentStatNumber"],"sources":["../src/UI/widgets/library/LineAndSparklinesWidget/LineAndSparklinesWidget.jsx","../src/UI/widgets/library/LineAndSparklinesWidget/index.ts"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport {\n  makeStyles,\n  Typography,\n  useTheme,\n  Divider,\n  Box\n} from '@material-ui/core'\nimport { MuiVegaLite } from '@material-vega/material-ui'\nimport { Sparklines, SparklinesLine } from 'react-sparklines'\nimport WidgetCard from '../../WidgetCard'\nimport FluentStatNumber from '../../FluentComponents/molecules/FluentStatNumber'\nimport { convertISODate } from '../../utils/ConvertISODate'\n\nexport const layout = {\n  w: { default: 2, min: 0, max: 4 },\n  h: { default: 2, min: 0, max: 4 }\n}\n\n// export const params = {\n//   mode: {\n//     defaultValue: 'chart',\n//   },\n// };\n\nconst useStyles = makeStyles((theme) => ({\n  displayItems: {\n    display: 'flex',\n    flexDirection: 'row',\n    width: '100%'\n  },\n  visualCaption: {\n    marginTop: theme.spacing(-1)\n  },\n  lineGraph: {\n    width: '100%',\n    '& svg': { width: '100%' }\n  }\n}))\n\nconst LineAndSparklinesWidget = (props, ref) => {\n  const { children, params, setParam, ...other } = props\n  const { mockData, apiUrl, theme, dateRange } = params\n  const classes = useStyles()\n  const mainTheme = useTheme()\n\n  return (\n    <WidgetCard ref={ref} title={mockData?.title} theme={theme} {...other}>\n      {mockData ? (\n        <div>\n          {dateRange && (\n            <Typography gutterBottom variant='caption' component='h3'>\n              From: {convertISODate(dateRange.from)} to:{' '}\n              {convertISODate(dateRange.to)}\n            </Typography>\n          )}\n          <div className={classes.displayItems}>\n            <div>\n              <FluentStatNumber number={mockData?.value} trend='up' />\n            </div>\n            <div style={{ width: '100%' }}>\n              <Sparklines\n                data={mockData?.sparklinesData}\n                strokeWidth={1}\n                style={{ width: '100%', height: 45, marginTop: 10 }}\n              >\n                <SparklinesLine color={mainTheme.palette.secondary.main} />\n              </Sparklines>\n              <div className={classes.visualCaption}>\n                <div>\n                  <Divider />\n                </div>\n\n                <Typography variant='caption'>{mockData?.label}</Typography>\n              </div>\n            </div>\n          </div>\n\n          <Box clone flex={1} mt={1} overflow='hidden'>\n            <MuiVegaLite\n              variant='areaLineChart'\n              style={{\n                width: '100%'\n              }}\n              spec={{\n                $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n                height: 150,\n                data: { values: mockData?.data },\n                mark: 'area',\n                encoding: {\n                  x: {\n                    field: 'xAxis',\n                    type: mockData?.xAxisType\n                  },\n                  y: {\n                    aggregate: 'sum',\n                    field: 'yAxis',\n                    type: mockData?.yAxisType,\n                    scale: { domain: mockData?.domain || '' }\n                  }\n                }\n              }}\n              autoResize='true'\n              width='container'\n            />\n          </Box>\n          {children}\n        </div>\n      ) : (\n        <Typography variant='subtitle2'>\n          Could not retrieve widget data. Please contact support.\n        </Typography>\n      )}\n    </WidgetCard>\n  )\n}\n\nexport default forwardRef(LineAndSparklinesWidget)\n","export * from './LineAndSparklinesWidget';\nexport {default } from './LineAndSparklinesWidget';\n"],"mappings":";;;;;;;;;;AAcA,MAAa,SAAS;CACpB,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CACjC,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CAClC;AAQD,MAAM,YAAY,YAAY,WAAW;CACvC,cAAc;EACZ,SAAS;EACT,eAAe;EACf,OAAO;EACR;CACD,eAAe,EACb,WAAW,MAAM,QAAQ,GAAG,EAC7B;CACD,WAAW;EACT,OAAO;EACP,SAAS,EAAE,OAAO,QAAQ;EAC3B;CACF,EAAE;AAEH,MAAM,2BAA2B,OAAO,QAAQ;CAC9C,MAAM,EAAE,UAAU,QAAQ,SAAU,GAAG,UAAU;CACjD,MAAM,EAAE,UAAU,QAAQ,OAAO,cAAc;CAC/C,MAAM,UAAU,WAAW;CAC3B,MAAM,YAAY,UAAU;AAE5B,QACE,oCAACA;EAAgB;EAAK,OAAO,UAAU;EAAc;EAAO,GAAI;IAC7D,WACC,oCAAC,aACE,aACC,oCAAC;EAAW;EAAa,SAAQ;EAAU,WAAU;IAAK,UACjD,eAAe,UAAU,KAAK,EAAC,QAAK,KAC1C,eAAe,UAAU,GAAG,CAClB,EAEf,oCAAC,SAAI,WAAW,QAAQ,gBACtB,oCAAC,aACC,oCAACC;EAAiB,QAAQ,UAAU;EAAO,OAAM;GAAO,CACpD,EACN,oCAAC,SAAI,OAAO,EAAE,OAAO,QAAQ,IAC3B,oCAAC;EACC,MAAM,UAAU;EAChB,aAAa;EACb,OAAO;GAAE,OAAO;GAAQ,QAAQ;GAAI,WAAW;GAAI;IAEnD,oCAAC,kBAAe,OAAO,UAAU,QAAQ,UAAU,OAAQ,CAChD,EACb,oCAAC,SAAI,WAAW,QAAQ,iBACtB,oCAAC,aACC,oCAAC,cAAU,CACP,EAEN,oCAAC,cAAW,SAAQ,aAAW,UAAU,MAAmB,CACxD,CACF,CACF,EAEN,oCAAC;EAAI;EAAM,MAAM;EAAG,IAAI;EAAG,UAAS;IAClC,oCAAC;EACC,SAAQ;EACR,OAAO,EACL,OAAO,QACR;EACD,MAAM;GACJ,SAAS;GACT,QAAQ;GACR,MAAM,EAAE,QAAQ,UAAU,MAAM;GAChC,MAAM;GACN,UAAU;IACR,GAAG;KACD,OAAO;KACP,MAAM,UAAU;KACjB;IACD,GAAG;KACD,WAAW;KACX,OAAO;KACP,MAAM,UAAU;KAChB,OAAO,EAAE,QAAQ,UAAU,UAAU,IAAI;KAC1C;IACF;GACF;EACD,YAAW;EACX,OAAM;GACN,CACE,EACL,SACG,GAEN,oCAAC,cAAW,SAAQ,eAAY,0DAEnB,CAEJ;;AAIjB,sCAAe,WAAW,wBAAwB"}

package/dist/LineGraphWidget-BxmWGiP4.js

@@ -0,0 +1,92 @@
+import { t as __export } from "./chunk-Bp6m_JJh.js";
+import { t as WidgetCard_default } from "./WidgetCard-BrucW25R.js";
+import { t as FluentStatsSnippet_default } from "./FluentStatsSnippet-pJvqOnuB.js";
+import { t as convertISODate } from "./ConvertISODate-CHm1PEaM.js";
+import React, { Fragment, forwardRef } from "react";
+import { Box, Grid, Typography } from "@material-ui/core";
+import { MuiVegaLite } from "@material-vega/material-ui";
+
+//#region src/UI/widgets/library/LineGraphWidget/LineGraphWidget.jsx
+const layout = {
+	w: {
+		default: 2,
+		min: 0,
+		max: 4
+	},
+	h: {
+		default: 2,
+		min: 0,
+		max: 4
+	}
+};
+const params = { mode: { defaultValue: "chart" } };
+const LineGraphWidget = (props, ref) => {
+	const { children, params: params$1, setParam,...other } = props;
+	const { mockData, apiUrl, theme, dateRange } = params$1;
+	return /* @__PURE__ */ React.createElement(WidgetCard_default, {
+		ref,
+		...other,
+		title: mockData?.title,
+		theme
+	}, mockData ? /* @__PURE__ */ React.createElement(Fragment, null, dateRange && /* @__PURE__ */ React.createElement(Typography, {
+		gutterBottom: true,
+		variant: "caption",
+		component: "h3"
+	}, "From: ", convertISODate(dateRange.from), " to:", " ", convertISODate(dateRange.to), " "), mockData?.stats && /* @__PURE__ */ React.createElement(Grid, { container: true }, mockData?.stats.map((stat) => /* @__PURE__ */ React.createElement(Grid, {
+		item: true,
+		xs: 3,
+		key: stat.label
+	}, /* @__PURE__ */ React.createElement(FluentStatsSnippet_default, {
+		label: stat.label,
+		amount: stat.currentValue,
+		prevAmount: stat.previousValue
+	})))), /* @__PURE__ */ React.createElement(Box, {
+		clone: true,
+		flex: 1,
+		mt: 1,
+		overflow: "hidden"
+	}, /* @__PURE__ */ React.createElement(MuiVegaLite, {
+		variant: "lineChart",
+		color: "secondary",
+		spec: {
+			$schema: "https://vega.github.io/schema/vega-lite/v4.json",
+			description: mockData?.description,
+			data: { values: mockData?.data },
+			mark: "line",
+			encoding: {
+				x: {
+					field: "xAxis",
+					type: mockData?.xAxisType
+				},
+				y: {
+					field: "yAxis",
+					type: mockData?.yAxisType
+				},
+				color: {
+					field: "label",
+					type: "nominal",
+					legend: {
+						direction: "vertical",
+						orient: "right"
+					}
+				}
+			}
+		},
+		width: "container",
+		height: "container",
+		autoResize: "true"
+	})), children) : /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, "Could not retrieve widget data. Please contact support."));
+};
+var LineGraphWidget_default = forwardRef(LineGraphWidget);
+
+//#endregion
+//#region src/UI/widgets/library/LineGraphWidget/index.ts
+var LineGraphWidget_exports = /* @__PURE__ */ __export({
+	default: () => LineGraphWidget_default,
+	layout: () => layout,
+	params: () => params
+});
+
+//#endregion
+export { params as i, LineGraphWidget_default as n, layout as r, LineGraphWidget_exports as t };
+//# sourceMappingURL=LineGraphWidget-BxmWGiP4.js.map

package/dist/LineGraphWidget-BxmWGiP4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineGraphWidget-BxmWGiP4.js","names":["params","WidgetCard","FluentStatsSnippet"],"sources":["../src/UI/widgets/library/LineGraphWidget/LineGraphWidget.jsx","../src/UI/widgets/library/LineGraphWidget/index.ts"],"sourcesContent":["import React, { forwardRef, Fragment } from 'react'\nimport { Grid, Box, Typography } from '@material-ui/core'\nimport { MuiVegaLite } from '@material-vega/material-ui'\nimport WidgetCard from '../../WidgetCard'\nimport FluentStatsSnippet from '../../FluentComponents/atoms/FluentStatsSnippet'\nimport { convertISODate } from '../../utils/ConvertISODate'\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 LineGraphWidget = (props, ref) => {\n  const { children, params, setParam, ...other } = props\n  const { mockData, apiUrl, theme, dateRange } = params\n\n  return (\n    <WidgetCard ref={ref} {...other} title={mockData?.title} theme={theme}>\n      {mockData ? (\n        <Fragment>\n          {dateRange && (\n            <Typography gutterBottom variant='caption' component='h3'>\n              From: {convertISODate(dateRange.from)} to:{' '}\n              {convertISODate(dateRange.to)}{' '}\n            </Typography>\n          )}\n          {mockData?.stats && (\n            <Grid container>\n              {mockData?.stats.map((stat) => (\n                <Grid item xs={3} key={stat.label}>\n                  <FluentStatsSnippet\n                    label={stat.label}\n                    amount={stat.currentValue}\n                    prevAmount={stat.previousValue}\n                  />\n                </Grid>\n              ))}\n            </Grid>\n          )}\n          <Box clone flex={1} mt={1} overflow='hidden'>\n            <MuiVegaLite\n              variant='lineChart'\n              color='secondary'\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: 'line',\n                encoding: {\n                  x: { field: 'xAxis', type: mockData?.xAxisType },\n                  y: {\n                    field: 'yAxis',\n                    type: mockData?.yAxisType\n                  },\n                  color: {\n                    field: 'label',\n                    type: 'nominal',\n                    legend: { direction: 'vertical', orient: 'right' }\n                  }\n                }\n              }}\n              width='container'\n              height='container'\n              autoResize='true'\n            />\n          </Box>\n          {children}\n        </Fragment>\n      ) : (\n        <Typography variant='subtitle2'>\n          Could not retrieve widget data. Please contact support.\n        </Typography>\n      )}\n    </WidgetCard>\n  )\n}\n\nexport default forwardRef(LineGraphWidget)\n","export * from './LineGraphWidget';\nexport {default} from './LineGraphWidget';\n"],"mappings":";;;;;;;;;AAOA,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,OAAO,cAAcA;AAE/C,QACE,oCAACC;EAAgB;EAAK,GAAI;EAAO,OAAO,UAAU;EAAc;IAC7D,WACC,oCAAC,gBACE,aACC,oCAAC;EAAW;EAAa,SAAQ;EAAU,WAAU;IAAK,UACjD,eAAe,UAAU,KAAK,EAAC,QAAK,KAC1C,eAAe,UAAU,GAAG,EAAE,IACpB,EAEd,UAAU,SACT,oCAAC,QAAK,mBACH,UAAU,MAAM,KAAK,SACpB,oCAAC;EAAK;EAAK,IAAI;EAAG,KAAK,KAAK;IAC1B,oCAACC;EACC,OAAO,KAAK;EACZ,QAAQ,KAAK;EACb,YAAY,KAAK;GACjB,CACG,CACP,CACG,EAET,oCAAC;EAAI;EAAM,MAAM;EAAG,IAAI;EAAG,UAAS;IAClC,oCAAC;EACC,SAAQ;EACR,OAAM;EACN,MAAM;GACJ,SAAS;GACT,aAAa,UAAU;GACvB,MAAM,EACJ,QAAQ,UAAU,MACnB;GACD,MAAM;GACN,UAAU;IACR,GAAG;KAAE,OAAO;KAAS,MAAM,UAAU;KAAW;IAChD,GAAG;KACD,OAAO;KACP,MAAM,UAAU;KACjB;IACD,OAAO;KACL,OAAO;KACP,MAAM;KACN,QAAQ;MAAE,WAAW;MAAY,QAAQ;MAAS;KACnD;IACF;GACF;EACD,OAAM;EACN,QAAO;EACP,YAAW;GACX,CACE,EACL,SACQ,GAEX,oCAAC,cAAW,SAAQ,eAAY,0DAEnB,CAEJ;;AAIjB,8BAAe,WAAW,gBAAgB"}

package/dist/LinearProgress-CpIjJmyf.js

@@ -0,0 +1,49 @@
+import React from "react";
+import { LinearProgress } from "@material-ui/core";
+import clsx from "clsx";
+import { makeStyles as makeStyles$1 } from "@material-ui/core/styles";
+
+//#region src/UI/loading/LinearProgress.jsx
+const useStyles = makeStyles$1((theme) => ({
+	root: { backgroundColor: theme.palette.grey[300] },
+	barColorPrimary: { backgroundColor: theme.palette.primary.main },
+	barColorSecondary: { backgroundColor: theme.palette.secondary.main },
+	barColorSuccess: { backgroundColor: theme.palette.success.main },
+	barColorError: { backgroundColor: theme.palette.error.main },
+	barColorWarning: { backgroundColor: theme.palette.warning.main },
+	barColorInfo: { backgroundColor: theme.palette.info.main },
+	customColorBar: (props) => ({ backgroundColor: props.color })
+}));
+const LinearProgress$1 = (props) => {
+	const { variant = "indeterminate", value, color = "primary",...otherProps } = props;
+	const isPredefinedColor = [
+		"primary",
+		"secondary",
+		"success",
+		"error",
+		"warning",
+		"info"
+	].includes(color);
+	const classes = useStyles({ color });
+	return /* @__PURE__ */ React.createElement(LinearProgress, {
+		...otherProps,
+		variant,
+		value,
+		classes: {
+			root: classes.root,
+			bar: clsx({
+				[classes.barColorPrimary]: color === "primary",
+				[classes.barColorSecondary]: color === "secondary",
+				[classes.barColorSuccess]: color === "success",
+				[classes.barColorError]: color === "error",
+				[classes.barColorWarning]: color === "warning",
+				[classes.barColorInfo]: color === "info",
+				[classes.customColorBar]: !isPredefinedColor
+			})
+		}
+	});
+};
+
+//#endregion
+export { LinearProgress$1 as t };
+//# sourceMappingURL=LinearProgress-CpIjJmyf.js.map

package/dist/LinearProgress-CpIjJmyf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinearProgress-CpIjJmyf.js","names":["makeStyles","LinearProgress","MuiLinearProgress"],"sources":["../src/UI/loading/LinearProgress.jsx"],"sourcesContent":["import React from 'react';\nimport { LinearProgress as MuiLinearProgress } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport clsx from 'clsx';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    backgroundColor: theme.palette.grey[300]\n  },\n  barColorPrimary: {\n    backgroundColor: theme.palette.primary.main\n  },\n  barColorSecondary: {\n    backgroundColor: theme.palette.secondary.main\n  },\n  barColorSuccess: {\n    backgroundColor: theme.palette.success.main\n  },\n  barColorError: {\n    backgroundColor: theme.palette.error.main\n  },\n  barColorWarning: {\n    backgroundColor: theme.palette.warning.main\n  },\n  barColorInfo: {\n    backgroundColor: theme.palette.info.main\n  },\n  // Custom bar color class\n  customColorBar: (props) => ({\n    backgroundColor: props.color\n  })\n}));\n\nexport const LinearProgress = (props) => {\n  const {\n    variant = 'indeterminate',\n    value,\n    color = 'primary',\n    ...otherProps\n  } = props;\n\n  const isPredefinedColor = [\n    'primary',\n    'secondary',\n    'success',\n    'error',\n    'warning',\n    'info'\n  ].includes(color);\n  const classes = useStyles({ color });\n\n  return (\n    <MuiLinearProgress\n      {...otherProps}\n      variant={variant}\n      value={value}\n      classes={{\n        root: classes.root,\n        bar: clsx({\n          [classes.barColorPrimary]: color === 'primary',\n          [classes.barColorSecondary]: color === 'secondary',\n          [classes.barColorSuccess]: color === 'success',\n          [classes.barColorError]: color === 'error',\n          [classes.barColorWarning]: color === 'warning',\n          [classes.barColorInfo]: color === 'info',\n          [classes.customColorBar]: !isPredefinedColor\n        })\n      }}\n    />\n  );\n};\n"],"mappings":";;;;;;AAKA,MAAM,YAAYA,cAAY,WAAW;CACvC,MAAM,EACJ,iBAAiB,MAAM,QAAQ,KAAK,MACrC;CACD,iBAAiB,EACf,iBAAiB,MAAM,QAAQ,QAAQ,MACxC;CACD,mBAAmB,EACjB,iBAAiB,MAAM,QAAQ,UAAU,MAC1C;CACD,iBAAiB,EACf,iBAAiB,MAAM,QAAQ,QAAQ,MACxC;CACD,eAAe,EACb,iBAAiB,MAAM,QAAQ,MAAM,MACtC;CACD,iBAAiB,EACf,iBAAiB,MAAM,QAAQ,QAAQ,MACxC;CACD,cAAc,EACZ,iBAAiB,MAAM,QAAQ,KAAK,MACrC;CAED,iBAAiB,WAAW,EAC1B,iBAAiB,MAAM,OACxB;CACF,EAAE;AAEH,MAAaC,oBAAkB,UAAU;CACvC,MAAM,EACJ,UAAU,iBACV,OACA,QAAQ,UACR,GAAG,eACD;CAEJ,MAAM,oBAAoB;EACxB;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,SAAS,MAAM;CACjB,MAAM,UAAU,UAAU,EAAE,OAAO,CAAC;AAEpC,QACE,oCAACC;EACC,GAAI;EACK;EACF;EACP,SAAS;GACP,MAAM,QAAQ;GACd,KAAK,KAAK;KACP,QAAQ,kBAAkB,UAAU;KACpC,QAAQ,oBAAoB,UAAU;KACtC,QAAQ,kBAAkB,UAAU;KACpC,QAAQ,gBAAgB,UAAU;KAClC,QAAQ,kBAAkB,UAAU;KACpC,QAAQ,eAAe,UAAU;KACjC,QAAQ,iBAAiB,CAAC;IAC5B,CAAC;GACH;GACD"}

package/dist/ListCard-BxVrLIuD.js

@@ -0,0 +1,33 @@
+import React from "react";
+import { Card, CardContent, Divider, Typography, makeStyles } from "@material-ui/core";
+
+//#region src/UI/mapLayout/ui/ListCard.jsx
+const useStyles = makeStyles((theme) => ({ labelRoot: {
+	color: "inherit",
+	marginRight: theme.spacing(.5),
+	opacity: .6
+} }));
+const ListElement = ({ subject, value, style, hideDivider = false }) => {
+	const classes = useStyles();
+	return /* @__PURE__ */ React.createElement("div", { style: {
+		display: "flex",
+		flexDirection: "column",
+		paddingTop: 8,
+		...style
+	} }, /* @__PURE__ */ React.createElement(Typography, { className: classes.labelRoot }, subject), /* @__PURE__ */ React.createElement(Typography, { color: "textPrimary" }, value), !hideDivider && /* @__PURE__ */ React.createElement(Divider, null));
+};
+const ListCard = ({ children }) => {
+	return /* @__PURE__ */ React.createElement(Card, {
+		elevation: 0,
+		style: { height: "100%" }
+	}, /* @__PURE__ */ React.createElement(CardContent, { style: { height: "100%" } }, /* @__PURE__ */ React.createElement("div", { style: {
+		display: "flex",
+		flexFlow: "column wrap",
+		height: "100%",
+		columnGap: 8
+	} }, children)));
+};
+
+//#endregion
+export { ListElement as n, ListCard as t };
+//# sourceMappingURL=ListCard-BxVrLIuD.js.map

package/dist/ListCard-BxVrLIuD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListCard-BxVrLIuD.js","names":[],"sources":["../src/UI/mapLayout/ui/ListCard.jsx"],"sourcesContent":["import React from 'react';\nimport {\n  Card,\n  CardContent,\n  Divider,\n  Typography,\n  makeStyles\n} from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n  labelRoot: {\n    color: 'inherit',\n    marginRight: theme.spacing(0.5),\n    opacity: 0.6\n  }\n}));\nexport const ListElement = ({ subject, value, style, hideDivider = false }) => {\n  const classes = useStyles();\n  return (\n    <div\n      style={{\n        display: 'flex',\n        flexDirection: 'column',\n        paddingTop: 8,\n        ...style\n      }}\n    >\n      <Typography className={classes.labelRoot}>{subject}</Typography>\n      <Typography color='textPrimary'>{value}</Typography>\n      {!hideDivider && <Divider />}\n    </div>\n  );\n};\n\nexport const ListCard = ({ children }) => {\n  return (\n    <Card elevation={0} style={{ height: '100%' }}>\n      <CardContent style={{ height: '100%' }}>\n        <div\n          style={{\n            display: 'flex',\n            flexFlow: 'column wrap',\n            height: '100%',\n            columnGap: 8\n          }}\n        >\n          {children}\n        </div>\n      </CardContent>\n    </Card>\n  );\n};\n"],"mappings":";;;;AASA,MAAM,YAAY,YAAY,WAAW,EACvC,WAAW;CACT,OAAO;CACP,aAAa,MAAM,QAAQ,GAAI;CAC/B,SAAS;CACV,EACF,EAAE;AACH,MAAa,eAAe,EAAE,SAAS,OAAO,OAAO,cAAc,YAAY;CAC7E,MAAM,UAAU,WAAW;AAC3B,QACE,oCAAC,SACC,OAAO;EACL,SAAS;EACT,eAAe;EACf,YAAY;EACZ,GAAG;EACJ,IAED,oCAAC,cAAW,WAAW,QAAQ,aAAY,QAAqB,EAChE,oCAAC,cAAW,OAAM,iBAAe,MAAmB,EACnD,CAAC,eAAe,oCAAC,cAAU,CACxB;;AAIV,MAAa,YAAY,EAAE,eAAe;AACxC,QACE,oCAAC;EAAK,WAAW;EAAG,OAAO,EAAE,QAAQ,QAAQ;IAC3C,oCAAC,eAAY,OAAO,EAAE,QAAQ,QAAQ,IACpC,oCAAC,SACC,OAAO;EACL,SAAS;EACT,UAAU;EACV,QAAQ;EACR,WAAW;EACZ,IAEA,SACG,CACM,CACT"}

package/dist/LoadingIndicator-DUMcxROh.js

@@ -0,0 +1,23 @@
+import { t as corporateColors } from "./brand-fKSW-Znu.js";
+import React from "react";
+import GridLoader from "react-spinners/esm/GridLoader";
+
+//#region src/UI/loading/LoadingIndicator/LoadingIndicator.jsx
+const LoadingIndicator = ({ state = true, width = null }) => {
+	const styleLoading = {
+		position: "fixed",
+		top: "50%",
+		left: "50%",
+		transform: "translate(-50%, -50%)"
+	};
+	if (width != null) styleLoading.width = width;
+	return /* @__PURE__ */ React.createElement("div", { style: styleLoading }, /* @__PURE__ */ React.createElement(GridLoader, {
+		size: 30,
+		color: corporateColors.teal,
+		loading: state
+	}));
+};
+
+//#endregion
+export { LoadingIndicator as t };
+//# sourceMappingURL=LoadingIndicator-DUMcxROh.js.map

package/dist/LoadingIndicator-DUMcxROh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingIndicator-DUMcxROh.js","names":[],"sources":["../src/UI/loading/LoadingIndicator/LoadingIndicator.jsx"],"sourcesContent":["import React from 'react';\nimport GridLoader from 'react-spinners/esm/GridLoader';\nimport { corporateColors } from '../../../utilities/brand';\n\nexport const LoadingIndicator = ({ state = true, width = null }) => {\n  const styleLoading = {\n    position: 'fixed',\n    top: '50%',\n    left: '50%',\n    transform: 'translate(-50%, -50%)',\n  };\n  if(width != null){\n    styleLoading.width = width\n  }\n\n  return (\n    <div style={styleLoading}>\n      <GridLoader size={30} color={corporateColors.teal} loading={state} />\n    </div>\n  );\n};\n"],"mappings":";;;;;AAIA,MAAa,oBAAoB,EAAE,QAAQ,MAAM,QAAQ,WAAW;CAClE,MAAM,eAAe;EACnB,UAAU;EACV,KAAK;EACL,MAAM;EACN,WAAW;EACZ;AACD,KAAG,SAAS,KACV,cAAa,QAAQ;AAGvB,QACE,oCAAC,SAAI,OAAO,gBACV,oCAAC;EAAW,MAAM;EAAI,OAAO,gBAAgB;EAAM,SAAS;GAAS,CACjE"}

package/dist/LoadingOverlay-Xgt8NzCN.js

@@ -0,0 +1,17 @@
+import React from "react";
+import { Backdrop, CircularProgress } from "@material-ui/core";
+import { useTheme as useTheme$1 } from "@material-ui/core/styles";
+
+//#region src/UI/loading/LoadingOverlay.jsx
+const LoadingOverlay = ({ open = true }) => {
+	const theme = useTheme$1();
+	return /* @__PURE__ */ React.createElement(Backdrop, {
+		open,
+		style: { zIndex: theme.zIndex.modal + 1 }
+	}, /* @__PURE__ */ React.createElement(CircularProgress, { color: "primary" }));
+};
+var LoadingOverlay_default = LoadingOverlay;
+
+//#endregion
+export { LoadingOverlay_default as t };
+//# sourceMappingURL=LoadingOverlay-Xgt8NzCN.js.map

package/dist/LoadingOverlay-Xgt8NzCN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingOverlay-Xgt8NzCN.js","names":["useTheme"],"sources":["../src/UI/loading/LoadingOverlay.jsx"],"sourcesContent":["import React from 'react';\nimport { useTheme } from '@material-ui/core/styles';\nimport { CircularProgress, Backdrop } from '@material-ui/core';\n\n\nconst LoadingOverlay = ({open = true}) => {\n  const theme = useTheme();\n  return (\n    <Backdrop open={open} style={{zIndex: theme.zIndex.modal + 1}}>\n      <CircularProgress color=\"primary\" />\n    </Backdrop>\n  );\n};\n\nexport default LoadingOverlay;\n"],"mappings":";;;;;AAKA,MAAM,kBAAkB,EAAC,OAAO,WAAU;CACxC,MAAM,QAAQA,YAAU;AACxB,QACE,oCAAC;EAAe;EAAM,OAAO,EAAC,QAAQ,MAAM,OAAO,QAAQ,GAAE;IAC3D,oCAAC,oBAAiB,OAAM,YAAY,CAC3B;;AAIf,6BAAe"}

package/dist/LocalRedirectUrlStorage-Dl3UyONi.js

@@ -0,0 +1,21 @@
+//#region src/utilities/redirect/LocalRedirectUrlStorage.js
+const SessionStorageKey = "local-url";
+const storeInitialPath = () => {
+	if (!window.sessionStorage.getItem(SessionStorageKey) || window.sessionStorage.getItem(SessionStorageKey) === "/" || window.sessionStorage.getItem(SessionStorageKey) === "/null") window.sessionStorage.setItem(SessionStorageKey, window.location.pathname === "/null" ? "/" : window.location.pathname);
+};
+const storeCurrentPath = () => {
+	window.sessionStorage.setItem(SessionStorageKey, window.location.pathname);
+};
+const storePath = (pathname) => {
+	window.sessionStorage.setItem(SessionStorageKey, pathname);
+};
+const getStoredPath = () => {
+	return window.sessionStorage.getItem(SessionStorageKey);
+};
+const clearStoredPath = () => {
+	window.sessionStorage.removeItem(SessionStorageKey);
+};
+
+//#endregion
+export { storePath as a, storeInitialPath as i, getStoredPath as n, storeCurrentPath as r, clearStoredPath as t };
+//# sourceMappingURL=LocalRedirectUrlStorage-Dl3UyONi.js.map

package/dist/LocalRedirectUrlStorage-Dl3UyONi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocalRedirectUrlStorage-Dl3UyONi.js","names":[],"sources":["../src/utilities/redirect/LocalRedirectUrlStorage.js"],"sourcesContent":["const SessionStorageKey = 'local-url';\n\nexport const storeInitialPath = () => {\n  if (\n    !window.sessionStorage.getItem(SessionStorageKey) ||\n    window.sessionStorage.getItem(SessionStorageKey) === '/' ||\n    window.sessionStorage.getItem(SessionStorageKey) === '/null'\n  ) {\n    window.sessionStorage.setItem(\n      SessionStorageKey,\n      window.location.pathname === '/null' ? '/' : window.location.pathname\n    );\n  }\n};\n\nexport const storeCurrentPath = () => {\n  window.sessionStorage.setItem(SessionStorageKey, window.location.pathname);\n};\n\nexport const storePath = pathname => {\n  window.sessionStorage.setItem(SessionStorageKey, pathname);\n};\n\nexport const getStoredPath = () => {\n  return window.sessionStorage.getItem(SessionStorageKey);\n};\n\nexport const clearStoredPath = () => {\n  window.sessionStorage.removeItem(SessionStorageKey);\n};\n"],"mappings":";AAAA,MAAM,oBAAoB;AAE1B,MAAa,yBAAyB;AACpC,KACE,CAAC,OAAO,eAAe,QAAQ,kBAAkB,IACjD,OAAO,eAAe,QAAQ,kBAAkB,KAAK,OACrD,OAAO,eAAe,QAAQ,kBAAkB,KAAK,QAErD,QAAO,eAAe,QACpB,mBACA,OAAO,SAAS,aAAa,UAAU,MAAM,OAAO,SAAS,SAC9D;;AAIL,MAAa,yBAAyB;AACpC,QAAO,eAAe,QAAQ,mBAAmB,OAAO,SAAS,SAAS;;AAG5E,MAAa,aAAY,aAAY;AACnC,QAAO,eAAe,QAAQ,mBAAmB,SAAS;;AAG5D,MAAa,sBAAsB;AACjC,QAAO,OAAO,eAAe,QAAQ,kBAAkB;;AAGzD,MAAa,wBAAwB;AACnC,QAAO,eAAe,WAAW,kBAAkB"}

package/dist/Map-DpBXv4cw.js

@@ -0,0 +1,127 @@
+import { t as MapContext_default } from "./MapContext-yiglsAhp.js";
+import { t as GeoLocation_default } from "./GeoLocation-D5dxvRe6.js";
+import { t as usePrevious } from "./usePrevious-BDg9wJM1.js";
+import React, { useEffect, useRef, useState } from "react";
+import { last } from "lodash";
+import "./map-library/Map/Map.css";
+import * as ol from "ol";
+import { DragRotateAndZoom, Select, defaults } from "ol/interaction";
+import { Icon, Style } from "ol/style";
+import { click } from "ol/events/condition";
+import { fromLonLat } from "ol/proj";
+
+//#region src/map-library/Map/Map.jsx
+const Map = ({ children, zoom, center, projection, addInteractions, sendSelected, sendType, SelectedPin, changeLat, changeLong, setPosition, width, height, addressBar, popoverOverlayProps, additionalOnclickFeature, popoverRef, setSelectInteraction, setPopoverOverlay, setMapObject }) => {
+	const mapRef = useRef();
+	const [map, setMap] = useState(null);
+	const [selected, setSelected] = useState();
+	const [markingType, setMarkingType] = useState();
+	const [count, setCount] = useState(0);
+	const [mapClicked, setMapclicked] = useState(false);
+	const prevCount = usePrevious(count);
+	useEffect(() => {
+		const options = {
+			view: new ol.View({
+				center: fromLonLat(center),
+				zoom,
+				projection
+			}),
+			interactions: defaults().extend([new DragRotateAndZoom()]),
+			layers: [],
+			controls: [],
+			overlays: []
+		};
+		const mapObject = new ol.Map(options);
+		mapObject.setTarget(mapRef.current);
+		let popoverOverlay;
+		if (popoverRef) {
+			popoverOverlay = new ol.Overlay({
+				element: popoverRef?.current,
+				autoPan: true,
+				...popoverOverlayProps
+			});
+			mapObject.addOverlay(popoverOverlay);
+			if (setPopoverOverlay) setPopoverOverlay(popoverOverlay);
+		}
+		setMap(mapObject);
+		if (setMapObject) setMapObject(mapObject);
+		const pointSelect = new Select({
+			condition: (e) => {
+				return click(e);
+			},
+			filter: (f) => {
+				if (f.getGeometry().getType() === "Point") return true;
+			},
+			multi: true,
+			hitTolerance: 10,
+			style: new Style({ image: new Icon({
+				anchor: [.5, 48],
+				anchorXUnits: "fraction",
+				anchorYUnits: "pixels",
+				src: SelectedPin
+			}) })
+		});
+		pointSelect.on("select", (e) => {
+			const currentFeature = last(e.selected);
+			const currentFeaturesProperties = currentFeature?.getProperties();
+			if (popoverOverlay && popoverRef?.current && currentFeaturesProperties) popoverOverlay.setPosition(currentFeature?.getGeometry().getCoordinates());
+			if (additionalOnclickFeature && (!currentFeaturesProperties || currentFeaturesProperties && Object.keys(currentFeaturesProperties)?.length > 1)) additionalOnclickFeature(currentFeaturesProperties);
+		});
+		mapObject.addInteraction(pointSelect);
+		if (setSelectInteraction) setSelectInteraction(pointSelect);
+		return () => mapObject.setTarget(void 0);
+	}, []);
+	useEffect(() => {
+		sendSelected(selected);
+	}, [sendSelected, selected]);
+	useEffect(() => {
+		sendType(markingType);
+	}, [sendType, markingType]);
+	const postSelected = (id, type) => {
+		setSelected(id);
+		setMarkingType(type);
+	};
+	useEffect(() => {
+		if (!map) return;
+		map.getView().setZoom(zoom);
+	}, [zoom]);
+	useEffect(() => {
+		if (!map) return;
+		map.on("click", (e) => {
+			setMapclicked(true);
+			map.forEachFeatureAtPixel(e.pixel, (a) => postSelected(a.values_.geometry.flatCoordinates[2], a.values_.geometry.flatCoordinates[3]));
+		});
+	}, [map]);
+	useEffect(() => {
+		if (!map) return;
+		setCount(zoom);
+		if (zoom === prevCount && !mapClicked) map.getView().setCenter(center);
+	}, [center]);
+	useEffect(() => {
+		if (!map) return;
+		if (!mapClicked) map.getView().setCenter(center);
+	}, [map]);
+	useEffect(() => {
+		if (!map) return;
+		map.getview().getprojection(projection);
+	}, [projection]);
+	return /* @__PURE__ */ React.createElement(MapContext_default.Provider, { value: { map } }, addressBar && /* @__PURE__ */ React.createElement("div", { style: {
+		marginLeft: 35,
+		marginTop: -6
+	} }, /* @__PURE__ */ React.createElement(GeoLocation_default, {
+		center,
+		changeLat,
+		changeLong,
+		setPosition
+	})), /* @__PURE__ */ React.createElement("div", {
+		ref: mapRef,
+		style: {
+			height: height || "85vh",
+			width
+		}
+	}, children));
+};
+
+//#endregion
+export { Map as t };
+//# sourceMappingURL=Map-DpBXv4cw.js.map

package/dist/Map-DpBXv4cw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Map-DpBXv4cw.js","names":["defaultInteractions","OlSelect","olClick","OlStyle","OlIcon","MapContext","GeoLocation"],"sources":["../src/map-library/Map/Map.jsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport './Map.css';\nimport MapContext from './MapContext';\nimport * as ol from 'ol';\nimport {\n  DragRotateAndZoom,\n  defaults as defaultInteractions,\n  Select as OlSelect\n} from 'ol/interaction';\nimport { Style as OlStyle, Icon as OlIcon } from 'ol/style';\n\nimport { click as olClick } from 'ol/events/condition';\nimport GeoLocation from '../geoLocation/GeoLocation';\nimport { fromLonLat } from 'ol/proj';\nimport { usePrevious } from '../../utilities/usePrevious';\nimport { last } from 'lodash';\n\nexport const Map = ({\n  children,\n  zoom,\n  center,\n  projection,\n  addInteractions,\n  sendSelected,\n  sendType,\n  SelectedPin,\n  changeLat,\n  changeLong,\n  setPosition,\n  width,\n  height,\n  addressBar,\n  popoverOverlayProps,\n  additionalOnclickFeature,\n  popoverRef,\n  setSelectInteraction,\n  setPopoverOverlay,\n  setMapObject\n}) => {\n  const mapRef = useRef();\n  const [map, setMap] = useState(null);\n  const [selected, setSelected] = useState();\n  const [markingType, setMarkingType] = useState();\n  const [count, setCount] = useState(0);\n  const [mapClicked, setMapclicked] = useState(false);\n\n  const prevCount = usePrevious(count);\n\n  // on component mount\n  useEffect(() => {\n    const options = {\n      view: new ol.View({\n        center: fromLonLat(center),\n        zoom,\n        projection\n      }),\n      interactions: defaultInteractions().extend([new DragRotateAndZoom()]),\n      layers: [],\n      controls: [],\n      overlays: []\n    };\n\n    const mapObject = new ol.Map(options);\n    mapObject.setTarget(mapRef.current);\n\n    let popoverOverlay;\n    if (popoverRef) {\n      popoverOverlay = new ol.Overlay({\n        element: popoverRef?.current,\n        autoPan: true,\n        ...popoverOverlayProps\n      });\n      mapObject.addOverlay(popoverOverlay);\n\n      if (setPopoverOverlay) {\n        setPopoverOverlay(popoverOverlay);\n      }\n    }\n\n    setMap(mapObject);\n\n    if (setMapObject) {\n      setMapObject(mapObject);\n    }\n\n    const pointSelect = new OlSelect({\n      condition: (e) => {\n        return olClick(e);\n      },\n      filter: (f) => {\n        if (f.getGeometry().getType() === 'Point') {\n          return true;\n        }\n      },\n      multi: true,\n      hitTolerance: 10,\n      style: new OlStyle({\n        image: new OlIcon({\n          anchor: [0.5, 48],\n          anchorXUnits: 'fraction',\n          anchorYUnits: 'pixels',\n          src: SelectedPin\n        })\n      })\n    });\n    pointSelect.on('select', (e) => {\n      const currentFeature = last(e.selected);\n      const currentFeaturesProperties = currentFeature?.getProperties();\n\n      if (popoverOverlay && popoverRef?.current && currentFeaturesProperties) {\n        popoverOverlay.setPosition(\n          currentFeature?.getGeometry().getCoordinates()\n        );\n      }\n\n      if (\n        additionalOnclickFeature &&\n        (!currentFeaturesProperties ||\n          (currentFeaturesProperties &&\n            Object.keys(currentFeaturesProperties)?.length > 1))\n      ) {\n        additionalOnclickFeature(currentFeaturesProperties);\n      }\n    });\n\n    mapObject.addInteraction(pointSelect);\n\n    if (setSelectInteraction) {\n      setSelectInteraction(pointSelect);\n    }\n    return () => mapObject.setTarget(undefined);\n  }, []);\n\n  useEffect(() => {\n    sendSelected(selected);\n  }, [sendSelected, selected]);\n\n  useEffect(() => {\n    sendType(markingType);\n  }, [sendType, markingType]);\n\n  const postSelected = (id, type) => {\n    setSelected(id);\n    setMarkingType(type);\n  };\n  // console.log('ID, TYPE', selected, markingType);\n\n  // zoom change handler\n  useEffect(() => {\n    if (!map) return;\n\n    map.getView().setZoom(zoom);\n  }, [zoom]);\n\n  // click event handler\n  useEffect(() => {\n    if (!map) return;\n\n    map.on('click', (e) => {\n      setMapclicked(true);\n      map.forEachFeatureAtPixel(\n        e.pixel,\n        // a => setSelected(a.values_.geometry.flatCoordinates[2])\n        (a) =>\n          postSelected(\n            a.values_.geometry.flatCoordinates[2],\n            a.values_.geometry.flatCoordinates[3]\n          )\n      );\n    });\n  }, [map]);\n\n  // center change handler - Caused issue of recentering the map on each map selection when passed.\n  useEffect(() => {\n    if (!map) return;\n    setCount(zoom);\n    if (zoom === prevCount && !mapClicked) {\n      map.getView().setCenter(center);\n    }\n  }, [center]);\n\n  useEffect(() => {\n    if (!map) return;\n\n    if (!mapClicked) {\n      map.getView().setCenter(center);\n    }\n  }, [map]);\n\n  useEffect(() => {\n    if (!map) return;\n    map.getview().getprojection(projection);\n  }, [projection]);\n\n  return (\n    <MapContext.Provider value={{ map }}>\n      {addressBar && (\n        <div style={{ marginLeft: 35, marginTop: -6 }}>\n          <GeoLocation\n            // sendSelected={setCenter}\n            center={center}\n            changeLat={changeLat}\n            changeLong={changeLong}\n            setPosition={setPosition}\n          />\n        </div>\n      )}\n\n      <div ref={mapRef} style={{ height: height || '85vh', width: width }}>\n        {children}\n      </div>\n    </MapContext.Provider>\n  );\n};\n"],"mappings":"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"}

package/dist/Map-cGCbNw2j.js

@@ -0,0 +1,56 @@
+import { t as MapContext_default } from "./MapContext-DEC5Jhge.js";
+import React, { useEffect, useRef, useState } from "react";
+import { makeStyles } from "@material-ui/core";
+import * as ol from "ol";
+import { DragRotateAndZoom, defaults } from "ol/interaction";
+import "./maps/openLayerMaps/Map/Map.css";
+
+//#region src/maps/openLayerMaps/Map/Map.jsx
+const useStyles = makeStyles((theme) => ({ root: {
+	minWidth: 600,
+	height: "85vh"
+} }));
+const Map = ({ children, zoom, projection }) => {
+	const classes = useStyles();
+	const mapRef = useRef();
+	const [map, setMap] = useState(null);
+	const center = [-73.975535, 40.691783];
+	useEffect(() => {
+		const options = {
+			view: new ol.View({
+				zoom,
+				center,
+				projection
+			}),
+			interactions: defaults().extend([new DragRotateAndZoom()]),
+			layers: [],
+			controls: [],
+			overlays: []
+		};
+		const mapObject = new ol.Map(options);
+		mapObject.setTarget(mapRef.current);
+		setMap(mapObject);
+		return () => mapObject.setTarget(void 0);
+	}, []);
+	useEffect(() => {
+		if (!map) return;
+		map.getView().setZoom(zoom);
+	}, [zoom]);
+	useEffect(() => {
+		if (!map) return;
+		map.getView().setCenter(center);
+	}, [center]);
+	useEffect(() => {
+		if (!map) return;
+		map.getview().getprojection(projection);
+	}, [projection]);
+	return /* @__PURE__ */ React.createElement(MapContext_default.Provider, { value: { map } }, /* @__PURE__ */ React.createElement("div", {
+		ref: mapRef,
+		className: classes.root
+	}, children));
+};
+var Map_default = Map;
+
+//#endregion
+export { Map_default as t };
+//# sourceMappingURL=Map-cGCbNw2j.js.map

package/dist/Map-cGCbNw2j.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Map-cGCbNw2j.js","names":["defaultInteractions","MapContext"],"sources":["../src/maps/openLayerMaps/Map/Map.jsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react'\nimport { makeStyles } from '@material-ui/core'\nimport './Map.css'\nimport MapContext from './MapContext'\nimport * as ol from 'ol'\nimport {\n  DragRotateAndZoom,\n  defaults as defaultInteractions\n} from 'ol/interaction'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    minWidth: 600,\n    height: '85vh'\n  }\n}))\n\nconst Map = ({ children, zoom, projection }) => {\n  const classes = useStyles()\n  const mapRef = useRef()\n  const [map, setMap] = useState(null)\n  const center = [-73.975535, 40.691783]\n  // on component mount\n  useEffect(() => {\n    const options = {\n      view: new ol.View({ zoom, center, projection }),\n      interactions: defaultInteractions().extend([new DragRotateAndZoom()]),\n      layers: [],\n      controls: [],\n      overlays: []\n    }\n\n    const mapObject = new ol.Map(options)\n    mapObject.setTarget(mapRef.current)\n    setMap(mapObject)\n\n    return () => mapObject.setTarget(undefined)\n  }, [])\n\n  // zoom change handler\n  useEffect(() => {\n    if (!map) return\n\n    map.getView().setZoom(zoom)\n  }, [zoom])\n\n  // center change handler\n  useEffect(() => {\n    if (!map) return\n\n    map.getView().setCenter(center)\n  }, [center])\n\n  useEffect(() => {\n    if (!map) return\n    map.getview().getprojection(projection)\n  }, [projection])\n\n  return (\n    <MapContext.Provider value={{ map }}>\n      <div ref={mapRef} className={classes.root}>\n        {children}\n      </div>\n    </MapContext.Provider>\n  )\n}\n\nexport default Map\n"],"mappings":";;;;;;;;AAUA,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM;CACJ,UAAU;CACV,QAAQ;CACT,EACF,EAAE;AAEH,MAAM,OAAO,EAAE,UAAU,MAAM,iBAAiB;CAC9C,MAAM,UAAU,WAAW;CAC3B,MAAM,SAAS,QAAQ;CACvB,MAAM,CAAC,KAAK,UAAU,SAAS,KAAK;CACpC,MAAM,SAAS,CAAC,YAAY,UAAU;AAEtC,iBAAgB;EACd,MAAM,UAAU;GACd,MAAM,IAAI,GAAG,KAAK;IAAE;IAAM;IAAQ;IAAY,CAAC;GAC/C,cAAcA,UAAqB,CAAC,OAAO,CAAC,IAAI,mBAAmB,CAAC,CAAC;GACrE,QAAQ,EAAE;GACV,UAAU,EAAE;GACZ,UAAU,EAAE;GACb;EAED,MAAM,YAAY,IAAI,GAAG,IAAI,QAAQ;AACrC,YAAU,UAAU,OAAO,QAAQ;AACnC,SAAO,UAAU;AAEjB,eAAa,UAAU,UAAU,OAAU;IAC1C,EAAE,CAAC;AAGN,iBAAgB;AACd,MAAI,CAAC,IAAK;AAEV,MAAI,SAAS,CAAC,QAAQ,KAAK;IAC1B,CAAC,KAAK,CAAC;AAGV,iBAAgB;AACd,MAAI,CAAC,IAAK;AAEV,MAAI,SAAS,CAAC,UAAU,OAAO;IAC9B,CAAC,OAAO,CAAC;AAEZ,iBAAgB;AACd,MAAI,CAAC,IAAK;AACV,MAAI,SAAS,CAAC,cAAc,WAAW;IACtC,CAAC,WAAW,CAAC;AAEhB,QACE,oCAACC,mBAAW,YAAS,OAAO,EAAE,KAAK,IACjC,oCAAC;EAAI,KAAK;EAAQ,WAAW,QAAQ;IAClC,SACG,CACc;;AAI1B,kBAAe"}