@verdaccio/ui-components 2.0.0-6-next.6 → 2.0.0-6-next.7

package/build/components/Author/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Author/index.ts"],"sourcesContent":["export { default } from './Author';\n"],"mappings":";;;;;;;;;;;AAAA;AAAmC"}

package/build/components/Author/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["StyledText","Typography","props","fontWeight","theme","bold","AuthorListItem","ListItem","AuthorListItemText","ListItemText"],"sources":["../../../src/components/Author/styles.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { Typography } from '@mui/material';\nimport ListItem from '@mui/material/ListItem';\nimport ListItemText from '@mui/material/ListItemText';\n\nimport { Theme } from '../../Theme';\n\nexport const StyledText = styled(Typography)<{ theme?: Theme }>((props) => ({\n  fontWeight: props.theme?.fontWeight.bold,\n}));\n\nexport const AuthorListItem = styled(ListItem)({\n  padding: 0,\n  ':hover': {\n    backgroundColor: 'transparent',\n  },\n});\n\nexport const AuthorListItemText = styled(ListItemText)({\n  padding: '0 10px',\n  margin: 0,\n});\n"],"mappings":";;;;;;;AACA;AACA;AACA;AAAsD;AAAA;AAI/C,IAAMA,UAAU,gBAAG,sBAAOC,oBAAU;EAAA;AAAA;EAAA;EAAA;AAAA,EAAC,CAAoB,UAACC,KAAK;EAAA;EAAA,OAAM;IAC1EC,UAAU,kBAAED,KAAK,CAACE,KAAK,iDAAX,aAAaD,UAAU,CAACE;EACtC,CAAC;AAAA,CAAC,6mCAAC;AAAC;AAEG,IAAMC,cAAc,gBAAG,sBAAOC,oBAAQ;EAAA;AAAA;EAAA;EAAA;AAAA,EAAC;EAAA;EAAA;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA,EAK5C;AAAC;AAEI,IAAMC,kBAAkB,gBAAG,sBAAOC,wBAAY;EAAA;AAAA;EAAA;EAAA;AAAA,EAAC;EAAA;EAAA;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA,EAGpD;AAAC"}

