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

package/dist/ShortcutContentFinder-M8Rg7N2i.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ShortcutContentFinder-M8Rg7N2i.js","names":[],"sources":["../src/udp/ShortcutContent/ListSearch.jsx","../src/udp/ShortcutContent/ShortcutContentFinder.jsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport {\n  TextField,\n  List,\n  ListItem,\n  ListItemText,\n  makeStyles,\n  Chip,\n  Divider\n} from '@material-ui/core';\nimport { useTranslation } from 'react-i18next';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  input: {\n    height: 34,\n    padding: 0\n  },\n  formTextInput: {\n    fontSize: 14\n  },\n  labelRoot: {\n    fontSize: 14\n  },\n  chipContainer: {\n    marginRight: theme.spacing(1)\n  },\n  divider: { width: '100%' }\n}));\n\nexport const ListSearch = (props) => {\n  const {\n    items,\n    onClick,\n    contentKey = 'content',\n    tagKey = 'code',\n    includeTags = 'false',\n    searchLabel = 'Search',\n    maxHeight = 400\n  } = props;\n  const [searchText, setSearchText] = useState('');\n  const classes = useStyles(props);\n\n  const { t } = useTranslation();\n\n  const filteredItems = useMemo(() => {\n    if (!items.length) {\n      return [];\n    }\n    return items?.filter((item) => {\n      if (item[contentKey]?.toLowerCase().includes(searchText?.toLowerCase())) {\n        return true;\n      }\n      if (\n        includeTags &&\n        item[tagKey]?.toLowerCase().includes(searchText?.toLowerCase())\n      ) {\n        return true;\n      }\n      return false;\n    });\n  }, [searchText, items, contentKey, tagKey, includeTags]);\n\n  const handleSearchChange = (event) => {\n    setSearchText(event.target.value);\n  };\n\n  const handleOnClick = useCallback(\n    (value) => {\n      if (onClick) {\n        onClick(value);\n      }\n    },\n    [onClick]\n  );\n\n  return (\n    <div className={classes.root}>\n      <TextField\n        label={t(`${searchLabel}`)}\n        value={searchText}\n        onChange={handleSearchChange}\n        fullWidth\n        variant='outlined'\n        size='small'\n        margin='dense'\n        InputProps={{\n          classes: {\n            root: classes?.input,\n            input: classes?.formTextInput\n          }\n        }}\n        InputLabelProps={{\n          classes: {\n            root: classes?.labelRoot\n          }\n        }}\n      />\n      <List\n        style={{ maxHeight: maxHeight, overflow: 'auto', overflowX: 'hidden' }}\n      >\n        {filteredItems.map((item, index) => (\n          <>\n            <ListItem\n              button\n              onClick={() => handleOnClick(item[contentKey])}\n              key={index}\n              disableGutters\n            >\n              {includeTags && (\n                <div className={classes.chipContainer}>\n                  <Chip\n                    label={item[tagKey]}\n                    color='primary'\n                    variant='outlined'\n                  />\n                </div>\n              )}\n              <ListItemText primary={item[contentKey]} />\n            </ListItem>\n            <div className={classes.divider}>\n              <Divider orientation='horizontal' />\n            </div>\n          </>\n        ))}\n      </List>\n    </div>\n  );\n};\n","import React, { useEffect, useMemo, useState } from 'react';\nimport { ListSearch } from './ListSearch';\nimport {\n  EntityAttributeEnums,\n  LogicalSearchOperatorEnums,\n  UdpEnums\n} from '../../enums/unitySystemEnums';\nimport { getBaseMethod, executeQueryAdHoc } from '../utilities/methodUtils';\nimport { useActionState } from '../../hooks/useActions';\nimport { useShellStore } from '../../stores/shellStore';\nimport { useUser } from '../../utilities/auth/useUser';\nimport { getSearchObject } from '../../utilities/search/SearchUtilities';\nimport { useTenantStore } from '../../stores/tenantStore';\n\nexport const ShortcutContentFinder = (props) => {\n  const { onSelect } = props;\n  const [shortcutContentOptions, setShortCutContentOptions] = useState([]);\n  const actionState = useActionState();\n  const { catalogPromotedEntities } = actionState;\n  const shellHidden = useShellStore((state) => state.shellHidden);\n  const user = useUser();\n  const isProductTenant = useTenantStore((state) => state.isProductTenant);\n\n  const shortcutContentSearchApiMethod = useMemo(() => {\n    return getBaseMethod(\n      UdpEnums.Udp_Shortcut_Content,\n      'unityBaseSearchMethod',\n      catalogPromotedEntities\n    );\n  }, [catalogPromotedEntities]);\n\n  useEffect(() => {\n    const getTemplateOptions = async () => {\n      let options = [];\n      if (shortcutContentSearchApiMethod) {\n        const filterElements = [];\n        if (isProductTenant) {\n          filterElements.push({\n            searchField: EntityAttributeEnums.Is_Product_ShortcutContent,\n            searchValue: true,\n            searchOperator: '='\n          });\n        }\n        const searchObject = getSearchObject(\n          filterElements,\n          LogicalSearchOperatorEnums.Or,\n          200,\n          true\n        );\n        const data = { data: searchObject };\n        const shortcutContentResponse = await executeQueryAdHoc(\n          data,\n          shortcutContentSearchApiMethod.apiMethodId\n        );\n        if (shortcutContentResponse?.status === 200) {\n          options = shortcutContentResponse.data?.pageList;\n        }\n      }\n\n      setShortCutContentOptions(options);\n    };\n    getTemplateOptions();\n  }, [\n    shortcutContentSearchApiMethod,\n    setShortCutContentOptions,\n    user,\n    isProductTenant\n  ]);\n\n  return (\n    <ListSearch\n      items={shortcutContentOptions}\n      onClick={onSelect}\n      searchLabel='Filter Shortcuts'\n      includeTags={true}\n      maxHeight={`calc(100vh - ${shellHidden ? '614px' : '669px'})`}\n    />\n  );\n};\n"],"mappings":"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"}

