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

package/dist/ItemsWidgetCard-DLtqNe7Q.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItemsWidgetCard-DLtqNe7Q.js","names":["PropTypes"],"sources":["../src/UI/widgets/ItemsWidgetCard.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { useItemSubCard } from '../../hooks/useItemSubCard';\nimport {\n  Box,\n  Divider,\n  Fade,\n  Grow,\n  IconButton,\n  List,\n  ListItem,\n  ListItemAvatar,\n  ListItemText,\n  makeStyles,\n  Typography,\n  useTheme\n} from '@material-ui/core';\nimport { format, isValid } from 'date-fns';\nimport { grey } from '@material-ui/core/colors';\nimport { AmbientCardTitle } from '../surfaces/cards/AmbientCard/AmbientCardTitle';\nimport { PropTypes } from 'prop-types';\nimport KeyboardArrowLeftIcon from '@material-ui/icons/esm/KeyboardArrowLeft';\nimport { getEllipseColor } from '../../utilities/style/colorConverter';\nimport { useTranslation } from 'react-i18next';\nimport clsx from 'clsx';\nimport { EmptyStateDisplay } from '../dataDisplay/EmptyStateDisplay';\n\nconst useStyles = makeStyles((theme) => ({\n  mainContainer: {\n    backgroundColor: theme.palette.background.paper,\n    padding: '0px',\n    gap: '0px',\n    order: 3,\n    alignSelf: 'stretch'\n  },\n  secondaryContainer: {\n    backgroundColor: theme.palette.background.paper,\n    padding: '0px',\n    gap: '0px',\n    order: 0,\n    alignSelf: 'stretch',\n    flexGrow: 0,\n    width: '100%'\n  },\n  listItemPrimary: {\n    fontSize: '14px',\n    fontWeight: 600\n  },\n  listItemSecondary: {\n    fontSize: '12px',\n    fontWeight: 400,\n    color: grey[500]\n  },\n  listContainer: {\n    width: '100%',\n    backgroundColor: theme.palette.background.paper,\n    padding: '0px'\n  },\n  listItem: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n    padding: '8px 16px'\n  },\n  listItemAvatar: {\n    minWidth: '32px'\n  },\n  listItemText: {\n    margin: 0\n  },\n  itemContainer: {\n    paddingRight: '5px'\n  },\n  emptyStateDisplay: {\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1)\n  }\n}));\n\n/**\n * `ItemsWidgetCard` component\n */\nexport const ItemsWidgetCard = (props) => {\n  const [checked, setChecked] = useState(false);\n  const [cardItemData, setCardItemData] = useState();\n\n  const {\n    cardData,\n    subCardsList = {},\n    style,\n    headerColor,\n    emptyStatePrimaryText,\n    emptyStateImageSrc,\n    emptyStateIconSize,\n    emptyStateImageWidth,\n    emptyStateClassName,\n    emptyStateIcon,\n    title = 'Account Items',\n    subCardTypeField = 'type'\n  } = props;\n\n  const { SubCard, setSubCardType, subCardType, getSubCardInfo } =\n    useItemSubCard(subCardsList);\n  const classes = useStyles();\n  const theme = useTheme();\n  const { t } = useTranslation();\n\n  const handleChange = (accountItem) => {\n    setCardItemData(accountItem);\n    setSubCardType(accountItem?.[subCardTypeField] || '');\n    setChecked((prev) => !prev);\n  };\n\n  return (\n    <Box\n      display='flex'\n      flexDirection='column'\n      alignItems='flex-start'\n      flexGrow='1'\n      className={classes.mainContainer}\n      style={{\n        ...style,\n        height: '100%'\n      }}\n    >\n      <Box\n        display='flex'\n        flexDirection='row'\n        alignItems='center'\n        style={{\n          gap: '8px',\n          width: '100%',\n          padding: '8px',\n          backgroundColor:\n            headerColor && getEllipseColor(theme, headerColor, 'light'),\n          color: theme.palette.getContrastText(\n            getEllipseColor(theme, headerColor, 'light')\n          )\n        }}\n      >\n        {subCardType !== '' && (\n          <IconButton\n            aria-label='delete'\n            size='small'\n            onClick={() => handleChange('')}\n            style={{ marginLeft: '10px' }}\n            id='udpRecord-ItemsWidgetCard-delete'\n            udprecordid='udpRecord-ItemsWidgetCard-delete'\n          >\n            <KeyboardArrowLeftIcon fontSize='inherit' />\n          </IconButton>\n        )}\n        <AmbientCardTitle\n          title={subCardType !== '' ? subCardType : title}\n          style={{\n            backgroundColor:\n              headerColor && getEllipseColor(theme, headerColor, 'light')\n          }}\n        />\n      </Box>\n\n      {!checked ? (\n        <Grow\n          in={!checked}\n          style={{ transformOrigin: '0 0 0', width: '100%' }}\n          {...(!checked ? { timeout: 500 } : {})}\n          mountOnEnter\n          unmountOnExit\n        >\n          <Box\n            display='flex'\n            flexDirection='column'\n            alignItems='flex-start'\n            className={classes.secondaryContainer}\n          >\n            <List className={classes.listContainer}>\n              {cardData?.length > 0 ? (\n                cardData?.map((cardItem, index) => {\n                  const {\n                    defaultColor,\n                    textColor,\n                    backgroundColor,\n                    icon: Icon\n                  } = getSubCardInfo(cardItem?.accountItemName);\n\n                  return (\n                    <React.Fragment key={`${cardItem?.name}-${index}`}>\n                      <ListItem\n                        button\n                        className={classes.listItem}\n                        style={{\n                          backgroundColor\n                        }}\n                        onClick={() => handleChange(cardItem)}\n                        id={\n                          'udpRecord-ItemsWidgetCard-ListItem-' +\n                          cardItem?.name.replace(/\\s+/g, '') +\n                          '-' +\n                          cardItem?.businessObjectKey\n                        }\n                        udprecordid={\n                          'udpRecord-ItemsWidgetCard-ListItem-' +\n                          cardItem?.name.replace(/\\s+/g, '') +\n                          '-' +\n                          cardItem?.businessObjectKey\n                        }\n                      >\n                        <ListItemAvatar className={classes.listItemAvatar}>\n                          <Icon\n                            color={defaultColor}\n                            width='22px'\n                            height='22px'\n                          />\n                        </ListItemAvatar>\n                        <ListItemText\n                          className={classes.listItemText}\n                          primary={\n                            <Typography\n                              variant='subtitle2'\n                              className={classes?.listItemPrimary}\n                              style={{ color: textColor }}\n                            >\n                              {cardItem?.name}\n                            </Typography>\n                          }\n                          secondary={\n                            <Typography\n                              variant='caption'\n                              className={classes?.listItemSecondary}\n                            >\n                              {cardItem?.date\n                                ? isValid(new Date(cardItem?.date))\n                                  ? format(\n                                      new Date(cardItem?.date),\n                                      'MMM dd, yyyy'\n                                    )\n                                  : 'Invalid date'\n                                : 'Date field is empty'}\n                            </Typography>\n                          }\n                        />\n                        <Box\n                          display='flex'\n                          flexDirection='column'\n                          justifyContent='center'\n                          alignItems='flex-end'\n                          className={classes.itemContainer}\n                        >\n                          <Typography\n                            variant='subtitle2'\n                            className={classes.listItemPrimary}\n                          >\n                            {`$${cardItem?.amount || 0.0}`}\n                          </Typography>\n                        </Box>\n                      </ListItem>\n                      <Divider />\n                    </React.Fragment>\n                  );\n                })\n              ) : (\n                <div\n                  className={clsx(\n                    classes.emptyStateDisplay,\n                    emptyStateClassName\n                  )}\n                >\n                  <EmptyStateDisplay\n                    primaryText={emptyStatePrimaryText ?? t('No results found')}\n                    icon={emptyStateIcon}\n                    iconSize={emptyStateIconSize}\n                    imageSrc={emptyStateImageSrc}\n                    imageWidth={emptyStateImageWidth}\n                  />\n                </div>\n              )}\n            </List>\n          </Box>\n        </Grow>\n      ) : (\n        <Fade\n          in={checked}\n          style={{ transformOrigin: '0 0 0', width: '100%' }}\n          {...(checked ? { timeout: 1000 } : {})}\n          mountOnEnter\n          unmountOnExit\n        >\n          <Box>\n            <SubCard cardInfo={cardItemData} />\n          </Box>\n        </Fade>\n      )}\n    </Box>\n  );\n};\n\nItemsWidgetCard.propTypes = {\n  /**\n   * @type {?array} list of flags to render, required array object structure e.g\n   * [{\n   *  name: string, --> must be correspond with the name of the subCard object name\n   *  date: date | string,\n   *  amount: number | string\n   * }]\n   */\n  cardData: PropTypes.array.isRequired,\n\n  /**\n   * @type {?object} sub-cards detail content object, e.g\n   *\n   * CardNameXX and CardNameYY must be specified and corresponding with the name attribute in the card data\n   *\n     const subCardsList = {\n      CardNameXX: {\n        defaultColor: theme.palette.primary.main,\n        textColor: theme.palette.secondary.main,\n        component: props => {\n              return <PredefinedReactComponent {...props} />;\n        },\n        icon: LoanIcon,\n      },\n      CardNameYY: {\n        defaultColor: '#73368E',\n        textColor: '#FF9800',\n        component: props => {\n              return <PredefinedReactComponentTwo {...props} />;\n        },\n        icon: LoanIcon,\n      },\n   * }]\n  */\n  subCardsList: PropTypes.object.isRequired,\n\n  /**\n   * Optional, additional properties to apply some styles over the main container\n   */\n  style: PropTypes.object\n};\n"],"mappings":"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"}

