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

package/dist/templates-BQJBVScH.js

@@ -0,0 +1,211 @@
+import { t as FluentIconButton } from "./FluentIconButton-AN9tZKVl.js";
+import { t as ExtenderToggle } from "./ExtenderToggle-CigWZwGa.js";
+import { r as useUdpExport, t as ExportSidesheet } from "./ExportSidesheet-J4UlfjNv.js";
+import React, { forwardRef, useState } from "react";
+import { Typography, makeStyles, useTheme } from "@material-ui/core";
+import { AmbientTemplateGrid, UdpCalendarDay, UdpCalendarMonth, UdpCalendarWeek, UdpCalendarYear } from "udp-react-stencil-component-library";
+import clsx from "clsx";
+import { ChevronLeftIcon, ChevronRightIcon } from "@fluentui/react-icons";
+import PropTypes from "prop-types";
+
+//#region src/UI/templates/UdpGridTemplate.jsx
+const useStyles$6 = makeStyles((theme) => ({ root: {} }));
+const UdpGridTemplate = forwardRef((props, ref) => {
+	const { children,...otherProps } = props;
+	const classes = useStyles$6(props);
+	const { className } = props;
+	const [exportSidesheetOpen, setExportSidesheetOpen] = useState(false);
+	const { updateExportParameters, createExport, entity, searchObject, fileFormat, numRowsToExport, validSearch, errorList, activeExportJob, exportLoading, handleFileDownload, clearParameters } = useUdpExport();
+	const exportFromGrid = (entity$1, searchObject$1) => {
+		updateExportParameters(entity$1, searchObject$1);
+		setExportSidesheetOpen(true);
+	};
+	const handleCloseExportSidesheet = () => {
+		setExportSidesheetOpen(false);
+		clearParameters();
+	};
+	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, className) }, /* @__PURE__ */ React.createElement(AmbientTemplateGrid, {
+		ref,
+		...otherProps,
+		exportFunction: exportFromGrid
+	}), /* @__PURE__ */ React.createElement(ExportSidesheet, {
+		entity,
+		searchObject,
+		fileFormat,
+		numRowsToExport,
+		errorList,
+		activeExportJob,
+		handleFileDownload,
+		exportSidesheetOpen,
+		handleCloseExportSidesheet,
+		createExport,
+		exportLoading,
+		validSearch
+	}));
+});
+UdpGridTemplate.displayName = "UdpGridTemplate";
+
+//#endregion
+//#region src/UI/templates/SapFlexibleTemplate.jsx
+const SapFlexibleTemplate = ({ left, center, right }) => {
+	const [columns, setColumns] = useState({
+		columnLeft: true,
+		columnCenter: true,
+		columnRight: true
+	});
+	const [columnPercent, setColumnPercent] = useState({
+		columnLeft: "25%",
+		columnCenter: "50%",
+		columnRight: "25%"
+	});
+	const classes = makeStyles((theme) => ({
+		root: {
+			display: "flex",
+			flexDirection: "row"
+		},
+		columnLeft: {
+			display: "flex",
+			flex: columnPercent.columnLeft,
+			height: "100vh"
+		},
+		columnCenter: {
+			flex: columnPercent.columnCenter,
+			height: "100vh"
+		},
+		columnRight: {
+			display: "flex",
+			flex: columnPercent.columnRight,
+			height: "100vh"
+		},
+		fillContent: { flex: 1 }
+	}))();
+	const handleToggleColumn = (columnType) => {
+		setColumns({
+			...columns,
+			columnCenter: !columns.columnCenter
+		});
+		if (columnType === "columnLeft") {
+			setColumnPercent({
+				...columnPercent,
+				columnLeft: "75%"
+			});
+			if (columnPercent.columnLeft === "75%") setColumnPercent({
+				...columnPercent,
+				columnLeft: "25%"
+			});
+		} else {
+			setColumnPercent({
+				...columnPercent,
+				columnRight: "75%"
+			});
+			if (columnPercent.columnRight === "75%") setColumnPercent({
+				...columnPercent,
+				columnRight: "25%"
+			});
+		}
+	};
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, columns.columnLeft && /* @__PURE__ */ React.createElement("div", { className: classes.columnLeft }, /* @__PURE__ */ React.createElement("div", { className: classes.fillContent }, left, " "), /* @__PURE__ */ React.createElement("div", { className: classes.toggle }, /* @__PURE__ */ React.createElement(FluentIconButton, {
+		"aria-label": columnPercent.columnLeft === "25%" ? "Expand column" : "Collapse column",
+		color: "primary",
+		icon: columnPercent.columnLeft === "25%" ? ChevronRightIcon : ChevronLeftIcon,
+		onClick: () => handleToggleColumn("columnLeft")
+	}))), columns.columnCenter && /* @__PURE__ */ React.createElement("div", { className: classes.columnCenter }, /* @__PURE__ */ React.createElement("div", null, " ", center, " ")), columns.columnRight && /* @__PURE__ */ React.createElement("div", { className: classes.columnRight }, /* @__PURE__ */ React.createElement("div", { className: classes.toggle }, /* @__PURE__ */ React.createElement(FluentIconButton, {
+		"aria-label": columnPercent.columnRight === "25%" ? "Expand column" : "Collapse column",
+		color: "primary",
+		icon: columnPercent.columnRight === "25%" ? ChevronLeftIcon : ChevronRightIcon,
+		onClick: () => handleToggleColumn("columnRight")
+	})), /* @__PURE__ */ React.createElement("div", { className: classes.fillContent }, " ", right, " ")));
+};
+
+//#endregion
+//#region src/UI/templates/UdpCalendarWeekView.jsx
+const useStyles$5 = makeStyles((theme) => ({ root: {} }));
+const UdpCalendarWeekView = (props) => {
+	const { className,...otherProps } = props;
+	const classes = useStyles$5(props);
+	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, className) }, /* @__PURE__ */ React.createElement(UdpCalendarWeek, { props: otherProps }));
+};
+
+//#endregion
+//#region src/UI/templates/UdpCalendar.jsx
+const useStyles$4 = makeStyles((theme) => ({ root: {} }));
+const UdpCalendar = (props) => {
+	const { initialView, className,...otherProps } = props;
+	const classes = useStyles$4(props);
+	const renderCalendarView = () => {
+		switch (initialView) {
+			case "day": return /* @__PURE__ */ React.createElement(UdpCalendarDay, { props: otherProps });
+			case "week": return /* @__PURE__ */ React.createElement(UdpCalendarWeek, { props: otherProps });
+			case "month": return /* @__PURE__ */ React.createElement(UdpCalendarMonth, { props: otherProps });
+			case "year": return /* @__PURE__ */ React.createElement(UdpCalendarYear, { props: otherProps });
+			default: return /* @__PURE__ */ React.createElement(UdpCalendarMonth, { props: otherProps });
+		}
+	};
+	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, className) }, renderCalendarView());
+};
+
+//#endregion
+//#region src/UI/templates/UdpCalendarDayView.jsx
+const useStyles$3 = makeStyles((theme) => ({ root: {} }));
+const UdpCalendarDayView = (props) => {
+	const { className,...otherProps } = props;
+	const classes = useStyles$3(props);
+	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, className) }, /* @__PURE__ */ React.createElement(UdpCalendarDay, { props: otherProps }));
+};
+
+//#endregion
+//#region src/UI/templates/UdpCalendarYearView.jsx
+const useStyles$2 = makeStyles((theme) => ({ root: {} }));
+const UdpCalendarYearView = (props) => {
+	const { className,...otherProps } = props;
+	const classes = useStyles$2(props);
+	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, className) }, /* @__PURE__ */ React.createElement(UdpCalendarYear, { props: otherProps }));
+};
+
+//#endregion
+//#region src/UI/templates/ToggleSection.jsx
+const useStyles$1 = makeStyles((theme) => ({
+	root: { width: "100%" },
+	container: {
+		padding: (props) => props.open ? theme.spacing(1) : theme.spacing(.25),
+		parddingRight: theme.spacing(1),
+		parddingleft: theme.spacing(1),
+		background: (props) => props.color
+	},
+	lowerShelf: { display: "flex" },
+	shelfOptions: {
+		flex: 1,
+		width: "100%"
+	}
+}));
+const ToggleSection = (props) => {
+	const classes = useStyles$1(props);
+	const { children, onClick, sectionOpen, options, toggleLabel, color } = props;
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.container }, " ", children, " "), /* @__PURE__ */ React.createElement("div", { className: classes.lowerShelf }, /* @__PURE__ */ React.createElement("div", { className: classes.shelfOptions }, options), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(ExtenderToggle, {
+		onClick,
+		open: sectionOpen,
+		toggleLabel,
+		color
+	}))));
+};
+ToggleSection.propTypes = {
+	children: PropTypes.node,
+	onClick: PropTypes.func,
+	sectionOpen: PropTypes.bool,
+	options: PropTypes.node,
+	toggleLabel: PropTypes.node,
+	color: PropTypes.string
+};
+
+//#endregion
+//#region src/UI/templates/UdpCalendarMonthView.jsx
+const useStyles = makeStyles((theme) => ({ root: {} }));
+const UdpCalendarMonthView = (props) => {
+	const { className,...otherProps } = props;
+	const classes = useStyles(props);
+	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, className) }, /* @__PURE__ */ React.createElement(UdpCalendarMonth, { props: otherProps }));
+};
+
+//#endregion
+export { UdpCalendar as a, UdpGridTemplate as c, UdpCalendarDayView as i, ToggleSection as n, UdpCalendarWeekView as o, UdpCalendarYearView as r, SapFlexibleTemplate as s, UdpCalendarMonthView as t };
+//# sourceMappingURL=templates-BQJBVScH.js.map