package/dist/SideBarTemplate-CIwUGjnW.js

@@ -1,128 +0,0 @@
-import { FluentIconButton } from "./FluentIconButton-le92OnEc.js";
-import { AmbientCard } from "./AmbientCard-Cp-eNzrW.js";
-import { GridRow, GridUnit, getRatio } from "./GridRow-DZXcsSu-.js";
-import React, { Children, useState } from "react";
-import { Box, Fade, makeStyles, useTheme } from "@material-ui/core";
-import { ChevronLeftIcon, ChevronRightIcon } from "@fluentui/react-icons";
-
-//#region src/layout/GridGroup.jsx
-const GridGroup = ({ col1, col2, col3, col4, col5, col6, ratio, highlight }) => {
-	const theme = useTheme();
-	const cnt = Children.toArray(col1).length;
-	const cnt2 = Children.toArray(col2).length;
-	const cnt3 = Children.toArray(col3).length;
-	const cnt4 = Children.toArray(col4).length;
-	const cnt5 = Children.toArray(col5).length;
-	const cnt6 = Children.toArray(col6).length;
-	const number = cnt + cnt2 + cnt3 + cnt4 + cnt5 + cnt6;
-	const width = theme.spacing(154) / number / 8;
-	const ratioArr = getRatio(ratio);
-	const staticDisplay = /* @__PURE__ */ React.createElement(GridRow, { highlight }, number >= 1 && /* @__PURE__ */ React.createElement(GridUnit, {
-		width: theme.spacing(width),
-		columnPadding: 8 * number - 8,
-		r1: ratioArr[0],
-		r2: ratioArr[1]
-	}, col1), number >= 2 && /* @__PURE__ */ React.createElement(GridUnit, {
-		width: theme.spacing(width),
-		columnPadding: 8 * number - 8,
-		r1: ratioArr[0],
-		r2: ratioArr[1]
-	}, col2), number >= 3 && /* @__PURE__ */ React.createElement(GridUnit, {
-		width: theme.spacing(width),
-		columnPadding: 8 * number - 8,
-		r1: ratioArr[0],
-		r2: ratioArr[1]
-	}, col3), number >= 4 && /* @__PURE__ */ React.createElement(GridUnit, {
-		width: theme.spacing(width),
-		columnPadding: 8 * number - 8,
-		r1: ratioArr[0],
-		r2: ratioArr[1]
-	}, col4), number >= 5 && /* @__PURE__ */ React.createElement(GridUnit, {
-		width: theme.spacing(width),
-		columnPadding: 8 * number - 8,
-		r1: ratioArr[0],
-		r2: ratioArr[1]
-	}, col5), number >= 6 && /* @__PURE__ */ React.createElement(GridUnit, {
-		width: theme.spacing(width),
-		columnPadding: 8 * number - 8,
-		r1: ratioArr[0],
-		r2: ratioArr[1]
-	}, col6));
-	return /* @__PURE__ */ React.createElement("div", null, " ", staticDisplay, " ");
-};
-
-//#endregion
-//#region src/layout/HeaderLayout.jsx
-const HeaderLayout = ({ children }) => {
-	return /* @__PURE__ */ React.createElement(AmbientCard, {
-		style: {
-			marginTop: 0,
-			padding: 0
-		},
-		fullWidth: true
-	}, /* @__PURE__ */ React.createElement(Box, {
-		display: "flex",
-		flexDirection: "column"
-	}, /* @__PURE__ */ React.createElement(Box, {
-		display: "flex",
-		flexDirection: "column",
-		alignItems: "flex-start",
-		style: { padding: "0px" }
-	}, /* @__PURE__ */ React.createElement(Box, {
-		display: "flex",
-		flexDirection: "row",
-		alignItems: "center",
-		style: {
-			padding: "0px",
-			width: "100%",
-			gap: "10px"
-		}
-	}, children))));
-};
-
-//#endregion
-//#region src/layout/templates/SideBarTemplate.jsx
-const useStyles = makeStyles((theme) => ({
-	root: {
-		display: "flex",
-		flexDirection: "row",
-		width: "100%",
-		position: "relative"
-	},
-	column: {
-		display: "flex",
-		flexDirection: "row",
-		flex: 1
-	},
-	content: { flex: 1 },
-	sideBar: {
-		height: "100vh",
-		background: theme.palette.primary.light
-	}
-}));
-const SideBarTemplate = ({ children, sidebar }) => {
-	const classes = useStyles();
-	const [open, setOpen] = useState(true);
-	const toggleSidebar = () => {
-		setOpen(!open);
-	};
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.column }, /* @__PURE__ */ React.createElement("div", { className: classes.content }, children), /* @__PURE__ */ React.createElement("div", { style: {
-		position: "absolute",
-		top: 0,
-		right: open ? 300 : 0
-	} }, /* @__PURE__ */ React.createElement(FluentIconButton, {
-		color: "primary",
-		icon: open ? ChevronRightIcon : ChevronLeftIcon,
-		onClick: toggleSidebar
-	})), open && /* @__PURE__ */ React.createElement(Fade, {
-		in: open,
-		timeout: {
-			enter: 1e3,
-			exit: 1e3
-		}
-	}, /* @__PURE__ */ React.createElement("div", { className: classes.sideBar }, sidebar))));
-};
-
-//#endregion
-export { GridGroup, HeaderLayout, SideBarTemplate };
-//# sourceMappingURL=SideBarTemplate-CIwUGjnW.js.map