package/dist/KeyValueTextField-DXQmYyPj.js

@@ -1,104 +0,0 @@
-import { t as Field } from "./Field-Cpjv208h.js";
-import { t as IconButtonWithTooltip } from "./IconButtonWithToolTip-BL60Lfj0.js";
-import { t as FluentTextField } from "./FluentTextField-vCX3f3zJ.js";
-import React, { forwardRef, useCallback, useEffect, useState } from "react";
-import { Checkbox, TextField, makeStyles } from "@material-ui/core";
-import { AddIcon } from "@fluentui/react-icons";
-import { Autocomplete } from "@material-ui/lab";
-
-//#region src/UI/inputs/textField/FluentTagField.jsx
-const useStyles = makeStyles((theme) => ({ root: { "&[class*=\"MuiOutlinedInput-root\"][class*=\"MuiOutlinedInput-marginDense\"]": {
-	padding: "4px 8px",
-	height: "auto"
-} } }));
-const FluentTagFieldComponent = (props, ref) => {
-	const classes = useStyles(props);
-	const { id, data, startAdornment, endAdornment, onChange: onChangeProp, autoCompleteProps, displayProperty, width = 300, height = "auto",...otherProps } = props;
-	const onChange = useCallback((e, value) => onChangeProp?.(value), [onChangeProp]);
-	const getOptionLabel = (option) => {
-		if (displayProperty) return option[displayProperty] || "";
-		return option;
-	};
-	return /* @__PURE__ */ React.createElement(Autocomplete, {
-		classes: { inputRoot: classes.root },
-		multiple: true,
-		id,
-		onChange,
-		options: data,
-		getOptionLabel,
-		style: {
-			width,
-			height
-		},
-		...autoCompleteProps,
-		renderInput: (params) => {
-			return /* @__PURE__ */ React.createElement(FluentTextField, {
-				...otherProps,
-				...params
-			});
-		},
-		renderOption: (option, { selected }) => {
-			const isSelectedValue = displayProperty && autoCompleteProps?.value?.some((item) => item[displayProperty] === option[displayProperty]);
-			return /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement(Checkbox, {
-				...otherProps,
-				style: { marginRight: 8 },
-				checked: selected || isSelectedValue
-			}), getOptionLabel(option));
-		}
-	});
-};
-const FluentTagField = forwardRef(FluentTagFieldComponent);
-
-//#endregion
-//#region src/UI/inputs/textField/KeyValueTextField.jsx
-const KeyValueTextField = (props) => {
-	const { previousValues, fieldName } = props;
-	const [numFields, setNumFields] = useState(1);
-	const addField = () => {
-		setNumFields(numFields + 1);
-	};
-	useEffect(() => {
-		if (previousValues) {
-			const numPrevValues = Object.keys(previousValues).length;
-			setNumFields(numPrevValues);
-		}
-	}, [previousValues]);
-	return /* @__PURE__ */ React.createElement("div", null, Array.from({ length: numFields }).map((_, index) => /* @__PURE__ */ React.createElement("div", {
-		key: index,
-		style: {
-			display: "flex",
-			gap: 5
-		}
-	}, /* @__PURE__ */ React.createElement(Field, {
-		component: TextField,
-		id: `${fieldName}Key${index + 1}`,
-		name: `${fieldName}Key${index + 1}`,
-		label: `Parameter Name ${index + 1}`,
-		variant: "filled",
-		size: "small",
-		required: false,
-		fullWidth: true,
-		initialValue: previousValues && Object.keys(previousValues)[index]
-	}), /* @__PURE__ */ React.createElement(Field, {
-		component: TextField,
-		id: `${fieldName}Value${index + 1}`,
-		name: `${fieldName}Value${index + 1}`,
-		label: `Value ${index + 1}`,
-		variant: "filled",
-		size: "small",
-		required: false,
-		fullWidth: true,
-		initialValue: previousValues && Object.values(previousValues)[index]
-	}))), /* @__PURE__ */ React.createElement("div", { style: {
-		display: "flex",
-		justifyContent: "right"
-	} }, /* @__PURE__ */ React.createElement(IconButtonWithTooltip, {
-		icon: AddIcon,
-		onClick: addField,
-		title: "Add field"
-	})));
-};
-
-//#endregion
-export { FluentTagField as n, FluentTagFieldComponent as r, KeyValueTextField as t };
-//# sourceMappingURL=KeyValueTextField-DXQmYyPj.js.map