package/dist/templates-BQJBVScH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"templates-BQJBVScH.js","names":["useStyles","entity","searchObject","useStyles","useStyles","useStyles","useStyles","useStyles"],"sources":["../src/UI/templates/UdpGridTemplate.jsx","../src/UI/templates/SapFlexibleTemplate.jsx","../src/UI/templates/UdpCalendarWeekView.jsx","../src/UI/templates/UdpCalendar.jsx","../src/UI/templates/UdpCalendarDayView.jsx","../src/UI/templates/UdpCalendarYearView.jsx","../src/UI/templates/ToggleSection.jsx","../src/UI/templates/UdpCalendarMonthView.jsx"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\nimport clsx from 'clsx';\nimport React, { forwardRef, useState } from 'react';\nimport { AmbientTemplateGrid } from 'udp-react-stencil-component-library';\nimport { ExportSidesheet } from '../../udp/export/ExportSidesheet';\nimport { useUdpExport } from '../../udp/export/useUdpExport';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {}\n}));\n\nexport const UdpGridTemplate = forwardRef((props, ref) => {\n  const { children, ...otherProps } = props;\n  const classes = useStyles(props);\n  const { className } = props;\n\n  const [exportSidesheetOpen, setExportSidesheetOpen] = useState(false);\n  const {\n    updateExportParameters,\n    createExport,\n    entity,\n    searchObject,\n    fileFormat,\n    numRowsToExport,\n    validSearch,\n    errorList,\n    activeExportJob,\n    exportLoading,\n    handleFileDownload,\n    clearParameters\n  } = useUdpExport();\n\n  const exportFromGrid = (entity, searchObject) => {\n    updateExportParameters(entity, searchObject);\n    setExportSidesheetOpen(true);\n  };\n\n  const handleCloseExportSidesheet = () => {\n    setExportSidesheetOpen(false);\n    clearParameters();\n  };\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      <AmbientTemplateGrid\n        ref={ref}\n        {...otherProps}\n        exportFunction={exportFromGrid}\n      />\n      <ExportSidesheet\n        entity={entity}\n        searchObject={searchObject}\n        fileFormat={fileFormat}\n        numRowsToExport={numRowsToExport}\n        errorList={errorList}\n        activeExportJob={activeExportJob}\n        handleFileDownload={handleFileDownload}\n        exportSidesheetOpen={exportSidesheetOpen}\n        handleCloseExportSidesheet={handleCloseExportSidesheet}\n        createExport={createExport}\n        exportLoading={exportLoading}\n        validSearch={validSearch}\n      />\n    </div>\n  );\n});\n\nUdpGridTemplate.displayName = 'UdpGridTemplate';\n","import React, { useState } from 'react'\nimport { makeStyles } from '@material-ui/core'\nimport { FluentIconButton } from '../inputs/buttons/FluentIconButton'\nimport { ChevronRightIcon, ChevronLeftIcon } from '@fluentui/react-icons'\n\nexport const SapFlexibleTemplate = ({ left, center, right }) => {\n  const [columns, setColumns] = useState({\n    columnLeft: true,\n    columnCenter: true,\n    columnRight: true\n  })\n\n  const [columnPercent, setColumnPercent] = useState({\n    columnLeft: '25%',\n    columnCenter: '50%',\n    columnRight: '25%'\n  })\n\n  const useStyles = makeStyles((theme) => ({\n    root: {\n      display: 'flex',\n      flexDirection: 'row'\n    },\n    columnLeft: {\n      display: 'flex',\n      flex: columnPercent.columnLeft,\n      height: '100vh'\n    },\n    columnCenter: {\n      flex: columnPercent.columnCenter,\n      height: '100vh'\n    },\n    columnRight: {\n      display: 'flex',\n      flex: columnPercent.columnRight,\n      height: '100vh'\n    },\n    fillContent: {\n      flex: 1\n    }\n  }))\n\n  const classes = useStyles()\n\n  const handleToggleColumn = (columnType) => {\n    setColumns({ ...columns, columnCenter: !columns.columnCenter })\n\n    if (columnType === 'columnLeft') {\n      setColumnPercent({ ...columnPercent, columnLeft: '75%' })\n\n      if (columnPercent.columnLeft === '75%') {\n        setColumnPercent({ ...columnPercent, columnLeft: '25%' })\n      }\n    } else {\n      setColumnPercent({ ...columnPercent, columnRight: '75%' })\n\n      if (columnPercent.columnRight === '75%') {\n        setColumnPercent({ ...columnPercent, columnRight: '25%' })\n      }\n    }\n  }\n\n  return (\n    <div className={classes.root}>\n      {columns.columnLeft && (\n        <div className={classes.columnLeft}>\n          <div className={classes.fillContent}>{left} </div>\n          <div className={classes.toggle}>\n            <FluentIconButton\n              aria-label={\n                columnPercent.columnLeft === '25%'\n                  ? 'Expand column'\n                  : 'Collapse column'\n              }\n              color='primary'\n              icon={\n                columnPercent.columnLeft === '25%'\n                  ? ChevronRightIcon\n                  : ChevronLeftIcon\n              }\n              onClick={() => handleToggleColumn('columnLeft')}\n            />\n          </div>\n        </div>\n      )}\n\n      {columns.columnCenter && (\n        <div className={classes.columnCenter}>\n          <div> {center} </div>\n        </div>\n      )}\n\n      {columns.columnRight && (\n        <div className={classes.columnRight}>\n          <div className={classes.toggle}>\n            <FluentIconButton\n              aria-label={\n                columnPercent.columnRight === '25%'\n                  ? 'Expand column'\n                  : 'Collapse column'\n              }\n              color='primary'\n              icon={\n                columnPercent.columnRight === '25%'\n                  ? ChevronLeftIcon\n                  : ChevronRightIcon\n              }\n              onClick={() => handleToggleColumn('columnRight')}\n            />\n          </div>\n          <div className={classes.fillContent}> {right} </div>\n        </div>\n      )}\n    </div>\n  )\n}\n","import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core';\nimport clsx from 'clsx'\nimport {UdpCalendarWeek } from 'udp-react-stencil-component-library'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n\n  }\n}))\n\nexport const UdpCalendarWeekView = (props) => {\n  const {\n    className,\n    ...otherProps\n  } = props\n  const classes = useStyles(props)\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      <UdpCalendarWeek props={otherProps} />\n    </div>\n  )\n}\n","import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core';\nimport clsx from 'clsx'\nimport { UdpCalendarMonth, UdpCalendarDay, UdpCalendarWeek, UdpCalendarYear } from 'udp-react-stencil-component-library'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n\n  }\n\n}))\n\nexport const UdpCalendar = (props) => {\n  const {\n    initialView,\n    className,\n    ...otherProps\n  } = props\n  const classes = useStyles(props)\n\n  const renderCalendarView = () => {\n    switch (initialView) {\n      case 'day':\n        return <UdpCalendarDay props={otherProps} />;\n      case 'week':\n        return <UdpCalendarWeek props={otherProps} />;\n      case 'month':\n        return <UdpCalendarMonth props={otherProps} />;\n      case 'year':\n        return <UdpCalendarYear props={otherProps} />;\n      default:\n        return <UdpCalendarMonth props={otherProps} />;\n    }\n  }\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      {renderCalendarView()}\n    </div>\n  )\n}\n","import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core';\nimport clsx from 'clsx'\nimport {UdpCalendarDay } from 'udp-react-stencil-component-library'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n\n  }\n}))\n\nexport const UdpCalendarDayView = (props) => {\n  const {\n    className,\n    ...otherProps\n  } = props\n  const classes = useStyles(props)\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      <UdpCalendarDay props={otherProps} />\n    </div>\n  )\n}\n","import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core';\nimport clsx from 'clsx'\nimport {UdpCalendarYear } from 'udp-react-stencil-component-library'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n\n  }\n}))\n\nexport const UdpCalendarYearView = (props) => {\n  const {\n    className,\n    ...otherProps\n  } = props\n  const classes = useStyles(props)\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      <UdpCalendarYear props={otherProps} />\n    </div>\n  )\n}\n","import React from 'react';\nimport { makeStyles, useTheme } from '@material-ui/core';\nimport { ExtenderToggle } from './ui/ExtenderToggle';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    width: '100%'\n  },\n  container: {\n    padding: (props) => (props.open ? theme.spacing(1) : theme.spacing(0.25)),\n    parddingRight: theme.spacing(1),\n    parddingleft: theme.spacing(1),\n    background: (props) => props.color\n  },\n  lowerShelf: {\n    display: 'flex'\n  },\n  shelfOptions: {\n    flex: 1,\n    width: '100%'\n  }\n}));\n\nexport const ToggleSection = (props) => {\n  const classes = useStyles(props);\n  const { children, onClick, sectionOpen, options, toggleLabel, color } = props;\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.container}> {children} </div>\n\n      <div className={classes.lowerShelf}>\n        <div className={classes.shelfOptions}>{options}</div>\n        <div>\n          <ExtenderToggle\n            onClick={onClick}\n            open={sectionOpen}\n            toggleLabel={toggleLabel}\n            color={color}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\nToggleSection.propTypes = {\n  /**\n   * Contents of container\n   */\n  children: PropTypes.node,\n  /**\n   * Function to trigger panel to open and close\n   */\n  onClick: PropTypes.func,\n  /**\n   * State, if true, will cause panel to open. If false, the panel is closed.\n   */\n  sectionOpen: PropTypes.bool,\n  /**\n   * Shelf below drawer that fills the space left by the toggle button.\n   * Can be used to add things like additional toggles, other buttons,\n   * stats, etc.\n   */\n  options: PropTypes.node,\n  /**\n   * The label that appears on the toggle tab.\n   */\n  toggleLabel: PropTypes.node,\n  /**\n   * The color of the background section and toggle.\n   */\n  color: PropTypes.string\n};\n","import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core';\nimport clsx from 'clsx'\nimport {UdpCalendarMonth } from 'udp-react-stencil-component-library'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n\n  }\n}))\n\nexport const UdpCalendarMonthView = (props) => {\n  const {\n    className,\n    ...otherProps\n  } = props\n  const classes = useStyles(props)\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      <UdpCalendarMonth props={otherProps} />\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAOA,MAAMA,cAAY,YAAY,WAAW,EACvC,MAAM,EAAE,EACT,EAAE;AAEH,MAAa,kBAAkB,YAAY,OAAO,QAAQ;CACxD,MAAM,EAAE,SAAU,GAAG,eAAe;CACpC,MAAM,UAAUA,YAAU,MAAM;CAChC,MAAM,EAAE,cAAc;CAEtB,MAAM,CAAC,qBAAqB,0BAA0B,SAAS,MAAM;CACrE,MAAM,EACJ,wBACA,cACA,QACA,cACA,YACA,iBACA,aACA,WACA,iBACA,eACA,oBACA,oBACE,cAAc;CAElB,MAAM,kBAAkB,UAAQ,mBAAiB;AAC/C,yBAAuBC,UAAQC,eAAa;AAC5C,yBAAuB,KAAK;;CAG9B,MAAM,mCAAmC;AACvC,yBAAuB,MAAM;AAC7B,mBAAiB;;AAGnB,QACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,MAAM,UAAU,IAC3C,oCAAC;EACM;EACL,GAAI;EACJ,gBAAgB;GAChB,EACF,oCAAC;EACS;EACM;EACF;EACK;EACN;EACM;EACG;EACC;EACO;EACd;EACC;EACF;GACb,CACE;EAER;AAEF,gBAAgB,cAAc;;;;AC9D9B,MAAa,uBAAuB,EAAE,MAAM,QAAQ,YAAY;CAC9D,MAAM,CAAC,SAAS,cAAc,SAAS;EACrC,YAAY;EACZ,cAAc;EACd,aAAa;EACd,CAAC;CAEF,MAAM,CAAC,eAAe,oBAAoB,SAAS;EACjD,YAAY;EACZ,cAAc;EACd,aAAa;EACd,CAAC;CA0BF,MAAM,UAxBY,YAAY,WAAW;EACvC,MAAM;GACJ,SAAS;GACT,eAAe;GAChB;EACD,YAAY;GACV,SAAS;GACT,MAAM,cAAc;GACpB,QAAQ;GACT;EACD,cAAc;GACZ,MAAM,cAAc;GACpB,QAAQ;GACT;EACD,aAAa;GACX,SAAS;GACT,MAAM,cAAc;GACpB,QAAQ;GACT;EACD,aAAa,EACX,MAAM,GACP;EACF,EAAE,EAEwB;CAE3B,MAAM,sBAAsB,eAAe;AACzC,aAAW;GAAE,GAAG;GAAS,cAAc,CAAC,QAAQ;GAAc,CAAC;AAE/D,MAAI,eAAe,cAAc;AAC/B,oBAAiB;IAAE,GAAG;IAAe,YAAY;IAAO,CAAC;AAEzD,OAAI,cAAc,eAAe,MAC/B,kBAAiB;IAAE,GAAG;IAAe,YAAY;IAAO,CAAC;SAEtD;AACL,oBAAiB;IAAE,GAAG;IAAe,aAAa;IAAO,CAAC;AAE1D,OAAI,cAAc,gBAAgB,MAChC,kBAAiB;IAAE,GAAG;IAAe,aAAa;IAAO,CAAC;;;AAKhE,QACE,oCAAC,SAAI,WAAW,QAAQ,QACrB,QAAQ,cACP,oCAAC,SAAI,WAAW,QAAQ,cACtB,oCAAC,SAAI,WAAW,QAAQ,eAAc,MAAK,IAAO,EAClD,oCAAC,SAAI,WAAW,QAAQ,UACtB,oCAAC;EACC,cACE,cAAc,eAAe,QACzB,kBACA;EAEN,OAAM;EACN,MACE,cAAc,eAAe,QACzB,mBACA;EAEN,eAAe,mBAAmB,aAAa;GAC/C,CACE,CACF,EAGP,QAAQ,gBACP,oCAAC,SAAI,WAAW,QAAQ,gBACtB,oCAAC,aAAI,KAAE,QAAO,IAAO,CACjB,EAGP,QAAQ,eACP,oCAAC,SAAI,WAAW,QAAQ,eACtB,oCAAC,SAAI,WAAW,QAAQ,UACtB,oCAAC;EACC,cACE,cAAc,gBAAgB,QAC1B,kBACA;EAEN,OAAM;EACN,MACE,cAAc,gBAAgB,QAC1B,kBACA;EAEN,eAAe,mBAAmB,cAAc;GAChD,CACE,EACN,oCAAC,SAAI,WAAW,QAAQ,eAAa,KAAE,OAAM,IAAO,CAChD,CAEJ;;;;;AC5GV,MAAMC,cAAY,YAAY,WAAW,EACvC,MAAM,EAEL,EACF,EAAE;AAEH,MAAa,uBAAuB,UAAU;CAC5C,MAAM,EACJ,UACA,GAAG,eACD;CACJ,MAAM,UAAUA,YAAU,MAAM;AAEhC,QACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,MAAM,UAAU,IAC3C,oCAAC,mBAAgB,OAAO,aAAc,CAClC;;;;;AChBV,MAAMC,cAAY,YAAY,WAAW,EACvC,MAAM,EAEL,EAEF,EAAE;AAEH,MAAa,eAAe,UAAU;CACpC,MAAM,EACJ,aACA,UACA,GAAG,eACD;CACJ,MAAM,UAAUA,YAAU,MAAM;CAEhC,MAAM,2BAA2B;AAC/B,UAAQ,aAAR;GACE,KAAK,MACH,QAAO,oCAAC,kBAAe,OAAO,aAAc;GAC9C,KAAK,OACH,QAAO,oCAAC,mBAAgB,OAAO,aAAc;GAC/C,KAAK,QACH,QAAO,oCAAC,oBAAiB,OAAO,aAAc;GAChD,KAAK,OACH,QAAO,oCAAC,mBAAgB,OAAO,aAAc;GAC/C,QACE,QAAO,oCAAC,oBAAiB,OAAO,aAAc;;;AAIpD,QACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,MAAM,UAAU,IAC1C,oBAAoB,CACjB;;;;;ACjCV,MAAMC,cAAY,YAAY,WAAW,EACvC,MAAM,EAEL,EACF,EAAE;AAEH,MAAa,sBAAsB,UAAU;CAC3C,MAAM,EACJ,UACA,GAAG,eACD;CACJ,MAAM,UAAUA,YAAU,MAAM;AAEhC,QACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,MAAM,UAAU,IAC3C,oCAAC,kBAAe,OAAO,aAAc,CACjC;;;;;AChBV,MAAMC,cAAY,YAAY,WAAW,EACvC,MAAM,EAEL,EACF,EAAE;AAEH,MAAa,uBAAuB,UAAU;CAC5C,MAAM,EACJ,UACA,GAAG,eACD;CACJ,MAAM,UAAUA,YAAU,MAAM;AAEhC,QACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,MAAM,UAAU,IAC3C,oCAAC,mBAAgB,OAAO,aAAc,CAClC;;;;;AChBV,MAAMC,cAAY,YAAY,WAAW;CACvC,MAAM,EACJ,OAAO,QACR;CACD,WAAW;EACT,UAAU,UAAW,MAAM,OAAO,MAAM,QAAQ,EAAE,GAAG,MAAM,QAAQ,IAAK;EACxE,eAAe,MAAM,QAAQ,EAAE;EAC/B,cAAc,MAAM,QAAQ,EAAE;EAC9B,aAAa,UAAU,MAAM;EAC9B;CACD,YAAY,EACV,SAAS,QACV;CACD,cAAc;EACZ,MAAM;EACN,OAAO;EACR;CACF,EAAE;AAEH,MAAa,iBAAiB,UAAU;CACtC,MAAM,UAAUA,YAAU,MAAM;CAChC,MAAM,EAAE,UAAU,SAAS,aAAa,SAAS,aAAa,UAAU;AAExE,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC,SAAI,WAAW,QAAQ,aAAW,KAAE,UAAS,IAAO,EAErD,oCAAC,SAAI,WAAW,QAAQ,cACtB,oCAAC,SAAI,WAAW,QAAQ,gBAAe,QAAc,EACrD,oCAAC,aACC,oCAAC;EACU;EACT,MAAM;EACO;EACN;GACP,CACE,CACF,CACF;;AAGV,cAAc,YAAY;CAIxB,UAAU,UAAU;CAIpB,SAAS,UAAU;CAInB,aAAa,UAAU;CAMvB,SAAS,UAAU;CAInB,aAAa,UAAU;CAIvB,OAAO,UAAU;CAClB;;;;ACpED,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM,EAEL,EACF,EAAE;AAEH,MAAa,wBAAwB,UAAU;CAC7C,MAAM,EACJ,UACA,GAAG,eACD;CACJ,MAAM,UAAU,UAAU,MAAM;AAEhC,QACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,MAAM,UAAU,IAC3C,oCAAC,oBAAiB,OAAO,aAAc,CACnC"}