package/dist/SideBarTemplate-CIwUGjnW.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SideBarTemplate-CIwUGjnW.js","names":[],"sources":["../src/layout/GridGroup.jsx","../src/layout/HeaderLayout.jsx","../src/layout/templates/SideBarTemplate.jsx"],"sourcesContent":["import React, { Children } from 'react';\nimport { useTheme } from '@material-ui/core';\nimport { GridUnit } from './GridUnit';\nimport { GridRow } from './GridRow';\nimport { getRatio } from './getRatio';\n\nexport const GridGroup = ({\n  col1,\n  col2,\n  col3,\n  col4,\n  col5,\n  col6,\n  ratio,\n  highlight\n}) => {\n  const theme = useTheme();\n\n  const cnt = Children.toArray(col1).length;\n  const cnt2 = Children.toArray(col2).length;\n  const cnt3 = Children.toArray(col3).length;\n  const cnt4 = Children.toArray(col4).length;\n  const cnt5 = Children.toArray(col5).length;\n  const cnt6 = Children.toArray(col6).length;\n\n  const number = cnt + cnt2 + cnt3 + cnt4 + cnt5 + cnt6;\n  const width = theme.spacing(154) / number / 8;\n\n  const ratioArr = getRatio(ratio);\n  const staticDisplay = (\n    <GridRow highlight={highlight}>\n      {number >= 1 && (\n        <GridUnit\n          width={theme.spacing(width)}\n          columnPadding={8 * number - 8}\n          r1={ratioArr[0]}\n          r2={ratioArr[1]}\n        >\n          {col1}\n        </GridUnit>\n      )}\n\n      {number >= 2 && (\n        <GridUnit\n          width={theme.spacing(width)}\n          columnPadding={8 * number - 8}\n          r1={ratioArr[0]}\n          r2={ratioArr[1]}\n        >\n          {col2}\n        </GridUnit>\n      )}\n      {number >= 3 && (\n        <GridUnit\n          width={theme.spacing(width)}\n          columnPadding={8 * number - 8}\n          r1={ratioArr[0]}\n          r2={ratioArr[1]}\n        >\n          {col3}\n        </GridUnit>\n      )}\n      {number >= 4 && (\n        <GridUnit\n          width={theme.spacing(width)}\n          columnPadding={8 * number - 8}\n          r1={ratioArr[0]}\n          r2={ratioArr[1]}\n        >\n          {col4}\n        </GridUnit>\n      )}\n      {number >= 5 && (\n        <GridUnit\n          width={theme.spacing(width)}\n          columnPadding={8 * number - 8}\n          r1={ratioArr[0]}\n          r2={ratioArr[1]}\n        >\n          {col5}\n        </GridUnit>\n      )}\n      {number >= 6 && (\n        <GridUnit\n          width={theme.spacing(width)}\n          columnPadding={8 * number - 8}\n          r1={ratioArr[0]}\n          r2={ratioArr[1]}\n        >\n          {col6}\n        </GridUnit>\n      )}\n    </GridRow>\n  );\n\n  return <div> {staticDisplay} </div>;\n};\n","import React from 'react';\nimport { AmbientCard } from '../UI/surfaces/cards/AmbientCard';\nimport { Box } from '@material-ui/core';\n\nexport const HeaderLayout = ({ children }) => {\n  return (\n    <AmbientCard style={{ marginTop: 0, padding: 0 }} fullWidth>\n      <Box display=\"flex\" flexDirection=\"column\">\n        <Box\n          display=\"flex\"\n          flexDirection=\"column\"\n          alignItems=\"flex-start\"\n          style={{\n            padding: '0px',\n          }}\n        >\n          <Box\n            display=\"flex\"\n            flexDirection=\"row\"\n            alignItems=\"center\"\n            style={{\n              padding: '0px',\n              width: '100%',\n              gap: '10px',\n            }}\n          >\n            {children}\n          </Box>\n        </Box>\n      </Box>\n    </AmbientCard>\n  );\n};\n","import React, { useState } from 'react'\nimport { makeStyles, Fade } from '@material-ui/core'\nimport { FluentIconButton } from '../../UI/inputs/buttons/FluentIconButton'\nimport { ChevronRightIcon, ChevronLeftIcon } from '@fluentui/react-icons'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    width: '100%',\n    position: 'relative'\n  },\n  column: {\n    display: 'flex',\n    flexDirection: 'row',\n    flex: 1\n  },\n  content: {\n    flex: 1\n  },\n  sideBar: {\n    height: '100vh',\n    background: theme.palette.primary.light\n  }\n}))\n\nexport const SideBarTemplate = ({ children, sidebar }) => {\n  const classes = useStyles()\n\n  const [open, setOpen] = useState(true)\n\n  const toggleSidebar = () => {\n    setOpen(!open)\n  }\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.column}>\n        <div className={classes.content}>{children}</div>\n\n        <div style={{ position: 'absolute', top: 0, right: open ? 300 : 0 }}>\n          <FluentIconButton\n            color='primary'\n            icon={open ? ChevronRightIcon : ChevronLeftIcon}\n            onClick={toggleSidebar}\n          />\n        </div>\n\n        {open && (\n          <Fade in={open} timeout={{ enter: 1000, exit: 1000 }}>\n            <div className={classes.sideBar}>{sidebar}</div>\n          </Fade>\n        )}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/Sticky-BDcWUrzq.js

@@ -1,50 +0,0 @@
-import { colors as colors$1 } from "./colors-VLk-T125.js";
-import { Token } from "./Token-DOIAu9p4.js";
-import React from "react";
-import { Divider, Typography, makeStyles } from "@material-ui/core";
-import { CalendarIcon, OpenInNewTabIcon } from "@fluentui/react-icons";
-import PropTypes from "prop-types";
-
-//#region src/UI/components/dataDisplay/Sticky.jsx
-const useStyles = makeStyles((theme) => ({
-	root: {
-		display: "inline-flex",
-		alignItems: "center",
-		background: (props) => {
-			if (colors$1.unity.hasOwnProperty(props.color)) return colors$1.unity[props.color].hint;
-			else return colors$1.unity.info.hint;
-		},
-		borderRadius: (props) => props.size === "large" ? 56 / 2 : 48 / 2,
-		margin: theme.spacing(1)
-	},
-	stickyChild: { display: "inline-table" }
-}), { name: "FluentListItem" });
-const Sticky = (props) => {
-	const classes = useStyles(props);
-	const { text, size, color } = props;
-	const typographyVariant = size === "large" ? "body2" : "body1";
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(Token, {
-		className: classes.stickyChild,
-		icon: CalendarIcon,
-		size,
-		color
-	}), /* @__PURE__ */ React.createElement(Typography, {
-		className: classes.stickyChild,
-		variant: typographyVariant
-	}, text ?? ""), /* @__PURE__ */ React.createElement(Token, {
-		className: classes.stickyChild,
-		icon: OpenInNewTabIcon,
-		variant: "filled",
-		size,
-		color
-	}));
-};
-Sticky.propTypes = {
-	text: PropTypes.string,
-	size: PropTypes.string,
-	color: PropTypes.string
-};
-
-//#endregion
-export { Sticky };
-//# sourceMappingURL=Sticky-BDcWUrzq.js.map

package/dist/Sticky-BDcWUrzq.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Sticky-BDcWUrzq.js","names":["colors"],"sources":["../src/UI/components/dataDisplay/Sticky.jsx"],"sourcesContent":["import React from 'react'\nimport { Typography, makeStyles, Divider } from '@material-ui/core'\nimport { Token } from './Token'\nimport { OpenInNewTabIcon, CalendarIcon } from '@fluentui/react-icons'\nimport { colors } from '../../../utilities/style/colors';\nimport PropTypes from 'prop-types';\n\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    root: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      background: (props) => {\n        if (colors.unity.hasOwnProperty(props.color)) {\n          return colors.unity[props.color].hint;\n        } else {\n          return colors.unity.info.hint;\n        }\n      },\n      borderRadius: props => props.size === \"large\" ? 56 / 2.0 : 48 / 2.0,\n      margin: theme.spacing(1)\n    },\n    stickyChild: {\n      display: 'inline-table'\n    },\n  }),\n  { name: 'FluentListItem' }\n)\n\nexport const Sticky = (props) => {\n  const classes = useStyles(props)\n  const {\n    text,\n    size,\n    color\n  } = props\n\n  const typographyVariant = (size === \"large\") ? \"body2\" : \"body1\"\n\n  return (\n    <div className={classes.root}>\n      <Token className={classes.stickyChild} icon={CalendarIcon} size={size} color={color} />\n      <Typography className={classes.stickyChild} variant={typographyVariant}>\n        { text ?? \"\" }\n      </Typography>\n      <Token className={classes.stickyChild} icon={OpenInNewTabIcon} variant=\"filled\" size={size} color={color} />\n    </div>\n  )\n}\n\nSticky.propTypes = {\n  text: PropTypes.string,\n  size: PropTypes.string,\n  color: PropTypes.string\n}\n"],"mappings":";;;;;;;;AAQA,MAAM,YAAY,YACf,WAAW;CACV,MAAM;EACJ,SAAS;EACT,YAAY;EACZ,aAAa,UAAU;AACrB,OAAIA,SAAO,MAAM,eAAe,MAAM,MAAM,CAC1C,QAAOA,SAAO,MAAM,MAAM,OAAO;OAEjC,QAAOA,SAAO,MAAM,KAAK;;EAG7B,eAAc,UAAS,MAAM,SAAS,UAAU,KAAK,IAAM,KAAK;EAChE,QAAQ,MAAM,QAAQ,EAAE;EACzB;CACD,aAAa,EACX,SAAS,gBACV;CACF,GACD,EAAE,MAAM,kBAAkB,CAC3B;AAED,MAAa,UAAU,UAAU;CAC/B,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EACJ,MACA,MACA,UACE;CAEJ,MAAM,oBAAqB,SAAS,UAAW,UAAU;AAEzD,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC;EAAM,WAAW,QAAQ;EAAa,MAAM;EAAoB;EAAa;GAAS,EACvF,oCAAC;EAAW,WAAW,QAAQ;EAAa,SAAS;IACjD,QAAQ,GACC,EACb,oCAAC;EAAM,WAAW,QAAQ;EAAa,MAAM;EAAkB,SAAQ;EAAe;EAAa;GAAS,CACxG;;AAIV,OAAO,YAAY;CACjB,MAAM,UAAU;CAChB,MAAM,UAAU;CAChB,OAAO,UAAU;CAClB"}