package/dist/KeyValueTextField-DXQmYyPj.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"KeyValueTextField-DXQmYyPj.js","names":[],"sources":["../src/UI/inputs/textField/FluentTagField.jsx","../src/UI/inputs/textField/KeyValueTextField.jsx"],"sourcesContent":["import React, { useCallback, forwardRef } from 'react';\nimport { makeStyles, Checkbox } from '@material-ui/core';\nimport { FluentTextField } from './FluentTextField';\nimport { Autocomplete } from '@material-ui/lab';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    '&[class*=\"MuiOutlinedInput-root\"][class*=\"MuiOutlinedInput-marginDense\"]':\n      {\n        padding: '4px 8px',\n        height: 'auto'\n      }\n  }\n}));\n\nexport const FluentTagFieldComponent = (props, ref) => {\n  const classes = useStyles(props);\n  const {\n    id,\n    data,\n    startAdornment,\n    endAdornment,\n    onChange: onChangeProp,\n    autoCompleteProps,\n    displayProperty,\n    width = 300,\n    height = 'auto',\n    ...otherProps\n  } = props;\n\n  const onChange = useCallback(\n    (e, value) => onChangeProp?.(value),\n    [onChangeProp]\n  );\n\n  const getOptionLabel = (option) => {\n    if (displayProperty) {\n      return option[displayProperty] || '';\n    }\n    return option;\n  };\n\n  return (\n    <Autocomplete\n      classes={{\n        inputRoot: classes.root\n      }}\n      multiple\n      id={id}\n      onChange={onChange}\n      options={data}\n      getOptionLabel={getOptionLabel}\n      style={{ width, height }}\n      {...autoCompleteProps}\n      renderInput={(params) => {\n        return <FluentTextField {...otherProps} {...params} />;\n      }}\n      renderOption={(option, { selected }) => {\n        const isSelectedValue =\n          displayProperty &&\n          autoCompleteProps?.value?.some(\n            (item) => item[displayProperty] === option[displayProperty]\n          );\n\n        return (\n          <li>\n            <Checkbox\n              {...otherProps}\n              style={{ marginRight: 8 }}\n              checked={selected || isSelectedValue}\n            />\n            {getOptionLabel(option)}\n          </li>\n        );\n      }}\n    />\n  );\n};\n\nexport const FluentTagField = forwardRef(FluentTagFieldComponent);\n","import React, { useState, useEffect } from 'react';\nimport { TextField } from '@material-ui/core';\nimport { IconButtonWithTooltip } from '../buttons/IconButtonWithToolTip';\nimport { AddIcon } from '@fluentui/react-icons';\nimport { Field } from '../../../utilities/form';\n\nexport const KeyValueTextField = (props) => {\n  const {previousValues, fieldName} = props\n  const [numFields, setNumFields] = useState(1);\n\n  const addField = () => {\n    setNumFields(numFields + 1);\n  };\n\n  useEffect(()=>{\n    if(previousValues){\n      const numPrevValues = Object.keys(previousValues).length\n      setNumFields(numPrevValues)\n    }\n   \n  },[previousValues])\n\n  return (\n    <div>\n      {Array.from({ length: numFields }).map((_, index) => (\n        <div key={index} style={{ display: 'flex', gap: 5 }}>\n          <Field\n            component={TextField}\n            id={`${fieldName}Key${index + 1}`}\n            name={`${fieldName}Key${index + 1}`}\n            label={`Parameter Name ${index + 1}`}\n            variant='filled'\n            size='small'\n            required={false}\n            fullWidth\n            initialValue={previousValues && Object.keys(previousValues)[index]}\n          />\n          <Field\n            component={TextField}\n            id={`${fieldName}Value${index + 1}`}\n            name={`${fieldName}Value${index + 1}`}\n            label={`Value ${index + 1}`}\n            variant='filled'\n            size='small'\n            required={false}\n            fullWidth\n            initialValue={previousValues && Object.values(previousValues)[index]}\n          />\n        </div>\n      ))}\n      <div style={{display: 'flex', justifyContent: 'right'}}>\n      <IconButtonWithTooltip\n        icon={AddIcon}\n        onClick={addField}\n        title='Add field'\n      />\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;AAKA,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM,EACJ,gFACE;CACE,SAAS;CACT,QAAQ;CACT,EACJ,EACF,EAAE;AAEH,MAAa,2BAA2B,OAAO,QAAQ;CACrD,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EACJ,IACA,MACA,gBACA,cACA,UAAU,cACV,mBACA,iBACA,QAAQ,KACR,SAAS,OACT,GAAG,eACD;CAEJ,MAAM,WAAW,aACd,GAAG,UAAU,eAAe,MAAM,EACnC,CAAC,aAAa,CACf;CAED,MAAM,kBAAkB,WAAW;AACjC,MAAI,gBACF,QAAO,OAAO,oBAAoB;AAEpC,SAAO;;AAGT,QACE,oCAAC;EACC,SAAS,EACP,WAAW,QAAQ,MACpB;EACD;EACI;EACM;EACV,SAAS;EACO;EAChB,OAAO;GAAE;GAAO;GAAQ;EACxB,GAAI;EACJ,cAAc,WAAW;AACvB,UAAO,oCAAC;IAAgB,GAAI;IAAY,GAAI;KAAU;;EAExD,eAAe,QAAQ,EAAE,eAAe;GACtC,MAAM,kBACJ,mBACA,mBAAmB,OAAO,MACvB,SAAS,KAAK,qBAAqB,OAAO,iBAC5C;AAEH,UACE,oCAAC,YACC,oCAAC;IACC,GAAI;IACJ,OAAO,EAAE,aAAa,GAAG;IACzB,SAAS,YAAY;KACrB,EACD,eAAe,OAAO,CACpB;;GAGT;;AAIN,MAAa,iBAAiB,WAAW,wBAAwB;;;;ACzEjE,MAAa,qBAAqB,UAAU;CAC1C,MAAM,EAAC,gBAAgB,cAAa;CACpC,MAAM,CAAC,WAAW,gBAAgB,SAAS,EAAE;CAE7C,MAAM,iBAAiB;AACrB,eAAa,YAAY,EAAE;;AAG7B,iBAAc;AACZ,MAAG,gBAAe;GAChB,MAAM,gBAAgB,OAAO,KAAK,eAAe,CAAC;AAClD,gBAAa,cAAc;;IAG7B,CAAC,eAAe,CAAC;AAEnB,QACE,oCAAC,aACE,MAAM,KAAK,EAAE,QAAQ,WAAW,CAAC,CAAC,KAAK,GAAG,UACzC,oCAAC;EAAI,KAAK;EAAO,OAAO;GAAE,SAAS;GAAQ,KAAK;GAAG;IACjD,oCAAC;EACC,WAAW;EACX,IAAI,GAAG,UAAU,KAAK,QAAQ;EAC9B,MAAM,GAAG,UAAU,KAAK,QAAQ;EAChC,OAAO,kBAAkB,QAAQ;EACjC,SAAQ;EACR,MAAK;EACL,UAAU;EACV;EACA,cAAc,kBAAkB,OAAO,KAAK,eAAe,CAAC;GAC5D,EACF,oCAAC;EACC,WAAW;EACX,IAAI,GAAG,UAAU,OAAO,QAAQ;EAChC,MAAM,GAAG,UAAU,OAAO,QAAQ;EAClC,OAAO,SAAS,QAAQ;EACxB,SAAQ;EACR,MAAK;EACL,UAAU;EACV;EACA,cAAc,kBAAkB,OAAO,OAAO,eAAe,CAAC;GAC9D,CACE,CACN,EACF,oCAAC,SAAI,OAAO;EAAC,SAAS;EAAQ,gBAAgB;EAAQ,IACtD,oCAAC;EACC,MAAM;EACN,SAAS;EACT,OAAM;GACN,CACI,CACF"}