package/build/components/CopyClipboard/CopyToClipBoard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CopyToClipBoard.js","names":["Wrapper","Content","CopyToClipBoard","text","children","dataTestId","title","props","copyToClipBoardUtility"],"sources":["../../../src/components/CopyClipboard/CopyToClipBoard.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport FileCopy from '@mui/icons-material/FileCopy';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport React from 'react';\n\nimport { copyToClipBoardUtility } from './utils';\n\ninterface Props {\n  text: string;\n  title?: string;\n  dataTestId: string;\n  children?: React.ReactNode;\n}\n\nconst Wrapper = styled('div')({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n});\n\nconst Content = styled('span')({\n  display: 'inline-block',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  height: 'auto',\n  whiteSpace: 'break-spaces',\n  fontSize: '1rem',\n});\n\nfunction CopyToClipBoard({ text, children, dataTestId, title, ...props }: Props) {\n  return (\n    <Wrapper {...props}>\n      <Content>{children ?? text}</Content>\n      {title ? (\n        <Tooltip disableFocusListener={true} title={title}>\n          <IconButton data-testid={dataTestId} onClick={copyToClipBoardUtility(text)} size=\"large\">\n            <FileCopy fontSize=\"small\" />\n          </IconButton>\n        </Tooltip>\n      ) : (\n        <IconButton data-testid={dataTestId} onClick={copyToClipBoardUtility(text)} size=\"large\">\n          <FileCopy fontSize=\"small\" />\n        </IconButton>\n      )}\n    </Wrapper>\n  );\n}\n\nexport default CopyToClipBoard;\n"],"mappings":";;;;;;;AACA;AACA;AACA;AACA;AAEA;AAAiD;AAAA;AAAA;AAAA;AAAA;AASjD,IAAMA,OAAO,gBAAG,sBAAO,KAAK;EAAA;AAAA;EAAA;EAAA;AAAA,EAAC;EAAA;EAAA;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA,EAI3B;AAEF,IAAMC,OAAO,gBAAG,sBAAO,MAAM;EAAA;AAAA;EAAA;EAAA;AAAA,EAAC;EAAA;EAAA;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA,EAO5B;AAEF,SAASC,eAAe,OAAyD;EAAA,IAAtDC,IAAI,QAAJA,IAAI;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,UAAU,QAAVA,UAAU;IAAEC,KAAK,QAALA,KAAK;IAAKC,KAAK;EACpE,oBACE,gCAAC,OAAO,EAAKA,KAAK,eAChB,gCAAC,OAAO,QAAEH,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAID,IAAI,CAAW,EACpCG,KAAK,gBACJ,gCAAC,mBAAO;IAAC,oBAAoB,EAAE,IAAK;IAAC,KAAK,EAAEA;EAAM,gBAChD,gCAAC,sBAAU;IAAC,eAAaD,UAAW;IAAC,OAAO,EAAE,IAAAG,6BAAsB,EAACL,IAAI,CAAE;IAAC,IAAI,EAAC;EAAO,gBACtF,gCAAC,oBAAQ;IAAC,QAAQ,EAAC;EAAO,EAAG,CAClB,CACL,gBAEV,gCAAC,sBAAU;IAAC,eAAaE,UAAW;IAAC,OAAO,EAAE,IAAAG,6BAAsB,EAACL,IAAI,CAAE;IAAC,IAAI,EAAC;EAAO,gBACtF,gCAAC,oBAAQ;IAAC,QAAQ,EAAC;EAAO,EAAG,CAEhC,CACO;AAEd;AAAC,eAEcD,eAAe;AAAA"}

package/build/components/CopyClipboard/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/CopyClipboard/index.ts"],"sourcesContent":["export { default } from './CopyToClipBoard';\nexport { copyToClipBoardUtility } from './utils';\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AACA;AAAiD"}

package/build/components/CopyClipboard/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","names":["copyToClipBoardUtility","str","event","preventDefault","node","document","createElement","innerText","body","appendChild","range","createRange","selection","window","getSelection","selectNodeContents","removeAllRanges","addRange","execCommand","removeChild"],"sources":["../../../src/components/CopyClipboard/utils.ts"],"sourcesContent":["import { SyntheticEvent } from 'react';\n\nexport const copyToClipBoardUtility =\n  (str: string): ((e: SyntheticEvent<HTMLElement>) => void) =>\n  (event: SyntheticEvent<HTMLElement>): void => {\n    event.preventDefault();\n\n    const node = document.createElement('div');\n    node.innerText = str;\n    if (document.body) {\n      document.body.appendChild(node);\n\n      const range = document.createRange();\n      const selection = window.getSelection() as Selection;\n      range.selectNodeContents(node);\n      selection.removeAllRanges();\n      selection.addRange(range);\n      document.execCommand('copy');\n      document.body.removeChild(node);\n    }\n  };\n"],"mappings":";;;;;;AAEO,IAAMA,sBAAsB,GACjC,SADWA,sBAAsB,CAChCC,GAAW;EAAA,OACZ,UAACC,KAAkC,EAAW;IAC5CA,KAAK,CAACC,cAAc,EAAE;IAEtB,IAAMC,IAAI,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IAC1CF,IAAI,CAACG,SAAS,GAAGN,GAAG;IACpB,IAAII,QAAQ,CAACG,IAAI,EAAE;MACjBH,QAAQ,CAACG,IAAI,CAACC,WAAW,CAACL,IAAI,CAAC;MAE/B,IAAMM,KAAK,GAAGL,QAAQ,CAACM,WAAW,EAAE;MACpC,IAAMC,SAAS,GAAGC,MAAM,CAACC,YAAY,EAAe;MACpDJ,KAAK,CAACK,kBAAkB,CAACX,IAAI,CAAC;MAC9BQ,SAAS,CAACI,eAAe,EAAE;MAC3BJ,SAAS,CAACK,QAAQ,CAACP,KAAK,CAAC;MACzBL,QAAQ,CAACa,WAAW,CAAC,MAAM,CAAC;MAC5Bb,QAAQ,CAACG,IAAI,CAACW,WAAW,CAACf,IAAI,CAAC;IACjC;EACF,CAAC;AAAA;AAAC"}

package/build/components/Dependencies/Dependencies.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dependencies.js","names":["DependencyBlock","title","dependencies","enableLoading","history","useHistory","useTranslation","t","deps","Object","entries","handleClick","name","push","length","map","version","hasKeys","object","keys","Dependencies","packageMeta","Error","latest","devDependencies","peerDependencies","dependencyMap","hasDependencies","dependencyType"],"sources":["../../../src/components/Dependencies/Dependencies.tsx"],"sourcesContent":["import CardContent from '@mui/material/CardContent';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useHistory } from 'react-router-dom';\n\nimport { PackageDependencies } from '../../types/packageMeta';\nimport NoItems from '../NoItems';\nimport { CardWrap, StyledText, Tag, Tags } from './styles';\n\ninterface DependencyBlockProps {\n  title: string;\n  dependencies: PackageDependencies;\n  enableLoading?: () => void;\n}\n\nconst DependencyBlock: React.FC<DependencyBlockProps> = ({\n  title,\n  dependencies,\n  enableLoading,\n}) => {\n  const history = useHistory();\n  const { t } = useTranslation();\n\n  const deps = Object.entries(dependencies);\n\n  function handleClick(name: string): void {\n    enableLoading?.();\n\n    history.push(`/-/web/detail/${name}`);\n  }\n\n  return (\n    <CardWrap data-testid={title}>\n      <CardContent>\n        <StyledText variant=\"subtitle1\">{`${title} (${deps.length})`}</StyledText>\n        <Tags>\n          {deps.map(([name, version]) => (\n            <Tag\n              className={'dep-tag'}\n              clickable={true}\n              data-testid={name}\n              key={name}\n              label={t('dependencies.dependency-block', { package: name, version })}\n              // eslint-disable-next-line\n              onClick={() => handleClick(name)}\n            />\n          ))}\n        </Tags>\n      </CardContent>\n    </CardWrap>\n  );\n};\n\nfunction hasKeys(object?: { [key: string]: any }): boolean {\n  return !!object && Object.keys(object).length > 0;\n}\n\nconst Dependencies: React.FC<{ packageMeta: any }> = ({ packageMeta }) => {\n  const { t } = useTranslation();\n\n  if (!packageMeta) {\n    throw new Error(t('error.package-meta-is-required-at-detail-context'));\n  }\n\n  const { latest } = packageMeta;\n  // FIXME: add dependencies to package meta type\n  // @ts-ignore\n  const { dependencies, devDependencies, peerDependencies, name } = latest;\n  const dependencyMap = { dependencies, devDependencies, peerDependencies };\n  const hasDependencies =\n    hasKeys(dependencies) || hasKeys(devDependencies) || hasKeys(peerDependencies);\n\n  if (hasDependencies) {\n    return (\n      <>\n        {Object.entries(dependencyMap).map(([dependencyType, dependencies]) => {\n          if (!dependencies || Object.keys(dependencies).length === 0) {\n            return null;\n          }\n\n          return (\n            <DependencyBlock\n              dependencies={dependencies}\n              key={dependencyType}\n              title={dependencyType}\n            />\n          );\n        })}\n      </>\n    );\n  }\n\n  return (\n    <NoItems\n      className=\"no-dependencies\"\n      text={t('dependencies.has-no-dependencies', { package: name })}\n    />\n  );\n};\n\nexport default Dependencies;\n"],"mappings":"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"}

package/build/components/Dependencies/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Dependencies/index.ts"],"sourcesContent":["export { default } from './Dependencies';\n"],"mappings":";;;;;;;;;;;AAAA;AAAyC"}

package/build/components/Dependencies/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["CardWrap","Card","StyledText","Typography","props","fontWeight","theme","bold","textTransform","Tags","Tag","Chip"],"sources":["../../../src/components/Dependencies/styles.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport Card from '@mui/material/Card';\nimport Chip from '@mui/material/Chip';\nimport Typography from '@mui/material/Typography';\n\nimport { Theme } from '../../Theme';\n\nexport const CardWrap = styled(Card)({\n  margin: '0 0 16px',\n});\n\nexport const StyledText = styled(Typography)<{ theme?: Theme }>((props) => ({\n  fontWeight: props.theme && props.theme.fontWeight.bold,\n  textTransform: 'capitalize',\n}));\n\nexport const Tags = styled('div')({\n  display: 'flex',\n  justifyContent: 'start',\n  flexWrap: 'wrap',\n  margin: '0 -5px',\n});\n\nexport const Tag = styled(Chip)({\n  margin: '5px',\n});\n"],"mappings":";;;;;;;AACA;AACA;AACA;AAAkD;AAAA;AAI3C,IAAMA,QAAQ,gBAAG,sBAAOC,gBAAI;EAAA;AAAA;EAAA;EAAA;AAAA,EAAC;EAAA;EAAA;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA,EAElC;AAAC;AAEI,IAAMC,UAAU,gBAAG,sBAAOC,sBAAU;EAAA;AAAA;EAAA;EAAA;AAAA,EAAC,CAAoB,UAACC,KAAK;EAAA,OAAM;IAC1EC,UAAU,EAAED,KAAK,CAACE,KAAK,IAAIF,KAAK,CAACE,KAAK,CAACD,UAAU,CAACE,IAAI;IACtDC,aAAa,EAAE;EACjB,CAAC;AAAA,CAAC,itCAAC;AAAC;AAEG,IAAMC,IAAI,gBAAG,sBAAO,KAAK;EAAA;AAAA;EAAA;EAAA;AAAA,EAAC;EAAA;EAAA;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA,EAK/B;AAAC;AAEI,IAAMC,GAAG,gBAAG,sBAAOC,gBAAI;EAAA;AAAA;EAAA;EAAA;AAAA,EAAC;EAAA;EAAA;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA,EAE7B;AAAC"}