package/dist/StylizedTitle-Y_hYLsug.js

@@ -1,47 +0,0 @@
-import React from "react";
-import { Typography, lighten, makeStyles, useTheme } from "@material-ui/core";
-import clsx from "clsx";
-import PropTypes from "prop-types";
-
-//#region src/UI/dataDisplay/typography/FormHeaders.jsx
-const useStyles = makeStyles((theme) => ({
-	root: { fontWeight: 500 },
-	header: { fontSize: 18 },
-	subHeader: {
-		fontSize: 14,
-		color: lighten(theme.palette.common.black, .5)
-	}
-}));
-const FormHeader = (props) => {
-	const { children } = props;
-	const classes = useStyles();
-	return /* @__PURE__ */ React.createElement(Typography, { className: clsx(classes.header, classes.root) }, children);
-};
-const FormSubHeader = (props) => {
-	const { children } = props;
-	const classes = useStyles();
-	return /* @__PURE__ */ React.createElement(Typography, { className: clsx(classes.subHeader, classes.root) }, children);
-};
-
-//#endregion
-//#region src/UI/dataDisplay/typography/StylizedTitle.jsx
-const StylizedTitle = ({ children, color, component = "h2" }) => {
-	const theme = useTheme();
-	return /* @__PURE__ */ React.createElement("div", { style: {
-		borderLeft: `4px solid ${color || theme.palette.secondary.main}`,
-		paddingLeft: 8
-	} }, /* @__PURE__ */ React.createElement(Typography, {
-		variant: "h6",
-		component
-	}, children));
-};
-StylizedTitle.propTypes = {
-	children: PropTypes.node.isRequired,
-	color: PropTypes.string,
-	component: PropTypes.string
-};
-StylizedTitle.defaultProps = { component: "h2" };
-
-//#endregion
-export { FormHeader, FormSubHeader, StylizedTitle };
-//# sourceMappingURL=StylizedTitle-Y_hYLsug.js.map