package/dist/Layers-DYKSq4sn.js

@@ -1,71 +0,0 @@
-import { t as MapContext_default } from "./MapContext-DEC5Jhge.js";
-import React, { useContext, useEffect } from "react";
-import OLImageLayer from "ol/layer/Image";
-import OLTileLayer from "ol/layer/Tile";
-import OLVectorLayer from "ol/layer/Vector";
-
-//#region src/maps/openLayerMaps/Layers/Layers.jsx
-const Layers = ({ children }) => {
-	return /* @__PURE__ */ React.createElement("div", null, children);
-};
-
-//#endregion
-//#region src/maps/openLayerMaps/Layers/VectorLayer.js
-const VectorLayer = ({ source, style, zIndex = 0 }) => {
-	const { map } = useContext(MapContext_default);
-	useEffect(() => {
-		if (!map) return;
-		const vectorLayer = new OLVectorLayer({
-			source,
-			style
-		});
-		map.addLayer(vectorLayer);
-		vectorLayer.setZIndex(zIndex);
-		return () => {
-			if (map) map.removeLayer(vectorLayer);
-		};
-	}, [map, source]);
-	return null;
-};
-
-//#endregion
-//#region src/maps/openLayerMaps/Layers/TileLayer.js
-const TileLayer = ({ source, zIndex = 0 }) => {
-	const { map } = useContext(MapContext_default);
-	useEffect(() => {
-		if (!map) return;
-		const tileLayer = new OLTileLayer({
-			source,
-			zIndex
-		});
-		map.addLayer(tileLayer);
-		tileLayer.setZIndex(zIndex);
-		return () => {
-			if (map) map.removeLayer(tileLayer);
-		};
-	}, [map, source]);
-	return null;
-};
-
-//#endregion
-//#region src/maps/openLayerMaps/Layers/ImageLayer.js
-const ImageLayer = ({ source, zIndex = 0 }) => {
-	const { map } = useContext(MapContext_default);
-	useEffect(() => {
-		if (!map) return;
-		const imageLayer = new OLImageLayer({
-			source,
-			zIndex
-		});
-		map.addLayer(imageLayer);
-		imageLayer.setZIndex(zIndex);
-		return () => {
-			if (map) map.removeLayer(imageLayer);
-		};
-	}, [map]);
-	return null;
-};
-
-//#endregion
-export { Layers as i, TileLayer as n, VectorLayer as r, ImageLayer as t };
-//# sourceMappingURL=Layers-DYKSq4sn.js.map

