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

package/build/components/Label/Label.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Label.js","names":["Wrapper","props","fontWeight","theme","weight","textTransform","capitalize","Label","text"],"sources":["../../../src/components/Label/Label.tsx"],"sourcesContent":["/* eslint-disable verdaccio/jsx-spread */\nimport styled from '@emotion/styled';\nimport React from 'react';\n\nimport { FontWeight, Theme } from '../../';\n\ninterface Props {\n  text: string;\n  capitalize?: boolean;\n  weight?: FontWeight;\n}\n\ninterface WrapperProps {\n  capitalize: boolean;\n  weight: FontWeight;\n}\n\nconst Wrapper = styled('div')<WrapperProps & { theme?: Theme }>((props) => ({\n  fontWeight: props.theme?.fontWeight[props.weight],\n  textTransform: props.capitalize ? 'capitalize' : 'none',\n}));\n\nconst Label: React.FC<Props> = ({\n  text = '',\n  capitalize = false,\n  weight = 'regular',\n  ...props\n}) => {\n  return (\n    <Wrapper capitalize={capitalize} weight={weight} {...props}>\n      {text}\n    </Wrapper>\n  );\n};\n\nexport default Label;\n"],"mappings":";;;;;;;AAEA;AAA0B;AAAA;AAAA;AAAA;AAAA;AAe1B,IAAMA,OAAO,gBAAG,sBAAO,KAAK;EAAA;AAAA;EAAA;EAAA;AAAA,EAAC,CAAmC,UAACC,KAAK;EAAA;EAAA,OAAM;IAC1EC,UAAU,kBAAED,KAAK,CAACE,KAAK,iDAAX,aAAaD,UAAU,CAACD,KAAK,CAACG,MAAM,CAAC;IACjDC,aAAa,EAAEJ,KAAK,CAACK,UAAU,GAAG,YAAY,GAAG;EACnD,CAAC;AAAA,CAAC,i3CAAC;AAEH,IAAMC,KAAsB,GAAG,SAAzBA,KAAsB,OAKtB;EAAA,qBAJJC,IAAI;IAAJA,IAAI,0BAAG,EAAE;IAAA,uBACTF,UAAU;IAAVA,UAAU,gCAAG,KAAK;IAAA,mBAClBF,MAAM;IAANA,MAAM,4BAAG,SAAS;IACfH,KAAK;EAER,oBACE,gCAAC,OAAO;IAAC,UAAU,EAAEK,UAAW;IAAC,MAAM,EAAEF;EAAO,GAAKH,KAAK,GACvDO,IAAI,CACG;AAEd,CAAC;AAAC,eAEaD,KAAK;AAAA"}

package/build/components/Label/__snapshots__/Label.test.tsx.snap

@@ -1,14 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`<Label /> component should render the component in default state 1`] = `
-.emotion-0 {
-  font-weight: 400;
-  text-transform: none;
-}
-
-<div
-  class="emotion-0 emotion-1"
->
-  test
-</div>
-`;

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

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

package/build/components/Link/Link.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Link.js","names":["CustomRouterLink","RouterLink","Link","React","forwardRef","LinkFunction","ref","external","to","children","variant","className"],"sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Typography from '@mui/material/Typography';\nimport React from 'react';\nimport { Link as RouterLink } from 'react-router-dom';\n\ntype LinkRef = HTMLAnchorElement;\n\nexport const CustomRouterLink = styled(RouterLink)`\n  text-decoration: none;\n  &:hover,\n  &:focus {\n    text-decoration: underline;\n  }\n`;\n\n// TODO: improve any with custom types for a and RouterLink\nconst Link = React.forwardRef<LinkRef, any>(function LinkFunction(\n  { external, to, children, variant, className },\n  ref\n) {\n  return external ? (\n    <a className={className} href={to} ref={ref} rel=\"noopener noreferrer\" target=\"_blank\">\n      <Typography variant={variant ?? 'caption'}>{children}</Typography>\n    </a>\n  ) : (\n    <CustomRouterLink className={className} innerRef={ref} to={to}>\n      <Typography variant={variant}>{children}</Typography>\n    </CustomRouterLink>\n  );\n});\n\nexport default Link;\n"],"mappings":";;;;;;;AACA;AACA;AACA;AAAsD;AAAA;AAI/C,IAAMA,gBAAgB,gBAAG,sBAAOC,oBAAU;EAAA;AAAA;EAAA;EAAA;AAAA,EAAC;EAAA;EAAA;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA,EAMjD;;AAED;AAAA;AACA,IAAMC,IAAI,gBAAGC,iBAAK,CAACC,UAAU,CAAe,SAASC,YAAY,OAE/DC,GAAG,EACH;EAAA,IAFEC,QAAQ,QAARA,QAAQ;IAAEC,EAAE,QAAFA,EAAE;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,OAAO,QAAPA,OAAO;IAAEC,SAAS,QAATA,SAAS;EAG5C,OAAOJ,QAAQ,gBACb;IAAG,SAAS,EAAEI,SAAU;IAAC,IAAI,EAAEH,EAAG;IAAC,GAAG,EAAEF,GAAI;IAAC,GAAG,EAAC,qBAAqB;IAAC,MAAM,EAAC;EAAQ,gBACpF,gCAAC,sBAAU;IAAC,OAAO,EAAEI,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAI;EAAU,GAAED,QAAQ,CAAc,CAChE,gBAEJ,gCAAC,gBAAgB;IAAC,SAAS,EAAEE,SAAU;IAAC,QAAQ,EAAEL,GAAI;IAAC,EAAE,EAAEE;EAAG,gBAC5D,gCAAC,sBAAU;IAAC,OAAO,EAAEE;EAAQ,GAAED,QAAQ,CAAc,CAExD;AACH,CAAC,CAAC;AAAC,eAEYP,IAAI;AAAA"}

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

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

package/build/components/Loading/Loading.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Loading.js","names":["Loading"],"sources":["../../../src/components/Loading/Loading.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Logo } from '../../';\nimport Spinner from './Spinner';\nimport { Badge, Wrapper } from './styles';\n\nconst Loading: React.FC = () => (\n  <Wrapper data-testid=\"loading\">\n    <Badge>\n      <Logo size=\"big\" />\n    </Badge>\n    <Spinner data-testid=\"spinnerLogo\" />\n  </Wrapper>\n);\n\nexport default Loading;\n"],"mappings":";;;;;;AAAA;AAEA;AACA;AACA;AAA0C;AAE1C,IAAMA,OAAiB,GAAG,SAApBA,OAAiB;EAAA,oBACrB,gCAAC,eAAO;IAAC,eAAY;EAAS,gBAC5B,gCAAC,aAAK,qBACJ,gCAAC,MAAI;IAAC,IAAI,EAAC;EAAK,EAAG,CACb,eACR,gCAAC,mBAAO;IAAC,eAAY;EAAa,EAAG,CAC7B;AAAA,CACX;AAAC,eAEaA,OAAO;AAAA"}

