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

package/dist/FluentUploadIconButton-CAJJWYMr.js

@@ -1,129 +0,0 @@
-import { FluentButton } from "./FluentButton-h_8VjXGT.js";
-import { FluentIconButton } from "./FluentIconButton-le92OnEc.js";
-import React from "react";
-import { Button, ButtonBase, Divider, Typography, makeStyles } from "@material-ui/core";
-import { IncreaseIndentArrowIcon } from "@fluentui/react-icons";
-import PropTypes from "prop-types";
-import { makeStyles as makeStyles$1 } from "@material-ui/core/styles";
-
-//#region src/UI/inputs/buttons/FluentCompoundButton.jsx
-const useStyles$3 = makeStyles({
-	root: {
-		borderRadius: 2,
-		minHeight: 72,
-		padding: "0 16px",
-		minWidth: 80,
-		border: (props) => `1px solid ${props.color}`
-	},
-	label: {
-		textTransform: "capitalize",
-		fontSize: "0.875rem",
-		fontWeight: 600,
-		textAlign: "left"
-	}
-});
-const FluentCompoundButton = (props) => {
-	const classes = useStyles$3(props);
-	const { children, textSecondary,...otherProps } = props;
-	return /* @__PURE__ */ React.createElement(Button, {
-		...otherProps,
-		disableElevation: true,
-		classes: {
-			root: classes.root,
-			label: classes.label
-		}
-	}, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", null, children), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, textSecondary))));
-};
-
-//#endregion
-//#region src/UI/inputs/buttons/FluentMenuListButton.jsx
-const useStyles$2 = makeStyles((theme) => ({
-	wrapper: {
-		display: "flex",
-		flexDirection: "row",
-		padding: theme.spacing(.5),
-		"&:hover": { color: theme.palette.secondary.main },
-		width: "100%"
-	},
-	titleWrapper: {
-		display: "flex",
-		width: "100%",
-		textAlign: "left"
-	},
-	labelWrapper: { marginTop: 4 },
-	label: { marginBottom: 4 }
-}), { name: "FluentMenuListButton" });
-const FluentMenuListButton = (props) => {
-	const classes = useStyles$2();
-	const { label, value, arrow = true,...otherProps } = props;
-	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(ButtonBase, {
-		classes: { root: classes.root },
-		className: classes.wrapper,
-		disableRipple: true,
-		...otherProps
-	}, /* @__PURE__ */ React.createElement("div", { className: classes.titleWrapper }, /* @__PURE__ */ React.createElement("div", { className: classes.labelWrapper }, /* @__PURE__ */ React.createElement("div", { className: classes.label }, " ", /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, " ", /* @__PURE__ */ React.createElement("span", { style: { fontWeight: 700 } }, label), " ")), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, value))), arrow && /* @__PURE__ */ React.createElement(IncreaseIndentArrowIcon, { style: { fontSize: 24 } }))), /* @__PURE__ */ React.createElement(Divider, null));
-};
-FluentMenuListButton.propTypes = { label: PropTypes.string.isRequired };
-
-//#endregion
-//#region src/UI/inputs/buttons/FluentUploadButton.jsx
-const useStyles$1 = makeStyles$1((theme) => ({
-	root: { "& > *": { margin: theme.spacing(1) } },
-	input: { display: "none" }
-}));
-const FluentUploadButton = (props) => {
-	const classes = useStyles$1();
-	const { color, label, accept, id, onChange, onClick, variant } = props;
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("input", {
-		accept,
-		className: classes.input,
-		id,
-		multiple: true,
-		type: "file",
-		onChange
-	}), /* @__PURE__ */ React.createElement("label", { htmlFor: id }, /* @__PURE__ */ React.createElement(FluentButton, {
-		onClick,
-		variant,
-		color,
-		component: "span"
-	}, label)), /* @__PURE__ */ React.createElement("input", {
-		accept,
-		className: classes.input,
-		id,
-		type: "file"
-	}));
-};
-
-//#endregion
-//#region src/UI/inputs/buttons/FluentUploadIconButton.jsx
-const useStyles = makeStyles$1((theme) => ({
-	root: { "& > *": { margin: theme.spacing(1) } },
-	input: { display: "none" }
-}));
-const FluentUploadIconButton = (props) => {
-	const classes = useStyles();
-	const { color, icon, aria, accept, id, onChange, onClick } = props;
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("input", {
-		accept,
-		className: classes.input,
-		id,
-		type: "file",
-		onChange
-	}), /* @__PURE__ */ React.createElement("label", { htmlFor: id }, /* @__PURE__ */ React.createElement(FluentIconButton, {
-		icon,
-		color,
-		"aria-label": aria,
-		id,
-		component: "span",
-		onClick
-	})), /* @__PURE__ */ React.createElement("input", {
-		accept,
-		className: classes.input,
-		id,
-		type: "file"
-	}));
-};
-
-//#endregion
-export { FluentCompoundButton, FluentMenuListButton, FluentUploadButton, FluentUploadIconButton };
-//# sourceMappingURL=FluentUploadIconButton-CAJJWYMr.js.map