package/build/components/Dependencies/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/components/Dependencies/types.ts"],"sourcesContent":["import { ReactNode } from 'react';\n\nexport interface Props {\n  children: ReactNode;\n  open: boolean;\n  onClose: () => void;\n}\n"],"mappings":""}

package/build/components/Deprecated/Deprecated.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Deprecated.js","names":["CardStyled","Card","theme","marginTop","spacing","marginBottom","backgroundColor","palette","error","light","opacity","color","contrastText","fontWeight","Deprecated","message"],"sources":["../../../src/components/Deprecated/Deprecated.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport React from 'react';\n\nimport { Theme } from '../../Theme';\n\nexport const CardStyled = styled(Card)<{ theme?: Theme }>(({ theme }) => {\n  return {\n    marginTop: theme?.spacing(1),\n    marginBottom: theme?.spacing(0.5),\n    backgroundColor: theme?.palette?.error.light,\n    opacity: '0.9',\n    color: theme?.palette?.error.contrastText,\n    fontWeight: 'bold',\n  };\n});\n\nexport type Props = {\n  message: string;\n};\n\nconst Deprecated: React.FC<Props> = ({ message }) => {\n  return (\n    <CardStyled>\n      <CardContent>{message}</CardContent>\n    </CardStyled>\n  );\n};\n\nexport default Deprecated;\n"],"mappings":";;;;;;;AACA;AACA;AACA;AAA0B;AAInB,IAAMA,UAAU,gBAAG,sBAAOC,gBAAI;EAAA;AAAA;EAAA;EAAA;AAAA,EAAC,CAAoB,gBAAe;EAAA;EAAA,IAAZC,KAAK,QAALA,KAAK;EAChE,OAAO;IACLC,SAAS,EAAED,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,OAAO,CAAC,CAAC,CAAC;IAC5BC,YAAY,EAAEH,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,OAAO,CAAC,GAAG,CAAC;IACjCE,eAAe,EAAEJ,KAAK,aAALA,KAAK,yCAALA,KAAK,CAAEK,OAAO,mDAAd,eAAgBC,KAAK,CAACC,KAAK;IAC5CC,OAAO,EAAE,KAAK;IACdC,KAAK,EAAET,KAAK,aAALA,KAAK,0CAALA,KAAK,CAAEK,OAAO,oDAAd,gBAAgBC,KAAK,CAACI,YAAY;IACzCC,UAAU,EAAE;EACd,CAAC;AACH,CAAC,y2CAAC;AAAC;AAMH,IAAMC,UAA2B,GAAG,SAA9BA,UAA2B,QAAoB;EAAA,IAAdC,OAAO,SAAPA,OAAO;EAC5C,oBACE,gCAAC,UAAU,qBACT,gCAAC,uBAAW,QAAEA,OAAO,CAAe,CACzB;AAEjB,CAAC;AAAC,eAEaD,UAAU;AAAA"}