package/dist/StylizedTitle-Y_hYLsug.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StylizedTitle-Y_hYLsug.js","names":[],"sources":["../src/UI/dataDisplay/typography/FormHeaders.jsx","../src/UI/dataDisplay/typography/StylizedTitle.jsx"],"sourcesContent":["import React from 'react'\nimport { makeStyles, Typography, lighten } from '@material-ui/core'\nimport clsx from 'clsx'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    fontWeight: 500\n  },\n  header: {\n    fontSize: 18\n  },\n  subHeader: {\n    fontSize: 14,\n    color: lighten(theme.palette.common.black, 0.5)\n  }\n}))\n\nexport const FormHeader = (props) => {\n  const { children } = props\n  const classes = useStyles()\n  return (\n    <Typography className={clsx(classes.header, classes.root)}>\n      {children}\n    </Typography>\n  )\n}\nexport const FormSubHeader = (props) => {\n  const { children } = props\n  const classes = useStyles()\n  return (\n    <Typography className={clsx(classes.subHeader, classes.root)}>\n      {children}\n    </Typography>\n  )\n}\n","import React from 'react'\nimport { Typography, useTheme } from '@material-ui/core'\nimport PropTypes from 'prop-types'\n\nexport const StylizedTitle = ({ children, color, component = 'h2' }) => {\n  const theme = useTheme()\n\n  return (\n    <div\n      style={{\n        borderLeft: `4px solid ${color || theme.palette.secondary.main}`,\n        paddingLeft: 8\n      }}\n    >\n      <Typography variant='h6' component={component}>\n        {children}\n      </Typography>\n    </div>\n  )\n}\n\nStylizedTitle.propTypes = {\n  /**\n   * Wraps the title\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Provides a color block\n   */\n  color: PropTypes.string,\n  /**\n   * Header Tag override. Defaults to H2\n   */\n  component: PropTypes.string\n}\n\nStylizedTitle.defaultProps = {\n  component: 'h2'\n}\n"],"mappings":";;;;;;AAIA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EACJ,YAAY,KACb;CACD,QAAQ,EACN,UAAU,IACX;CACD,WAAW;EACT,UAAU;EACV,OAAO,QAAQ,MAAM,QAAQ,OAAO,OAAO,GAAI;EAChD;CACF,EAAE;AAEH,MAAa,cAAc,UAAU;CACnC,MAAM,EAAE,aAAa;CACrB,MAAM,UAAU,WAAW;AAC3B,QACE,oCAAC,cAAW,WAAW,KAAK,QAAQ,QAAQ,QAAQ,KAAK,IACtD,SACU;;AAGjB,MAAa,iBAAiB,UAAU;CACtC,MAAM,EAAE,aAAa;CACrB,MAAM,UAAU,WAAW;AAC3B,QACE,oCAAC,cAAW,WAAW,KAAK,QAAQ,WAAW,QAAQ,KAAK,IACzD,SACU;;;;;AC5BjB,MAAa,iBAAiB,EAAE,UAAU,OAAO,YAAY,WAAW;CACtE,MAAM,QAAQ,UAAU;AAExB,QACE,oCAAC,SACC,OAAO;EACL,YAAY,aAAa,SAAS,MAAM,QAAQ,UAAU;EAC1D,aAAa;EACd,IAED,oCAAC;EAAW,SAAQ;EAAgB;IACjC,SACU,CACT;;AAIV,cAAc,YAAY;CAIxB,UAAU,UAAU,KAAK;CAIzB,OAAO,UAAU;CAIjB,WAAW,UAAU;CACtB;AAED,cAAc,eAAe,EAC3B,WAAW,MACZ"}