package/dist/FluentUploadIconButton-CAJJWYMr.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FluentUploadIconButton-CAJJWYMr.js","names":["useStyles","useStyles","useStyles","makeStyles","makeStyles"],"sources":["../src/UI/inputs/buttons/FluentCompoundButton.jsx","../src/UI/inputs/buttons/FluentMenuListButton.jsx","../src/UI/inputs/buttons/FluentUploadButton.jsx","../src/UI/inputs/buttons/FluentUploadIconButton.jsx"],"sourcesContent":["import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core'\nimport { Button } from '@material-ui/core'\n\nconst useStyles = makeStyles({\n  root: {\n    borderRadius: 2,\n    minHeight: 72,\n    padding: '0 16px',\n    minWidth: 80,\n    border: (props) => `1px solid ${props.color}`\n  },\n  label: {\n    textTransform: 'capitalize',\n    fontSize: '0.875rem',\n    fontWeight: 600,\n    textAlign: 'left'\n  }\n})\n\nexport const FluentCompoundButton = (props) => {\n  const classes = useStyles(props)\n  const { children, textSecondary, ...otherProps } = props\n  return (\n    <Button\n      {...otherProps}\n      disableElevation\n      classes={{\n        root: classes.root,\n        label: classes.label\n      }}\n    >\n      <div>\n        <div>{children}</div>\n        <div>\n          <Typography variant='caption'>{textSecondary}</Typography>\n        </div>\n      </div>\n    </Button>\n  )\n}\n","import React from 'react';\nimport { ButtonBase, Typography, makeStyles, Divider } from '@material-ui/core';\nimport { IncreaseIndentArrowIcon } from '@fluentui/react-icons';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    wrapper: {\n      display: 'flex',\n      flexDirection: 'row',\n      // height: theme.spacing(5),\n      padding: theme.spacing(0.5),\n      '&:hover': { color: theme.palette.secondary.main },\n      width: '100%'\n    },\n    titleWrapper: {\n      display: 'flex',\n      width: '100%',\n      textAlign: 'left'\n    },\n    labelWrapper: {\n      marginTop: 4\n    },\n    label: {\n      marginBottom: 4\n    }\n  }),\n  { name: 'FluentMenuListButton' }\n);\n\nexport const FluentMenuListButton = (props) => {\n  const classes = useStyles();\n  const { label, value, arrow = true, ...otherProps } = props;\n\n  return (\n    <div>\n      <ButtonBase\n        classes={{\n          root: classes.root\n        }}\n        className={classes.wrapper}\n        disableRipple\n        {...otherProps}\n      >\n        <div className={classes.titleWrapper}>\n          <div className={classes.labelWrapper}>\n            <div className={classes.label}>\n              {' '}\n              <Typography variant='caption'>\n                {' '}\n                <span style={{ fontWeight: 700 }}>{label}</span>{' '}\n              </Typography>\n            </div>\n            <div>\n              <Typography variant='subtitle2'>{value}</Typography>\n            </div>\n          </div>\n          {/* @todo  Change to component for size */}\n          {arrow && <IncreaseIndentArrowIcon style={{ fontSize: 24 }} />}\n        </div>\n      </ButtonBase>\n      <Divider />\n    </div>\n  );\n};\n\nFluentMenuListButton.propTypes = {\n  /**\n   * Button label\n   */\n  label: PropTypes.string.isRequired\n};\n","import React from 'react'\nimport { makeStyles } from '@material-ui/core/styles'\nimport { FluentButton } from './FluentButton'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    '& > *': {\n      margin: theme.spacing(1)\n    }\n  },\n  input: {\n    display: 'none'\n  }\n}))\n\nexport const FluentUploadButton = (props) => {\n  const classes = useStyles()\n  const { color, label, accept, id, onChange, onClick, variant } = props\n\n  return (\n    <div className={classes.root}>\n      <input\n        accept={accept}\n        className={classes.input}\n        id={id}\n        multiple\n        type='file'\n        onChange={onChange}\n      />\n      <label htmlFor={id}>\n        <FluentButton\n          onClick={onClick}\n          variant={variant}\n          color={color}\n          component='span'\n        >\n          {label}\n        </FluentButton>\n      </label>\n      <input accept={accept} className={classes.input} id={id} type='file' />\n    </div>\n  )\n}\n","import React from 'react'\nimport { makeStyles } from '@material-ui/core/styles'\nimport { FluentIconButton } from './FluentIconButton'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    '& > *': {\n      margin: theme.spacing(1)\n    }\n  },\n  input: {\n    display: 'none'\n  }\n}))\n\nexport const FluentUploadIconButton = (props) => {\n  const classes = useStyles()\n  const { color, icon, aria, accept, id, onChange, onClick } = props\n\n  return (\n    <div className={classes.root}>\n      <input\n        accept={accept}\n        className={classes.input}\n        id={id}\n        type='file'\n        onChange={onChange}\n      />\n      <label htmlFor={id}>\n        <FluentIconButton\n          icon={icon}\n          color={color}\n          aria-label={aria}\n          id={id}\n          component='span'\n          onClick={onClick}\n        />\n      </label>\n      <input accept={accept} className={classes.input} id={id} type='file' />\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/FormButtons-Bstnb0d-.js