package/build/components/Deprecated/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Deprecated/index.ts"],"sourcesContent":["export { default } from './Deprecated';\n"],"mappings":";;;;;;;;;;;AAAA;AAAuC"}

package/build/components/Developers/Developers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Developers.js","names":["DeveloperType","Fab","FabMUI","props","backgroundColor","theme","palette","primary","main","color","white","StyledBox","Box","VISIBLE_MAX","Developers","type","visibleMax","packageMeta","developers","useMemo","getUniqueDeveloperValues","latest","useState","visibleDevelopersMax","setVisibleDevelopersMax","visibleDevelopers","setVisibleDevelopers","useEffect","length","slice","handleSetVisibleDevelopersMax","useCallback","map","visibleDeveloper","email","name","avatar"],"sources":["../../../src/components/Developers/Developers.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Add from '@mui/icons-material/Add';\nimport Avatar from '@mui/material/Avatar';\nimport Box from '@mui/material/Box';\nimport FabMUI from '@mui/material/Fab';\nimport Tooltip from '@mui/material/Tooltip';\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { Theme } from '../../Theme';\nimport Title from './Title';\nimport getUniqueDeveloperValues from './get-unique-developer-values';\n\nexport enum DeveloperType {\n  CONTRIBUTORS = 'contributors',\n  MAINTAINERS = 'maintainers',\n}\n\nexport const Fab = styled(FabMUI)<{ theme?: Theme }>((props) => ({\n  backgroundColor: props.theme?.palette.primary.main,\n  color: props.theme?.palette.white,\n}));\n\ninterface Props {\n  type: DeveloperType;\n  visibleMax?: number;\n  packageMeta: any;\n}\n\nconst StyledBox = styled(Box)({\n  '> *': {\n    margin: 5,\n  },\n});\n\nexport const VISIBLE_MAX = 6;\n\nconst Developers: React.FC<Props> = ({ type, visibleMax = VISIBLE_MAX, packageMeta }) => {\n  const developers = useMemo(\n    () => getUniqueDeveloperValues(packageMeta?.latest[type]),\n    [packageMeta, type]\n  );\n\n  const [visibleDevelopersMax, setVisibleDevelopersMax] = useState(visibleMax);\n  const [visibleDevelopers, setVisibleDevelopers] = useState(developers);\n\n  useEffect(() => {\n    if (!developers.length) {\n      return;\n    }\n    setVisibleDevelopers(developers.slice(0, visibleDevelopersMax));\n  }, [developers, visibleDevelopersMax]);\n\n  const handleSetVisibleDevelopersMax = useCallback(() => {\n    setVisibleDevelopersMax(visibleDevelopersMax + VISIBLE_MAX);\n  }, [visibleDevelopersMax]);\n\n  if (!visibleDevelopers || !developers.length) {\n    return null;\n  }\n\n  return (\n    <>\n      <Title type={type} />\n      <StyledBox display=\"flex\" flexWrap=\"wrap\" margin=\"10px 0 10px 0\">\n        {visibleDevelopers.map((visibleDeveloper) => {\n          return (\n            <Tooltip key={visibleDeveloper.email} title={visibleDeveloper.name}>\n              <Avatar alt={visibleDeveloper.name} src={visibleDeveloper.avatar} />\n            </Tooltip>\n          );\n        })}\n        {visibleDevelopersMax < developers.length && (\n          <Fab onClick={handleSetVisibleDevelopersMax} size=\"small\">\n            <Add />\n          </Fab>\n        )}\n      </StyledBox>\n    </>\n  );\n};\n\nexport default Developers;\n"],"mappings":";;;;;;;;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AAAqE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAEzDA,aAAa;AAAA;AAAA,WAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;AAAA,GAAbA,aAAa,6BAAbA,aAAa;AAKlB,IAAMC,GAAG,gBAAG,sBAAOC,eAAM;EAAA;AAAA;EAAA;EAAA;AAAA,EAAC,CAAoB,UAACC,KAAK;EAAA;EAAA,OAAM;IAC/DC,eAAe,kBAAED,KAAK,CAACE,KAAK,iDAAX,aAAaC,OAAO,CAACC,OAAO,CAACC,IAAI;IAClDC,KAAK,mBAAEN,KAAK,CAACE,KAAK,kDAAX,cAAaC,OAAO,CAACI;EAC9B,CAAC;AAAA,CAAC,igHAAC;AAAC;AAQJ,IAAMC,SAAS,gBAAG,sBAAOC,eAAG;EAAA;AAAA;EAAA;EAAA;AAAA,EAAC;EAAA;EAAA;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA,EAI3B;AAEK,IAAMC,WAAW,GAAG,CAAC;AAAC;AAE7B,IAAMC,UAA2B,GAAG,SAA9BA,UAA2B,OAAwD;EAAA,IAAlDC,IAAI,QAAJA,IAAI;IAAA,uBAAEC,UAAU;IAAVA,UAAU,gCAAGH,WAAW;IAAEI,WAAW,QAAXA,WAAW;EAChF,IAAMC,UAAU,GAAG,IAAAC,cAAO,EACxB;IAAA,OAAM,IAAAC,oCAAwB,EAACH,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEI,MAAM,CAACN,IAAI,CAAC,CAAC;EAAA,GACzD,CAACE,WAAW,EAAEF,IAAI,CAAC,CACpB;EAED,gBAAwD,IAAAO,eAAQ,EAACN,UAAU,CAAC;IAAA;IAArEO,oBAAoB;IAAEC,uBAAuB;EACpD,iBAAkD,IAAAF,eAAQ,EAACJ,UAAU,CAAC;IAAA;IAA/DO,iBAAiB;IAAEC,oBAAoB;EAE9C,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAI,CAACT,UAAU,CAACU,MAAM,EAAE;MACtB;IACF;IACAF,oBAAoB,CAACR,UAAU,CAACW,KAAK,CAAC,CAAC,EAAEN,oBAAoB,CAAC,CAAC;EACjE,CAAC,EAAE,CAACL,UAAU,EAAEK,oBAAoB,CAAC,CAAC;EAEtC,IAAMO,6BAA6B,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACtDP,uBAAuB,CAACD,oBAAoB,GAAGV,WAAW,CAAC;EAC7D,CAAC,EAAE,CAACU,oBAAoB,CAAC,CAAC;EAE1B,IAAI,CAACE,iBAAiB,IAAI,CAACP,UAAU,CAACU,MAAM,EAAE;IAC5C,OAAO,IAAI;EACb;EAEA,oBACE,+EACE,gCAAC,iBAAK;IAAC,IAAI,EAAEb;EAAK,EAAG,eACrB,gCAAC,SAAS;IAAC,OAAO,EAAC,MAAM;IAAC,QAAQ,EAAC,MAAM;IAAC,MAAM,EAAC;EAAe,GAC7DU,iBAAiB,CAACO,GAAG,CAAC,UAACC,gBAAgB,EAAK;IAC3C,oBACE,gCAAC,mBAAO;MAAC,GAAG,EAAEA,gBAAgB,CAACC,KAAM;MAAC,KAAK,EAAED,gBAAgB,CAACE;IAAK,gBACjE,gCAAC,kBAAM;MAAC,GAAG,EAAEF,gBAAgB,CAACE,IAAK;MAAC,GAAG,EAAEF,gBAAgB,CAACG;IAAO,EAAG,CAC5D;EAEd,CAAC,CAAC,EACDb,oBAAoB,GAAGL,UAAU,CAACU,MAAM,iBACvC,gCAAC,GAAG;IAAC,OAAO,EAAEE,6BAA8B;IAAC,IAAI,EAAC;EAAO,gBACvD,gCAAC,eAAG,OAAG,CAEV,CACS,CACX;AAEP,CAAC;AAAC,eAEahB,UAAU;AAAA"}