package/build/components/Loading/Spinner/Spinner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spinner.js","names":["Spinner","size","centered","Wrapper","display","alignItems","justifyContent","position","top","left","transform","Circular","CircularProgress","theme","color","palette","mode","white","primary","main"],"sources":["../../../../src/components/Loading/Spinner/Spinner.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport React from 'react';\n\nimport { Theme } from '../../../';\n\ninterface Props {\n  size?: number;\n  centered?: boolean;\n}\n\nconst Spinner: React.FC<Props> = ({ size = 50, centered = false }) => (\n  <Wrapper centered={centered}>\n    <Circular size={size} />\n  </Wrapper>\n);\n\nexport default Spinner;\n\nconst Wrapper = styled('div')<Pick<Props, 'centered'>>(({ centered }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  ...(centered && {\n    position: 'absolute',\n    top: '50%',\n    left: '50%',\n    transform: 'translate(-50%, -50%)',\n  }),\n}));\n\nconst Circular = styled(CircularProgress)<{ theme?: Theme }>(({ theme }) => ({\n  color: theme?.palette.mode === 'dark' ? theme?.palette.white : theme?.palette.primary.main,\n}));\n"],"mappings":";;;;;;;;AACA;AACA;AAA0B;AAAA;AAAA;AAAA;AAAA;AAAA;AAS1B,IAAMA,OAAwB,GAAG,SAA3BA,OAAwB;EAAA,qBAAMC,IAAI;IAAJA,IAAI,0BAAG,EAAE;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;EAAA,oBAC7D,gCAAC,OAAO;IAAC,QAAQ,EAAEA;EAAS,gBAC1B,gCAAC,QAAQ;IAAC,IAAI,EAAED;EAAK,EAAG,CAChB;AAAA,CACX;AAAC,eAEaD,OAAO;AAAA;AAEtB,IAAMG,OAAO,gBAAG,sBAAO,KAAK;EAAA;AAAA;EAAA;EAAA;AAAA,EAAC,CAA0B;EAAA,IAAGD,QAAQ,SAARA,QAAQ;EAAA;IAChEE,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAAQ,GACpBJ,QAAQ,IAAI;IACdK,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,KAAK;IACVC,IAAI,EAAE,KAAK;IACXC,SAAS,EAAE;EACb,CAAC;AAAA,CACD,iiDAAC;AAEH,IAAMC,QAAQ,gBAAG,sBAAOC,4BAAgB;EAAA;AAAA;EAAA;EAAA;AAAA,EAAC,CAAoB;EAAA,IAAGC,KAAK,SAALA,KAAK;EAAA,OAAQ;IAC3EC,KAAK,EAAE,CAAAD,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,OAAO,CAACC,IAAI,MAAK,MAAM,GAAGH,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,OAAO,CAACE,KAAK,GAAGJ,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,OAAO,CAACG,OAAO,CAACC;EACxF,CAAC;AAAA,CAAC,iiDAAC"}

package/build/components/Loading/Spinner/__snapshots__/Spinner.test.tsx.snap

@@ -1,246 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`<Spinner /> component should render the component in default state 1`] = `
-{
-  "asFragment": [Function],
-  "baseElement": @keyframes animation-0 {
-  0% {
-    -webkit-transform: rotate(0deg);
-    -moz-transform: rotate(0deg);
-    -ms-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-    -moz-transform: rotate(360deg);
-    -ms-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-
-@keyframes animation-1 {
-  0% {
-    stroke-dasharray: 1px,200px;
-    stroke-dashoffset: 0;
-  }
-
-  50% {
-    stroke-dasharray: 100px,200px;
-    stroke-dashoffset: -15px;
-  }
-
-  100% {
-    stroke-dasharray: 100px,200px;
-    stroke-dashoffset: -125px;
-  }
-}
-
-.emotion-0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  -webkit-justify-content: center;
-  justify-content: center;
-}
-
-.emotion-3 {
-  display: inline-block;
-  color: #4b5e40;
-  -webkit-animation: animation-0 1.4s linear infinite;
-  animation: animation-0 1.4s linear infinite;
-  color: #4b5e40;
-}
-
-.emotion-4 {
-  display: block;
-}
-
-.emotion-5 {
-  stroke: currentColor;
-  stroke-dasharray: 80px,200px;
-  stroke-dashoffset: 0;
-  -webkit-animation: animation-1 1.4s ease-in-out infinite;
-  animation: animation-1 1.4s ease-in-out infinite;
-}
-
-<body>
-    <div>
-      <div
-        class="emotion-0 emotion-1"
-      >
-        <span
-          class="MuiCircularProgress-root MuiCircularProgress-indeterminate MuiCircularProgress-colorPrimary emotion-2 emotion-3"
-          role="progressbar"
-          style="width: 50px; height: 50px;"
-        >
-          <svg
-            class="MuiCircularProgress-svg emotion-4"
-            viewBox="22 22 44 44"
-          >
-            <circle
-              class="MuiCircularProgress-circle MuiCircularProgress-circleIndeterminate emotion-5"
-              cx="44"
-              cy="44"
-              fill="none"
-              r="20.2"
-              stroke-width="3.6"
-            />
-          </svg>
-        </span>
-      </div>
-    </div>
-  </body>,
-  "container": @keyframes animation-0 {
-  0% {
-    -webkit-transform: rotate(0deg);
-    -moz-transform: rotate(0deg);
-    -ms-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-    -moz-transform: rotate(360deg);
-    -ms-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-
-@keyframes animation-1 {
-  0% {
-    stroke-dasharray: 1px,200px;
-    stroke-dashoffset: 0;
-  }
-
-  50% {
-    stroke-dasharray: 100px,200px;
-    stroke-dashoffset: -15px;
-  }
-
-  100% {
-    stroke-dasharray: 100px,200px;
-    stroke-dashoffset: -125px;
-  }
-}
-
-.emotion-0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  -webkit-justify-content: center;
-  justify-content: center;
-}
-
-.emotion-3 {
-  display: inline-block;
-  color: #4b5e40;
-  -webkit-animation: animation-0 1.4s linear infinite;
-  animation: animation-0 1.4s linear infinite;
-  color: #4b5e40;
-}
-
-.emotion-4 {
-  display: block;
-}
-
-.emotion-5 {
-  stroke: currentColor;
-  stroke-dasharray: 80px,200px;
-  stroke-dashoffset: 0;
-  -webkit-animation: animation-1 1.4s ease-in-out infinite;
-  animation: animation-1 1.4s ease-in-out infinite;
-}
-
-<div>
-    <div
-      class="emotion-0 emotion-1"
-    >
-      <span
-        class="MuiCircularProgress-root MuiCircularProgress-indeterminate MuiCircularProgress-colorPrimary emotion-2 emotion-3"
-        role="progressbar"
-        style="width: 50px; height: 50px;"
-      >
-        <svg
-          class="MuiCircularProgress-svg emotion-4"
-          viewBox="22 22 44 44"
-        >
-          <circle
-            class="MuiCircularProgress-circle MuiCircularProgress-circleIndeterminate emotion-5"
-            cx="44"
-            cy="44"
-            fill="none"
-            r="20.2"
-            stroke-width="3.6"
-          />
-        </svg>
-      </span>
-    </div>
-  </div>,
-  "debug": [Function],
-  "findAllByAltText": [Function],
-  "findAllByDisplayValue": [Function],
-  "findAllByLabelText": [Function],
-  "findAllByPlaceholderText": [Function],
-  "findAllByRole": [Function],
-  "findAllByTestId": [Function],
-  "findAllByText": [Function],
-  "findAllByTitle": [Function],
-  "findByAltText": [Function],
-  "findByDisplayValue": [Function],
-  "findByLabelText": [Function],
-  "findByPlaceholderText": [Function],
-  "findByRole": [Function],
-  "findByTestId": [Function],
-  "findByText": [Function],
-  "findByTitle": [Function],
-  "getAllByAltText": [Function],
-  "getAllByDisplayValue": [Function],
-  "getAllByLabelText": [Function],
-  "getAllByPlaceholderText": [Function],
-  "getAllByRole": [Function],
-  "getAllByTestId": [Function],
-  "getAllByText": [Function],
-  "getAllByTitle": [Function],
-  "getByAltText": [Function],
-  "getByDisplayValue": [Function],
-  "getByLabelText": [Function],
-  "getByPlaceholderText": [Function],
-  "getByRole": [Function],
-  "getByTestId": [Function],
-  "getByText": [Function],
-  "getByTitle": [Function],
-  "queryAllByAltText": [Function],
-  "queryAllByDisplayValue": [Function],
-  "queryAllByLabelText": [Function],
-  "queryAllByPlaceholderText": [Function],
-  "queryAllByRole": [Function],
-  "queryAllByTestId": [Function],
-  "queryAllByText": [Function],
-  "queryAllByTitle": [Function],
-  "queryByAltText": [Function],
-  "queryByDisplayValue": [Function],
-  "queryByLabelText": [Function],
-  "queryByPlaceholderText": [Function],
-  "queryByRole": [Function],
-  "queryByTestId": [Function],
-  "queryByText": [Function],
-  "queryByTitle": [Function],
-  "rerender": [Function],
-  "unmount": [Function],
-}
-`;