@@ -1,131 +0,0 @@
-import { FluentButton } from "./FluentButton-h_8VjXGT.js";
-import React, { forwardRef, useImperativeHandle } from "react";
-import { makeStyles } from "@material-ui/core";
-import { Form, FormSpy } from "react-final-form";
-import { getIn } from "final-form";
-
-//#region src/utilities/form/final-form-scroll/isFocusableInput.js
-const isFocusableInput = (wtf) => !!(wtf && typeof wtf.focus === "function");
-var isFocusableInput_default = isFocusableInput;
-
-//#endregion
-//#region src/utilities/form/final-form-scroll/getAllInputs.js
-const getAllInputs = () => {
-	if (typeof document === "undefined") return [];
-	return Array.prototype.slice.call(document.forms).reduce((accumulator, form) => accumulator.concat(Array.prototype.slice.call(form).filter(isFocusableInput_default)), []);
-};
-var getAllInputs_default = getAllInputs;
-
-//#endregion
-//#region src/utilities/form/final-form-scroll/findInput.js
-const findInput = (inputs, errors) => inputs.find((input) => input.name && getIn(errors, input.name));
-var findInput_default = findInput;
-
-//#endregion
-//#region src/utilities/form/final-form-scroll/createDecorator.js
-const noop = () => {};
-/**
-* The decorator is created based on final-form-focus https://github.com/final-form/final-form-focus
-*/
-const createDecorator = () => (form) => {
-	const scrollToFirstError = (errors) => {
-		const allInputs = getAllInputs_default();
-		const inputToScrollTo = findInput_default(allInputs, errors)?.parentElement;
-		if (inputToScrollTo) inputToScrollTo.scrollIntoView({ behavior: "smooth" });
-	};
-	const originalSubmit = form.submit;
-	let state = {};
-	const unsubscribe = form.subscribe((nextState) => {
-		state = nextState;
-	}, {
-		errors: true,
-		submitErrors: true
-	});
-	const afterSubmit = () => {
-		const { errors, submitErrors } = state;
-		if (errors && Object.keys(errors).length) scrollToFirstError(errors);
-		else if (submitErrors && Object.keys(submitErrors).length) scrollToFirstError(submitErrors);
-	};
-	form.submit = () => {
-		const result = originalSubmit.call(form);
-		if (result && typeof result.then === "function") result.then(afterSubmit, noop);
-		else afterSubmit();
-		return result;
-	};
-	return () => {
-		unsubscribe();
-		form.submit = originalSubmit;
-	};
-};
-var createDecorator_default = createDecorator;
-
-//#endregion
-//#region src/utilities/form/Form.tsx
-const scrollToError = createDecorator_default();
-/**
-* final-form Form wrapper with automatic <form> and submit handler
-*/
-const _Form = ({ render: renderProp, children, id,...props }, ref) => {
-	const render = renderProp || children;
-	return /* @__PURE__ */ React.createElement(Form, {
-		ref,
-		decorators: [scrollToError],
-		...props
-	}, (params) => {
-		useImperativeHandle(ref, () => ({ ...params }));
-		return /* @__PURE__ */ React.createElement("form", {
-			onSubmit: params.handleSubmit,
-			noValidate: true,
-			id
-		}, typeof render === "function" ? render(params) : render);
-	});
-};
-const Form$1 = forwardRef(_Form);
-
-//#endregion
-//#region src/utilities/form/SubmitButton.tsx
-/**
-* A MUI Button varaint intended for use as the submit button for a form
-*/
-let SubmitButton = forwardRef((props, ref) => {
-	const { ButtonComponent = FluentButton, disabled, disablePristine = true,...otherProps } = props;
-	return /* @__PURE__ */ React.createElement(FormSpy, { subscription: {
-		submitting: true,
-		pristine: true
-	} }, ({ submitting, pristine }) => /* @__PURE__ */ React.createElement(ButtonComponent, {
-		ref,
-		type: "submit",
-		disabled: submitting || disablePristine && pristine || disabled,
-		...otherProps
-	}));
-});
-SubmitButton.displayName = "SubmitButton";
-
-//#endregion
-//#region src/utilities/form/FormButtons.tsx
-const useStyles = makeStyles((theme) => ({ root: {
-	display: "flex",
-	flexDirection: "row",
-	alignItems: "center",
-	justifyContent: "flex-start",
-	marginBottom: theme.spacing(2),
-	marginTop: theme.spacing(1),
-	"& > *": { margin: `0 ${theme.spacing(2)}px 0 0` }
-} }));
-/**
-* A MUI Button varaint intended for use as the submit button for a form
-*/
-const FormButtonsCore = (props, ref) => {
-	const classes = useStyles(props);
-	const { children,...otherProps } = props;
-	return /* @__PURE__ */ React.createElement("div", {
-		...otherProps,
-		ref,
-		className: classes.root
-	}, children);
-};
-const FormButtons = forwardRef(FormButtonsCore);
-
-//#endregion
-export { Form$1 as Form, FormButtons, SubmitButton, createDecorator_default };
-//# sourceMappingURL=FormButtons-Bstnb0d-.js.map