package/dist/tenantContext-CMEUzypH.js

@@ -0,0 +1,8 @@
+import { createContext } from "react";
+
+//#region src/utilities/tenant/tenantContext.ts
+const TenantContext = createContext(null);
+
+//#endregion
+export { TenantContext as t };
+//# sourceMappingURL=tenantContext-CMEUzypH.js.map

package/dist/tenantContext-CMEUzypH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tenantContext-CMEUzypH.js","names":[],"sources":["../src/utilities/tenant/tenantContext.ts"],"sourcesContent":["import { Tenant } from '../types'\nimport { createContext } from 'react';\n\n\nexport const TenantContext = createContext<{tenantsList: Tenant[], activeTenant: Tenant, refresh: () => void} | null>(null);\n"],"mappings":";;;AAIA,MAAa,gBAAgB,cAAyF,KAAK"}

package/dist/tenantStore-BCdG8bEr.js

@@ -0,0 +1,19 @@
+import { j as TenantTypeEnums } from "./unitySystemEnums-C3qeqk7V.js";
+import { create } from "zustand";
+import { devtools } from "zustand/middleware";
+
+//#region src/stores/tenantStore.ts
+const useTenantStore = create()(devtools((set) => ({
+	currentTenant: null,
+	setCurrentTenant: (currentTenant) => set((state) => {
+		return {
+			currentTenant,
+			isProductTenant: currentTenant?.tenantType === TenantTypeEnums.Product
+		};
+	}),
+	isProductTenant: false
+})));
+
+//#endregion
+export { useTenantStore as t };
+//# sourceMappingURL=tenantStore-BCdG8bEr.js.map