package/dist/SubHeaderAction-Cp5e8IwG.js

@@ -1,28 +0,0 @@
-import { useShellStore } from "./shellStore-Bqwtbs_K.js";
-import React, { Children, useEffect } from "react";
-import { createTeleporter } from "react-teleporter";
-
-//#region src/utilities/utilityBar/SubHeaderAction.jsx
-const SubHeaderActions = createTeleporter({ multiSources: true });
-/**
-* @param {any} props
-*/
-function SubHeaderActionsTarget(props) {
-	return /* @__PURE__ */ React.createElement(SubHeaderActions.Target, props);
-}
-/**
-* Places a button in the App SubHeader
-*/
-const SubHeaderAction = (props) => {
-	const { children, className,...buttonProps } = props;
-	const setSubHeaderActionHasChildren = useShellStore((state) => state.setSubHeaderActionHasChildren);
-	useEffect(() => {
-		const hasChildren = Children.count(children) > 0;
-		setSubHeaderActionHasChildren(hasChildren);
-	}, [children, setSubHeaderActionHasChildren]);
-	return /* @__PURE__ */ React.createElement(SubHeaderActions.Source, null, children);
-};
-
-//#endregion
-export { SubHeaderAction, SubHeaderActionsTarget };
-//# sourceMappingURL=SubHeaderAction-Cp5e8IwG.js.map