package/dist/FormButtons-Bstnb0d-.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormButtons-Bstnb0d-.js","names":["isFocusableInput","getAllInputs","findInput","createDecorator","FinalForm","Form: React.FC<FormProps>","FormButtonsCore: any","FormButtons: React.FC<FormButtonsProps>"],"sources":["../src/utilities/form/final-form-scroll/isFocusableInput.js","../src/utilities/form/final-form-scroll/getAllInputs.js","../src/utilities/form/final-form-scroll/findInput.js","../src/utilities/form/final-form-scroll/createDecorator.js","../src/utilities/form/Form.tsx","../src/utilities/form/SubmitButton.tsx","../src/utilities/form/FormButtons.tsx"],"sourcesContent":["const isFocusableInput = (wtf) =>\n  !!(wtf && typeof wtf.focus === 'function');\n\nexport default isFocusableInput;\n","import isFocusableInput from './isFocusableInput';\n\nconst getAllInputs = () => {\n  if (typeof document === 'undefined') {\n    return [];\n  }\n  return Array.prototype.slice\n    .call(document.forms)\n    .reduce(\n      (accumulator, form) =>\n        accumulator.concat(\n          Array.prototype.slice.call(form).filter(isFocusableInput)\n        ),\n      []\n    );\n};\n\nexport default getAllInputs;\n","import { getIn } from 'final-form';\n\nconst findInput = (inputs, errors) =>\n  inputs.find(input => input.name && getIn(errors, input.name));\n\nexport default findInput;\n","import getAllInputs from './getAllInputs.js';\nimport findInput from './findInput.js';\n\nconst noop = () => {};\n\n/**\n * The decorator is created based on final-form-focus https://github.com/final-form/final-form-focus\n */\nconst createDecorator = () => (form) => {\n  const scrollToFirstError = (errors) => {\n    const allInputs = getAllInputs();\n    const firstInput = findInput(allInputs, errors);\n    const inputToScrollTo = firstInput?.parentElement;\n    if (inputToScrollTo) {\n      inputToScrollTo.scrollIntoView({ behavior: 'smooth' });\n    }\n  };\n  // Save original submit function\n  const originalSubmit = form.submit;\n  let state = {};\n  const unsubscribe = form.subscribe(\n    (nextState) => {\n      state = nextState;\n    },\n    { errors: true, submitErrors: true }\n  );\n  // What to do after submit\n  const afterSubmit = () => {\n    const { errors, submitErrors } = state;\n    if (errors && Object.keys(errors).length) {\n      scrollToFirstError(errors);\n    } else if (submitErrors && Object.keys(submitErrors).length) {\n      scrollToFirstError(submitErrors);\n    }\n  };\n\n  // Rewrite submit function\n  form.submit = () => {\n    const result = originalSubmit.call(form);\n    if (result && typeof result.then === 'function') {\n      // async\n      result.then(afterSubmit, noop);\n    } else {\n      // sync\n      afterSubmit();\n    }\n    return result;\n  };\n\n  return () => {\n    unsubscribe();\n    form.submit = originalSubmit;\n  };\n};\n\nexport default createDecorator;\n","import React, { forwardRef, useImperativeHandle } from 'react';\nimport {\n  AnyObject,\n  Form as FinalForm,\n  FormProps as FinalFormProps,\n  FormRenderProps,\n} from 'react-final-form';\nimport createDecorator from './final-form-scroll/createDecorator';\n\nexport interface FormProps<FormValues = AnyObject>\n  extends FinalFormProps<FormValues> {\n  children?: (props: FormRenderProps<FormValues>) => React.ReactNode;\n  id?: string;\n}\nconst scrollToError = createDecorator();\n\n/**\n * final-form Form wrapper with automatic <form> and submit handler\n */\n\nconst _Form = ({ render: renderProp, children, id, ...props }: FormProps, ref: React.Ref<any>) => {\n  const render = renderProp || children;\n\n  return (\n    <FinalForm ref={ref} decorators={[scrollToError]} {...props}>\n      {params => {\n         useImperativeHandle(ref, () => ({ ...params}))\n        return (\n          <form onSubmit={params.handleSubmit} noValidate={true} id={id}>\n            {typeof render === 'function' ? render(params) : render}\n          </form>\n        )\n      }}\n    </FinalForm>\n  );\n};\n\nexport const Form: React.FC<FormProps> = forwardRef(_Form)\n","import { Button, ButtonProps } from '@material-ui/core';\nimport React, { forwardRef, ComponentType } from 'react';\nimport { FormSpy } from 'react-final-form';\nimport { FluentButton } from '../../UI/inputs/buttons/FluentButton';\n\nexport type SubmitButtonProps<\n  P = {},\n  D extends React.ElementType = 'button'\n  > = ButtonProps<D, P> & {\n    // @fixme Probably want to swap this with something that'll allow ...otherProps to inherit the specified component's props to pass through\n    ButtonComponent?: typeof FluentButton;\n    disablePristine: boolean;\n  };\n\ntype SubmitButtonComponent<\n  P = {},\n  D extends React.ElementType = 'button'\n  > = ComponentType<SubmitButtonProps<P, D>>;\n\n/**\n * A MUI Button varaint intended for use as the submit button for a form\n */\nexport let SubmitButton = forwardRef<HTMLButtonElement, SubmitButtonProps>((props, ref) => {\n  const {\n    ButtonComponent = FluentButton,\n    disabled,\n    disablePristine = true,\n    ...otherProps\n  } = props;\n\n  return (\n    <FormSpy subscription={{ submitting: true, pristine: true }}>\n      {({ submitting, pristine }) => (\n        <ButtonComponent\n          ref={ref}\n          type=\"submit\"\n          disabled={submitting || (disablePristine && pristine) || disabled}\n          {...otherProps}\n        />\n      )}\n    </FormSpy>\n  );\n});\nSubmitButton.displayName = 'SubmitButton';\n","import { makeStyles } from '@material-ui/core';\nimport React, { forwardRef, } from 'react';\n\nconst useStyles = makeStyles((theme:any) => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    marginBottom: theme.spacing(2),\n    marginTop: theme.spacing(1),\n    '& > *': {\n      margin: `0 ${theme.spacing(2)}px 0 0`,\n    },\n  },\n}));\n\nexport type FormButtonsProps = {};\n\n/**\n * A MUI Button varaint intended for use as the submit button for a form\n */\nconst FormButtonsCore: any = (\n  props: any,\n  ref: any\n) => {\n  const classes = useStyles(props);\n  const { children, ...otherProps } = props;\n\n  return (\n    <div {...otherProps} ref={ref as any} className={classes.root}>\n      {children}\n    </div>\n  );\n};\nexport const FormButtons: React.FC<FormButtonsProps> = forwardRef(FormButtonsCore);\n"],"mappings":";;;;;;;AAAA,MAAM,oBAAoB,QACxB,CAAC,EAAE,OAAO,OAAO,IAAI,UAAU;AAEjC,+BAAe;;;;ACDf,MAAM,qBAAqB;AACzB,KAAI,OAAO,aAAa,YACtB,QAAO,EAAE;AAEX,QAAO,MAAM,UAAU,MACpB,KAAK,SAAS,MAAM,CACpB,QACE,aAAa,SACZ,YAAY,OACV,MAAM,UAAU,MAAM,KAAK,KAAK,CAAC,OAAOA,yBAAiB,CAC1D,EACH,EAAE,CACH;;AAGL,2BAAe;;;;ACff,MAAM,aAAa,QAAQ,WACzB,OAAO,MAAK,UAAS,MAAM,QAAQ,MAAM,QAAQ,MAAM,KAAK,CAAC;AAE/D,wBAAe;;;;ACFf,MAAM,aAAa;;;;AAKnB,MAAM,yBAAyB,SAAS;CACtC,MAAM,sBAAsB,WAAW;EACrC,MAAM,YAAYC,sBAAc;EAEhC,MAAM,kBADaC,kBAAU,WAAW,OAAO,EACX;AACpC,MAAI,gBACF,iBAAgB,eAAe,EAAE,UAAU,UAAU,CAAC;;CAI1D,MAAM,iBAAiB,KAAK;CAC5B,IAAI,QAAQ,EAAE;CACd,MAAM,cAAc,KAAK,WACtB,cAAc;AACb,UAAQ;IAEV;EAAE,QAAQ;EAAM,cAAc;EAAM,CACrC;CAED,MAAM,oBAAoB;EACxB,MAAM,EAAE,QAAQ,iBAAiB;AACjC,MAAI,UAAU,OAAO,KAAK,OAAO,CAAC,OAChC,oBAAmB,OAAO;WACjB,gBAAgB,OAAO,KAAK,aAAa,CAAC,OACnD,oBAAmB,aAAa;;AAKpC,MAAK,eAAe;EAClB,MAAM,SAAS,eAAe,KAAK,KAAK;AACxC,MAAI,UAAU,OAAO,OAAO,SAAS,WAEnC,QAAO,KAAK,aAAa,KAAK;MAG9B,cAAa;AAEf,SAAO;;AAGT,cAAa;AACX,eAAa;AACb,OAAK,SAAS;;;AAIlB,8BAAe;;;;ACzCf,MAAM,gBAAgBC,yBAAiB;;;;AAMvC,MAAM,SAAS,EAAE,QAAQ,YAAY,UAAU,GAAI,GAAG,SAAoB,QAAwB;CAChG,MAAM,SAAS,cAAc;AAE7B,QACE,oCAACC;EAAe;EAAK,YAAY,CAAC,cAAc;EAAE,GAAI;KACnD,WAAU;AACR,sBAAoB,YAAY,EAAE,GAAG,QAAO,EAAE;AAC/C,SACE,oCAAC;GAAK,UAAU,OAAO;GAAc,YAAY;GAAU;KACxD,OAAO,WAAW,aAAa,OAAO,OAAO,GAAG,OAC5C;GAGD;;AAIhB,MAAaC,SAA4B,WAAW,MAAM;;;;;;;ACf1D,IAAW,eAAe,YAAkD,OAAO,QAAQ;CACzF,MAAM,EACJ,kBAAkB,cAClB,UACA,kBAAkB,KAClB,GAAG,eACD;AAEJ,QACE,oCAAC,WAAQ,cAAc;EAAE,YAAY;EAAM,UAAU;EAAM,KACvD,EAAE,YAAY,eACd,oCAAC;EACM;EACL,MAAK;EACL,UAAU,cAAe,mBAAmB,YAAa;EACzD,GAAI;GACJ,CAEI;EAEZ;AACF,aAAa,cAAc;;;;ACxC3B,MAAM,YAAY,YAAY,WAAe,EAC3C,MAAM;CACJ,SAAS;CACT,eAAe;CACf,YAAY;CACZ,gBAAgB;CAChB,cAAc,MAAM,QAAQ,EAAE;CAC9B,WAAW,MAAM,QAAQ,EAAE;CAC3B,SAAS,EACP,QAAQ,KAAK,MAAM,QAAQ,EAAE,CAAC,SAC/B;CACF,EACF,EAAE;;;;AAOH,MAAMC,mBACJ,OACA,QACG;CACH,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EAAE,SAAU,GAAG,eAAe;AAEpC,QACE,oCAAC;EAAI,GAAI;EAAiB;EAAY,WAAW,QAAQ;IACtD,SACG;;AAGV,MAAaC,cAA0C,WAAW,gBAAgB"}

package/dist/FormControl-4nCOpGXb.js

@@ -1,39 +0,0 @@
-import React from "react";
-import { Box, FormControl, alpha, makeStyles } from "@material-ui/core";
-
-//#region src/UI/utilityDisplay/IndicatorChip.jsx
-const useStyles = makeStyles((theme) => ({ root: {
-	letterSpacing: "0.00714286rem",
-	display: "inline-flex",
-	alignItems: "center",
-	justifyContent: "center",
-	height: "32px",
-	backgroundColor: (props) => props.status?.toLowerCase() === "ok" ? alpha(theme.palette.success.light, .3) : props.status?.toLowerCase() === "warning" ? alpha(theme.palette.warning.light, .3) : alpha(theme.palette.error.light, .3),
-	borderRadius: "8px",
-	whiteSpace: "nowrap",
-	overflow: "hidden",
-	transition: "background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
-	boxSizing: "border-box",
-	boxShadow: "0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px rgba(0, 0, 0, 0.15)",
-	fontSize: "0.875rem",
-	maxWidth: "100%",
-	position: "relative",
-	fontWeight: 500,
-	padding: "10px"
-} }));
-const IndicatorChip = (props) => {
-	const classes = useStyles(props);
-	const { text } = props;
-	return /* @__PURE__ */ React.createElement(Box, { className: classes.root }, text);
-};
-
-//#endregion
-//#region src/UI/utilityDisplay/FormControl.jsx
-const FormControl$1 = (props) => {
-	const { children,...otherProps } = props;
-	return /* @__PURE__ */ React.createElement(FormControl, otherProps, children);
-};
-
-//#endregion
-export { FormControl$1 as FormControl, IndicatorChip };
-//# sourceMappingURL=FormControl-4nCOpGXb.js.map

package/dist/FormControl-4nCOpGXb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormControl-4nCOpGXb.js","names":["FormControl","MuiFormControl"],"sources":["../src/UI/utilityDisplay/IndicatorChip.jsx","../src/UI/utilityDisplay/FormControl.jsx"],"sourcesContent":["import React from 'react';\nimport { Box, alpha, makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    letterSpacing: '0.00714286rem',\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    height: '32px',\n    backgroundColor: (props) =>\n      props.status?.toLowerCase() === 'ok'\n        ? alpha(theme.palette.success.light, 0.3)\n        : props.status?.toLowerCase() === 'warning'\n        ? alpha(theme.palette.warning.light, 0.3)\n        : alpha(theme.palette.error.light, 0.3),\n    borderRadius: '8px',\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    transition:\n      'background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',\n    boxSizing: 'border-box',\n    boxShadow:\n      '0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px rgba(0, 0, 0, 0.15)',\n    fontSize: '0.875rem',\n    maxWidth: '100%',\n    position: 'relative',\n    fontWeight: 500,\n    padding: '10px'\n  }\n}));\n\nexport const IndicatorChip = (props) => {\n  const classes = useStyles(props);\n  const { text } = props;\n\n  return <Box className={classes.root}>{text}</Box>;\n};\n","import React from 'react';\nimport { FormControl as MuiFormControl } from '@material-ui/core';\n\nexport const FormControl = (props) => {\n  const { children, ...otherProps } = props;\n\n  return <MuiFormControl {...otherProps}>{children}</MuiFormControl>;\n};\n"],"mappings":";;;;AAGA,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM;CACJ,eAAe;CACf,SAAS;CACT,YAAY;CACZ,gBAAgB;CAChB,QAAQ;CACR,kBAAkB,UAChB,MAAM,QAAQ,aAAa,KAAK,OAC5B,MAAM,MAAM,QAAQ,QAAQ,OAAO,GAAI,GACvC,MAAM,QAAQ,aAAa,KAAK,YAChC,MAAM,MAAM,QAAQ,QAAQ,OAAO,GAAI,GACvC,MAAM,MAAM,QAAQ,MAAM,OAAO,GAAI;CAC3C,cAAc;CACd,YAAY;CACZ,UAAU;CACV,YACE;CACF,WAAW;CACX,WACE;CACF,UAAU;CACV,UAAU;CACV,UAAU;CACV,YAAY;CACZ,SAAS;CACV,EACF,EAAE;AAEH,MAAa,iBAAiB,UAAU;CACtC,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EAAE,SAAS;AAEjB,QAAO,oCAAC,OAAI,WAAW,QAAQ,QAAO,KAAW;;;;;ACjCnD,MAAaA,iBAAe,UAAU;CACpC,MAAM,EAAE,SAAU,GAAG,eAAe;AAEpC,QAAO,oCAACC,aAAmB,YAAa,SAA0B"}