package/dist/Layers-DYKSq4sn.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Layers-DYKSq4sn.js","names":["MapContext","MapContext","MapContext"],"sources":["../src/maps/openLayerMaps/Layers/Layers.jsx","../src/maps/openLayerMaps/Layers/VectorLayer.js","../src/maps/openLayerMaps/Layers/TileLayer.js","../src/maps/openLayerMaps/Layers/ImageLayer.js"],"sourcesContent":["import React from 'react'\n\nexport const Layers = ({ children }) => {\n  return <div>{children}</div>\n}\n","import { useContext, useEffect } from 'react'\nimport MapContext from '../Map/MapContext'\nimport OLVectorLayer from 'ol/layer/Vector'\n\nexport const VectorLayer = ({ source, style, zIndex = 0 }) => {\n  const { map } = useContext(MapContext)\n\n  useEffect(() => {\n    if (!map) return\n\n    const vectorLayer = new OLVectorLayer({\n      source,\n      style\n    })\n\n    map.addLayer(vectorLayer)\n    vectorLayer.setZIndex(zIndex)\n\n    return () => {\n      if (map) {\n        map.removeLayer(vectorLayer)\n      }\n    }\n  }, [map, source])\n\n  return null\n}\n","import { useContext, useEffect } from 'react'\nimport MapContext from '../Map/MapContext'\nimport OLTileLayer from 'ol/layer/Tile'\n\nexport const TileLayer = ({ source, zIndex = 0 }) => {\n  const { map } = useContext(MapContext)\n\n  useEffect(() => {\n    if (!map) return\n\n    const tileLayer = new OLTileLayer({\n      source,\n      zIndex\n    })\n\n    map.addLayer(tileLayer)\n    tileLayer.setZIndex(zIndex)\n\n    return () => {\n      if (map) {\n        map.removeLayer(tileLayer)\n      }\n    }\n  }, [map, source])\n\n  return null\n}\n","import { useContext, useEffect } from 'react'\nimport MapContext from '../Map/MapContext'\nimport OLImageLayer from 'ol/layer/Image'\n\nexport const ImageLayer = ({ source, zIndex = 0 }) => {\n  const { map } = useContext(MapContext)\n\n  useEffect(() => {\n    if (!map) return\n\n    const imageLayer = new OLImageLayer({\n      source,\n      zIndex\n    })\n\n    map.addLayer(imageLayer)\n    imageLayer.setZIndex(zIndex)\n\n    return () => {\n      if (map) {\n        map.removeLayer(imageLayer)\n      }\n    }\n  }, [map])\n\n  return null\n}\n"],"mappings":";;;;;;;AAEA,MAAa,UAAU,EAAE,eAAe;AACtC,QAAO,oCAAC,aAAK,SAAe;;;;;ACC9B,MAAa,eAAe,EAAE,QAAQ,OAAO,SAAS,QAAQ;CAC5D,MAAM,EAAE,QAAQ,WAAWA,mBAAW;AAEtC,iBAAgB;AACd,MAAI,CAAC,IAAK;EAEV,MAAM,cAAc,IAAI,cAAc;GACpC;GACA;GACD,CAAC;AAEF,MAAI,SAAS,YAAY;AACzB,cAAY,UAAU,OAAO;AAE7B,eAAa;AACX,OAAI,IACF,KAAI,YAAY,YAAY;;IAG/B,CAAC,KAAK,OAAO,CAAC;AAEjB,QAAO;;;;;ACrBT,MAAa,aAAa,EAAE,QAAQ,SAAS,QAAQ;CACnD,MAAM,EAAE,QAAQ,WAAWC,mBAAW;AAEtC,iBAAgB;AACd,MAAI,CAAC,IAAK;EAEV,MAAM,YAAY,IAAI,YAAY;GAChC;GACA;GACD,CAAC;AAEF,MAAI,SAAS,UAAU;AACvB,YAAU,UAAU,OAAO;AAE3B,eAAa;AACX,OAAI,IACF,KAAI,YAAY,UAAU;;IAG7B,CAAC,KAAK,OAAO,CAAC;AAEjB,QAAO;;;;;ACrBT,MAAa,cAAc,EAAE,QAAQ,SAAS,QAAQ;CACpD,MAAM,EAAE,QAAQ,WAAWC,mBAAW;AAEtC,iBAAgB;AACd,MAAI,CAAC,IAAK;EAEV,MAAM,aAAa,IAAI,aAAa;GAClC;GACA;GACD,CAAC;AAEF,MAAI,SAAS,WAAW;AACxB,aAAW,UAAU,OAAO;AAE5B,eAAa;AACX,OAAI,IACF,KAAI,YAAY,WAAW;;IAG9B,CAAC,IAAI,CAAC;AAET,QAAO"}