package/build/components/Loading/Spinner/index.js.map

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

package/build/components/Loading/__snapshots__/Loading.test.tsx.snap

@@ -1,138 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`<Loading /> component should render the component in default state 1`] = `
-@keyframes animation-0 {
-  0% {
-    -webkit-transform: rotate(0deg);
-    -moz-transform: rotate(0deg);
-    -ms-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-    -moz-transform: rotate(360deg);
-    -ms-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-
-@keyframes animation-1 {
-  0% {
-    stroke-dasharray: 1px,200px;
-    stroke-dashoffset: 0;
-  }
-
-  50% {
-    stroke-dasharray: 100px,200px;
-    stroke-dashoffset: -15px;
-  }
-
-  100% {
-    stroke-dasharray: 100px,200px;
-    stroke-dashoffset: -125px;
-  }
-}
-
-.emotion-0 {
-  -webkit-transform: translate(-50%, -50%);
-  -moz-transform: translate(-50%, -50%);
-  -ms-transform: translate(-50%, -50%);
-  transform: translate(-50%, -50%);
-  top: 50%;
-  left: 50%;
-  position: absolute;
-}
-
-.emotion-2 {
-  margin: 0 0 30px 0;
-  border-radius: 25px;
-  box-shadow: 0 10px 20px 0 rgba(69, 58, 100, 0.2);
-  background: #f7f8f6;
-}
-
-.emotion-4 {
-  display: inline-block;
-  vertical-align: middle;
-  box-sizing: border-box;
-  -webkit-background-position: center;
-  background-position: center;
-  -webkit-background-size: contain;
-  background-size: contain;
-  background-image: url([object Object]);
-  background-repeat: no-repeat;
-  width: 90px;
-  height: 90px;
-}
-
-.emotion-6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  -webkit-justify-content: center;
-  justify-content: center;
-}
-
-.emotion-9 {
-  display: inline-block;
-  color: #4b5e40;
-  -webkit-animation: animation-0 1.4s linear infinite;
-  animation: animation-0 1.4s linear infinite;
-  color: #4b5e40;
-}
-
-.emotion-10 {
-  display: block;
-}
-
-.emotion-11 {
-  stroke: currentColor;
-  stroke-dasharray: 80px,200px;
-  stroke-dashoffset: 0;
-  -webkit-animation: animation-1 1.4s ease-in-out infinite;
-  animation: animation-1 1.4s ease-in-out infinite;
-}
-
-<div
-  class="emotion-0 emotion-1"
-  data-testid="loading"
->
-  <div
-    class="emotion-2 emotion-3"
-  >
-    <div
-      class="emotion-4 emotion-5"
-    />
-  </div>
-  <div
-    class="emotion-6 emotion-7"
-  >
-    <span
-      class="MuiCircularProgress-root MuiCircularProgress-indeterminate MuiCircularProgress-colorPrimary emotion-8 emotion-9"
-      role="progressbar"
-      style="width: 50px; height: 50px;"
-    >
-      <svg
-        class="MuiCircularProgress-svg emotion-10"
-        viewBox="22 22 44 44"
-      >
-        <circle
-          class="MuiCircularProgress-circle MuiCircularProgress-circleIndeterminate emotion-11"
-          cx="44"
-          cy="44"
-          fill="none"
-          r="20.2"
-          stroke-width="3.6"
-        />
-      </svg>
-    </span>
-  </div>
-</div>
-`;

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["Wrapper","Badge","theme","margin","borderRadius","boxShadow","background","palette","mode","black"],"sources":["../../../src/components/Loading/styles.ts"],"sourcesContent":["import styled from '@emotion/styled';\n\nimport { Theme } from '../../';\n\nexport const Wrapper = styled('div')({\n  transform: 'translate(-50%, -50%)',\n  top: '50%',\n  left: '50%',\n  position: 'absolute',\n});\n\nexport const Badge = styled('div')<{ theme?: Theme }>(({ theme }) => ({\n  margin: '0 0 30px 0',\n  borderRadius: 25,\n  boxShadow: '0 10px 20px 0 rgba(69, 58, 100, 0.2)',\n  background: theme?.palette.mode === 'dark' ? theme?.palette.black : '#f7f8f6',\n}));\n"],"mappings":";;;;;;;;;AAIO,IAAMA,OAAO,gBAAG,sBAAO,KAAK;EAAA;AAAA;EAAA;EAAA;AAAA,EAAC;EAAA;EAAA;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA,EAKlC;AAAC;AAEI,IAAMC,KAAK,gBAAG,sBAAO,KAAK;EAAA;AAAA;EAAA;EAAA;AAAA,EAAC,CAAoB;EAAA,IAAGC,KAAK,QAALA,KAAK;EAAA,OAAQ;IACpEC,MAAM,EAAE,YAAY;IACpBC,YAAY,EAAE,EAAE;IAChBC,SAAS,EAAE,sCAAsC;IACjDC,UAAU,EAAE,CAAAJ,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEK,OAAO,CAACC,IAAI,MAAK,MAAM,GAAGN,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEK,OAAO,CAACE,KAAK,GAAG;EACtE,CAAC;AAAA,CAAC,y9BAAC;AAAC"}