package/dist/FormControlLabel-CwjEQrj8.js

@@ -1,17 +0,0 @@
-import React from "react";
-import { FormControlLabel } from "@material-ui/core";
-
-//#region src/UI/utilityDisplay/FormControlLabel.jsx
-const FormControlLabel$1 = (props) => {
-	const { control, label, labelPlacement,...otherProps } = props;
-	return /* @__PURE__ */ React.createElement(FormControlLabel, {
-		control,
-		label,
-		labelPlacement,
-		...otherProps
-	});
-};
-
-//#endregion
-export { FormControlLabel$1 as FormControlLabel };
-//# sourceMappingURL=FormControlLabel-CwjEQrj8.js.map

package/dist/FormControlLabel-CwjEQrj8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormControlLabel-CwjEQrj8.js","names":["FormControlLabel","MuiFormControlLabel"],"sources":["../src/UI/utilityDisplay/FormControlLabel.jsx"],"sourcesContent":["import React from 'react';\nimport { FormControlLabel as MuiFormControlLabel } from '@material-ui/core';\n\nexport const FormControlLabel = (props) => {\n  const { control, label, labelPlacement, ...otherProps } = props;\n\n  return (\n    <MuiFormControlLabel\n      control={control}\n      label={label}\n      labelPlacement={labelPlacement}\n      {...otherProps}\n    />\n  );\n};\n"],"mappings":";;;;AAGA,MAAaA,sBAAoB,UAAU;CACzC,MAAM,EAAE,SAAS,OAAO,eAAgB,GAAG,eAAe;AAE1D,QACE,oCAACC;EACU;EACF;EACS;EAChB,GAAI;GACJ"}