package/dist/SubHeaderAction-Cp5e8IwG.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SubHeaderAction-Cp5e8IwG.js","names":[],"sources":["../src/utilities/utilityBar/SubHeaderAction.jsx"],"sourcesContent":["import React, { Children, useEffect } from 'react';\nimport { createTeleporter } from 'react-teleporter';\nimport { useShellStore } from '../../stores/shellStore';\n\nconst SubHeaderActions = createTeleporter({\n  multiSources: true\n});\n\n/**\n * @param {any} props\n */\nexport function SubHeaderActionsTarget(props) {\n  return <SubHeaderActions.Target {...props} />;\n}\n\n/**\n * Places a button in the App SubHeader\n */\nexport const SubHeaderAction = (props) => {\n  const { children, className, ...buttonProps } = props;\n\n  const setSubHeaderActionHasChildren = useShellStore(\n    (state) => state.setSubHeaderActionHasChildren\n  );\n\n  useEffect(() => {\n    const hasChildren = Children.count(children) > 0;\n    setSubHeaderActionHasChildren(hasChildren);\n  }, [children, setSubHeaderActionHasChildren]);\n\n  return <SubHeaderActions.Source>{children}</SubHeaderActions.Source>;\n};\n"],"mappings":";;;;;AAIA,MAAM,mBAAmB,iBAAiB,EACxC,cAAc,MACf,CAAC;;;;AAKF,SAAgB,uBAAuB,OAAO;AAC5C,QAAO,oCAAC,iBAAiB,QAAW,MAAS;;;;;AAM/C,MAAa,mBAAmB,UAAU;CACxC,MAAM,EAAE,UAAU,UAAW,GAAG,gBAAgB;CAEhD,MAAM,gCAAgC,eACnC,UAAU,MAAM,8BAClB;AAED,iBAAgB;EACd,MAAM,cAAc,SAAS,MAAM,SAAS,GAAG;AAC/C,gCAA8B,YAAY;IACzC,CAAC,UAAU,8BAA8B,CAAC;AAE7C,QAAO,oCAAC,iBAAiB,cAAQ,SAAmC"}