package/build/components/LoginDialog/LoginDialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LoginDialog.js","names":["LoginDialog","onClose","open","loginStore","useSelector","state","login","dispatch","useDispatch","makeLogin","useCallback","username","password","isEmpty","addError","type","description","i18next","t","getUser","clearError","e","console","error","message","handleDoLogin","data","useEffect","token"],"sources":["../../../src/components/LoginDialog/LoginDialog.tsx"],"sourcesContent":["import Dialog from '@mui/material/Dialog';\nimport DialogContent from '@mui/material/DialogContent';\nimport i18next from 'i18next';\nimport isEmpty from 'lodash/isEmpty';\nimport React, { useCallback, useEffect } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\n\nimport { Dispatch, LoginBody, RootState } from '../../';\nimport LoginDialogCloseButton from './LoginDialogCloseButton';\nimport LoginDialogForm, { FormValues } from './LoginDialogForm';\nimport LoginDialogHeader from './LoginDialogHeader';\n\ninterface Props {\n  open?: boolean;\n  onClose: () => void;\n}\n\nconst LoginDialog: React.FC<Props> = ({ onClose, open = false }) => {\n  const loginStore: any = useSelector((state: RootState) => state.login);\n  const dispatch = useDispatch<Dispatch>();\n  const makeLogin = useCallback(\n    async (username?: string, password?: string): Promise<LoginBody | void> => {\n      // checks isEmpty\n      if (isEmpty(username) || isEmpty(password)) {\n        dispatch.login.addError({\n          type: 'error',\n          description: i18next.t('form-validation.username-or-password-cant-be-empty'),\n        });\n        return;\n      }\n\n      try {\n        dispatch.login.getUser({ username, password });\n        // const response: LoginBody = await doLogin(username as string, password as string);\n        dispatch.login.clearError();\n      } catch (e: any) {\n        dispatch.login.addError({\n          type: 'error',\n          description: i18next.t('form-validation.unable-to-sign-in'),\n        });\n        // eslint-disable-next-line no-console\n        console.error('login error', e.message);\n      }\n    },\n    [dispatch]\n  );\n\n  const handleDoLogin = useCallback(\n    async (data: FormValues) => {\n      await makeLogin(data.username, data.password);\n    },\n    [makeLogin]\n  );\n\n  useEffect(() => {\n    if (loginStore.token && typeof loginStore.error === 'undefined') {\n      onClose();\n    }\n  }, [loginStore, onClose]);\n\n  return (\n    <Dialog\n      data-testid=\"login--dialog\"\n      fullWidth={true}\n      id=\"login--dialog\"\n      maxWidth=\"sm\"\n      onClose={onClose}\n      open={open}\n    >\n      <LoginDialogCloseButton onClose={onClose} />\n      <DialogContent data-testid=\"dialogContentLogin\">\n        <LoginDialogHeader />\n        <LoginDialogForm error={loginStore.error} onSubmit={handleDoLogin} />\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nexport default LoginDialog;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AAAoD;AAAA;AAAA;AAAA,+CATpD;AAAA;AAAA;AAgBA,IAAMA,WAA4B,GAAG,SAA/BA,WAA4B,OAAkC;EAAA,IAA5BC,OAAO,QAAPA,OAAO;IAAA,iBAAEC,IAAI;IAAJA,IAAI,0BAAG,KAAK;EAC3D,IAAMC,UAAe,GAAG,IAAAC,uBAAW,EAAC,UAACC,KAAgB;IAAA,OAAKA,KAAK,CAACC,KAAK;EAAA,EAAC;EACtE,IAAMC,QAAQ,GAAG,IAAAC,uBAAW,GAAY;EACxC,IAAMC,SAAS,GAAG,IAAAC,kBAAW;IAAA,uEAC3B,iBAAOC,QAAiB,EAAEC,QAAiB;MAAA;QAAA;UAAA;YAAA;cAAA,MAErC,IAAAC,mBAAO,EAACF,QAAQ,CAAC,IAAI,IAAAE,mBAAO,EAACD,QAAQ,CAAC;gBAAA;gBAAA;cAAA;cACxCL,QAAQ,CAACD,KAAK,CAACQ,QAAQ,CAAC;gBACtBC,IAAI,EAAE,OAAO;gBACbC,WAAW,EAAEC,mBAAO,CAACC,CAAC,CAAC,oDAAoD;cAC7E,CAAC,CAAC;cAAC;YAAA;cAIL,IAAI;gBACFX,QAAQ,CAACD,KAAK,CAACa,OAAO,CAAC;kBAAER,QAAQ,EAARA,QAAQ;kBAAEC,QAAQ,EAARA;gBAAS,CAAC,CAAC;gBAC9C;gBACAL,QAAQ,CAACD,KAAK,CAACc,UAAU,EAAE;cAC7B,CAAC,CAAC,OAAOC,CAAM,EAAE;gBACfd,QAAQ,CAACD,KAAK,CAACQ,QAAQ,CAAC;kBACtBC,IAAI,EAAE,OAAO;kBACbC,WAAW,EAAEC,mBAAO,CAACC,CAAC,CAAC,mCAAmC;gBAC5D,CAAC,CAAC;gBACF;gBACAI,OAAO,CAACC,KAAK,CAAC,aAAa,EAAEF,CAAC,CAACG,OAAO,CAAC;cACzC;YAAC;YAAA;cAAA;UAAA;QAAA;MAAA;IAAA,CACF;IAAA;MAAA;IAAA;EAAA,KACD,CAACjB,QAAQ,CAAC,CACX;EAED,IAAMkB,aAAa,GAAG,IAAAf,kBAAW;IAAA,uEAC/B,kBAAOgB,IAAgB;MAAA;QAAA;UAAA;YAAA;cAAA;cAAA,OACfjB,SAAS,CAACiB,IAAI,CAACf,QAAQ,EAAEe,IAAI,CAACd,QAAQ,CAAC;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA;IAAA,CAC9C;IAAA;MAAA;IAAA;EAAA,KACD,CAACH,SAAS,CAAC,CACZ;EAED,IAAAkB,gBAAS,EAAC,YAAM;IACd,IAAIxB,UAAU,CAACyB,KAAK,IAAI,OAAOzB,UAAU,CAACoB,KAAK,KAAK,WAAW,EAAE;MAC/DtB,OAAO,EAAE;IACX;EACF,CAAC,EAAE,CAACE,UAAU,EAAEF,OAAO,CAAC,CAAC;EAEzB,oBACE,gCAAC,kBAAM;IACL,eAAY,eAAe;IAC3B,SAAS,EAAE,IAAK;IAChB,EAAE,EAAC,eAAe;IAClB,QAAQ,EAAC,IAAI;IACb,OAAO,EAAEA,OAAQ;IACjB,IAAI,EAAEC;EAAK,gBAEX,gCAAC,kCAAsB;IAAC,OAAO,EAAED;EAAQ,EAAG,eAC5C,gCAAC,yBAAa;IAAC,eAAY;EAAoB,gBAC7C,gCAAC,6BAAiB,OAAG,eACrB,gCAAC,2BAAe;IAAC,KAAK,EAAEE,UAAU,CAACoB,KAAM;IAAC,QAAQ,EAAEE;EAAc,EAAG,CACvD,CACT;AAEb,CAAC;AAAC,eAEazB,WAAW;AAAA"}

package/build/components/LoginDialog/LoginDialogCloseButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LoginDialogCloseButton.js","names":["StyledIconButton","IconButton","theme","position","right","spacing","top","color","palette","grey","LoginDialogCloseButton","onClose","useTranslation","t"],"sources":["../../../src/components/LoginDialog/LoginDialogCloseButton.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport CloseIcon from '@mui/icons-material/Close';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport IconButton from '@mui/material/IconButton';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { Theme } from '../../';\n\nconst StyledIconButton = styled(IconButton)<{ theme?: Theme }>(({ theme }) => ({\n  position: 'absolute',\n  right: theme.spacing() / 2,\n  top: theme.spacing() / 2,\n  color: theme.palette.grey[500],\n}));\n\ninterface Props {\n  onClose: () => void;\n}\n\nconst LoginDialogCloseButton: React.FC<Props> = ({ onClose }) => {\n  const { t } = useTranslation();\n  return (\n    <DialogTitle>\n      <StyledIconButton data-testid=\"close-login-dialog-button\" onClick={onClose}>\n        <CloseIcon titleAccess={t('button.close')} />\n      </StyledIconButton>\n    </DialogTitle>\n  );\n};\n\nexport default LoginDialogCloseButton;\n"],"mappings":";;;;;;;AACA;AACA;AACA;AACA;AACA;AAA+C;AAI/C,IAAMA,gBAAgB,gBAAG,sBAAOC,sBAAU;EAAA;AAAA;EAAA;EAAA;AAAA,EAAC,CAAoB;EAAA,IAAGC,KAAK,QAALA,KAAK;EAAA,OAAQ;IAC7EC,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAEF,KAAK,CAACG,OAAO,EAAE,GAAG,CAAC;IAC1BC,GAAG,EAAEJ,KAAK,CAACG,OAAO,EAAE,GAAG,CAAC;IACxBE,KAAK,EAAEL,KAAK,CAACM,OAAO,CAACC,IAAI,CAAC,GAAG;EAC/B,CAAC;AAAA,CAAC,6nDAAC;AAMH,IAAMC,sBAAuC,GAAG,SAA1CA,sBAAuC,QAAoB;EAAA,IAAdC,OAAO,SAAPA,OAAO;EACxD,sBAAc,IAAAC,4BAAc,GAAE;IAAtBC,CAAC,mBAADA,CAAC;EACT,oBACE,gCAAC,uBAAW,qBACV,gCAAC,gBAAgB;IAAC,eAAY,2BAA2B;IAAC,OAAO,EAAEF;EAAQ,gBACzE,gCAAC,iBAAS;IAAC,WAAW,EAAEE,CAAC,CAAC,cAAc;EAAE,EAAG,CAC5B,CACP;AAElB,CAAC;AAAC,eAEaH,sBAAsB;AAAA"}

package/build/components/LoginDialog/LoginDialogForm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LoginDialogForm.js","names":["StyledForm","theme","marginTop","spacing","StyledButton","Button","margin","LoginDialogForm","memo","onSubmit","error","useTranslation","t","useForm","mode","register","handleSubmit","formState","isValid","errors","onSubmitForm","formValues","username","message","required","value","minLength","length","password"],"sources":["../../../src/components/LoginDialog/LoginDialogForm.tsx"],"sourcesContent":["/* eslint-disable verdaccio/jsx-spread */\nimport styled from '@emotion/styled';\nimport Button from '@mui/material/Button';\nimport React, { memo } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport { LoginError, TextField, Theme } from '../../';\nimport LoginDialogFormError from './LoginDialogFormError';\n\nconst StyledForm = styled('form')<{ theme?: Theme }>(({ theme }) => ({\n  marginTop: theme.spacing(1),\n}));\n\nconst StyledButton = styled(Button)<{ theme?: Theme }>(({ theme }) => ({\n  margin: theme.spacing(3, 0, 2),\n}));\n\nexport interface FormValues {\n  username: string;\n  password: string;\n}\n\ninterface Props {\n  onSubmit: (formValues: FormValues) => void;\n  error?: LoginError;\n}\n\nconst LoginDialogForm = memo(({ onSubmit, error }: Props) => {\n  const { t } = useTranslation();\n  const {\n    register,\n    handleSubmit,\n    formState: { isValid, errors },\n  } = useForm<FormValues>({ mode: 'onChange' });\n\n  const onSubmitForm = (formValues: FormValues) => {\n    onSubmit(formValues);\n  };\n\n  return (\n    <StyledForm noValidate={true} onSubmit={handleSubmit(onSubmitForm)}>\n      <TextField\n        autoComplete=\"username\"\n        error={!!errors.username}\n        fullWidth={true}\n        helperText={errors.username?.message}\n        id=\"login--dialog-username\"\n        {...register('username', {\n          required: { value: true, message: t('form-validation.required-field') },\n          minLength: { value: 2, message: t('form-validation.required-min-length', { length: 2 }) },\n        })}\n        label={t('form.username')}\n        margin=\"normal\"\n        name=\"username\"\n        placeholder={t('form-placeholder.username')}\n        required={true}\n        variant=\"outlined\"\n      />\n      <TextField\n        autoComplete=\"current-password\"\n        error={!!errors.password}\n        fullWidth={true}\n        helperText={errors.password?.message}\n        id=\"login--dialog-password\"\n        {...register('password', {\n          required: { value: true, message: t('form-validation.required-field') },\n          minLength: { value: 2, message: t('form-validation.required-min-length', { length: 2 }) },\n        })}\n        data-testid=\"password\"\n        label={t('form.password')}\n        margin=\"normal\"\n        name=\"password\"\n        placeholder={t('form-placeholder.password')}\n        required={true}\n        type=\"password\"\n        variant=\"outlined\"\n      />\n      {error && <LoginDialogFormError error={error} />}\n      <StyledButton\n        color=\"primary\"\n        data-testid=\"login-dialog-form-login-button\"\n        disabled={!isValid}\n        fullWidth={true}\n        id=\"login--dialog-button-submit\"\n        size=\"large\"\n        type=\"submit\"\n        variant=\"contained\"\n      >\n        {t('button.login')}\n      </StyledButton>\n    </StyledForm>\n  );\n});\n\nexport default LoginDialogForm;\n"],"mappings":"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"}

package/build/components/LoginDialog/LoginDialogFormError.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LoginDialogFormError.js","names":["StyledSnackbarContent","SnackbarContent","theme","backgroundColor","palette","error","dark","color","white","StyledErrorIcon","Error","fontSize","opacity","marginRight","spacing","LoginDialogFormError","memo","description"],"sources":["../../../src/components/LoginDialog/LoginDialogFormError.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Error from '@mui/icons-material/Error';\nimport Box from '@mui/material/Box';\nimport SnackbarContent from '@mui/material/SnackbarContent';\nimport React, { memo } from 'react';\n\nimport { LoginError, Theme } from '../../';\n\nconst StyledSnackbarContent = styled(SnackbarContent)<{ theme?: Theme }>(({ theme }) => ({\n  backgroundColor: theme?.palette.error.dark,\n  color: theme?.palette.white,\n}));\n\nconst StyledErrorIcon = styled(Error)<{ theme?: Theme }>(({ theme }) => ({\n  fontSize: 20,\n  opacity: 0.9,\n  marginRight: theme?.spacing(1),\n}));\n\nexport interface FormValues {\n  username: string;\n  password: string;\n}\n\ninterface Props {\n  error: LoginError;\n}\n\nconst LoginDialogFormError = memo(({ error }: Props) => {\n  return (\n    <StyledSnackbarContent\n      message={\n        <Box alignItems=\"center\" display=\"flex\">\n          <StyledErrorIcon />\n          {error.description}\n        </Box>\n      }\n    />\n  );\n});\n\nexport default LoginDialogFormError;\n"],"mappings":";;;;;;;;AACA;AACA;AACA;AACA;AAAoC;AAAA;AAAA;AAIpC,IAAMA,qBAAqB,gBAAG,sBAAOC,2BAAe;EAAA;AAAA;EAAA;EAAA;AAAA,EAAC,CAAoB;EAAA,IAAGC,KAAK,QAALA,KAAK;EAAA,OAAQ;IACvFC,eAAe,EAAED,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,OAAO,CAACC,KAAK,CAACC,IAAI;IAC1CC,KAAK,EAAEL,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,OAAO,CAACI;EACxB,CAAC;AAAA,CAAC,iwDAAC;AAEH,IAAMC,eAAe,gBAAG,sBAAOC,iBAAK;EAAA;AAAA;EAAA;EAAA;AAAA,EAAC,CAAoB;EAAA,IAAGR,KAAK,SAALA,KAAK;EAAA,OAAQ;IACvES,QAAQ,EAAE,EAAE;IACZC,OAAO,EAAE,GAAG;IACZC,WAAW,EAAEX,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEY,OAAO,CAAC,CAAC;EAC/B,CAAC;AAAA,CAAC,iwDAAC;AAWH,IAAMC,oBAAoB,gBAAG,IAAAC,WAAI,EAAC,iBAAsB;EAAA,IAAnBX,KAAK,SAALA,KAAK;EACxC,oBACE,gCAAC,qBAAqB;IACpB,OAAO,eACL,gCAAC,eAAG;MAAC,UAAU,EAAC,QAAQ;MAAC,OAAO,EAAC;IAAM,gBACrC,gCAAC,eAAe,OAAG,EAClBA,KAAK,CAACY,WAAW;EAErB,EACD;AAEN,CAAC,CAAC;AAAC,eAEYF,oBAAoB;AAAA"}

package/build/components/LoginDialog/LoginDialogHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LoginDialogHeader.js","names":["LoginDialogHeader","onClose","useTranslation","t","StyledAvatar","Avatar","theme","margin","spacing","backgroundColor","palette","mode","primary","main","cyanBlue","color","white","StyledIconButton","IconButton","position","right","top","grey"],"sources":["../../../src/components/LoginDialog/LoginDialogHeader.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport CloseIcon from '@mui/icons-material/Close';\nimport LockOutlined from '@mui/icons-material/LockOutlined';\nimport Avatar from '@mui/material/Avatar';\nimport Box from '@mui/material/Box';\nimport IconButton from '@mui/material/IconButton';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { Heading, Theme } from '../../';\n\ninterface Props {\n  onClose?: () => void;\n}\n\nconst LoginDialogHeader: React.FC<Props> = ({ onClose }) => {\n  const { t } = useTranslation();\n\n  return (\n    <Box alignItems=\"center\" display=\"flex\" flexDirection=\"column\" position=\"relative\">\n      {onClose && (\n        <StyledIconButton aria-label={t('button.close')} onClick={onClose}>\n          <CloseIcon />\n        </StyledIconButton>\n      )}\n      <StyledAvatar>\n        <LockOutlined />\n      </StyledAvatar>\n      <Heading>{t('button.login')}</Heading>\n    </Box>\n  );\n};\n\nexport default LoginDialogHeader;\n\nconst StyledAvatar = styled(Avatar)<{ theme?: Theme }>(({ theme }) => ({\n  margin: theme?.spacing(1),\n  backgroundColor:\n    theme?.palette.mode === 'light' ? theme?.palette.primary.main : theme?.palette.cyanBlue,\n  color: theme?.palette.white,\n}));\n\nconst StyledIconButton = styled(IconButton)<{ theme?: Theme }>(({ theme }) => ({\n  position: 'absolute',\n  right: theme?.spacing() / 2,\n  top: theme?.spacing() / 2,\n  color: theme?.palette.grey[500],\n}));\n"],"mappings":";;;;;;;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAwC;AAMxC,IAAMA,iBAAkC,GAAG,SAArCA,iBAAkC,OAAoB;EAAA,IAAdC,OAAO,QAAPA,OAAO;EACnD,sBAAc,IAAAC,4BAAc,GAAE;IAAtBC,CAAC,mBAADA,CAAC;EAET,oBACE,gCAAC,eAAG;IAAC,UAAU,EAAC,QAAQ;IAAC,OAAO,EAAC,MAAM;IAAC,aAAa,EAAC,QAAQ;IAAC,QAAQ,EAAC;EAAU,GAC/EF,OAAO,iBACN,gCAAC,gBAAgB;IAAC,cAAYE,CAAC,CAAC,cAAc,CAAE;IAAC,OAAO,EAAEF;EAAQ,gBAChE,gCAAC,iBAAS,OAAG,CAEhB,eACD,gCAAC,YAAY,qBACX,gCAAC,wBAAY,OAAG,CACH,eACf,gCAAC,SAAO,QAAEE,CAAC,CAAC,cAAc,CAAC,CAAW,CAClC;AAEV,CAAC;AAAC,eAEaH,iBAAiB;AAAA;AAEhC,IAAMI,YAAY,gBAAG,sBAAOC,kBAAM;EAAA;AAAA;EAAA;EAAA;AAAA,EAAC,CAAoB;EAAA,IAAGC,KAAK,SAALA,KAAK;EAAA,OAAQ;IACrEC,MAAM,EAAED,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,OAAO,CAAC,CAAC,CAAC;IACzBC,eAAe,EACb,CAAAH,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEI,OAAO,CAACC,IAAI,MAAK,OAAO,GAAGL,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEI,OAAO,CAACE,OAAO,CAACC,IAAI,GAAGP,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEI,OAAO,CAACI,QAAQ;IACzFC,KAAK,EAAET,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEI,OAAO,CAACM;EACxB,CAAC;AAAA,CAAC,yzEAAC;AAEH,IAAMC,gBAAgB,gBAAG,sBAAOC,sBAAU;EAAA;AAAA;EAAA;EAAA;AAAA,EAAC,CAAoB;EAAA,IAAGZ,KAAK,SAALA,KAAK;EAAA,OAAQ;IAC7Ea,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,CAAAd,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,OAAO,EAAE,IAAG,CAAC;IAC3Ba,GAAG,EAAE,CAAAf,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,OAAO,EAAE,IAAG,CAAC;IACzBO,KAAK,EAAET,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEI,OAAO,CAACY,IAAI,CAAC,GAAG;EAChC,CAAC;AAAA,CAAC,yzEAAC"}

package/build/components/LoginDialog/__snapshots__/LoginDialog.test.tsx.snap

@@ -1,3 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`<LoginDialog /> component should render the component in default state 1`] = `null`;

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

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

package/build/components/Logo/Logo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Logo.js","names":["blackAndWithLogo","require","defaultLogo","sizes","small","big","logos","light","dark","Logo","size","onClick","className","isDefault","useConfig","configOptions","logo","ImageLogo","StyledLogo","theme","display","verticalAlign","boxSizing","backgroundPosition","backgroundSize","backgroundImage","palette","mode","backgroundRepeat","width","height"],"sources":["../../../src/components/Logo/Logo.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport React from 'react';\n\nimport { Theme, useConfig } from '../../';\n\nconst blackAndWithLogo = require('./img/logo-black-and-white.svg');\nconst defaultLogo = require('./img/logo.svg');\n\nconst sizes = {\n  'x-small': '30px',\n  small: '40px',\n  big: '90px',\n};\n\nconst logos = {\n  light: defaultLogo,\n  dark: blackAndWithLogo,\n};\n\ninterface Props {\n  size?: keyof typeof sizes;\n  onClick?: () => void;\n  className?: string;\n  isDefault?: boolean;\n}\n\nconst Logo: React.FC<Props> = ({ size, onClick, className, isDefault = false }) => {\n  const { configOptions } = useConfig();\n  if (!isDefault && configOptions?.logo) {\n    return (\n      <ImageLogo className={className} onClick={onClick}>\n        <img alt=\"logo\" height=\"40px\" src={configOptions.logo} />\n      </ImageLogo>\n    );\n  }\n  return <StyledLogo className={className} onClick={onClick} size={size} />;\n};\n\nexport default Logo;\n\nconst ImageLogo = styled('div')({\n  fontSize: 0,\n});\n\nconst StyledLogo = styled('div')<Props & { theme?: Theme }>(({ size = 'small', theme }) => ({\n  display: 'inline-block',\n  verticalAlign: 'middle',\n  boxSizing: 'border-box',\n  backgroundPosition: 'center',\n  backgroundSize: 'contain',\n  backgroundImage: `url(${logos[theme?.palette.mode]})`,\n  backgroundRepeat: ' no-repeat',\n  width: sizes[size],\n  height: sizes[size],\n}));\n"],"mappings":";;;;;;;AACA;AAEA;AAA0C;AAAA;AAE1C,IAAMA,gBAAgB,GAAGC,OAAO,CAAC,gCAAgC,CAAC;AAClE,IAAMC,WAAW,GAAGD,OAAO,CAAC,gBAAgB,CAAC;AAE7C,IAAME,KAAK,GAAG;EACZ,SAAS,EAAE,MAAM;EACjBC,KAAK,EAAE,MAAM;EACbC,GAAG,EAAE;AACP,CAAC;AAED,IAAMC,KAAK,GAAG;EACZC,KAAK,EAAEL,WAAW;EAClBM,IAAI,EAAER;AACR,CAAC;AASD,IAAMS,IAAqB,GAAG,SAAxBA,IAAqB,OAAwD;EAAA,IAAlDC,IAAI,QAAJA,IAAI;IAAEC,OAAO,QAAPA,OAAO;IAAEC,SAAS,QAATA,SAAS;IAAA,sBAAEC,SAAS;IAATA,SAAS,+BAAG,KAAK;EAC1E,iBAA0B,IAAAC,WAAS,GAAE;IAA7BC,aAAa,cAAbA,aAAa;EACrB,IAAI,CAACF,SAAS,IAAIE,aAAa,aAAbA,aAAa,eAAbA,aAAa,CAAEC,IAAI,EAAE;IACrC,oBACE,gCAAC,SAAS;MAAC,SAAS,EAAEJ,SAAU;MAAC,OAAO,EAAED;IAAQ,gBAChD;MAAK,GAAG,EAAC,MAAM;MAAC,MAAM,EAAC,MAAM;MAAC,GAAG,EAAEI,aAAa,CAACC;IAAK,EAAG,CAC/C;EAEhB;EACA,oBAAO,gCAAC,UAAU;IAAC,SAAS,EAAEJ,SAAU;IAAC,OAAO,EAAED,OAAQ;IAAC,IAAI,EAAED;EAAK,EAAG;AAC3E,CAAC;AAAC,eAEaD,IAAI;AAAA;AAEnB,IAAMQ,SAAS,gBAAG,sBAAO,KAAK;EAAA;AAAA;EAAA;EAAA;AAAA,EAAC;EAAA;EAAA;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA,EAE7B;AAEF,IAAMC,UAAU,gBAAG,sBAAO,KAAK;EAAA;AAAA;EAAA;EAAA;AAAA,EAAC,CAA4B;EAAA,uBAAGR,IAAI;IAAJA,IAAI,2BAAG,OAAO;IAAES,KAAK,SAALA,KAAK;EAAA,OAAQ;IAC1FC,OAAO,EAAE,cAAc;IACvBC,aAAa,EAAE,QAAQ;IACvBC,SAAS,EAAE,YAAY;IACvBC,kBAAkB,EAAE,QAAQ;IAC5BC,cAAc,EAAE,SAAS;IACzBC,eAAe,gBAASnB,KAAK,CAACa,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEO,OAAO,CAACC,IAAI,CAAC,MAAG;IACrDC,gBAAgB,EAAE,YAAY;IAC9BC,KAAK,EAAE1B,KAAK,CAACO,IAAI,CAAC;IAClBoB,MAAM,EAAE3B,KAAK,CAACO,IAAI;EACpB,CAAC;AAAA,CAAC,irEAAC"}

package/build/components/Logo/__snapshots__/Logo.test.tsx.snap

@@ -1,21 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`<Logo /> component should render the component in default state 1`] = `
-.emotion-0 {
-  display: inline-block;
-  vertical-align: middle;
-  box-sizing: border-box;
-  -webkit-background-position: center;
-  background-position: center;
-  -webkit-background-size: contain;
-  background-size: contain;
-  background-image: url([object Object]);
-  background-repeat: no-repeat;
-  width: 40px;
-  height: 40px;
-}
-
-<div
-  class="emotion-0 emotion-1"
-/>
-`;

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

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

package/build/components/MenuItem/MenuItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuItem.js","names":["MenuItem","forwardRef","props","ref","defaultProps","component","StyledMaterialUIMenuItem","MaterialUIMenuItem"],"sources":["../../../src/components/MenuItem/MenuItem.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { default as MaterialUIMenuItem, MenuItemProps } from '@mui/material/MenuItem';\nimport React, { forwardRef } from 'react';\n\ntype HTMLElementTagName = keyof HTMLElementTagNameMap;\ntype MenuItemRef = HTMLElementTagNameMap[HTMLElementTagName];\n\ninterface Props extends Omit<MenuItemProps, 'component'> {\n  component?: HTMLElementTagName;\n}\n\nconst MenuItem = forwardRef<MenuItemRef, Props>(function MenuItem(props, ref) {\n  // it seems typescript has some discrimination type limitions. Please see: https://github.com/mui-org/material-ui/issues/14971\n  // @ts-ignore Type Types of property 'button' are incompatible.\n  return <StyledMaterialUIMenuItem {...props} ref={ref as any} />;\n});\n\nMenuItem.defaultProps = {\n  component: 'li',\n};\n\nexport default MenuItem;\nconst StyledMaterialUIMenuItem = styled(MaterialUIMenuItem)({\n  outline: 'none',\n});\n"],"mappings":";;;;;;;;AACA;AACA;AAA0C;AAAA;AAAA;AAAA;AAAA;AAS1C,IAAMA,QAAQ,gBAAG,IAAAC,iBAAU,EAAqB,SAASD,QAAQ,CAACE,KAAK,EAAEC,GAAG,EAAE;EAC5E;EACA;EACA,oBAAO,gCAAC,wBAAwB,eAAKD,KAAK;IAAE,GAAG,EAAEC;EAAW,GAAG;AACjE,CAAC,CAAC;AAEFH,QAAQ,CAACI,YAAY,GAAG;EACtBC,SAAS,EAAE;AACb,CAAC;AAAC,eAEaL,QAAQ;AAAA;AACvB,IAAMM,wBAAwB,gBAAG,sBAAOC,oBAAkB;EAAA;AAAA;EAAA;EAAA;AAAA,EAAC;EAAA;EAAA;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA,EAEzD"}

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

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

package/build/components/NoItems/NoItems.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NoItems.js","names":["NoItems","className","text","props"],"sources":["../../../src/components/NoItems/NoItems.tsx"],"sourcesContent":["import Typography from '@mui/material/Typography';\nimport React from 'react';\n\ninterface Props {\n  text: string;\n  className?: string;\n}\n\nconst NoItems: React.FC<Props> = ({ className, text, ...props }) => (\n  // eslint-disable-next-line verdaccio/jsx-spread\n  <Typography {...props} className={className} gutterBottom={true} variant=\"subtitle1\">\n    {text}\n  </Typography>\n);\n\nexport default NoItems;\n"],"mappings":";;;;;;AAAA;AACA;AAA0B;AAAA;AAAA;AAAA;AAAA;AAO1B,IAAMA,OAAwB,GAAG,SAA3BA,OAAwB;EAAA,IAAMC,SAAS,QAATA,SAAS;IAAEC,IAAI,QAAJA,IAAI;IAAKC,KAAK;EAAA;IAAA;IAC3D;IACA,gCAAC,sBAAU,eAAKA,KAAK;MAAE,SAAS,EAAEF,SAAU;MAAC,YAAY,EAAE,IAAK;MAAC,OAAO,EAAC;IAAW,IACjFC,IAAI;EACM;AAAA,CACd;AAAC,eAEaF,OAAO;AAAA"}

package/build/components/NoItems/__snapshots__/Noitems.test.tsx.snap

@@ -1,18 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`<NoItem /> component should load the component in default state 1`] = `
-.emotion-0 {
-  margin: 0;
-  font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
-  font-weight: 400;
-  font-size: 1rem;
-  line-height: 1.75;
-  margin-bottom: 0.35em;
-}
-
-<h6
-  class="MuiTypography-root MuiTypography-subtitle1 MuiTypography-gutterBottom emotion-0"
->
-  test
-</h6>
-`;

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

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

package/build/components/NotFound/NotFound.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotFound.js","names":["NotFound","history","useHistory","useTranslation","t","handleGoHome","useCallback","push","PackageImg","EmptyPackage","StyledHeading","Heading","theme","color","palette","mode","primary","main","white","marginBottom"],"sources":["../../../src/components/NotFound/NotFound.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport React, { useCallback } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useHistory } from 'react-router-dom';\n\nimport { Theme } from '../../';\nimport Heading from '../Heading';\n// @ts-ignore\nimport PackageImg from './img/package.svg';\n\nconst NotFound: React.FC = () => {\n  const history = useHistory();\n  const { t } = useTranslation();\n\n  const handleGoHome = useCallback(() => {\n    history.push('/');\n  }, [history]);\n\n  return (\n    <Box\n      alignItems=\"center\"\n      data-testid=\"404\"\n      display=\"flex\"\n      flexDirection=\"column\"\n      flexGrow={1}\n      justifyContent=\"center\"\n      p={2}\n    >\n      <EmptyPackage alt={t('error.404.page-not-found')} src={PackageImg} />\n      <StyledHeading className=\"not-found-text\" variant=\"h4\">\n        {t('error.404.sorry-we-could-not-find-it')}\n      </StyledHeading>\n      <Button data-testid=\"not-found-go-to-home-button\" onClick={handleGoHome} variant=\"contained\">\n        {t('button.go-to-the-home-page')}\n      </Button>\n    </Box>\n  );\n};\n\nexport default NotFound;\n\nconst EmptyPackage = styled('img')({\n  width: '150px',\n  margin: '0 auto',\n});\n\nconst StyledHeading = styled(Heading)<{ theme?: Theme }>(({ theme }) => ({\n  color: theme?.palette.mode === 'light' ? theme?.palette.primary.main : theme?.palette.white,\n  marginBottom: 16,\n}));\n"],"mappings":";;;;;;;;AACA;AACA;AACA;AACA;AACA;AAGA;AAEA;AAA2C;AAAA;AAAA;AAAA;AAE3C,IAAMA,QAAkB,GAAG,SAArBA,QAAkB,GAAS;EAC/B,IAAMC,OAAO,GAAG,IAAAC,0BAAU,GAAE;EAC5B,sBAAc,IAAAC,4BAAc,GAAE;IAAtBC,CAAC,mBAADA,CAAC;EAET,IAAMC,YAAY,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACrCL,OAAO,CAACM,IAAI,CAAC,GAAG,CAAC;EACnB,CAAC,EAAE,CAACN,OAAO,CAAC,CAAC;EAEb,oBACE,gCAAC,eAAG;IACF,UAAU,EAAC,QAAQ;IACnB,eAAY,KAAK;IACjB,OAAO,EAAC,MAAM;IACd,aAAa,EAAC,QAAQ;IACtB,QAAQ,EAAE,CAAE;IACZ,cAAc,EAAC,QAAQ;IACvB,CAAC,EAAE;EAAE,gBAEL,gCAAC,YAAY;IAAC,GAAG,EAAEG,CAAC,CAAC,0BAA0B,CAAE;IAAC,GAAG,EAAEI;EAAW,EAAG,eACrE,gCAAC,aAAa;IAAC,SAAS,EAAC,gBAAgB;IAAC,OAAO,EAAC;EAAI,GACnDJ,CAAC,CAAC,sCAAsC,CAAC,CAC5B,eAChB,gCAAC,kBAAM;IAAC,eAAY,6BAA6B;IAAC,OAAO,EAAEC,YAAa;IAAC,OAAO,EAAC;EAAW,GACzFD,CAAC,CAAC,4BAA4B,CAAC,CACzB,CACL;AAEV,CAAC;AAAC,eAEaJ,QAAQ;AAAA;AAEvB,IAAMS,YAAY,gBAAG,sBAAO,KAAK;EAAA;AAAA;EAAA;EAAA;AAAA,EAAC;EAAA;EAAA;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA,EAGhC;AAEF,IAAMC,aAAa,gBAAG,sBAAOC,mBAAO;EAAA;AAAA;EAAA;EAAA;AAAA,EAAC,CAAoB;EAAA,IAAGC,KAAK,QAALA,KAAK;EAAA,OAAQ;IACvEC,KAAK,EAAE,CAAAD,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,OAAO,CAACC,IAAI,MAAK,OAAO,GAAGH,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,OAAO,CAACE,OAAO,CAACC,IAAI,GAAGL,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,OAAO,CAACI,KAAK;IAC3FC,YAAY,EAAE;EAChB,CAAC;AAAA,CAAC,i1EAAC"}