package/dist/GeoLocation-Dv1vb1xw.js

@@ -1,116 +0,0 @@
-import { FluentButton } from "./FluentButton-h_8VjXGT.js";
-import { FluentTextField } from "./FluentTextField-DCzp_6wE.js";
-import React, { useEffect, useState } from "react";
-import { Button, InputAdornment, makeStyles } from "@material-ui/core";
-import { SearchIcon } from "@fluentui/react-icons";
-import { fromLonLat } from "ol/proj";
-
-//#region src/map-library/geoLocation/FreeFormField.jsx
-const FreeFormField = (props) => {
-	const [text, setText] = useState("");
-	return /* @__PURE__ */ React.createElement(FluentTextField, {
-		variant: "outlined",
-		size: "small",
-		name: "map search",
-		"aria-describedby": "search-by-address",
-		value: text,
-		fullWidth: true,
-		InputProps: { startAdornment: /* @__PURE__ */ React.createElement(InputAdornment, { position: "start" }, /* @__PURE__ */ React.createElement(SearchIcon, null)) },
-		onChange: (event) => {
-			setText(event.target.value);
-			props.didUpdateText(event.target.value);
-		}
-	});
-};
-
-//#endregion
-//#region src/map-library/geoLocation/GeoLocation.jsx
-const useStyles = makeStyles((theme) => ({
-	root: {
-		display: "flex",
-		flexDirection: "row"
-	},
-	button: { marginTop: theme.spacing(1) }
-}));
-const GeoLocation = (props) => {
-	const [city, setCity] = useState("");
-	const [state, setState] = useState("");
-	const [zip, setZip] = useState("");
-	const [country, setCountry] = useState("");
-	const [house, setHouse] = useState("");
-	const [address1, setAddress1] = useState("");
-	const [address2, setAddress2] = useState("");
-	const [response, setResponse] = useState("{}");
-	const [coordinates, setCoordinates] = useState([-117.29982, 33.054275]);
-	const { sendSelected, center } = props;
-	const debug = true;
-	async function geocode(address) {
-		let formattedAddress = address.split(" ").join("+");
-		formattedAddress = formattedAddress.split("\n").join("+");
-		console.log("FORMATTED ADDRESS", formattedAddress);
-		const url = `https://geocoder.say.rocks/?address=${formattedAddress}&debug=${debug}`;
-		try {
-			const response$1 = await fetch(url, {});
-			if (!response$1.ok) throw new Error(response$1.statusText);
-			const json = await response$1.json();
-			const { house_number, country: country$1, house: house$1, road, city: city$1, state: state$1, unit, postcode } = json;
-			setAddress1(`${house_number} ${road}`);
-			setAddress2(`${unit}`);
-			setHouse(house$1);
-			setCity(city$1);
-			setState(state$1);
-			setZip(postcode);
-			setCountry(country$1);
-			setResponse(JSON.stringify(json, null, 2));
-		} catch (err) {
-			console.log(`Node: ${err}`);
-		}
-	}
-	async function getPoints(address) {
-		const url = `http://dev.virtualearth.net/REST/v1/Locations/US/${house}%20${address1},%20${city},%20${state}?o=json&key=AuLp5uwpaqURqvvQt3hd8V5YDYx2yCWSUZuuHHhgwR5PYW8vlOT7Zh__eC-Su9rA`;
-		try {
-			const response$1 = await fetch(url, {});
-			if (!response$1.ok) throw new Error(response$1.statusText);
-			const json = await response$1.json();
-			console.log("BING RESPONSE: ", json.resourceSets[0].resources[0].geocodePoints[0].coordinates);
-			setCoordinates(json.resourceSets[0].resources[0].geocodePoints[0].coordinates);
-			sendSelected(fromLonLat(json.resourceSets[0].resources[0].geocodePoints[0].coordinates.reverse()));
-		} catch (err) {
-			console.log(`Node: ${err}`);
-		}
-	}
-	useEffect(() => {
-		const listener = (event) => {
-			if (event.code === "Enter" || event.code === "NumpadEnter") {
-				console.log("Enter key was pressed.", event);
-				getPoints();
-			}
-		};
-		document.addEventListener("keydown", listener);
-		return () => {
-			document.removeEventListener("keydown", listener);
-		};
-	}, [center]);
-	const classes = useStyles();
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(FreeFormField, { didUpdateText: (text) => {
-		if (text.length) geocode(text);
-		else {
-			setAddress1("");
-			setAddress2("");
-			setCity("");
-			setState("");
-			setZip("");
-			setCountry("");
-			setResponse("{}");
-		}
-	} }), /* @__PURE__ */ React.createElement(FluentButton, {
-		className: classes.button,
-		size: "small",
-		onClick: getPoints
-	}, "Go"));
-};
-var GeoLocation_default = GeoLocation;
-
-//#endregion
-export { FreeFormField, GeoLocation_default };
-//# sourceMappingURL=GeoLocation-Dv1vb1xw.js.map