package/dist/tenantStore-BCdG8bEr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tenantStore-BCdG8bEr.js","names":["useTenantStore: () => TenantState"],"sources":["../src/stores/tenantStore.ts"],"sourcesContent":["import { create } from 'zustand';\nimport { devtools } from 'zustand/middleware';\nimport { TenantTypeEnums } from '../enums/unitySystemEnums';\n\ninterface TenantView {\n  tenantId: string;\n  name: string | null | undefined;\n  tenantType: number | null | undefined;\n}\n\ninterface TenantState {\n  currentTenant: TenantView | null | undefined;\n  setCurrentTenant: (currentTenant: TenantView) => void;\n  isProductTenant: boolean;\n}\n\nexport const useTenantStore: () => TenantState = create<TenantState>()(\n  devtools((set) => ({\n    currentTenant: null,\n    setCurrentTenant: (currentTenant: TenantView) =>\n      set((state) => {\n        const isProductTenant =\n          currentTenant?.tenantType === TenantTypeEnums.Product;\n        return { currentTenant, isProductTenant };\n      }),\n    isProductTenant: false\n  }))\n);\n"],"mappings":";;;;;AAgBA,MAAaA,iBAAoC,QAAqB,CACpE,UAAU,SAAS;CACjB,eAAe;CACf,mBAAmB,kBACjB,KAAK,UAAU;AAGb,SAAO;GAAE;GAAe,iBADtB,eAAe,eAAe,gBAAgB;GACP;GACzC;CACJ,iBAAiB;CAClB,EAAE,CACJ"}