package/dist/LineAndSparklinesWidget-CIMrPPS3.js

@@ -1,101 +0,0 @@
-import { t as __export } from "./chunk-Bp6m_JJh.js";
-import { t as WidgetCard_default } from "./WidgetCard-DZYTvG7e.js";
-import { t as convertISODate } from "./ConvertISODate-TfG2U4Iu.js";
-import { t as FluentStatNumber_default } from "./FluentStatNumber-DOSQBt5f.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-CIMrPPS3.js.map

package/dist/LineAndSparklinesWidget-CIMrPPS3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LineAndSparklinesWidget-CIMrPPS3.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-CFj6oEiL.js

@@ -1,92 +0,0 @@
-import { t as __export } from "./chunk-Bp6m_JJh.js";
-import { t as WidgetCard_default } from "./WidgetCard-DZYTvG7e.js";
-import { t as FluentStatsSnippet_default } from "./FluentStatsSnippet-BuDlbH0Q.js";
-import { t as convertISODate } from "./ConvertISODate-TfG2U4Iu.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-CFj6oEiL.js.map

package/dist/LineGraphWidget-CFj6oEiL.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LineGraphWidget-CFj6oEiL.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

@@ -1,49 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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-BbtJhbNg.js

@@ -1,33 +0,0 @@
-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-BbtJhbNg.js.map

package/dist/ListCard-BbtJhbNg.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListCard-BbtJhbNg.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-DJ4rFzOc.js

@@ -1,23 +0,0 @@
-import { t as corporateColors } from "./brand-B8YaZWSl.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-DJ4rFzOc.js.map

package/dist/LoadingIndicator-DJ4rFzOc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LoadingIndicator-DJ4rFzOc.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

@@ -1,17 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,21 +0,0 @@
-//#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

@@ -1 +0,0 @@
-{"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"}