package/build/components/Developers/Title.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Title.js","names":["DeveloperType","Title","type","useTranslation","t","CONTRIBUTORS","MAINTAINERS","StyledText","Typography","theme","fontWeight","bold","marginBottom"],"sources":["../../../src/components/Developers/Title.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Typography from '@mui/material/Typography';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { Theme } from '../../Theme';\n\nexport enum DeveloperType {\n  CONTRIBUTORS = 'contributors',\n  MAINTAINERS = 'maintainers',\n}\n\ninterface Props {\n  type: DeveloperType;\n}\n\nconst Title: React.FC<Props> = ({ type }) => {\n  const { t } = useTranslation();\n  switch (type) {\n    case DeveloperType.CONTRIBUTORS:\n      return <StyledText variant={'subtitle1'}>{t('sidebar.contributors.title')}</StyledText>;\n    case DeveloperType.MAINTAINERS:\n      return <StyledText variant={'subtitle1'}>{t('sidebar.maintainers.title')}</StyledText>;\n  }\n};\n\nexport default Title;\n\nconst StyledText = styled(Typography)<{ theme?: Theme }>(({ theme }) => ({\n  fontWeight: theme?.fontWeight.bold,\n  marginBottom: '10px',\n}));\n"],"mappings":";;;;;;;AACA;AACA;AACA;AAA+C;AAAA,IAInCA,aAAa;AAAA;AAAA,WAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;AAAA,GAAbA,aAAa,6BAAbA,aAAa;AASzB,IAAMC,KAAsB,GAAG,SAAzBA,KAAsB,OAAiB;EAAA,IAAXC,IAAI,QAAJA,IAAI;EACpC,sBAAc,IAAAC,4BAAc,GAAE;IAAtBC,CAAC,mBAADA,CAAC;EACT,QAAQF,IAAI;IACV,KAAKF,aAAa,CAACK,YAAY;MAC7B,oBAAO,gCAAC,UAAU;QAAC,OAAO,EAAE;MAAY,GAAED,CAAC,CAAC,4BAA4B,CAAC,CAAc;IACzF,KAAKJ,aAAa,CAACM,WAAW;MAC5B,oBAAO,gCAAC,UAAU;QAAC,OAAO,EAAE;MAAY,GAAEF,CAAC,CAAC,2BAA2B,CAAC,CAAc;EAAC;AAE7F,CAAC;AAAC,eAEaH,KAAK;AAAA;AAEpB,IAAMM,UAAU,gBAAG,sBAAOC,sBAAU;EAAA;AAAA;EAAA;EAAA;AAAA,EAAC,CAAoB;EAAA,IAAGC,KAAK,SAALA,KAAK;EAAA,OAAQ;IACvEC,UAAU,EAAED,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEC,UAAU,CAACC,IAAI;IAClCC,YAAY,EAAE;EAChB,CAAC;AAAA,CAAC,iiDAAC"}