package/dist/GeoLocation-Dv1vb1xw.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GeoLocation-Dv1vb1xw.js","names":["response","house","city","state","country"],"sources":["../src/map-library/geoLocation/FreeFormField.jsx","../src/map-library/geoLocation/GeoLocation.jsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { InputAdornment } from '@material-ui/core'\nimport { SearchIcon } from '@fluentui/react-icons'\nimport { FluentTextField } from '../../UI/inputs/textField/FluentTextField'\n\nexport const FreeFormField = (props) => {\n  const [text, setText] = useState('')\n  return (\n    <FluentTextField\n      variant='outlined'\n      size='small'\n      name='map search'\n      // helperText=\"Search by address\"  @todo - needs a fix in fluent textField\n      aria-describedby='search-by-address'\n      value={text}\n      fullWidth\n      InputProps={{\n        startAdornment: (\n          <InputAdornment position='start'>\n            <SearchIcon />\n          </InputAdornment>\n        )\n      }}\n      onChange={(event) => {\n        setText(event.target.value)\n        props.didUpdateText(event.target.value)\n      }}\n    />\n  )\n}\n","import React, { useState, useEffect } from 'react'\nimport { Button, makeStyles } from '@material-ui/core'\nimport { FreeFormField } from './FreeFormField'\nimport { FluentButton } from '../../UI/inputs/buttons/FluentButton'\nimport { fromLonLat } from 'ol/proj'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row'\n  },\n  button: {\n    marginTop: theme.spacing(1)\n  }\n}))\n\n// @todo: build out address options\nconst GeoLocation = (props) => {\n  const [city, setCity] = useState('')\n  const [state, setState] = useState('')\n  const [zip, setZip] = useState('')\n  const [country, setCountry] = useState('')\n  const [house, setHouse] = useState('')\n  const [address1, setAddress1] = useState('')\n  const [address2, setAddress2] = useState('')\n  const [response, setResponse] = useState('{}')\n  const [coordinates, setCoordinates] = useState([-117.29982, 33.054275])\n\n  const { sendSelected, center } = props\n\n  const debug = true\n  async function geocode(address) {\n    let formattedAddress = address.split(' ').join('+')\n    formattedAddress = formattedAddress.split('\\n').join('+')\n    console.log('FORMATTED ADDRESS', formattedAddress)\n    const url = `https://geocoder.say.rocks/?address=${formattedAddress}&debug=${debug}`\n\n    try {\n      const response = await fetch(url, {})\n      if (!response.ok) {\n        throw new Error(response.statusText)\n      }\n\n      const json = await response.json()\n      const {\n        house_number,\n        country,\n        house,\n        road,\n        city,\n        state,\n        unit,\n        postcode\n      } = json\n\n      setAddress1(`${house_number} ${road}`)\n      setAddress2(`${unit}`)\n      setHouse(house)\n      setCity(city)\n      setState(state)\n      setZip(postcode)\n      setCountry(country)\n      setResponse(JSON.stringify(json, null, 2))\n    } catch (err) {\n      console.log(`Node: ${err}`)\n    }\n  }\n\n  async function getPoints(address) {\n    const url = `http://dev.virtualearth.net/REST/v1/Locations/US/${house}%20${address1},%20${city},%20${state}?o=json&key=AuLp5uwpaqURqvvQt3hd8V5YDYx2yCWSUZuuHHhgwR5PYW8vlOT7Zh__eC-Su9rA`\n\n    try {\n      const response = await fetch(url, {})\n      if (!response.ok) {\n        throw new Error(response.statusText)\n      }\n\n      const json = await response.json()\n      console.log(\n        'BING RESPONSE: ',\n        json.resourceSets[0].resources[0].geocodePoints[0].coordinates\n      )\n      setCoordinates(\n        json.resourceSets[0].resources[0].geocodePoints[0].coordinates\n      )\n      sendSelected(\n        fromLonLat(\n          json.resourceSets[0].resources[0].geocodePoints[0].coordinates.reverse()\n        )\n      )\n    } catch (err) {\n      console.log(`Node: ${err}`)\n    }\n  }\n\n  useEffect(() => {\n    const listener = (event) => {\n      if (event.code === 'Enter' || event.code === 'NumpadEnter') {\n        console.log('Enter key was pressed.', event)\n        getPoints()\n      }\n    }\n    document.addEventListener('keydown', listener)\n    return () => {\n      document.removeEventListener('keydown', listener)\n    }\n  }, [center])\n\n  const classes = useStyles()\n\n  return (\n    <div className={classes.root}>\n      <FreeFormField\n        didUpdateText={(text) => {\n          if (text.length) {\n            geocode(text)\n          } else {\n            // setHouse(\"\");\n            setAddress1('')\n            setAddress2('')\n            setCity('')\n            setState('')\n            setZip('')\n            setCountry('')\n            setResponse('{}')\n          }\n        }}\n      />\n      <FluentButton className={classes.button} size='small' onClick={getPoints}>\n        Go\n      </FluentButton>\n      {/* {console.log('RESPONSE: ', debug && response)} */}\n    </div>\n  )\n}\n\nexport default GeoLocation\n"],"mappings":"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"}

package/dist/GeoMap-CVGJXRRA.js

@@ -1,108 +0,0 @@
-import { Map_default } from "./Map-CM3OkjUS.js";
-import { Layers, TileLayer } from "./TileLayer-Bk6rITEu.js";
-import { osm_default } from "./Source-BUBwrbaZ.js";
-import { Controls_default, FullScreenControl_default } from "./Controls-Dns0KUBq.js";
-import { MapControlsStandard_default } from "./MapControlsStandard-twyqBTRG.js";
-import React, { useCallback, useState } from "react";
-import { Toolbar, makeStyles } from "@material-ui/core";
-import { fromLonLat } from "ol/proj";
-import BingMaps from "ol/source/BingMaps";
-import "ol/ol.css";
-
-//#region src/maps/GeoMap.jsx
-const useStyles = makeStyles((theme) => ({ toolbar: {
-	padding: 0,
-	minHeight: theme.spacing(6)
-} }));
-const GeoMap = (props) => {
-	const { locations, start, mapType, tooltip, bingKey, toolbar, width, height, defaultZoom } = props;
-	const classes = useStyles();
-	const [center, setCenter] = useState(start);
-	const [zoom, setZoom] = useState(defaultZoom);
-	const [showLayer1, setShowLayer1] = useState(true);
-	const [showLayer2, setShowLayer2] = useState(true);
-	const [lat, setLat] = useState();
-	const [long, setLong] = useState();
-	const [displayType, setDisplayType] = useState(mapType);
-	const resetPosition = () => {
-		setCenter(start);
-		setZoom(9);
-	};
-	const sendPosition = (position) => {
-		setCenter(position);
-		console.log("POSITION", position);
-	};
-	const controlZoom = (input) => {
-		setZoom(zoom + (input === "in" ? 1 : -1));
-	};
-	const handleSliderChange = (event, newValue) => {
-		setZoom(newValue);
-	};
-	const handleInputChange = (event) => {
-		setZoom(event.target.value === "" ? "" : Number(event.target.value));
-	};
-	const handleBlur = () => {
-		if (zoom < 0) setZoom(0);
-		else if (zoom > 100) setZoom(100);
-	};
-	const handleInputPositionLat = (event) => {
-		setLat(event.target.value);
-	};
-	const handleInputPositionLong = (event) => {
-		setLong(event.target.value);
-	};
-	const setNewPosition = () => {
-		setCenter([lat, long]);
-	};
-	const handleViewType = useCallback((event, newType) => {
-		setDisplayType(newType);
-	}, []);
-	const getLocationValue = (value) => {
-		setCenter(value.location);
-	};
-	return /* @__PURE__ */ React.createElement("div", { style: {
-		width,
-		height,
-		overflow: "hidden"
-	} }, toolbar && /* @__PURE__ */ React.createElement(Toolbar, { className: classes.toolbar }, /* @__PURE__ */ React.createElement(MapControlsStandard_default, {
-		showLayer1,
-		showLayer2,
-		setShowLayer1,
-		setShowLayer2,
-		zoomIn: () => controlZoom("in"),
-		zoomOut: () => controlZoom("out"),
-		value: zoom,
-		setValue: setZoom,
-		handleSliderChange,
-		handleInputChange,
-		handleBlur,
-		reset: resetPosition,
-		changeLat: handleInputPositionLat,
-		changeLong: handleInputPositionLong,
-		setPosition: setNewPosition,
-		handleChange: handleViewType,
-		displayType,
-		getLocation: sendPosition,
-		locations,
-		tooltip,
-		getLocationValue
-	})), /* @__PURE__ */ React.createElement(Map_default, {
-		center: fromLonLat(center),
-		zoom
-	}, /* @__PURE__ */ React.createElement(Layers, null, /* @__PURE__ */ React.createElement(TileLayer, {
-		source: osm_default(),
-		zIndex: 0
-	}), /* @__PURE__ */ React.createElement(TileLayer, {
-		source: new BingMaps({
-			preload: Infinity,
-			visible: true,
-			imagerySet: displayType,
-			key: bingKey
-		}),
-		zIndex: 0
-	})), /* @__PURE__ */ React.createElement(Controls_default, null, /* @__PURE__ */ React.createElement(FullScreenControl_default, null))));
-};
-
-//#endregion
-export { GeoMap };
-//# sourceMappingURL=GeoMap-CVGJXRRA.js.map

package/dist/GeoMap-CVGJXRRA.js.map

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

package/dist/Grid-DcfHTwyY.js

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

package/dist/Grid-DcfHTwyY.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Grid-DcfHTwyY.js","names":["Grid","MuiGrid"],"sources":["../src/UI/Grid.jsx"],"sourcesContent":["import React from 'react';\nimport { Grid as MuiGrid } from '@material-ui/core';\n\nexport const Grid = props => {\n  const { container, item, spacing, ...otherProps } = props;\n\n  return (\n    <MuiGrid\n      container={container}\n      item={item}\n      spacing={spacing}\n      {...otherProps}\n    />\n  );\n};\n"],"mappings":";;;;AAGA,MAAaA,UAAO,UAAS;CAC3B,MAAM,EAAE,WAAW,MAAM,QAAS,GAAG,eAAe;AAEpD,QACE,oCAACC;EACY;EACL;EACG;EACT,GAAI;GACJ"}