package/dist/theme-Cglg2APV.js

@@ -0,0 +1,286 @@
+import { i as verticalSecondary, n as useTypeScale, r as verticalPrimary, t as greyScale } from "./verticalStyles-Dw8XL1HT.js";
+import React, { useCallback, useMemo, useState } from "react";
+import { CssBaseline, lighten } from "@material-ui/core";
+import _ from "lodash";
+import { createTheme } from "@material-ui/core/styles";
+import MuiThemeProvider from "@material-ui/styles/esm/ThemeProvider";
+
+//#region src/utilities/stringUtils.js
+/**
+* stringToProps
+*
+* @export
+* @param {*} stringProperties
+* @return {*}
+*/
+function stringToProps(stringProperties) {
+	if (!stringProperties) throw new Error("No properties found");
+	let configObject = {};
+	try {
+		const configArray = JSON.parse(stringProperties);
+		configObject = _.fromPairs(configArray.map((item) => {
+			return [_.camelCase(item.key || item.Key), _.has(item, "Value") ? item.Value : item.value || ""];
+		}));
+	} catch (error) {
+		return { error: error.message };
+	}
+	return { attributes: configObject };
+}
+
+//#endregion
+//#region src/utilities/systemColors.js
+const useSystemColor = () => {
+	const [color] = useState({
+		info: "rgb(15, 98, 254)",
+		error: "rgb(218, 30, 40)",
+		warning: "rgb(255, 131, 43)",
+		success: "rgb(36, 161, 72)"
+	});
+	return [color];
+};
+
+//#endregion
+//#region src/utilities/theme.jsx
+/**
+* Custom MUI theme provider
+*/
+const ThemeProvider = ({ children }) => {
+	const [h1, h2, h3, h4, h5, h6, body1, body2, subtitle1, subtitle2, subtitle3, button, caption, caption2, overline] = useTypeScale();
+	const [currentTheme, setCurrentTheme] = useState("");
+	const [mode, setMode] = useState("light");
+	const getThemeData = useCallback(() => {
+		return {
+			mode,
+			currentTheme
+		};
+	}, [mode, currentTheme]);
+	const theme = useMemo(() => {
+		const { augmentColor } = createTheme().palette;
+		const primary = verticalPrimary(currentTheme?.toLowerCase());
+		const secondary = verticalSecondary(currentTheme?.toLowerCase());
+		return {
+			...createTheme({
+				...createTheme({
+					palette: {
+						type: mode,
+						primary: {
+							main: primary,
+							light: lighten(primary, .8)
+						},
+						secondary: { main: secondary },
+						appBar: augmentColor({ main: "#021b38" }),
+						background: {
+							default: greyScale(mode),
+							footer: "#021b38"
+						}
+					},
+					dimensions: { drawerWidth: 200 },
+					typography: { fontFamily: [
+						"Segoe UI",
+						"Roboto",
+						"Noto",
+						"Helvetica Neue",
+						"Helvetica",
+						"Ubuntu",
+						"Arial",
+						"sans-serif",
+						"Apple Color Emoji",
+						"Segoe UI Emoji",
+						"Segoe UI Symbol"
+					].map((item) => item.includes(" ") ? `"${item}"` : item).join(", ") },
+					mixins: {},
+					props: { MuiTextField: {
+						margin: "normal",
+						variant: "filled",
+						fullWidth: true
+					} }
+				}),
+				overrides: {
+					MuiCssBaseline: { "@global": {
+						"*::-webkit-scrollbar": {
+							height: 8,
+							width: 8,
+							backgroundColor: "#fff"
+						},
+						"*::-webkit-scrollbar-track": { backgroundColor: "#fff" },
+						"*::-webkit-scrollbar-track:hover": { backgroundColor: "#f4f4f4" },
+						"*::-webkit-scrollbar-thumb": {
+							backgroundColor: "#babac0",
+							borderRadius: 16,
+							border: "2px solid #fff"
+						},
+						"*::-webkit-scrollbar-thumb:hover": {
+							backgroundColor: "#a0a0a5",
+							border: "2px solid #f4f4f4"
+						}
+					} },
+					MuiTypography: {
+						h1: {
+							fontSize: h1.size,
+							fontWeight: h1.weight,
+							lineHeight: h1.lineHeight,
+							letterSpacing: h1.letterSpacing
+						},
+						h2: {
+							fontSize: h2.size,
+							fontWeight: h2.weight,
+							lineHeight: h2.lineHeight,
+							letterSpacing: h2.letterSpacing
+						},
+						h3: {
+							fontSize: h3.size,
+							fontWeight: h3.weight,
+							lineHeight: h3.lineHeight,
+							letterSpacing: h3.letterSpacing
+						},
+						h4: {
+							fontSize: h4.size,
+							fontWeight: h4.weight,
+							lineHeight: h4.lineHeight,
+							letterSpacing: h4.letterSpacing
+						},
+						h5: {
+							fontSize: h5.size,
+							fontWeight: h5.weight,
+							lineHeight: h5.lineHeight,
+							letterSpacing: h5.letterSpacing
+						},
+						h6: {
+							fontSize: h6.size,
+							fontWeight: h6.weight,
+							lineHeight: h6.lineHeight,
+							letterSpacing: h6.letterSpacing
+						},
+						subtitle1: {
+							fontSize: subtitle1.size,
+							fontWeight: subtitle1.weight,
+							lineHeight: subtitle1.lineHeight,
+							letterSpacing: subtitle1.letterSpacing
+						},
+						subtitle2: {
+							fontSize: subtitle2.size,
+							fontWeight: subtitle2.weight,
+							lineHeight: subtitle2.lineHeight,
+							letterSpacing: subtitle2.letterSpacing
+						},
+						subtitle3: {
+							fontSize: subtitle3.size,
+							fontWeight: subtitle3.weight,
+							lineHeight: subtitle3.lineHeight,
+							letterSpacing: subtitle3.letterSpacing
+						},
+						body1: {
+							fontSize: body1.size,
+							fontWeight: body1.weight,
+							lineHeight: body1.lineHeight,
+							letterSpacing: body1.letterSpacing
+						},
+						body2: {
+							fontSize: body2.size,
+							fontWeight: body2.weight,
+							lineHeight: body2.lineHeight,
+							letterSpacing: body2.letterSpacing
+						},
+						button: {
+							fontSize: button.size,
+							fontWeight: button.weight,
+							lineHeight: button.lineHeight,
+							letterSpacing: button.letterSpacing
+						},
+						caption: {
+							fontSize: caption.size,
+							fontWeight: caption.weight,
+							lineHeight: caption.lineHeight,
+							letterSpacing: caption.letterSpacing
+						},
+						caption2: {
+							fontSize: caption2.size,
+							fontWeight: caption2.weight,
+							lineHeight: caption2.lineHeight,
+							letterSpacing: caption2.letterSpacing
+						},
+						overline: {
+							fontSize: overline.size,
+							fontWeight: overline.weight,
+							lineHeight: overline.lineHeight,
+							letterSpacing: overline.letterSpacing
+						}
+					}
+				}
+			}),
+			setCurrentTheme,
+			isInitialized: currentTheme !== "",
+			setMode,
+			getThemeData
+		};
+	}, [
+		body1.letterSpacing,
+		body1.lineHeight,
+		body1.size,
+		body1.weight,
+		body2.letterSpacing,
+		body2.lineHeight,
+		body2.size,
+		body2.weight,
+		button.letterSpacing,
+		button.lineHeight,
+		button.size,
+		button.weight,
+		caption.letterSpacing,
+		caption.lineHeight,
+		caption.size,
+		caption.weight,
+		caption2.letterSpacing,
+		caption2.lineHeight,
+		caption2.size,
+		caption2.weight,
+		h1.letterSpacing,
+		h1.lineHeight,
+		h1.size,
+		h1.weight,
+		h2.letterSpacing,
+		h2.lineHeight,
+		h2.size,
+		h2.weight,
+		h3.letterSpacing,
+		h3.lineHeight,
+		h3.size,
+		h3.weight,
+		h4.letterSpacing,
+		h4.lineHeight,
+		h4.size,
+		h4.weight,
+		h5.letterSpacing,
+		h5.lineHeight,
+		h5.size,
+		h5.weight,
+		h6.letterSpacing,
+		h6.lineHeight,
+		h6.size,
+		h6.weight,
+		overline.letterSpacing,
+		overline.lineHeight,
+		overline.size,
+		overline.weight,
+		subtitle1.letterSpacing,
+		subtitle1.lineHeight,
+		subtitle1.size,
+		subtitle1.weight,
+		subtitle2.letterSpacing,
+		subtitle2.lineHeight,
+		subtitle2.size,
+		subtitle2.weight,
+		subtitle3.letterSpacing,
+		subtitle3.lineHeight,
+		subtitle3.size,
+		subtitle3.weight,
+		currentTheme,
+		mode,
+		getThemeData
+	]);
+	return /* @__PURE__ */ React.createElement(MuiThemeProvider, { theme }, /* @__PURE__ */ React.createElement(CssBaseline, null), children);
+};
+
+//#endregion
+export { useSystemColor as n, stringToProps as r, ThemeProvider as t };
+//# sourceMappingURL=theme-Cglg2APV.js.map

package/dist/theme-Cglg2APV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-Cglg2APV.js","names":[],"sources":["../src/utilities/stringUtils.js","../src/utilities/systemColors.js","../src/utilities/theme.jsx"],"sourcesContent":["import _ from 'lodash';\n\n/**\n * stringToProps\n *\n * @export\n * @param {*} stringProperties\n * @return {*}\n */\nexport function stringToProps(stringProperties) {\n  if (!stringProperties) {\n    throw new Error('No properties found');\n  }\n\n  let configObject = {};\n\n  try {\n    // Parse the JSON string into an array of objects\n    const configArray = JSON.parse(stringProperties);\n\n    configObject = _.fromPairs(\n      configArray.map((item) => {\n        // Normalize the key to camelCase, regardless of its original casing\n        const key = _.camelCase(item.key || item.Key);\n        const value = _.has(item, 'Value') ? item.Value : item.value || '';\n        return [key, value];\n      })\n    );\n  } catch (error) {\n    return { error: error.message };\n  }\n\n  return { attributes: configObject };\n}\n","import { useState } from 'react'\n\nexport const useSystemColor = () => {\n  const [color] = useState({\n    info: 'rgb(15, 98, 254)',\n    error: 'rgb(218, 30, 40)',\n    warning: 'rgb(255, 131, 43)',\n    success: 'rgb(36, 161, 72)'\n  })\n\n  return [color]\n}\n","import React, { useCallback, useMemo, useState } from 'react';\nimport { CssBaseline, lighten } from '@material-ui/core';\nimport {default as MuiThemeProvider } from '@material-ui/styles/esm/ThemeProvider';\nimport { createTheme } from '@material-ui/core/styles';\nimport { verticalPrimary, verticalSecondary } from './style/verticalStyles';\nimport { useTypeScale } from './style/verticalStyles';\nimport { greyScale } from './style/verticalStyles';\n/**\n * Custom MUI theme provider\n */\nexport const ThemeProvider = ({ children }) => {\n  const [\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6,\n    body1,\n    body2,\n    subtitle1,\n    subtitle2,\n    subtitle3,\n    button,\n    caption,\n    caption2,\n    overline\n  ] = useTypeScale();\n  const [currentTheme, setCurrentTheme] = useState('');\n  const [mode, setMode] = useState('light');\n\n  const getThemeData = useCallback(() => {\n    return { mode, currentTheme };\n  }, [mode, currentTheme]);\n\n  const theme = useMemo(() => {\n    const { augmentColor } = createTheme().palette;\n\n    const primary = verticalPrimary(currentTheme?.toLowerCase());\n    const secondary = verticalSecondary(currentTheme?.toLowerCase());\n\n    const coreTheme = createTheme({\n      palette: {\n        type: mode,\n        primary: {\n          main: primary,\n          light: lighten(primary, 0.8)\n        },\n        secondary: {\n          main: secondary\n        },\n        appBar: augmentColor({\n          main: '#021b38'\n        }),\n        background: {\n          default: greyScale(mode),\n          footer: '#021b38'\n        }\n      },\n      dimensions: {\n        drawerWidth: 200\n      },\n      typography: {\n        fontFamily: [\n          // Webfont\n          // System font stack\n          // '-apple-system',\n          // 'BlinkMacSystemFont',\n          'Segoe UI',\n          'Roboto',\n          'Noto',\n          'Helvetica Neue',\n          'Helvetica',\n          'Ubuntu',\n          'Arial',\n          'sans-serif',\n          'Apple Color Emoji',\n          'Segoe UI Emoji',\n          'Segoe UI Symbol'\n        ]\n          .map((item) => (item.includes(' ') ? `\"${item}\"` : item))\n          .join(', ')\n      },\n      mixins: {\n        // toolbar: {\n        //   minHeight: 48,\n        //   padding: 0\n        // }\n      },\n      props: {\n        MuiTextField: {\n          margin: 'normal',\n          variant: 'filled',\n          fullWidth: true\n        }\n      }\n    });\n\n    const fullTheme = createTheme({\n      ...coreTheme,\n      overrides: {\n        MuiCssBaseline: {\n          '@global': {\n            '*::-webkit-scrollbar': {\n              height: 8,\n              width: 8,\n              backgroundColor: '#fff'\n            },\n            '*::-webkit-scrollbar-track': {\n              backgroundColor: '#fff'\n            },\n            '*::-webkit-scrollbar-track:hover': {\n              backgroundColor: '#f4f4f4'\n            },\n            '*::-webkit-scrollbar-thumb': {\n              backgroundColor: '#babac0',\n              borderRadius: 16,\n              border: '2px solid #fff'\n            },\n            '*::-webkit-scrollbar-thumb:hover': {\n              backgroundColor: '#a0a0a5',\n              border: '2px solid #f4f4f4'\n            }\n          }\n        },\n        MuiTypography: {\n          h1: {\n            fontSize: h1.size,\n            fontWeight: h1.weight,\n            lineHeight: h1.lineHeight,\n            letterSpacing: h1.letterSpacing\n          },\n          h2: {\n            fontSize: h2.size,\n            fontWeight: h2.weight,\n            lineHeight: h2.lineHeight,\n            letterSpacing: h2.letterSpacing\n          },\n          h3: {\n            fontSize: h3.size,\n            fontWeight: h3.weight,\n            lineHeight: h3.lineHeight,\n            letterSpacing: h3.letterSpacing\n          },\n          h4: {\n            fontSize: h4.size,\n            fontWeight: h4.weight,\n            lineHeight: h4.lineHeight,\n            letterSpacing: h4.letterSpacing\n          },\n\n          h5: {\n            fontSize: h5.size,\n            fontWeight: h5.weight,\n            lineHeight: h5.lineHeight,\n            letterSpacing: h5.letterSpacing\n          },\n          h6: {\n            fontSize: h6.size,\n            fontWeight: h6.weight,\n            lineHeight: h6.lineHeight,\n            letterSpacing: h6.letterSpacing\n          },\n          subtitle1: {\n            fontSize: subtitle1.size,\n            fontWeight: subtitle1.weight,\n            lineHeight: subtitle1.lineHeight,\n            letterSpacing: subtitle1.letterSpacing\n          },\n          subtitle2: {\n            fontSize: subtitle2.size,\n            fontWeight: subtitle2.weight,\n            lineHeight: subtitle2.lineHeight,\n            letterSpacing: subtitle2.letterSpacing\n          },\n          subtitle3: {\n            fontSize: subtitle3.size,\n            fontWeight: subtitle3.weight,\n            lineHeight: subtitle3.lineHeight,\n            letterSpacing: subtitle3.letterSpacing\n          },\n          body1: {\n            fontSize: body1.size,\n            fontWeight: body1.weight,\n            lineHeight: body1.lineHeight,\n            letterSpacing: body1.letterSpacing\n          },\n          body2: {\n            fontSize: body2.size,\n            fontWeight: body2.weight,\n            lineHeight: body2.lineHeight,\n            letterSpacing: body2.letterSpacing\n          },\n          button: {\n            fontSize: button.size,\n            fontWeight: button.weight,\n            lineHeight: button.lineHeight,\n            letterSpacing: button.letterSpacing\n          },\n          caption: {\n            fontSize: caption.size,\n            fontWeight: caption.weight,\n            lineHeight: caption.lineHeight,\n            letterSpacing: caption.letterSpacing\n          },\n          caption2: {\n            fontSize: caption2.size,\n            fontWeight: caption2.weight,\n            lineHeight: caption2.lineHeight,\n            letterSpacing: caption2.letterSpacing\n          },\n          overline: {\n            fontSize: overline.size,\n            fontWeight: overline.weight,\n            lineHeight: overline.lineHeight,\n            letterSpacing: overline.letterSpacing\n          }\n        }\n      }\n    });\n    return {\n      ...fullTheme,\n      setCurrentTheme,\n      isInitialized: currentTheme !== '',\n      setMode,\n      getThemeData\n    };\n  }, [\n    body1.letterSpacing,\n    body1.lineHeight,\n    body1.size,\n    body1.weight,\n    body2.letterSpacing,\n    body2.lineHeight,\n    body2.size,\n    body2.weight,\n    button.letterSpacing,\n    button.lineHeight,\n    button.size,\n    button.weight,\n    caption.letterSpacing,\n    caption.lineHeight,\n    caption.size,\n    caption.weight,\n    caption2.letterSpacing,\n    caption2.lineHeight,\n    caption2.size,\n    caption2.weight,\n    h1.letterSpacing,\n    h1.lineHeight,\n    h1.size,\n    h1.weight,\n    h2.letterSpacing,\n    h2.lineHeight,\n    h2.size,\n    h2.weight,\n    h3.letterSpacing,\n    h3.lineHeight,\n    h3.size,\n    h3.weight,\n    h4.letterSpacing,\n    h4.lineHeight,\n    h4.size,\n    h4.weight,\n    h5.letterSpacing,\n    h5.lineHeight,\n    h5.size,\n    h5.weight,\n    h6.letterSpacing,\n    h6.lineHeight,\n    h6.size,\n    h6.weight,\n    overline.letterSpacing,\n    overline.lineHeight,\n    overline.size,\n    overline.weight,\n    subtitle1.letterSpacing,\n    subtitle1.lineHeight,\n    subtitle1.size,\n    subtitle1.weight,\n    subtitle2.letterSpacing,\n    subtitle2.lineHeight,\n    subtitle2.size,\n    subtitle2.weight,\n    subtitle3.letterSpacing,\n    subtitle3.lineHeight,\n    subtitle3.size,\n    subtitle3.weight,\n    currentTheme,\n    mode,\n    getThemeData\n  ]);\n\n  return (\n    <MuiThemeProvider theme={theme}>\n      <CssBaseline />\n      {children}\n    </MuiThemeProvider>\n  );\n};\n"],"mappings":"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"}