@epignosis_llc/gnosis 2.1.5 → 2.1.8

package/dist/esm/src/components/MediaPlayer/AudioPlayer/AudioPlayer.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.4
+   * @epignosis_llc/gnosis.js v2.1.7
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/MediaPlayer/AudioPlayer/AudioPlayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"AudioPlayer.js","sources":["../../../../../../src/components/MediaPlayer/AudioPlayer/AudioPlayer.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport ReactPlayer from \"react-player/lazy\";\nimport { PlayerProps } from \"../MediaPlayer\";\n\nexport type AudioPlayerProps = PlayerProps;\n\nconst AudioPlayer: FC<AudioPlayerProps> = ({ src, controls = true, containerAttrs, ...rest }) => {\n  return (\n    <div {...containerAttrs}>\n      <ReactPlayer\n        url={src}\n        controls={controls}\n        className=\"react-player\"\n        height=\"3.5rem\"\n        width=\"100%\"\n        {...rest}\n      />\n    </div>\n  );\n};\n\nexport default AudioPlayer;\n"],"names":["AudioPlayer","src","controls","containerAttrs","rest","___EmotionJSX"],"mappings":";;;;;;;;;;;;;;;IAMMA,WAAiC,GAAG,SAApCA,WAAoC,OAAuD;AAAA,MAApDC,GAAoD,QAApDA,GAAoD;AAAA,2BAA/CC,QAA+C;AAAA,MAA/CA,QAA+C,8BAApC,IAAoC;AAAA,MAA9BC,cAA8B,QAA9BA,cAA8B;AAAA,MAAXC,IAAW;;AAC/F,SACEC,WAASF,cAAT,EACEE,IAAC,WAAD;AACE,IAAA,GAAG,EAAEJ,GADP;AAEE,IAAA,QAAQ,EAAEC,QAFZ;AAGE,IAAA,SAAS,EAAC,cAHZ;AAIE,IAAA,MAAM,EAAC,QAJT;AAKE,IAAA,KAAK,EAAC;AALR,KAMME,IANN,EADF,CADF;AAYD;;;;"}
+{"version":3,"file":"AudioPlayer.js","sources":["../../../../../../src/components/MediaPlayer/AudioPlayer/AudioPlayer.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport ReactPlayer from \"react-player/lazy\";\nimport { PlayerProps } from \"../MediaPlayer\";\n\nexport type AudioPlayerProps = PlayerProps;\n\nconst AudioPlayer: FC<AudioPlayerProps> = ({ src, controls = true, containerAttrs, ...rest }) => {\n  return (\n    <div {...containerAttrs}>\n      <ReactPlayer\n        url={src}\n        controls={controls}\n        className=\"react-player\"\n        height=\"3.5rem\"\n        width=\"100%\"\n        {...rest}\n      />\n    </div>\n  );\n};\n\nexport default AudioPlayer;\n"],"names":["AudioPlayer","src","controls","containerAttrs","rest","___EmotionJSX"],"mappings":";;;;;;;;;;;;;;;AAMA,IAAMA,WAAiC,GAAG,SAApCA,WAAoC,CAAuD,IAAA,EAAA;AAAA,EAApDC,IAAAA,GAAoD,QAApDA,GAAoD;AAAA,MAAA,aAAA,GAAA,IAAA,CAA/CC,QAA+C;AAAA,MAA/CA,QAA+C,8BAApC,IAAoC,GAAA,aAAA;AAAA,MAA9BC,cAA8B,QAA9BA,cAA8B;AAAA,MAAXC,IAAW,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;AAC/F,EAAA,OACEC,GAASF,CAAAA,KAAAA,EAAAA,cAAT,EACEE,GAAA,CAAC,WAAD,EAAA,QAAA,CAAA;AACE,IAAA,GAAG,EAAEJ,GADP;AAEE,IAAA,QAAQ,EAAEC,QAFZ;AAGE,IAAA,SAAS,EAAC,cAHZ;AAIE,IAAA,MAAM,EAAC,QAJT;AAKE,IAAA,KAAK,EAAC,MAAA;AALR,GAMME,EAAAA,IANN,EADF,CADF,CAAA;AAYD;;;;"}

package/dist/esm/src/components/MediaPlayer/MediaPlayer.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.4
+   * @epignosis_llc/gnosis.js v2.1.7
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/MediaPlayer/MediaPlayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"MediaPlayer.js","sources":["../../../../../src/components/MediaPlayer/MediaPlayer.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { ReactPlayerProps } from \"react-player/lazy\";\nimport VideoPlayer from \"./VideoPlayer/VideoPlayer\";\nimport AudioPlayer from \"./AudioPlayer/AudioPlayer\";\n\nexport type PlayerProps = Omit<ReactPlayerProps, \"url\"> & {\n  src: ReactPlayerProps[\"url\"];\n  containerAttrs?: React.HTMLAttributes<HTMLDivElement>;\n};\n\nexport type MediaPlayerProps = PlayerProps & {\n  type: \"video\" | \"audio\";\n  children?: never;\n};\n\nconst MediaPlayer: FC<MediaPlayerProps> = ({ type, ...rest }) => {\n  switch (type) {\n    case \"video\":\n      return <VideoPlayer {...rest} />;\n    case \"audio\":\n      return <AudioPlayer {...rest} />;\n  }\n};\n\nexport default MediaPlayer;\n"],"names":["MediaPlayer","type","rest","___EmotionJSX"],"mappings":";;;;;;;;;;;;;;;;IAeMA,WAAiC,GAAG,SAApCA,WAAoC,OAAuB;AAAA,MAApBC,IAAoB,QAApBA,IAAoB;AAAA,MAAXC,IAAW;;AAC/D,UAAQD,IAAR;AACE,SAAK,OAAL;AACE,aAAOE,IAAC,WAAD,EAAiBD,IAAjB,CAAP;;AACF,SAAK,OAAL;AACE,aAAOC,IAAC,WAAD,EAAiBD,IAAjB,CAAP;AAJJ;AAMD;;;;"}
+{"version":3,"file":"MediaPlayer.js","sources":["../../../../../src/components/MediaPlayer/MediaPlayer.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { ReactPlayerProps } from \"react-player/lazy\";\nimport VideoPlayer from \"./VideoPlayer/VideoPlayer\";\nimport AudioPlayer from \"./AudioPlayer/AudioPlayer\";\n\nexport type PlayerProps = Omit<ReactPlayerProps, \"url\"> & {\n  src: ReactPlayerProps[\"url\"];\n  containerAttrs?: React.HTMLAttributes<HTMLDivElement>;\n};\n\nexport type MediaPlayerProps = PlayerProps & {\n  type: \"video\" | \"audio\";\n  children?: never;\n};\n\nconst MediaPlayer: FC<MediaPlayerProps> = ({ type, ...rest }) => {\n  switch (type) {\n    case \"video\":\n      return <VideoPlayer {...rest} />;\n    case \"audio\":\n      return <AudioPlayer {...rest} />;\n  }\n};\n\nexport default MediaPlayer;\n"],"names":["MediaPlayer","type","rest","___EmotionJSX"],"mappings":";;;;;;;;;;;;;;;;AAeA,IAAMA,WAAiC,GAAG,SAApCA,WAAoC,CAAuB,IAAA,EAAA;AAAA,EAApBC,IAAAA,IAAoB,QAApBA,IAAoB;AAAA,MAAXC,IAAW,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;AAC/D,EAAA,QAAQD,IAAR;AACE,IAAA,KAAK,OAAL;AACE,MAAA,OAAOE,GAAC,CAAA,WAAD,EAAiBD,IAAjB,CAAP,CAAA;;AACF,IAAA,KAAK,OAAL;AACE,MAAA,OAAOC,GAAC,CAAA,WAAD,EAAiBD,IAAjB,CAAP,CAAA;AAJJ,GAAA;AAMD;;;;"}

package/dist/esm/src/components/MediaPlayer/VideoPlayer/VideoPlayer.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.4
+   * @epignosis_llc/gnosis.js v2.1.7
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/MediaPlayer/VideoPlayer/VideoPlayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"VideoPlayer.js","sources":["../../../../../../src/components/MediaPlayer/VideoPlayer/VideoPlayer.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport ReactPlayer from \"react-player/lazy\";\nimport { PlayerProps } from \"../MediaPlayer\";\nimport { videoPlayerContainer } from \"./styles\";\n\nexport type VideoPlayerProps = PlayerProps;\n\nconst VideoPlayer: FC<VideoPlayerProps> = ({ src, controls = true, containerAttrs, ...rest }) => {\n  return (\n    <div css={videoPlayerContainer} {...containerAttrs}>\n      <ReactPlayer\n        className=\"react-player\"\n        url={src}\n        controls={controls}\n        width=\"100%\"\n        height=\"100%\"\n        {...rest}\n      />\n    </div>\n  );\n};\n\nexport default VideoPlayer;\n"],"names":["VideoPlayer","src","controls","containerAttrs","rest","___EmotionJSX","videoPlayerContainer"],"mappings":";;;;;;;;;;;;;;;;IAOMA,WAAiC,GAAG,SAApCA,WAAoC,OAAuD;AAAA,MAApDC,GAAoD,QAApDA,GAAoD;AAAA,2BAA/CC,QAA+C;AAAA,MAA/CA,QAA+C,8BAApC,IAAoC;AAAA,MAA9BC,cAA8B,QAA9BA,cAA8B;AAAA,MAAXC,IAAW;;AAC/F,SACEC;AAAK,IAAA,GAAG,EAAEC;AAAV,KAAoCH,cAApC,GACEE,IAAC,WAAD;AACE,IAAA,SAAS,EAAC,cADZ;AAEE,IAAA,GAAG,EAAEJ,GAFP;AAGE,IAAA,QAAQ,EAAEC,QAHZ;AAIE,IAAA,KAAK,EAAC,MAJR;AAKE,IAAA,MAAM,EAAC;AALT,KAMME,IANN,EADF,CADF;AAYD;;;;"}
+{"version":3,"file":"VideoPlayer.js","sources":["../../../../../../src/components/MediaPlayer/VideoPlayer/VideoPlayer.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport ReactPlayer from \"react-player/lazy\";\nimport { PlayerProps } from \"../MediaPlayer\";\nimport { videoPlayerContainer } from \"./styles\";\n\nexport type VideoPlayerProps = PlayerProps;\n\nconst VideoPlayer: FC<VideoPlayerProps> = ({ src, controls = true, containerAttrs, ...rest }) => {\n  return (\n    <div css={videoPlayerContainer} {...containerAttrs}>\n      <ReactPlayer\n        className=\"react-player\"\n        url={src}\n        controls={controls}\n        width=\"100%\"\n        height=\"100%\"\n        {...rest}\n      />\n    </div>\n  );\n};\n\nexport default VideoPlayer;\n"],"names":["VideoPlayer","src","controls","containerAttrs","rest","___EmotionJSX","videoPlayerContainer"],"mappings":";;;;;;;;;;;;;;;;AAOA,IAAMA,WAAiC,GAAG,SAApCA,WAAoC,CAAuD,IAAA,EAAA;AAAA,EAApDC,IAAAA,GAAoD,QAApDA,GAAoD;AAAA,MAAA,aAAA,GAAA,IAAA,CAA/CC,QAA+C;AAAA,MAA/CA,QAA+C,8BAApC,IAAoC,GAAA,aAAA;AAAA,MAA9BC,cAA8B,QAA9BA,cAA8B;AAAA,MAAXC,IAAW,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;AAC/F,EACE,OAAAC,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA;AAAK,IAAA,GAAG,EAAEC,oBAAAA;AAAV,GAAoCH,EAAAA,cAApC,CACE,EAAAE,GAAA,CAAC,WAAD,EAAA,QAAA,CAAA;AACE,IAAA,SAAS,EAAC,cADZ;AAEE,IAAA,GAAG,EAAEJ,GAFP;AAGE,IAAA,QAAQ,EAAEC,QAHZ;AAIE,IAAA,KAAK,EAAC,MAJR;AAKE,IAAA,MAAM,EAAC,MAAA;AALT,GAMME,EAAAA,IANN,EADF,CADF,CAAA;AAYD;;;;"}

package/dist/esm/src/components/MediaPlayer/VideoPlayer/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.4
+   * @epignosis_llc/gnosis.js v2.1.7
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/MediaPlayer/VideoPlayer/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../src/components/MediaPlayer/VideoPlayer/styles.ts"],"sourcesContent":["import { css } from \"@emotion/react\";\n\nexport const videoPlayerContainer = css`\n  position: relative;\n  padding-top: 56.25%; /* Player ratio: 100 / (1280 / 720) */\n\n  .react-player {\n    position: absolute;\n    top: 0;\n    left: 0;\n  }\n`;\n"],"names":["videoPlayerContainer"],"mappings":";;;;;;;;;IAEaA,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../../src/components/MediaPlayer/VideoPlayer/styles.ts"],"sourcesContent":["import { css } from \"@emotion/react\";\n\nexport const videoPlayerContainer = css`\n  position: relative;\n  padding-top: 56.25%; /* Player ratio: 100 / (1280 / 720) */\n\n  .react-player {\n    position: absolute;\n    top: 0;\n    left: 0;\n  }\n`;\n"],"names":["videoPlayerContainer"],"mappings":";;;;;;;;;IAEaA,oBAAoB,GAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA;AAAA,EAAA,IAAA,EAAA,QAAA;AAAA,EAAA,MAAA,EAAA,qFAAA;AAAA,CAAA,GAAA;AAAA,EAAA,IAAA,EAAA,6BAAA;AAAA,EAAA,MAAA,EAAA,iHAAA;AAAA,EAAA,GAAA,EAAA,yiBAAA;AAAA,EAAA,QAAA,EAAA,gCAAA;AAAA;;;;"}

package/dist/esm/src/components/Modal/Modal.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.4
+   * @epignosis_llc/gnosis.js v2.1.7
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import React, { CSSProperties, FC, ReactElement, cloneElement, Children } from \"react\";\nimport { ClassNames } from \"@emotion/react\";\nimport ReactModal, { Props } from \"react-modal\";\nimport Heading from \"../Heading/Heading\";\nimport { CloseCircledSVG } from \"../../icons/\";\nimport { modalContent, modalFooter, modalHeader, portalStyles } from \"./styles\";\n\nexport type HeaderProps = {\n  onClose?: () => void;\n};\n\nconst Header: FC<HeaderProps> = ({ children, onClose }) => {\n  const title = typeof children === \"string\" ? <Heading size=\"md\">{children}</Heading> : children;\n  return (\n    <header css={modalHeader} data-testid=\"modal-header\">\n      <div>{title}</div>\n      {onClose && (\n        <a role=\"button\" className=\"close-btn\" aria-label=\"Close button\" onClick={onClose}>\n          <CloseCircledSVG height={28} />\n        </a>\n      )}\n    </header>\n  );\n};\n\ntype BodyProps = {\n  style?: CSSProperties;\n};\n\nconst Body: FC<BodyProps> = ({ children, style }) => {\n  return (\n    <article style={style} css={modalContent}>\n      {children}\n    </article>\n  );\n};\n\ntype FooterProps = {\n  style?: CSSProperties;\n};\n\nconst Footer: FC<FooterProps> = ({ children, style }) => {\n  return (\n    <footer style={style} css={modalFooter} data-testid=\"modal-footer\">\n      {children}\n    </footer>\n  );\n};\n\ntype ModalCompoundProps = {\n  Header: FC<Omit<HeaderProps, \"onClose\">>;\n  Body: FC<BodyProps>;\n  Footer: FC<FooterProps>;\n};\n\nexport type Size = \"md\" | \"lg\" | \"fullscreen\";\n\nexport type ReactModalProps = Pick<Props, \"isOpen\"> & {\n  onClose?: () => void;\n  size?: Size;\n  rootElementSelector?: string;\n};\n\nconst Modal: FC<ReactModalProps> & ModalCompoundProps = ({\n  children,\n  isOpen,\n  onClose = () => void 0,\n  size = \"md\",\n  rootElementSelector = \"#app\",\n}) => {\n  const rootElement = document.querySelector(rootElementSelector) as HTMLElement;\n  const clonedChildren = Children.map(children, (child) =>\n    cloneElement(child as ReactElement, {\n      onClose,\n    }),\n  );\n\n  return (\n    <ClassNames>\n      {({ css }): JSX.Element => (\n        <ReactModal\n          isOpen={isOpen}\n          appElement={rootElement}\n          onRequestClose={onClose}\n          contentLabel=\"modal\"\n          overlayClassName={{\n            base: \"overlay-base\",\n            afterOpen: \"overlay-after\",\n            beforeClose: \"overlay-before\",\n          }}\n          className={{\n            base: \"content-base\",\n            afterOpen: \"content-after\",\n            beforeClose: \"content-before\",\n          }}\n          closeTimeoutMS={200}\n          portalClassName={css(portalStyles(size))}\n          ariaHideApp={false}\n        >\n          {clonedChildren}\n        </ReactModal>\n      )}\n    </ClassNames>\n  );\n};\n\nModal.Header = Header;\nModal.Body = Body;\nModal.Footer = Footer;\n\nexport default Modal;\n"],"names":["Header","children","onClose","title","___EmotionJSX","modalHeader","CloseCircledSVG","Body","style","modalContent","Footer","modalFooter","Modal","isOpen","size","rootElementSelector","rootElement","document","querySelector","clonedChildren","Children","map","child","cloneElement","css","base","afterOpen","beforeClose","portalStyles"],"mappings":"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"}
+{"version":3,"file":"Modal.js","sources":["../../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import React, { CSSProperties, FC, ReactElement, cloneElement, Children } from \"react\";\nimport { ClassNames } from \"@emotion/react\";\nimport ReactModal, { Props } from \"react-modal\";\nimport Heading from \"../Heading/Heading\";\nimport { CloseCircledSVG } from \"../../icons/\";\nimport { modalContent, modalFooter, modalHeader, portalStyles } from \"./styles\";\n\nexport type HeaderProps = {\n  onClose?: () => void;\n};\n\nconst Header: FC<HeaderProps> = ({ children, onClose }) => {\n  const title = typeof children === \"string\" ? <Heading size=\"md\">{children}</Heading> : children;\n  return (\n    <header css={modalHeader} data-testid=\"modal-header\">\n      <div>{title}</div>\n      {onClose && (\n        <a role=\"button\" className=\"close-btn\" aria-label=\"Close button\" onClick={onClose}>\n          <CloseCircledSVG height={28} />\n        </a>\n      )}\n    </header>\n  );\n};\n\ntype BodyProps = {\n  style?: CSSProperties;\n};\n\nconst Body: FC<BodyProps> = ({ children, style }) => {\n  return (\n    <article style={style} css={modalContent}>\n      {children}\n    </article>\n  );\n};\n\ntype FooterProps = {\n  style?: CSSProperties;\n};\n\nconst Footer: FC<FooterProps> = ({ children, style }) => {\n  return (\n    <footer style={style} css={modalFooter} data-testid=\"modal-footer\">\n      {children}\n    </footer>\n  );\n};\n\ntype ModalCompoundProps = {\n  Header: FC<Omit<HeaderProps, \"onClose\">>;\n  Body: FC<BodyProps>;\n  Footer: FC<FooterProps>;\n};\n\nexport type Size = \"md\" | \"lg\" | \"fullscreen\";\n\nexport type ReactModalProps = Pick<Props, \"isOpen\"> & {\n  onClose?: () => void;\n  size?: Size;\n  rootElementSelector?: string;\n};\n\nconst Modal: FC<ReactModalProps> & ModalCompoundProps = ({\n  children,\n  isOpen,\n  onClose = () => void 0,\n  size = \"md\",\n  rootElementSelector = \"#app\",\n}) => {\n  const rootElement = document.querySelector(rootElementSelector) as HTMLElement;\n  const clonedChildren = Children.map(children, (child) =>\n    cloneElement(child as ReactElement, {\n      onClose,\n    }),\n  );\n\n  return (\n    <ClassNames>\n      {({ css }): JSX.Element => (\n        <ReactModal\n          isOpen={isOpen}\n          appElement={rootElement}\n          onRequestClose={onClose}\n          contentLabel=\"modal\"\n          overlayClassName={{\n            base: \"overlay-base\",\n            afterOpen: \"overlay-after\",\n            beforeClose: \"overlay-before\",\n          }}\n          className={{\n            base: \"content-base\",\n            afterOpen: \"content-after\",\n            beforeClose: \"content-before\",\n          }}\n          closeTimeoutMS={200}\n          portalClassName={css(portalStyles(size))}\n          ariaHideApp={false}\n        >\n          {clonedChildren}\n        </ReactModal>\n      )}\n    </ClassNames>\n  );\n};\n\nModal.Header = Header;\nModal.Body = Body;\nModal.Footer = Footer;\n\nexport default Modal;\n"],"names":["Header","children","onClose","title","___EmotionJSX","modalHeader","CloseCircledSVG","Body","style","modalContent","Footer","modalFooter","Modal","isOpen","size","rootElementSelector","rootElement","document","querySelector","clonedChildren","Children","map","child","cloneElement","css","base","afterOpen","beforeClose","portalStyles"],"mappings":"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"}

package/dist/esm/src/components/Modal/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.4
+   * @epignosis_llc/gnosis.js v2.1.7
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Modal/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/Modal/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\nimport { Size } from \"./Modal\";\nimport { mq } from \"@theme/utils/breakpoints\";\n\nconst widthDimensions = {\n  md: \"32rem\",\n  lg: \"64rem\",\n  fullscreen: \"100%\",\n};\n\nexport const modalContent = css`\n  padding: 1.5rem;\n`;\n\nexport const modalHeader = ({ modal }: Theme): SerializedStyles => {\n  return css`\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 1.25rem;\n    border-bottom: 1px solid ${modal.border};\n\n    .close-btn {\n      svg {\n        color: ${modal.color};\n\n        &:hover {\n          color: ${modal.iconHover};\n        }\n      }\n    }\n  `;\n};\n\nexport const modalFooter = ({ modal }: Theme): SerializedStyles => {\n  return css`\n    padding: 1.25rem;\n    border-top: 1px solid ${modal.border};\n  `;\n};\n\n// plain styles as string\nexport const portalStyles = (size: Size): SerializedStyles => {\n  return css`\n    .overlay-base {\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      background-color: rgba(0, 0, 0, 0.45);\n      opacity: 0;\n      z-index: 9999;\n      transition: opacity 0.2s ease-in-out;\n\n      &.overlay-before {\n        opacity: 0;\n      }\n    }\n\n    .overlay-after {\n      opacity: 1;\n    }\n\n    .content-after {\n      background-color: #fff;\n      height: 100%;\n      width: 100%;\n      border-radius: 0;\n\n      ${mq[\"md\"]} {\n        height: auto;\n        border-radius: 5px;\n        width: ${widthDimensions[size]};\n        max-width: 90%;\n      }\n\n      ${size === \"fullscreen\" &&\n      `\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n    `}\n    }\n  `;\n};\n"],"names":["widthDimensions","md","lg","fullscreen","modalContent","modalHeader","modal","css","border","color","iconHover","modalFooter","portalStyles","size","mq"],"mappings":";;;;;;;;;;;;AAIA,IAAMA,eAAe,GAAG;AACtBC,EAAAA,EAAE,EAAE,OADkB;AAEtBC,EAAAA,EAAE,EAAE,OAFkB;AAGtBC,EAAAA,UAAU,EAAE;AAHU,CAAxB;IAMaC,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;IAIZC,WAAW,GAAG,SAAdA,WAAc,OAAwC;AAAA,MAArCC,KAAqC,QAArCA,KAAqC;AACjE;AAAA;;AAAA;AAAOC,IAAAA,GAAP,2GAK6BD,KAAK,CAACE,MALnC,4BASeF,KAAK,CAACG,KATrB,qBAYiBH,KAAK,CAACI,SAZvB;AAAA;AAiBD;IAEYC,WAAW,GAAG,SAAdA,WAAc,QAAwC;AAAA,MAArCL,KAAqC,SAArCA,KAAqC;AACjE;AAAA;;AAAA;AAAOC,IAAAA,GAAP,0CAE0BD,KAAK,CAACE,MAFhC;AAAA;AAID;;IAGYI,YAAY,GAAG,SAAfA,YAAe,CAACC,IAAD,EAAkC;AAC5D;AAAA;;AAAA;AAAON,IAAAA,GAAP,0VAqCMM,IAAI,KAAK,YAAT,wGArCN,OA8BMC,EAAE,CAAC,IAAD,CA9BR,2CAiCed,eAAe,CAACa,IAAD,CAjC9B;AAAA;AA6CD;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Modal/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\nimport { Size } from \"./Modal\";\nimport { mq } from \"@theme/utils/breakpoints\";\n\nconst widthDimensions = {\n  md: \"32rem\",\n  lg: \"64rem\",\n  fullscreen: \"100%\",\n};\n\nexport const modalContent = css`\n  padding: 1.5rem;\n`;\n\nexport const modalHeader = ({ modal }: Theme): SerializedStyles => {\n  return css`\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 1.25rem;\n    border-bottom: 1px solid ${modal.border};\n\n    .close-btn {\n      svg {\n        color: ${modal.color};\n\n        &:hover {\n          color: ${modal.iconHover};\n        }\n      }\n    }\n  `;\n};\n\nexport const modalFooter = ({ modal }: Theme): SerializedStyles => {\n  return css`\n    padding: 1.25rem;\n    border-top: 1px solid ${modal.border};\n  `;\n};\n\n// plain styles as string\nexport const portalStyles = (size: Size): SerializedStyles => {\n  return css`\n    .overlay-base {\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      background-color: rgba(0, 0, 0, 0.45);\n      opacity: 0;\n      z-index: 9999;\n      transition: opacity 0.2s ease-in-out;\n\n      &.overlay-before {\n        opacity: 0;\n      }\n    }\n\n    .overlay-after {\n      opacity: 1;\n    }\n\n    .content-after {\n      background-color: #fff;\n      height: 100%;\n      width: 100%;\n      border-radius: 0;\n\n      ${mq[\"md\"]} {\n        height: auto;\n        border-radius: 5px;\n        width: ${widthDimensions[size]};\n        max-width: 90%;\n      }\n\n      ${size === \"fullscreen\" &&\n      `\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n    `}\n    }\n  `;\n};\n"],"names":["widthDimensions","md","lg","fullscreen","modalContent","modalHeader","modal","css","border","color","iconHover","modalFooter","portalStyles","size","mq"],"mappings":";;;;;;;;;;;;AAIA,IAAMA,eAAe,GAAG;AACtBC,EAAAA,EAAE,EAAE,OADkB;AAEtBC,EAAAA,EAAE,EAAE,OAFkB;AAGtBC,EAAAA,UAAU,EAAE,MAAA;AAHU,CAAxB,CAAA;IAMaC,YAAY,GAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA;AAAA,EAAA,IAAA,EAAA,SAAA;AAAA,EAAA,MAAA,EAAA,gBAAA;AAAA,CAAA,GAAA;AAAA,EAAA,IAAA,EAAA,sBAAA;AAAA,EAAA,MAAA,EAAA,oCAAA;AAAA,EAAA,GAAA,EAAA,ioFAAA;AAAA,EAAA,QAAA,EAAA,gCAAA;AAAA,EAAlB;AAIMC,IAAAA,WAAW,GAAG,SAAdA,WAAc,CAAwC,IAAA,EAAA;AAAA,EAArCC,IAAAA,KAAqC,QAArCA,KAAqC,CAAA;AACjE,EAAA;AAAA;;AAAA;AAAOC,IAAAA,GAAP,CAAA,wGAAA,EAK6BD,KAAK,CAACE,MALnC,EAAA,wBAAA,EASeF,KAAK,CAACG,KATrB,EAAA,iBAAA,EAYiBH,KAAK,CAACI,SAZvB,EAAA,MAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,qBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,ioFAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,qBAAA,CAAA;AAAA,IAAA;AAiBD,EAlBM;AAoBMC,IAAAA,WAAW,GAAG,SAAdA,WAAc,CAAwC,KAAA,EAAA;AAAA,EAArCL,IAAAA,KAAqC,SAArCA,KAAqC,CAAA;AACjE,EAAA;AAAA;;AAAA;AAAOC,IAAAA,GAAP,CAAA,uCAAA,EAE0BD,KAAK,CAACE,MAFhC,EAAA,GAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,qBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,ioFAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,qBAAA,CAAA;AAAA,IAAA;AAID;;IAGYI,YAAY,GAAG,SAAfA,YAAe,CAACC,IAAD,EAAkC;AAC5D,EAAA;AAAA;;AAAA;AAAON,IAAAA,GAAP,CAAA,uVAAA,EAqCMM,IAAI,KAAK,YAAT,IArCN,oGAAA,EAAA,GAAA,EA8BMC,EAAE,CAAC,IAAD,CA9BR,EAAA,uCAAA,EAiCed,eAAe,CAACa,IAAD,CAjC9B,EAAA,mBAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,sBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,ioFAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,sBAAA,CAAA;AAAA,IAAA;AA6CD;;;;"}

package/dist/esm/src/components/Pagination/Pagination.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.4
+   * @epignosis_llc/gnosis.js v2.1.7
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport classNames from \"classnames\";\nimport Button from \"../Button/Button\";\nimport { ArrowLeftSVG, ArrowRightSVG } from \"../../icons/\";\nimport { container } from \"./styles\";\nimport { usePagination, ellipsis } from \"./usePagination\";\n\nexport type PaginationProps = {\n  current: number;\n  totalPages: number;\n  onChange: (page: number) => void;\n  containerAttrs?: React.HTMLAttributes<HTMLDivElement>;\n};\n\nconst Pagination: FC<PaginationProps> = ({ current, onChange, totalPages, containerAttrs }) => {\n  const paginationRange = usePagination(current, totalPages);\n\n  const classNamesContainer = (pageNumber: number) =>\n    classNames({\n      isActive: pageNumber === current,\n    });\n\n  return (\n    <div css={container} {...containerAttrs}>\n      <Button\n        className=\"previous-page-btn\"\n        data-testid=\"previous-page-btn\"\n        name=\"Previous page\"\n        onClick={(): void => onChange(current - 1)}\n        color=\"secondary\"\n        noGutters\n        disabled={current === 1}\n      >\n        <ArrowLeftSVG height={22} />\n      </Button>\n\n      <div className=\"pagination-options\">\n        {paginationRange.map((pageNumber) => {\n          if (pageNumber === ellipsis) {\n            return ellipsis;\n          }\n\n          return (\n            <Button\n              type=\"button\"\n              key={pageNumber}\n              id={pageNumber.toString()}\n              data-testid=\"pagination-page\"\n              onClick={(): void => onChange(pageNumber as number)}\n              variant=\"ghost\"\n              noGutters\n              className={classNamesContainer(pageNumber as number)}\n            >\n              {pageNumber}\n            </Button>\n          );\n        })}\n      </div>\n\n      <Button\n        className=\"next-page-btn\"\n        data-testid=\"next-page-btn\"\n        name=\"Next page\"\n        onClick={(): void => onChange(current + 1)}\n        color=\"secondary\"\n        noGutters\n        disabled={current === totalPages}\n      >\n        <ArrowRightSVG height={22} />\n      </Button>\n    </div>\n  );\n};\n\nexport default Pagination;\n"],"names":["Pagination","current","onChange","totalPages","containerAttrs","paginationRange","usePagination","classNamesContainer","pageNumber","classNames","isActive","___EmotionJSX","container","ArrowLeftSVG","map","ellipsis","toString","ArrowRightSVG"],"mappings":";;;;;;;;;;;;;;;;;;;;;;IAcMA,UAA+B,GAAG,SAAlCA,UAAkC,OAAuD;AAAA,MAApDC,OAAoD,QAApDA,OAAoD;AAAA,MAA3CC,QAA2C,QAA3CA,QAA2C;AAAA,MAAjCC,UAAiC,QAAjCA,UAAiC;AAAA,MAArBC,cAAqB,QAArBA,cAAqB;AAC7F,MAAMC,eAAe,GAAGC,aAAa,CAACL,OAAD,EAAUE,UAAV,CAArC;;AAEA,MAAMI,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,UAAD;AAAA,WAC1BC,UAAU,CAAC;AACTC,MAAAA,QAAQ,EAAEF,UAAU,KAAKP;AADhB,KAAD,CADgB;AAAA,GAA5B;;AAKA,SACEU;AAAK,IAAA,GAAG,EAAEC;AAAV,KAAyBR,cAAzB,GACEO,IAAC,MAAD;AACE,IAAA,SAAS,EAAC,mBADZ;AAEE,mBAAY,mBAFd;AAGE,IAAA,IAAI,EAAC,eAHP;AAIE,IAAA,OAAO,EAAE;AAAA,aAAYT,QAAQ,CAACD,OAAO,GAAG,CAAX,CAApB;AAAA,KAJX;AAKE,IAAA,KAAK,EAAC,WALR;AAME,IAAA,SAAS,MANX;AAOE,IAAA,QAAQ,EAAEA,OAAO,KAAK;AAPxB,KASEU,IAACE,YAAD;AAAc,IAAA,MAAM,EAAE;AAAtB,IATF,CADF,EAaEF;AAAK,IAAA,SAAS,EAAC;AAAf,KACGN,eAAe,CAACS,GAAhB,CAAoB,UAACN,UAAD,EAAgB;AACnC,QAAIA,UAAU,KAAKO,QAAnB,EAA6B;AAC3B,aAAOA,QAAP;AACD;;AAED,WACEJ,IAAC,MAAD;AACE,MAAA,IAAI,EAAC,QADP;AAEE,MAAA,GAAG,EAAEH,UAFP;AAGE,MAAA,EAAE,EAAEA,UAAU,CAACQ,QAAX,EAHN;AAIE,qBAAY,iBAJd;AAKE,MAAA,OAAO,EAAE;AAAA,eAAYd,QAAQ,CAACM,UAAD,CAApB;AAAA,OALX;AAME,MAAA,OAAO,EAAC,OANV;AAOE,MAAA,SAAS,MAPX;AAQE,MAAA,SAAS,EAAED,mBAAmB,CAACC,UAAD;AARhC,OAUGA,UAVH,CADF;AAcD,GAnBA,CADH,CAbF,EAoCEG,IAAC,MAAD;AACE,IAAA,SAAS,EAAC,eADZ;AAEE,mBAAY,eAFd;AAGE,IAAA,IAAI,EAAC,WAHP;AAIE,IAAA,OAAO,EAAE;AAAA,aAAYT,QAAQ,CAACD,OAAO,GAAG,CAAX,CAApB;AAAA,KAJX;AAKE,IAAA,KAAK,EAAC,WALR;AAME,IAAA,SAAS,MANX;AAOE,IAAA,QAAQ,EAAEA,OAAO,KAAKE;AAPxB,KASEQ,IAACM,aAAD;AAAe,IAAA,MAAM,EAAE;AAAvB,IATF,CApCF,CADF;AAkDD;;;;"}
+{"version":3,"file":"Pagination.js","sources":["../../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport classNames from \"classnames\";\nimport Button from \"../Button/Button\";\nimport { ArrowLeftSVG, ArrowRightSVG } from \"../../icons/\";\nimport { container } from \"./styles\";\nimport { usePagination, ellipsis } from \"./usePagination\";\n\nexport type PaginationProps = {\n  current: number;\n  totalPages: number;\n  onChange: (page: number) => void;\n  containerAttrs?: React.HTMLAttributes<HTMLDivElement>;\n};\n\nconst Pagination: FC<PaginationProps> = ({ current, onChange, totalPages, containerAttrs }) => {\n  const paginationRange = usePagination(current, totalPages);\n\n  const classNamesContainer = (pageNumber: number) =>\n    classNames({\n      isActive: pageNumber === current,\n    });\n\n  return (\n    <div css={container} {...containerAttrs}>\n      <Button\n        className=\"previous-page-btn\"\n        data-testid=\"previous-page-btn\"\n        name=\"Previous page\"\n        onClick={(): void => onChange(current - 1)}\n        color=\"secondary\"\n        noGutters\n        disabled={current === 1}\n      >\n        <ArrowLeftSVG height={22} />\n      </Button>\n\n      <div className=\"pagination-options\">\n        {paginationRange.map((pageNumber) => {\n          if (pageNumber === ellipsis) {\n            return ellipsis;\n          }\n\n          return (\n            <Button\n              type=\"button\"\n              key={pageNumber}\n              id={pageNumber.toString()}\n              data-testid=\"pagination-page\"\n              onClick={(): void => onChange(pageNumber as number)}\n              variant=\"ghost\"\n              noGutters\n              className={classNamesContainer(pageNumber as number)}\n            >\n              {pageNumber}\n            </Button>\n          );\n        })}\n      </div>\n\n      <Button\n        className=\"next-page-btn\"\n        data-testid=\"next-page-btn\"\n        name=\"Next page\"\n        onClick={(): void => onChange(current + 1)}\n        color=\"secondary\"\n        noGutters\n        disabled={current === totalPages}\n      >\n        <ArrowRightSVG height={22} />\n      </Button>\n    </div>\n  );\n};\n\nexport default Pagination;\n"],"names":["Pagination","current","onChange","totalPages","containerAttrs","paginationRange","usePagination","classNamesContainer","pageNumber","classNames","isActive","___EmotionJSX","container","ArrowLeftSVG","map","ellipsis","toString","ArrowRightSVG"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAcA,IAAMA,UAA+B,GAAG,SAAlCA,UAAkC,CAAuD,IAAA,EAAA;AAAA,EAApDC,IAAAA,OAAoD,QAApDA,OAAoD;AAAA,MAA3CC,QAA2C,QAA3CA,QAA2C;AAAA,MAAjCC,UAAiC,QAAjCA,UAAiC;AAAA,MAArBC,cAAqB,QAArBA,cAAqB,CAAA;AAC7F,EAAA,IAAMC,eAAe,GAAGC,aAAa,CAACL,OAAD,EAAUE,UAAV,CAArC,CAAA;;AAEA,EAAA,IAAMI,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,UAAD,EAAA;AAAA,IAAA,OAC1BC,UAAU,CAAC;AACTC,MAAAA,QAAQ,EAAEF,UAAU,KAAKP,OAAAA;AADhB,KAAD,CADgB,CAAA;AAAA,GAA5B,CAAA;;AAKA,EACE,OAAAU,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA;AAAK,IAAA,GAAG,EAAEC,SAAAA;AAAV,GAAyBR,EAAAA,cAAzB,CACE,EAAAO,GAAA,CAAC,MAAD,EAAA;AACE,IAAA,SAAS,EAAC,mBADZ;AAEE,IAAA,aAAA,EAAY,mBAFd;AAGE,IAAA,IAAI,EAAC,eAHP;AAIE,IAAA,OAAO,EAAE,SAAA,OAAA,GAAA;AAAA,MAAA,OAAYT,QAAQ,CAACD,OAAO,GAAG,CAAX,CAApB,CAAA;AAAA,KAJX;AAKE,IAAA,KAAK,EAAC,WALR;AAME,IAAA,SAAS,EANX,IAAA;AAOE,IAAA,QAAQ,EAAEA,OAAO,KAAK,CAAA;AAPxB,GAAA,EASEU,IAACE,YAAD,EAAA;AAAc,IAAA,MAAM,EAAE,EAAA;AAAtB,GAAA,CATF,CADF,EAaEF,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,oBAAA;AAAf,GAAA,EACGN,eAAe,CAACS,GAAhB,CAAoB,UAACN,UAAD,EAAgB;AACnC,IAAIA,IAAAA,UAAU,KAAKO,QAAnB,EAA6B;AAC3B,MAAA,OAAOA,QAAP,CAAA;AACD,KAAA;;AAED,IAAA,OACEJ,IAAC,MAAD,EAAA;AACE,MAAA,IAAI,EAAC,QADP;AAEE,MAAA,GAAG,EAAEH,UAFP;AAGE,MAAA,EAAE,EAAEA,UAAU,CAACQ,QAAX,EAHN;AAIE,MAAA,aAAA,EAAY,iBAJd;AAKE,MAAA,OAAO,EAAE,SAAA,OAAA,GAAA;AAAA,QAAYd,OAAAA,QAAQ,CAACM,UAAD,CAApB,CAAA;AAAA,OALX;AAME,MAAA,OAAO,EAAC,OANV;AAOE,MAAA,SAAS,EAPX,IAAA;AAQE,MAAA,SAAS,EAAED,mBAAmB,CAACC,UAAD,CAAA;AARhC,KAAA,EAUGA,UAVH,CADF,CAAA;AAcD,GAnBA,CADH,CAbF,EAoCEG,GAAA,CAAC,MAAD,EAAA;AACE,IAAA,SAAS,EAAC,eADZ;AAEE,IAAA,aAAA,EAAY,eAFd;AAGE,IAAA,IAAI,EAAC,WAHP;AAIE,IAAA,OAAO,EAAE,SAAA,OAAA,GAAA;AAAA,MAAA,OAAYT,QAAQ,CAACD,OAAO,GAAG,CAAX,CAApB,CAAA;AAAA,KAJX;AAKE,IAAA,KAAK,EAAC,WALR;AAME,IAAA,SAAS,EANX,IAAA;AAOE,IAAA,QAAQ,EAAEA,OAAO,KAAKE,UAAAA;AAPxB,GAAA,EASEQ,IAACM,aAAD,EAAA;AAAe,IAAA,MAAM,EAAE,EAAA;AAAvB,GAAA,CATF,CApCF,CADF,CAAA;AAkDD;;;;"}

package/dist/esm/src/components/Pagination/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.4
+   * @epignosis_llc/gnosis.js v2.1.7
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Pagination/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/Pagination/styles.ts"],"sourcesContent":["import { css, SerializedStyles, Theme } from \"@emotion/react\";\nimport { hexToRGBA } from \"@theme/default/colors\";\n\nexport const container = ({ pagination }: Theme): SerializedStyles => {\n  return css`\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    .pagination-options {\n      margin: 0 1rem;\n\n      button {\n        margin-right: 0.5rem;\n\n        &:last-of-type {\n          margin: 0;\n        }\n      }\n\n      .isActive {\n        background: ${hexToRGBA(pagination.background, 0.16)};\n        color: ${pagination.color};\n      }\n    }\n  `;\n};\n"],"names":["container","pagination","css","hexToRGBA","background","color"],"mappings":";;;;;;;;;;;IAGaA,SAAS,GAAG,SAAZA,SAAY,OAA6C;AAAA,MAA1CC,UAA0C,QAA1CA,UAA0C;AACpE;AAAA;;AAAA;AAAOC,IAAAA,GAAP,wKAiBoBC,SAAS,CAACF,UAAU,CAACG,UAAZ,EAAwB,IAAxB,CAjB7B,aAkBeH,UAAU,CAACI,KAlB1B;AAAA;AAsBD;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Pagination/styles.ts"],"sourcesContent":["import { css, SerializedStyles, Theme } from \"@emotion/react\";\nimport { hexToRGBA } from \"@theme/default/colors\";\n\nexport const container = ({ pagination }: Theme): SerializedStyles => {\n  return css`\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    .pagination-options {\n      margin: 0 1rem;\n\n      button {\n        margin-right: 0.5rem;\n\n        &:last-of-type {\n          margin: 0;\n        }\n      }\n\n      .isActive {\n        background: ${hexToRGBA(pagination.background, 0.16)};\n        color: ${pagination.color};\n      }\n    }\n  `;\n};\n"],"names":["container","pagination","css","hexToRGBA","background","color"],"mappings":";;;;;;;;;;;AAGaA,IAAAA,SAAS,GAAG,SAAZA,SAAY,CAA6C,IAAA,EAAA;AAAA,EAA1CC,IAAAA,UAA0C,QAA1CA,UAA0C,CAAA;AACpE,EAAA;AAAA;;AAAA;AAAOC,IAAAA,GAAP,CAAA,qKAAA,EAiBoBC,SAAS,CAACF,UAAU,CAACG,UAAZ,EAAwB,IAAxB,CAjB7B,EAkBeH,SAAAA,EAAAA,UAAU,CAACI,KAlB1B,EAAA,KAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,6/BAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA;AAAA,IAAA;AAsBD;;;;"}

package/dist/esm/src/components/Pagination/usePagination.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.4
+   * @epignosis_llc/gnosis.js v2.1.7
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Pagination/usePagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePagination.js","sources":["../../../../../src/components/Pagination/usePagination.ts"],"sourcesContent":["import { useMemo } from \"react\";\n\nexport const ellipsis = \"...\";\n\nconst range = (start: number, end: number) => {\n  const length = end - start + 1;\n  /*\n  \tCreate an array of certain length and set the elements within it from\n    start value to end value.\n  */\n  return Array.from({ length }, (_, idx) => idx + start);\n};\n\nconst FIRST_PAGE_INDEX = 1; // first page index\nconst NO_DISPLAYING_BOXES_WITHOUT_ELLIPSIS = 5; // NO_DISPLAYING_BOXES is determined as siblingCount + firstPage + lastPage + currentPage + 2*DOTS\n\nexport const usePagination = (\n  currentPage: number,\n  totalPages: number,\n  siblingCount = 1,\n): (string | number)[] => {\n  return useMemo(() => {\n    const totalDisplyedBoxes = siblingCount + NO_DISPLAYING_BOXES_WITHOUT_ELLIPSIS;\n\n    /*\n      Case 1:\n      If the number of pages is less than the page numbers we want to show in our\n      paginationComponent, we return the range [1..totalPages]\n    */\n    if (totalDisplyedBoxes >= totalPages) {\n      return range(FIRST_PAGE_INDEX, totalPages);\n    }\n\n    // Calculate left and right sibling index and make sure they are within range 1 and totalPages\n    const leftSiblingIndex = Math.max(currentPage - siblingCount, FIRST_PAGE_INDEX);\n    const rightSiblingIndex = Math.min(currentPage + siblingCount, totalPages);\n\n    // We do not show dots just when there is just one page number to be inserted between\n    // the extremes of sibling and the page limits i.e 1 and totalPages.\n    // Hence we are using leftSiblingIndex > 2 and rightSiblingIndex < totalPages - 2\n    const shouldShowLeftDots = leftSiblingIndex > 2;\n    const shouldShowRightDots = rightSiblingIndex < totalPages - 2;\n\n    /*\n    \tCase 2: No left dots to show, but rights dots to be shown\n    */\n    if (!shouldShowLeftDots && shouldShowRightDots) {\n      const leftItemCount = 3 + 2 * siblingCount;\n      const leftRange = range(1, leftItemCount);\n\n      return [...leftRange, ellipsis, totalPages];\n    }\n\n    /*\n    \tCase 3: No right dots to show, but left dots to be shown\n    */\n    if (shouldShowLeftDots && !shouldShowRightDots) {\n      const rightItemCount = 3 + 2 * siblingCount;\n      const rightRange = range(totalPages - rightItemCount + 1, totalPages);\n      return [FIRST_PAGE_INDEX, ellipsis, ...rightRange];\n    }\n\n    /*\n    \tCase 4: Both left and right dots to be shown\n    */\n    if (shouldShowLeftDots && shouldShowRightDots) {\n      const middleRange = range(leftSiblingIndex, rightSiblingIndex);\n      return [FIRST_PAGE_INDEX, ellipsis, ...middleRange, ellipsis, totalPages];\n    }\n\n    return [];\n  }, [currentPage, totalPages]);\n};\n"],"names":["ellipsis","range","start","end","length","Array","from","_","idx","FIRST_PAGE_INDEX","NO_DISPLAYING_BOXES_WITHOUT_ELLIPSIS","usePagination","currentPage","totalPages","siblingCount","useMemo","totalDisplyedBoxes","leftSiblingIndex","Math","max","rightSiblingIndex","min","shouldShowLeftDots","shouldShowRightDots","leftItemCount","leftRange","rightItemCount","rightRange","middleRange"],"mappings":";;;;;;;;;;;;;;IAEaA,QAAQ,GAAG;;AAExB,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD,EAAgBC,GAAhB,EAAgC;AAC5C,MAAMC,MAAM,GAAGD,GAAG,GAAGD,KAAN,GAAc,CAA7B;AACA;AACF;AACA;AACA;;AACE,SAAOG,KAAK,CAACC,IAAN,CAAW;AAAEF,IAAAA,MAAM,EAANA;AAAF,GAAX,EAAuB,UAACG,CAAD,EAAIC,GAAJ;AAAA,WAAYA,GAAG,GAAGN,KAAlB;AAAA,GAAvB,CAAP;AACD,CAPD;;AASA,IAAMO,gBAAgB,GAAG,CAAzB;;AACA,IAAMC,oCAAoC,GAAG,CAA7C;;IAEaC,aAAa,GAAG,SAAhBA,aAAgB,CAC3BC,WAD2B,EAE3BC,UAF2B,EAIH;AAAA,MADxBC,YACwB,uEADT,CACS;AACxB,SAAOC,OAAO,CAAC,YAAM;AACnB,QAAMC,kBAAkB,GAAGF,YAAY,GAAGJ,oCAA1C;AAEA;AACJ;AACA;AACA;AACA;;AACI,QAAIM,kBAAkB,IAAIH,UAA1B,EAAsC;AACpC,aAAOZ,KAAK,CAACQ,gBAAD,EAAmBI,UAAnB,CAAZ;AACD,KAVkB;;;AAanB,QAAMI,gBAAgB,GAAGC,IAAI,CAACC,GAAL,CAASP,WAAW,GAAGE,YAAvB,EAAqCL,gBAArC,CAAzB;AACA,QAAMW,iBAAiB,GAAGF,IAAI,CAACG,GAAL,CAAST,WAAW,GAAGE,YAAvB,EAAqCD,UAArC,CAA1B,CAdmB;AAiBnB;AACA;;AACA,QAAMS,kBAAkB,GAAGL,gBAAgB,GAAG,CAA9C;AACA,QAAMM,mBAAmB,GAAGH,iBAAiB,GAAGP,UAAU,GAAG,CAA7D;AAEA;AACJ;AACA;;AACI,QAAI,CAACS,kBAAD,IAAuBC,mBAA3B,EAAgD;AAC9C,UAAMC,aAAa,GAAG,IAAI,IAAIV,YAA9B;AACA,UAAMW,SAAS,GAAGxB,KAAK,CAAC,CAAD,EAAIuB,aAAJ,CAAvB;AAEA,0CAAWC,SAAX,IAAsBzB,QAAtB,EAAgCa,UAAhC;AACD;AAED;AACJ;AACA;;;AACI,QAAIS,kBAAkB,IAAI,CAACC,mBAA3B,EAAgD;AAC9C,UAAMG,cAAc,GAAG,IAAI,IAAIZ,YAA/B;AACA,UAAMa,UAAU,GAAG1B,KAAK,CAACY,UAAU,GAAGa,cAAb,GAA8B,CAA/B,EAAkCb,UAAlC,CAAxB;AACA,cAAQJ,gBAAR,EAA0BT,QAA1B,4BAAuC2B,UAAvC;AACD;AAED;AACJ;AACA;;;AACI,QAAIL,kBAAkB,IAAIC,mBAA1B,EAA+C;AAC7C,UAAMK,WAAW,GAAG3B,KAAK,CAACgB,gBAAD,EAAmBG,iBAAnB,CAAzB;AACA,cAAQX,gBAAR,EAA0BT,QAA1B,4BAAuC4B,WAAvC,IAAoD5B,QAApD,EAA8Da,UAA9D;AACD;;AAED,WAAO,EAAP;AACD,GAlDa,EAkDX,CAACD,WAAD,EAAcC,UAAd,CAlDW,CAAd;AAmDD;;;;"}
+{"version":3,"file":"usePagination.js","sources":["../../../../../src/components/Pagination/usePagination.ts"],"sourcesContent":["import { useMemo } from \"react\";\n\nexport const ellipsis = \"...\";\n\nconst range = (start: number, end: number) => {\n  const length = end - start + 1;\n  /*\n  \tCreate an array of certain length and set the elements within it from\n    start value to end value.\n  */\n  return Array.from({ length }, (_, idx) => idx + start);\n};\n\nconst FIRST_PAGE_INDEX = 1; // first page index\nconst NO_DISPLAYING_BOXES_WITHOUT_ELLIPSIS = 5; // NO_DISPLAYING_BOXES is determined as siblingCount + firstPage + lastPage + currentPage + 2*DOTS\n\nexport const usePagination = (\n  currentPage: number,\n  totalPages: number,\n  siblingCount = 1,\n): (string | number)[] => {\n  return useMemo(() => {\n    const totalDisplyedBoxes = siblingCount + NO_DISPLAYING_BOXES_WITHOUT_ELLIPSIS;\n\n    /*\n      Case 1:\n      If the number of pages is less than the page numbers we want to show in our\n      paginationComponent, we return the range [1..totalPages]\n    */\n    if (totalDisplyedBoxes >= totalPages) {\n      return range(FIRST_PAGE_INDEX, totalPages);\n    }\n\n    // Calculate left and right sibling index and make sure they are within range 1 and totalPages\n    const leftSiblingIndex = Math.max(currentPage - siblingCount, FIRST_PAGE_INDEX);\n    const rightSiblingIndex = Math.min(currentPage + siblingCount, totalPages);\n\n    // We do not show dots just when there is just one page number to be inserted between\n    // the extremes of sibling and the page limits i.e 1 and totalPages.\n    // Hence we are using leftSiblingIndex > 2 and rightSiblingIndex < totalPages - 2\n    const shouldShowLeftDots = leftSiblingIndex > 2;\n    const shouldShowRightDots = rightSiblingIndex < totalPages - 2;\n\n    /*\n    \tCase 2: No left dots to show, but rights dots to be shown\n    */\n    if (!shouldShowLeftDots && shouldShowRightDots) {\n      const leftItemCount = 3 + 2 * siblingCount;\n      const leftRange = range(1, leftItemCount);\n\n      return [...leftRange, ellipsis, totalPages];\n    }\n\n    /*\n    \tCase 3: No right dots to show, but left dots to be shown\n    */\n    if (shouldShowLeftDots && !shouldShowRightDots) {\n      const rightItemCount = 3 + 2 * siblingCount;\n      const rightRange = range(totalPages - rightItemCount + 1, totalPages);\n      return [FIRST_PAGE_INDEX, ellipsis, ...rightRange];\n    }\n\n    /*\n    \tCase 4: Both left and right dots to be shown\n    */\n    if (shouldShowLeftDots && shouldShowRightDots) {\n      const middleRange = range(leftSiblingIndex, rightSiblingIndex);\n      return [FIRST_PAGE_INDEX, ellipsis, ...middleRange, ellipsis, totalPages];\n    }\n\n    return [];\n  }, [currentPage, totalPages]);\n};\n"],"names":["ellipsis","range","start","end","length","Array","from","_","idx","FIRST_PAGE_INDEX","NO_DISPLAYING_BOXES_WITHOUT_ELLIPSIS","usePagination","currentPage","totalPages","siblingCount","useMemo","totalDisplyedBoxes","leftSiblingIndex","Math","max","rightSiblingIndex","min","shouldShowLeftDots","shouldShowRightDots","leftItemCount","leftRange","rightItemCount","rightRange","middleRange"],"mappings":"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"}

package/dist/esm/src/components/ProgressBar/ProgressBar.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.4
+   * @epignosis_llc/gnosis.js v2.1.7
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/ProgressBar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","sources":["../../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { container } from \"./styles\";\n\nexport type Size = \"md\" | \"lg\";\n\nexport type ProgressBarProps = React.HTMLAttributes<HTMLDivElement> & {\n  percent: number;\n  size?: Size;\n  rounded?: boolean;\n};\n\nconst ProgressBar: FC<ProgressBarProps> = ({ percent, size = \"md\", rounded = true, ...rest }) => {\n  const showPercentage = percent >= 0 && percent <= 100;\n\n  return (\n    <div css={(theme): SerializedStyles => container(theme, { percent, size, rounded })} {...rest}>\n      {showPercentage && <div>{percent}%</div>}\n    </div>\n  );\n};\n\nexport default ProgressBar;\n"],"names":["ProgressBar","percent","size","rounded","rest","showPercentage","___EmotionJSX","theme","container"],"mappings":";;;;;;;;;;;;;;;IAYMA,WAAiC,GAAG,SAApCA,WAAoC,OAAuD;AAAA,MAApDC,OAAoD,QAApDA,OAAoD;AAAA,uBAA3CC,IAA2C;AAAA,MAA3CA,IAA2C,0BAApC,IAAoC;AAAA,0BAA9BC,OAA8B;AAAA,MAA9BA,OAA8B,6BAApB,IAAoB;AAAA,MAAXC,IAAW;;AAC/F,MAAMC,cAAc,GAAGJ,OAAO,IAAI,CAAX,IAAgBA,OAAO,IAAI,GAAlD;AAEA,SACEK;AAAK,IAAA,GAAG,EAAE,aAACC,KAAD;AAAA,aAA6BC,SAAS,CAACD,KAAD,EAAQ;AAAEN,QAAAA,OAAO,EAAPA,OAAF;AAAWC,QAAAA,IAAI,EAAJA,IAAX;AAAiBC,QAAAA,OAAO,EAAPA;AAAjB,OAAR,CAAtC;AAAA;AAAV,KAAyFC,IAAzF,GACGC,cAAc,IAAIC,iBAAML,OAAN,MADrB,CADF;AAKD;;;;"}
+{"version":3,"file":"ProgressBar.js","sources":["../../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { container } from \"./styles\";\n\nexport type Size = \"md\" | \"lg\";\n\nexport type ProgressBarProps = React.HTMLAttributes<HTMLDivElement> & {\n  percent: number;\n  size?: Size;\n  rounded?: boolean;\n};\n\nconst ProgressBar: FC<ProgressBarProps> = ({ percent, size = \"md\", rounded = true, ...rest }) => {\n  const showPercentage = percent >= 0 && percent <= 100;\n\n  return (\n    <div css={(theme): SerializedStyles => container(theme, { percent, size, rounded })} {...rest}>\n      {showPercentage && <div>{percent}%</div>}\n    </div>\n  );\n};\n\nexport default ProgressBar;\n"],"names":["ProgressBar","percent","size","rounded","rest","showPercentage","___EmotionJSX","theme","container"],"mappings":";;;;;;;;;;;;;;;AAYA,IAAMA,WAAiC,GAAG,SAApCA,WAAoC,CAAuD,IAAA,EAAA;AAAA,EAApDC,IAAAA,OAAoD,QAApDA,OAAoD;AAAA,MAAA,SAAA,GAAA,IAAA,CAA3CC,IAA2C;AAAA,MAA3CA,IAA2C,0BAApC,IAAoC,GAAA,SAAA;AAAA,MAAA,YAAA,GAAA,IAAA,CAA9BC,OAA8B;AAAA,MAA9BA,OAA8B,6BAApB,IAAoB,GAAA,YAAA;AAAA,MAAXC,IAAW,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;AAC/F,EAAMC,IAAAA,cAAc,GAAGJ,OAAO,IAAI,CAAX,IAAgBA,OAAO,IAAI,GAAlD,CAAA;AAEA,EACE,OAAAK,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA;AAAK,IAAA,GAAG,EAAE,SAAA,GAAA,CAACC,KAAD,EAAA;AAAA,MAA6BC,OAAAA,SAAS,CAACD,KAAD,EAAQ;AAAEN,QAAAA,OAAO,EAAPA,OAAF;AAAWC,QAAAA,IAAI,EAAJA,IAAX;AAAiBC,QAAAA,OAAO,EAAPA,OAAAA;AAAjB,OAAR,CAAtC,CAAA;AAAA,KAAA;AAAV,GAAA,EAAyFC,IAAzF,CACGC,EAAAA,cAAc,IAAIC,GAAML,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,OAAN,MADrB,CADF,CAAA;AAKD;;;;"}

package/dist/esm/src/components/ProgressBar/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.4
+   * @epignosis_llc/gnosis.js v2.1.7
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/ProgressBar/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/ProgressBar/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\nimport { Size } from \"./ProgressBar\";\n\nconst progressBarSize = {\n  md: \"28px\",\n  lg: \"40px\",\n};\n\nexport const container = (\n  { progressBar }: Theme,\n  { percent, size, rounded }: { percent: number; size: Size; rounded: boolean },\n): SerializedStyles => {\n  return css`\n    position: relative;\n    height: ${progressBarSize[size]};\n    width: 100%;\n    background-color: ${progressBar.background};\n    ${rounded && \"border-radius: 5px\"};\n    overflow: hidden;\n\n    &::after {\n      content: \" \";\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 100%;\n      min-width: ${percent ? \"20%\" : \"0%\"};\n      width: ${percent}%;\n      background-color: ${progressBar.progressBackground};\n    }\n\n    div {\n      position: absolute;\n      z-index: 1;\n      height: 100%;\n      width: ${percent - 5}%;\n      max-width: 95%;\n      min-width: ${percent ? \"13%\" : \"0%\"};\n      display: flex;\n      padding-left: 1rem;\n      justify-content: flex-end;\n      align-items: center;\n      color: ${progressBar.percentColor};\n    }\n  `;\n};\n"],"names":["progressBarSize","md","lg","container","progressBar","percent","size","rounded","css","background","progressBackground","percentColor"],"mappings":";;;;;;;;;;AAGA,IAAMA,eAAe,GAAG;AACtBC,EAAAA,EAAE,EAAE,MADkB;AAEtBC,EAAAA,EAAE,EAAE;AAFkB,CAAxB;IAKaC,SAAS,GAAG,SAAZA,SAAY,cAGF;AAAA,MAFnBC,WAEmB,QAFnBA,WAEmB;AAAA,MADnBC,OACmB,SADnBA,OACmB;AAAA,MADVC,IACU,SADVA,IACU;AAAA,MADJC,OACI,SADJA,OACI;AACrB;AAAA;;AAAA;AAAOC,IAAAA,GAAP,8BAEYR,eAAe,CAACM,IAAD,CAF3B,mCAIsBF,WAAW,CAACK,UAJlC,OAKIF,OAAO,IAAI,oBALf,mGAciBF,OAAO,GAAG,KAAH,GAAW,IAdnC,aAeaA,OAfb,yBAgBwBD,WAAW,CAACM,kBAhBpC,0DAuBaL,OAAO,GAAG,CAvBvB,gCAyBiBA,OAAO,GAAG,KAAH,GAAW,IAzBnC,wFA8BaD,WAAW,CAACO,YA9BzB;AAAA;AAiCD;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/ProgressBar/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\nimport { Size } from \"./ProgressBar\";\n\nconst progressBarSize = {\n  md: \"28px\",\n  lg: \"40px\",\n};\n\nexport const container = (\n  { progressBar }: Theme,\n  { percent, size, rounded }: { percent: number; size: Size; rounded: boolean },\n): SerializedStyles => {\n  return css`\n    position: relative;\n    height: ${progressBarSize[size]};\n    width: 100%;\n    background-color: ${progressBar.background};\n    ${rounded && \"border-radius: 5px\"};\n    overflow: hidden;\n\n    &::after {\n      content: \" \";\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 100%;\n      min-width: ${percent ? \"20%\" : \"0%\"};\n      width: ${percent}%;\n      background-color: ${progressBar.progressBackground};\n    }\n\n    div {\n      position: absolute;\n      z-index: 1;\n      height: 100%;\n      width: ${percent - 5}%;\n      max-width: 95%;\n      min-width: ${percent ? \"13%\" : \"0%\"};\n      display: flex;\n      padding-left: 1rem;\n      justify-content: flex-end;\n      align-items: center;\n      color: ${progressBar.percentColor};\n    }\n  `;\n};\n"],"names":["progressBarSize","md","lg","container","progressBar","percent","size","rounded","css","background","progressBackground","percentColor"],"mappings":";;;;;;;;;;AAGA,IAAMA,eAAe,GAAG;AACtBC,EAAAA,EAAE,EAAE,MADkB;AAEtBC,EAAAA,EAAE,EAAE,MAAA;AAFkB,CAAxB,CAAA;AAKaC,IAAAA,SAAS,GAAG,SAAZA,SAAY,CAGF,IAAA,EAAA,KAAA,EAAA;AAAA,EAFnBC,IAAAA,WAEmB,QAFnBA,WAEmB,CAAA;AAAA,EADnBC,IAAAA,OACmB,SADnBA,OACmB;AAAA,MADVC,IACU,SADVA,IACU;AAAA,MADJC,OACI,SADJA,OACI,CAAA;AACrB,EAAA;AAAA;;AAAA;AAAOC,IAAAA,GAAP,CAEYR,2BAAAA,EAAAA,eAAe,CAACM,IAAD,CAF3B,EAIsBF,+BAAAA,EAAAA,WAAW,CAACK,UAJlC,OAKIF,OAAO,IAAI,oBALf,EAciBF,+FAAAA,EAAAA,OAAO,GAAG,KAAH,GAAW,IAdnC,EAAA,SAAA,EAeaA,OAfb,EAgBwBD,qBAAAA,EAAAA,WAAW,CAACM,kBAhBpC,EAAA,sDAAA,EAuBaL,OAAO,GAAG,CAvBvB,EAyBiBA,4BAAAA,EAAAA,OAAO,GAAG,KAAH,GAAW,IAzBnC,EA8BaD,oFAAAA,EAAAA,WAAW,CAACO,YA9BzB,EAAA,IAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,6uDAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA;AAAA,IAAA;AAiCD;;;;"}

package/dist/esm/src/components/Result/Result.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.4
+   * @epignosis_llc/gnosis.js v2.1.7
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Result/Result.js.map

@@ -1 +1 @@
-{"version":3,"file":"Result.js","sources":["../../../../../src/components/Result/Result.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\nimport { useResponsive } from \"@umijs/hooks\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport Heading from \"../Heading/Heading\";\nimport Text from \"../Text/Text\";\nimport { container } from \"./styles\";\nimport { IconType } from \"types/common\";\nimport { TypographyLevels } from \"@theme/utils/typography\";\n\nexport type Size = \"md\" | \"lg\";\n\nexport type ResultProps = React.HTMLAttributes<HTMLElement> & {\n  icon?: IconType;\n  title: string;\n  info?: string;\n  size?: Size;\n  footer?: ReactNode;\n};\n\ntype IconSize = {\n  md: number;\n  lg: number;\n};\n\nconst getIconSize = (isMd: boolean): IconSize => ({\n  md: isMd ? 100 : 75,\n  lg: isMd ? 180 : 135,\n});\n\nconst Result: FC<ResultProps> = ({ icon, title, info, footer, size = \"lg\", ...rest }) => {\n  const { md } = useResponsive();\n  const Icon = icon;\n  const iconSize = getIconSize(md);\n\n  return (\n    <article\n      data-testid=\"empty-state-container\"\n      css={(theme): SerializedStyles => container(theme, { size })}\n      {...rest}\n    >\n      {Icon && <Icon height={iconSize[size]} data-testid=\"result-icon\" />}\n      <div className=\"body\">\n        <Heading as=\"h3\">{title}</Heading>\n        {info && (\n          <Text fontSize={size as TypographyLevels} as=\"p\">\n            {info}\n          </Text>\n        )}\n      </div>\n      {footer && <footer>{footer}</footer>}\n    </article>\n  );\n};\n\nexport default Result;\n"],"names":["getIconSize","isMd","md","lg","Result","icon","title","info","footer","size","rest","useResponsive","Icon","iconSize","___EmotionJSX","theme","container"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwBA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,IAAD;AAAA,SAA8B;AAChDC,IAAAA,EAAE,EAAED,IAAI,GAAG,GAAH,GAAS,EAD+B;AAEhDE,IAAAA,EAAE,EAAEF,IAAI,GAAG,GAAH,GAAS;AAF+B,GAA9B;AAAA,CAApB;;IAKMG,MAAuB,GAAG,SAA1BA,MAA0B,OAAyD;AAAA,MAAtDC,IAAsD,QAAtDA,IAAsD;AAAA,MAAhDC,KAAgD,QAAhDA,KAAgD;AAAA,MAAzCC,IAAyC,QAAzCA,IAAyC;AAAA,MAAnCC,MAAmC,QAAnCA,MAAmC;AAAA,uBAA3BC,IAA2B;AAAA,MAA3BA,IAA2B,0BAApB,IAAoB;AAAA,MAAXC,IAAW;;AACvF,uBAAeC,aAAa,EAA5B;AAAA,MAAQT,EAAR,kBAAQA,EAAR;;AACA,MAAMU,IAAI,GAAGP,IAAb;AACA,MAAMQ,QAAQ,GAAGb,WAAW,CAACE,EAAD,CAA5B;AAEA,SACEY;AACE,mBAAY,uBADd;AAEE,IAAA,GAAG,EAAE,aAACC,KAAD;AAAA,aAA6BC,SAAS,CAACD,KAAD,EAAQ;AAAEN,QAAAA,IAAI,EAAJA;AAAF,OAAR,CAAtC;AAAA;AAFP,KAGMC,IAHN,GAKGE,IAAI,IAAIE,IAAC,IAAD;AAAM,IAAA,MAAM,EAAED,QAAQ,CAACJ,IAAD,CAAtB;AAA8B,mBAAY;AAA1C,IALX,EAMEK;AAAK,IAAA,SAAS,EAAC;AAAf,KACEA,IAAC,OAAD;AAAS,IAAA,EAAE,EAAC;AAAZ,KAAkBR,KAAlB,CADF,EAEGC,IAAI,IACHO,IAAC,IAAD;AAAM,IAAA,QAAQ,EAAEL,IAAhB;AAA0C,IAAA,EAAE,EAAC;AAA7C,KACGF,IADH,CAHJ,CANF,EAcGC,MAAM,IAAIM,oBAASN,MAAT,CAdb,CADF;AAkBD;;;;"}
+{"version":3,"file":"Result.js","sources":["../../../../../src/components/Result/Result.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\nimport { useResponsive } from \"@umijs/hooks\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport Heading from \"../Heading/Heading\";\nimport Text from \"../Text/Text\";\nimport { container } from \"./styles\";\nimport { IconType } from \"types/common\";\nimport { TypographyLevels } from \"@theme/utils/typography\";\n\nexport type Size = \"md\" | \"lg\";\n\nexport type ResultProps = React.HTMLAttributes<HTMLElement> & {\n  icon?: IconType;\n  title: string;\n  info?: string;\n  size?: Size;\n  footer?: ReactNode;\n};\n\ntype IconSize = {\n  md: number;\n  lg: number;\n};\n\nconst getIconSize = (isMd: boolean): IconSize => ({\n  md: isMd ? 100 : 75,\n  lg: isMd ? 180 : 135,\n});\n\nconst Result: FC<ResultProps> = ({ icon, title, info, footer, size = \"lg\", ...rest }) => {\n  const { md } = useResponsive();\n  const Icon = icon;\n  const iconSize = getIconSize(md);\n\n  return (\n    <article\n      data-testid=\"empty-state-container\"\n      css={(theme): SerializedStyles => container(theme, { size })}\n      {...rest}\n    >\n      {Icon && <Icon height={iconSize[size]} data-testid=\"result-icon\" />}\n      <div className=\"body\">\n        <Heading as=\"h3\">{title}</Heading>\n        {info && (\n          <Text fontSize={size as TypographyLevels} as=\"p\">\n            {info}\n          </Text>\n        )}\n      </div>\n      {footer && <footer>{footer}</footer>}\n    </article>\n  );\n};\n\nexport default Result;\n"],"names":["getIconSize","isMd","md","lg","Result","icon","title","info","footer","size","rest","useResponsive","Icon","iconSize","___EmotionJSX","theme","container"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwBA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,IAAD,EAAA;AAAA,EAA8B,OAAA;AAChDC,IAAAA,EAAE,EAAED,IAAI,GAAG,GAAH,GAAS,EAD+B;AAEhDE,IAAAA,EAAE,EAAEF,IAAI,GAAG,GAAH,GAAS,GAAA;AAF+B,GAA9B,CAAA;AAAA,CAApB,CAAA;;AAKA,IAAMG,MAAuB,GAAG,SAA1BA,MAA0B,CAAyD,IAAA,EAAA;AAAA,EAAtDC,IAAAA,IAAsD,QAAtDA,IAAsD;AAAA,MAAhDC,KAAgD,QAAhDA,KAAgD;AAAA,MAAzCC,IAAyC,QAAzCA,IAAyC;AAAA,MAAnCC,MAAmC,QAAnCA,MAAmC;AAAA,MAAA,SAAA,GAAA,IAAA,CAA3BC,IAA2B;AAAA,MAA3BA,IAA2B,0BAApB,IAAoB,GAAA,SAAA;AAAA,MAAXC,IAAW,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;AACvF,EAAA,IAAA,cAAA,GAAeC,aAAa,EAA5B;AAAA,MAAQT,EAAR,kBAAQA,EAAR,CAAA;;AACA,EAAMU,IAAAA,IAAI,GAAGP,IAAb,CAAA;AACA,EAAA,IAAMQ,QAAQ,GAAGb,WAAW,CAACE,EAAD,CAA5B,CAAA;AAEA,EACE,OAAAY,GAAA,CAAA,SAAA,EAAA,QAAA,CAAA;AACE,IAAA,aAAA,EAAY,uBADd;AAEE,IAAA,GAAG,EAAE,SAAA,GAAA,CAACC,KAAD,EAAA;AAAA,MAA6BC,OAAAA,SAAS,CAACD,KAAD,EAAQ;AAAEN,QAAAA,IAAI,EAAJA,IAAAA;AAAF,OAAR,CAAtC,CAAA;AAAA,KAAA;AAFP,GAAA,EAGMC,IAHN,CAAA,EAKGE,IAAI,IAAIE,IAAC,IAAD,EAAA;AAAM,IAAA,MAAM,EAAED,QAAQ,CAACJ,IAAD,CAAtB;AAA8B,IAAY,aAAA,EAAA,aAAA;AAA1C,GAAA,CALX,EAMEK,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,MAAA;AAAf,GAAA,EACEA,IAAC,OAAD,EAAA;AAAS,IAAA,EAAE,EAAC,IAAA;AAAZ,GAAA,EAAkBR,KAAlB,CADF,EAEGC,IAAI,IACHO,IAAC,IAAD,EAAA;AAAM,IAAA,QAAQ,EAAEL,IAAhB;AAA0C,IAAA,EAAE,EAAC,GAAA;AAA7C,GACGF,EAAAA,IADH,CAHJ,CANF,EAcGC,MAAM,IAAIM,GAAA,CAAA,QAAA,EAAA,IAAA,EAASN,MAAT,CAdb,CADF,CAAA;AAkBD;;;;"}

package/dist/esm/src/components/Result/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.4
+   * @epignosis_llc/gnosis.js v2.1.7
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Result/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/Result/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\nimport { Size } from \"./Result\";\nimport { mq } from \"@theme/utils/breakpoints\";\n\nexport const container = (\n  { typeScaleSizes, result }: Theme,\n  { size }: { size: Size },\n): SerializedStyles => {\n  return css`\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    padding: 1rem 0;\n\n    .body {\n      text-align: center;\n      margin-top: 2rem;\n\n      h3 {\n        line-height: 1;\n        color: ${result.titleColor};\n        margin-bottom: 1rem;\n\n        ${mq[\"sm\"]} {\n          font-size: ${size === \"lg\" ? typeScaleSizes.xl : typeScaleSizes.md};\n        }\n      }\n\n      p {\n        color: ${result.infoColor};\n      }\n    }\n\n    footer {\n      margin-top: 1rem;\n    }\n  `;\n};\n"],"names":["container","typeScaleSizes","result","size","css","titleColor","mq","xl","md","infoColor"],"mappings":";;;;;;;;;;;IAIaA,SAAS,GAAG,SAAZA,SAAY,cAGF;AAAA,MAFnBC,cAEmB,QAFnBA,cAEmB;AAAA,MAFHC,MAEG,QAFHA,MAEG;AAAA,MADnBC,IACmB,SADnBA,IACmB;AACrB;AAAA;;AAAA;AAAOC,IAAAA,GAAP,4KAceF,MAAM,CAACG,UAdtB,0BAiBQC,EAAE,CAAC,IAAD,CAjBV,iBAkBqBH,IAAI,KAAK,IAAT,GAAgBF,cAAc,CAACM,EAA/B,GAAoCN,cAAc,CAACO,EAlBxE,iBAuBeN,MAAM,CAACO,SAvBtB;AAAA;AA+BD;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Result/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\nimport { Size } from \"./Result\";\nimport { mq } from \"@theme/utils/breakpoints\";\n\nexport const container = (\n  { typeScaleSizes, result }: Theme,\n  { size }: { size: Size },\n): SerializedStyles => {\n  return css`\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    padding: 1rem 0;\n\n    .body {\n      text-align: center;\n      margin-top: 2rem;\n\n      h3 {\n        line-height: 1;\n        color: ${result.titleColor};\n        margin-bottom: 1rem;\n\n        ${mq[\"sm\"]} {\n          font-size: ${size === \"lg\" ? typeScaleSizes.xl : typeScaleSizes.md};\n        }\n      }\n\n      p {\n        color: ${result.infoColor};\n      }\n    }\n\n    footer {\n      margin-top: 1rem;\n    }\n  `;\n};\n"],"names":["container","typeScaleSizes","result","size","css","titleColor","mq","xl","md","infoColor"],"mappings":";;;;;;;;;;;AAIaA,IAAAA,SAAS,GAAG,SAAZA,SAAY,CAGF,IAAA,EAAA,KAAA,EAAA;AAAA,EAFnBC,IAAAA,cAEmB,QAFnBA,cAEmB;AAAA,MAFHC,MAEG,QAFHA,MAEG,CAAA;AAAA,EADnBC,IAAAA,IACmB,SADnBA,IACmB,CAAA;AACrB,EAAA;AAAA;;AAAA;AAAOC,IAAAA,GAAP,CAceF,yKAAAA,EAAAA,MAAM,CAACG,UAdtB,0BAiBQC,EAAE,CAAC,IAAD,CAjBV,EAkBqBH,aAAAA,EAAAA,IAAI,KAAK,IAAT,GAAgBF,cAAc,CAACM,EAA/B,GAAoCN,cAAc,CAACO,EAlBxE,EAAA,aAAA,EAuBeN,MAAM,CAACO,SAvBtB,EAAA,6BAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,q1CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA;AAAA,IAAA;AA+BD;;;;"}

package/dist/esm/src/components/Sidebar/NavHandle.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.4
+   * @epignosis_llc/gnosis.js v2.1.7
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Sidebar/NavHandle.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavHandle.js","sources":["../../../../../src/components/Sidebar/NavHandle.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { HamburgerSVG } from \"../../icons/\";\nimport NavItem from \"./NavItem\";\nimport { navHandleContainer } from \"./styles\";\n\nexport type NavHandleProps = {\n  isExpanded: boolean;\n  toggleMainNav: () => void;\n};\n\nconst NavHandle: FC<NavHandleProps> = ({ isExpanded, toggleMainNav }) => {\n  return (\n    <button className=\"nav-handle\" css={navHandleContainer} onClick={toggleMainNav}>\n      <NavItem label=\"Menu\" isExpanded={isExpanded} icon={<HamburgerSVG height={32} />} />\n    </button>\n  );\n};\n\nexport default NavHandle;\n"],"names":["NavHandle","isExpanded","toggleMainNav","___EmotionJSX","navHandleContainer","HamburgerSVG"],"mappings":";;;;;;;;;;;;;;IAUMA,SAA6B,GAAG,SAAhCA,SAAgC,OAAmC;AAAA,MAAhCC,UAAgC,QAAhCA,UAAgC;AAAA,MAApBC,aAAoB,QAApBA,aAAoB;AACvE,SACEC;AAAQ,IAAA,SAAS,EAAC,YAAlB;AAA+B,IAAA,GAAG,EAAEC,kBAApC;AAAwD,IAAA,OAAO,EAAEF;AAAjE,KACEC,IAAC,OAAD;AAAS,IAAA,KAAK,EAAC,MAAf;AAAsB,IAAA,UAAU,EAAEF,UAAlC;AAA8C,IAAA,IAAI,EAAEE,IAACE,YAAD;AAAc,MAAA,MAAM,EAAE;AAAtB;AAApD,IADF,CADF;AAKD;;;;"}
+{"version":3,"file":"NavHandle.js","sources":["../../../../../src/components/Sidebar/NavHandle.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { HamburgerSVG } from \"../../icons/\";\nimport NavItem from \"./NavItem\";\nimport { navHandleContainer } from \"./styles\";\n\nexport type NavHandleProps = {\n  isExpanded: boolean;\n  toggleMainNav: () => void;\n};\n\nconst NavHandle: FC<NavHandleProps> = ({ isExpanded, toggleMainNav }) => {\n  return (\n    <button className=\"nav-handle\" css={navHandleContainer} onClick={toggleMainNav}>\n      <NavItem label=\"Menu\" isExpanded={isExpanded} icon={<HamburgerSVG height={32} />} />\n    </button>\n  );\n};\n\nexport default NavHandle;\n"],"names":["NavHandle","isExpanded","toggleMainNav","___EmotionJSX","navHandleContainer","HamburgerSVG"],"mappings":";;;;;;;;;;;;;;AAUA,IAAMA,SAA6B,GAAG,SAAhCA,SAAgC,CAAmC,IAAA,EAAA;AAAA,EAAhCC,IAAAA,UAAgC,QAAhCA,UAAgC;AAAA,MAApBC,aAAoB,QAApBA,aAAoB,CAAA;AACvE,EACE,OAAAC,GAAA,CAAA,QAAA,EAAA;AAAQ,IAAA,SAAS,EAAC,YAAlB;AAA+B,IAAA,GAAG,EAAEC,kBAApC;AAAwD,IAAA,OAAO,EAAEF,aAAAA;AAAjE,GAAA,EACEC,IAAC,OAAD,EAAA;AAAS,IAAA,KAAK,EAAC,MAAf;AAAsB,IAAA,UAAU,EAAEF,UAAlC;AAA8C,IAAA,IAAI,EAAEE,GAAA,CAACE,YAAD,EAAA;AAAc,MAAA,MAAM,EAAE,EAAA;AAAtB,KAAA,CAAA;AAApD,GAAA,CADF,CADF,CAAA;AAKD;;;;"}

package/dist/esm/src/components/Sidebar/NavItem.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.4
+   * @epignosis_llc/gnosis.js v2.1.7
    * Released under the MIT license.
    */
 
@@ -10,9 +10,9 @@ import 'react';
 import classNames from '../../../node_modules/classnames/index.js';
 import { navItemContainer } from './styles.js';
 import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
-import { useReducedMotion } from '../../../node_modules/framer-motion/dist/es/utils/use-reduced-motion.js';
-import { m } from '../../../node_modules/framer-motion/dist/es/render/dom/motion-minimal.js';
-import { AnimatePresence } from '../../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js';
+import { useReducedMotion } from '../../../node_modules/framer-motion/dist/es/utils/use-reduced-motion.mjs.js';
+import { m } from '../../../node_modules/framer-motion/dist/es/render/dom/motion-minimal.mjs.js';
+import { AnimatePresence } from '../../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs.js';
 
 var labelVariants = {
   hidden: {

package/dist/esm/src/components/Sidebar/NavItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavItem.js","sources":["../../../../../src/components/Sidebar/NavItem.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\nimport { m, AnimatePresence, Variants, useReducedMotion } from \"framer-motion\";\nimport classNames from \"classnames\";\nimport { navItemContainer } from \"./styles\";\n\nexport type NavItemProps = FC<{\n  isExpanded: boolean;\n  icon: ReactNode;\n  label: string | JSX.Element;\n  isActive?: boolean;\n}>;\n\nconst labelVariants: Variants = {\n  hidden: {\n    display: \"none\",\n    opacity: 0,\n    x: -10,\n  },\n  visible: ({ isReducedMotion }) => ({\n    display: \"block\",\n    opacity: 1,\n    x: 0,\n    transition: {\n      duration: isReducedMotion ? 0 : 0.1,\n      delay: isReducedMotion ? 0 : 0.2,\n    },\n  }),\n  exit: ({ isReducedMotion }) => ({\n    opacity: 0,\n    x: -10,\n    transition: {\n      duration: isReducedMotion ? 0 : 0.1,\n    },\n    transitionEnd: {\n      display: \"none\",\n    },\n  }),\n};\n\nconst NavItem: NavItemProps = ({ isExpanded, label, icon, isActive = false }) => {\n  const isReducedMotion = useReducedMotion();\n  const containerClassNames = classNames({\n    selected: isActive,\n    \"nav-item\": true,\n  });\n\n  return (\n    <div css={navItemContainer} className={containerClassNames}>\n      {icon}\n      <AnimatePresence>\n        {isExpanded && (\n          <m.div\n            className=\"title\"\n            initial=\"hidden\"\n            animate=\"visible\"\n            exit=\"exit\"\n            variants={labelVariants}\n            custom={{ isReducedMotion }}\n          >\n            {label}\n          </m.div>\n        )}\n      </AnimatePresence>\n    </div>\n  );\n};\n\nexport default NavItem;\n"],"names":["labelVariants","hidden","display","opacity","x","visible","isReducedMotion","transition","duration","delay","exit","transitionEnd","NavItem","isExpanded","label","icon","isActive","useReducedMotion","containerClassNames","classNames","selected","___EmotionJSX","navItemContainer"],"mappings":";;;;;;;;;;;;;;;;AAYA,IAAMA,aAAuB,GAAG;AAC9BC,EAAAA,MAAM,EAAE;AACNC,IAAAA,OAAO,EAAE,MADH;AAENC,IAAAA,OAAO,EAAE,CAFH;AAGNC,IAAAA,CAAC,EAAE,CAAC;AAHE,GADsB;AAM9BC,EAAAA,OAAO,EAAE;AAAA,QAAGC,eAAH,QAAGA,eAAH;AAAA,WAA0B;AACjCJ,MAAAA,OAAO,EAAE,OADwB;AAEjCC,MAAAA,OAAO,EAAE,CAFwB;AAGjCC,MAAAA,CAAC,EAAE,CAH8B;AAIjCG,MAAAA,UAAU,EAAE;AACVC,QAAAA,QAAQ,EAAEF,eAAe,GAAG,CAAH,GAAO,GADtB;AAEVG,QAAAA,KAAK,EAAEH,eAAe,GAAG,CAAH,GAAO;AAFnB;AAJqB,KAA1B;AAAA,GANqB;AAe9BI,EAAAA,IAAI,EAAE;AAAA,QAAGJ,eAAH,SAAGA,eAAH;AAAA,WAA0B;AAC9BH,MAAAA,OAAO,EAAE,CADqB;AAE9BC,MAAAA,CAAC,EAAE,CAAC,EAF0B;AAG9BG,MAAAA,UAAU,EAAE;AACVC,QAAAA,QAAQ,EAAEF,eAAe,GAAG,CAAH,GAAO;AADtB,OAHkB;AAM9BK,MAAAA,aAAa,EAAE;AACbT,QAAAA,OAAO,EAAE;AADI;AANe,KAA1B;AAAA;AAfwB,CAAhC;;IA2BMU,OAAqB,GAAG,SAAxBA,OAAwB,QAAmD;AAAA,MAAhDC,UAAgD,SAAhDA,UAAgD;AAAA,MAApCC,KAAoC,SAApCA,KAAoC;AAAA,MAA7BC,IAA6B,SAA7BA,IAA6B;AAAA,6BAAvBC,QAAuB;AAAA,MAAvBA,QAAuB,+BAAZ,KAAY;AAC/E,MAAMV,eAAe,GAAGW,gBAAgB,EAAxC;AACA,MAAMC,mBAAmB,GAAGC,UAAU,CAAC;AACrCC,IAAAA,QAAQ,EAAEJ,QAD2B;AAErC,gBAAY;AAFyB,GAAD,CAAtC;AAKA,SACEK;AAAK,IAAA,GAAG,EAAEC,gBAAV;AAA4B,IAAA,SAAS,EAAEJ;AAAvC,KACGH,IADH,EAEEM,IAAC,eAAD,QACGR,UAAU,IACTQ,IAAC,CAAD,CAAG,GAAH;AACE,IAAA,SAAS,EAAC,OADZ;AAEE,IAAA,OAAO,EAAC,QAFV;AAGE,IAAA,OAAO,EAAC,SAHV;AAIE,IAAA,IAAI,EAAC,MAJP;AAKE,IAAA,QAAQ,EAAErB,aALZ;AAME,IAAA,MAAM,EAAE;AAAEM,MAAAA,eAAe,EAAfA;AAAF;AANV,KAQGQ,KARH,CAFJ,CAFF,CADF;AAmBD;;;;"}
+{"version":3,"file":"NavItem.js","sources":["../../../../../src/components/Sidebar/NavItem.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\nimport { m, AnimatePresence, Variants, useReducedMotion } from \"framer-motion\";\nimport classNames from \"classnames\";\nimport { navItemContainer } from \"./styles\";\n\nexport type NavItemProps = FC<{\n  isExpanded: boolean;\n  icon: ReactNode;\n  label: string | JSX.Element;\n  isActive?: boolean;\n}>;\n\nconst labelVariants: Variants = {\n  hidden: {\n    display: \"none\",\n    opacity: 0,\n    x: -10,\n  },\n  visible: ({ isReducedMotion }) => ({\n    display: \"block\",\n    opacity: 1,\n    x: 0,\n    transition: {\n      duration: isReducedMotion ? 0 : 0.1,\n      delay: isReducedMotion ? 0 : 0.2,\n    },\n  }),\n  exit: ({ isReducedMotion }) => ({\n    opacity: 0,\n    x: -10,\n    transition: {\n      duration: isReducedMotion ? 0 : 0.1,\n    },\n    transitionEnd: {\n      display: \"none\",\n    },\n  }),\n};\n\nconst NavItem: NavItemProps = ({ isExpanded, label, icon, isActive = false }) => {\n  const isReducedMotion = useReducedMotion();\n  const containerClassNames = classNames({\n    selected: isActive,\n    \"nav-item\": true,\n  });\n\n  return (\n    <div css={navItemContainer} className={containerClassNames}>\n      {icon}\n      <AnimatePresence>\n        {isExpanded && (\n          <m.div\n            className=\"title\"\n            initial=\"hidden\"\n            animate=\"visible\"\n            exit=\"exit\"\n            variants={labelVariants}\n            custom={{ isReducedMotion }}\n          >\n            {label}\n          </m.div>\n        )}\n      </AnimatePresence>\n    </div>\n  );\n};\n\nexport default NavItem;\n"],"names":["labelVariants","hidden","display","opacity","x","visible","isReducedMotion","transition","duration","delay","exit","transitionEnd","NavItem","isExpanded","label","icon","isActive","useReducedMotion","containerClassNames","classNames","selected","___EmotionJSX","navItemContainer"],"mappings":";;;;;;;;;;;;;;;;AAYA,IAAMA,aAAuB,GAAG;AAC9BC,EAAAA,MAAM,EAAE;AACNC,IAAAA,OAAO,EAAE,MADH;AAENC,IAAAA,OAAO,EAAE,CAFH;AAGNC,IAAAA,CAAC,EAAE,CAAC,EAAA;AAHE,GADsB;AAM9BC,EAAAA,OAAO,EAAE,SAAA,OAAA,CAAA,IAAA,EAAA;AAAA,IAAGC,IAAAA,eAAH,QAAGA,eAAH,CAAA;AAAA,IAA0B,OAAA;AACjCJ,MAAAA,OAAO,EAAE,OADwB;AAEjCC,MAAAA,OAAO,EAAE,CAFwB;AAGjCC,MAAAA,CAAC,EAAE,CAH8B;AAIjCG,MAAAA,UAAU,EAAE;AACVC,QAAAA,QAAQ,EAAEF,eAAe,GAAG,CAAH,GAAO,GADtB;AAEVG,QAAAA,KAAK,EAAEH,eAAe,GAAG,CAAH,GAAO,GAAA;AAFnB,OAAA;AAJqB,KAA1B,CAAA;AAAA,GANqB;AAe9BI,EAAAA,IAAI,EAAE,SAAA,IAAA,CAAA,KAAA,EAAA;AAAA,IAAGJ,IAAAA,eAAH,SAAGA,eAAH,CAAA;AAAA,IAA0B,OAAA;AAC9BH,MAAAA,OAAO,EAAE,CADqB;AAE9BC,MAAAA,CAAC,EAAE,CAAC,EAF0B;AAG9BG,MAAAA,UAAU,EAAE;AACVC,QAAAA,QAAQ,EAAEF,eAAe,GAAG,CAAH,GAAO,GAAA;AADtB,OAHkB;AAM9BK,MAAAA,aAAa,EAAE;AACbT,QAAAA,OAAO,EAAE,MAAA;AADI,OAAA;AANe,KAA1B,CAAA;AAAA,GAAA;AAfwB,CAAhC,CAAA;;AA2BA,IAAMU,OAAqB,GAAG,SAAxBA,OAAwB,CAAmD,KAAA,EAAA;AAAA,EAAhDC,IAAAA,UAAgD,SAAhDA,UAAgD;AAAA,MAApCC,KAAoC,SAApCA,KAAoC;AAAA,MAA7BC,IAA6B,SAA7BA,IAA6B;AAAA,MAAA,cAAA,GAAA,KAAA,CAAvBC,QAAuB;AAAA,MAAvBA,QAAuB,+BAAZ,KAAY,GAAA,cAAA,CAAA;AAC/E,EAAMV,IAAAA,eAAe,GAAGW,gBAAgB,EAAxC,CAAA;AACA,EAAMC,IAAAA,mBAAmB,GAAGC,UAAU,CAAC;AACrCC,IAAAA,QAAQ,EAAEJ,QAD2B;AAErC,IAAY,UAAA,EAAA,IAAA;AAFyB,GAAD,CAAtC,CAAA;AAKA,EACE,OAAAK,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,GAAG,EAAEC,gBAAV;AAA4B,IAAA,SAAS,EAAEJ,mBAAAA;AAAvC,GACGH,EAAAA,IADH,EAEEM,GAAA,CAAC,eAAD,EAAA,IAAA,EACGR,UAAU,IACTQ,GAAA,CAAC,CAAD,CAAG,GAAH,EAAA;AACE,IAAA,SAAS,EAAC,OADZ;AAEE,IAAA,OAAO,EAAC,QAFV;AAGE,IAAA,OAAO,EAAC,SAHV;AAIE,IAAA,IAAI,EAAC,MAJP;AAKE,IAAA,QAAQ,EAAErB,aALZ;AAME,IAAA,MAAM,EAAE;AAAEM,MAAAA,eAAe,EAAfA,eAAAA;AAAF,KAAA;AANV,GAQGQ,EAAAA,KARH,CAFJ,CAFF,CADF,CAAA;AAmBD;;;;"}

package/dist/esm/src/components/Sidebar/Sidebar.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.4
+   * @epignosis_llc/gnosis.js v2.1.7
    * Released under the MIT license.
    */
 
@@ -12,10 +12,10 @@ import { mainNavContainer } from './styles.js';
 import NavItem from './NavItem.js';
 import NavHandle from './NavHandle.js';
 import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
-import { useReducedMotion } from '../../../node_modules/framer-motion/dist/es/utils/use-reduced-motion.js';
-import { LazyMotion } from '../../../node_modules/framer-motion/dist/es/components/LazyMotion/index.js';
-import { domAnimation } from '../../../node_modules/framer-motion/dist/es/render/dom/features-animation.js';
-import { m } from '../../../node_modules/framer-motion/dist/es/render/dom/motion-minimal.js';
+import { useReducedMotion } from '../../../node_modules/framer-motion/dist/es/utils/use-reduced-motion.mjs.js';
+import { LazyMotion } from '../../../node_modules/framer-motion/dist/es/components/LazyMotion/index.mjs.js';
+import { domAnimation } from '../../../node_modules/framer-motion/dist/es/render/dom/features-animation.mjs.js';
+import { m } from '../../../node_modules/framer-motion/dist/es/render/dom/motion-minimal.mjs.js';
 
 var _excluded = ["isCollapsed", "onToggle", "children"];
 var navVariants = {

package/dist/esm/src/components/Sidebar/Sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","sources":["../../../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport {\n  LazyMotion,\n  m,\n  useReducedMotion,\n  Variants,\n  domAnimation,\n  HTMLMotionProps,\n} from \"framer-motion\";\nimport { mainNavContainer } from \"./styles\";\nimport NavItem, { NavItemProps } from \"./NavItem\";\nimport NavHandle from \"./NavHandle\";\n\nexport type SidebarProps = HTMLMotionProps<\"nav\"> & {\n  isCollapsed?: boolean;\n  onToggle?: () => void;\n};\n\ntype SidebarCompoundProps = {\n  Item: NavItemProps;\n};\n\nconst navVariants: Variants = {\n  expanded: {\n    minWidth: \"15rem\",\n    transition: {\n      ease: \"easeInOut\",\n      duration: 0.2,\n    },\n  },\n  collapsed: {\n    minWidth: \"4.75rem\",\n    transition: {\n      ease: \"easeInOut\",\n      duration: 0.2,\n      delay: 0.1,\n    },\n  },\n  a11yExpanded: {\n    minWidth: \"15rem\",\n    transition: {\n      duration: 0,\n    },\n  },\n  a11yCollapsed: {\n    minWidth: \"4.75rem\",\n    transition: {\n      duration: 0,\n    },\n  },\n};\n\nconst Sidebar: FC<SidebarProps> & SidebarCompoundProps = ({\n  isCollapsed = false,\n  onToggle = () => void 0,\n  children,\n  ...rest\n}) => {\n  const isReducedMotion = useReducedMotion();\n  let animate: string;\n\n  if (isReducedMotion) {\n    animate = isCollapsed ? \"a11yCollapsed\" : \"a11yExpanded\";\n  } else {\n    animate = isCollapsed ? \"collapsed\" : \"expanded\";\n  }\n\n  return (\n    <LazyMotion features={domAnimation}>\n      <m.nav\n        css={mainNavContainer}\n        initial={false}\n        animate={animate}\n        variants={navVariants}\n        id=\"sidebar\"\n        {...rest}\n      >\n        <div className=\"nav-items-wrapper\">\n          <NavHandle isExpanded={!isCollapsed} toggleMainNav={onToggle} />\n          {children}\n        </div>\n      </m.nav>\n    </LazyMotion>\n  );\n};\n\nSidebar.Item = NavItem;\n\nexport default Sidebar;\n"],"names":["navVariants","expanded","minWidth","transition","ease","duration","collapsed","delay","a11yExpanded","a11yCollapsed","Sidebar","isCollapsed","onToggle","children","rest","isReducedMotion","useReducedMotion","animate","___EmotionJSX","domAnimation","mainNavContainer","Item","NavItem"],"mappings":";;;;;;;;;;;;;;;;;;;;AAsBA,IAAMA,WAAqB,GAAG;AAC5BC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,QAAQ,EAAE,OADF;AAERC,IAAAA,UAAU,EAAE;AACVC,MAAAA,IAAI,EAAE,WADI;AAEVC,MAAAA,QAAQ,EAAE;AAFA;AAFJ,GADkB;AAQ5BC,EAAAA,SAAS,EAAE;AACTJ,IAAAA,QAAQ,EAAE,SADD;AAETC,IAAAA,UAAU,EAAE;AACVC,MAAAA,IAAI,EAAE,WADI;AAEVC,MAAAA,QAAQ,EAAE,GAFA;AAGVE,MAAAA,KAAK,EAAE;AAHG;AAFH,GARiB;AAgB5BC,EAAAA,YAAY,EAAE;AACZN,IAAAA,QAAQ,EAAE,OADE;AAEZC,IAAAA,UAAU,EAAE;AACVE,MAAAA,QAAQ,EAAE;AADA;AAFA,GAhBc;AAsB5BI,EAAAA,aAAa,EAAE;AACbP,IAAAA,QAAQ,EAAE,SADG;AAEbC,IAAAA,UAAU,EAAE;AACVE,MAAAA,QAAQ,EAAE;AADA;AAFC;AAtBa,CAA9B;;IA8BMK,OAAgD,GAAG,SAAnDA,OAAmD,OAKnD;AAAA,8BAJJC,WAII;AAAA,MAJJA,WAII,iCAJU,KAIV;AAAA,2BAHJC,QAGI;AAAA,MAHJA,QAGI,8BAHO;AAAA,WAAM,KAAK,CAAX;AAAA,GAGP;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADDC,IACC;;AACJ,MAAMC,eAAe,GAAGC,gBAAgB,EAAxC;AACA,MAAIC,OAAJ;;AAEA,MAAIF,eAAJ,EAAqB;AACnBE,IAAAA,OAAO,GAAGN,WAAW,GAAG,eAAH,GAAqB,cAA1C;AACD,GAFD,MAEO;AACLM,IAAAA,OAAO,GAAGN,WAAW,GAAG,WAAH,GAAiB,UAAtC;AACD;;AAED,SACEO,IAAC,UAAD;AAAY,IAAA,QAAQ,EAAEC;AAAtB,KACED,IAAC,CAAD,CAAG,GAAH;AACE,IAAA,GAAG,EAAEE,gBADP;AAEE,IAAA,OAAO,EAAE,KAFX;AAGE,IAAA,OAAO,EAAEH,OAHX;AAIE,IAAA,QAAQ,EAAEjB,WAJZ;AAKE,IAAA,EAAE,EAAC;AALL,KAMMc,IANN,GAQEI;AAAK,IAAA,SAAS,EAAC;AAAf,KACEA,IAAC,SAAD;AAAW,IAAA,UAAU,EAAE,CAACP,WAAxB;AAAqC,IAAA,aAAa,EAAEC;AAApD,IADF,EAEGC,QAFH,CARF,CADF,CADF;AAiBD;;AAEDH,OAAO,CAACW,IAAR,GAAeC,OAAf;;;;"}
+{"version":3,"file":"Sidebar.js","sources":["../../../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport {\n  LazyMotion,\n  m,\n  useReducedMotion,\n  Variants,\n  domAnimation,\n  HTMLMotionProps,\n} from \"framer-motion\";\nimport { mainNavContainer } from \"./styles\";\nimport NavItem, { NavItemProps } from \"./NavItem\";\nimport NavHandle from \"./NavHandle\";\n\nexport type SidebarProps = HTMLMotionProps<\"nav\"> & {\n  isCollapsed?: boolean;\n  onToggle?: () => void;\n};\n\ntype SidebarCompoundProps = {\n  Item: NavItemProps;\n};\n\nconst navVariants: Variants = {\n  expanded: {\n    minWidth: \"15rem\",\n    transition: {\n      ease: \"easeInOut\",\n      duration: 0.2,\n    },\n  },\n  collapsed: {\n    minWidth: \"4.75rem\",\n    transition: {\n      ease: \"easeInOut\",\n      duration: 0.2,\n      delay: 0.1,\n    },\n  },\n  a11yExpanded: {\n    minWidth: \"15rem\",\n    transition: {\n      duration: 0,\n    },\n  },\n  a11yCollapsed: {\n    minWidth: \"4.75rem\",\n    transition: {\n      duration: 0,\n    },\n  },\n};\n\nconst Sidebar: FC<SidebarProps> & SidebarCompoundProps = ({\n  isCollapsed = false,\n  onToggle = () => void 0,\n  children,\n  ...rest\n}) => {\n  const isReducedMotion = useReducedMotion();\n  let animate: string;\n\n  if (isReducedMotion) {\n    animate = isCollapsed ? \"a11yCollapsed\" : \"a11yExpanded\";\n  } else {\n    animate = isCollapsed ? \"collapsed\" : \"expanded\";\n  }\n\n  return (\n    <LazyMotion features={domAnimation}>\n      <m.nav\n        css={mainNavContainer}\n        initial={false}\n        animate={animate}\n        variants={navVariants}\n        id=\"sidebar\"\n        {...rest}\n      >\n        <div className=\"nav-items-wrapper\">\n          <NavHandle isExpanded={!isCollapsed} toggleMainNav={onToggle} />\n          {children}\n        </div>\n      </m.nav>\n    </LazyMotion>\n  );\n};\n\nSidebar.Item = NavItem;\n\nexport default Sidebar;\n"],"names":["navVariants","expanded","minWidth","transition","ease","duration","collapsed","delay","a11yExpanded","a11yCollapsed","Sidebar","isCollapsed","onToggle","children","rest","isReducedMotion","useReducedMotion","animate","___EmotionJSX","domAnimation","mainNavContainer","Item","NavItem"],"mappings":";;;;;;;;;;;;;;;;;;;;AAsBA,IAAMA,WAAqB,GAAG;AAC5BC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,QAAQ,EAAE,OADF;AAERC,IAAAA,UAAU,EAAE;AACVC,MAAAA,IAAI,EAAE,WADI;AAEVC,MAAAA,QAAQ,EAAE,GAAA;AAFA,KAAA;AAFJ,GADkB;AAQ5BC,EAAAA,SAAS,EAAE;AACTJ,IAAAA,QAAQ,EAAE,SADD;AAETC,IAAAA,UAAU,EAAE;AACVC,MAAAA,IAAI,EAAE,WADI;AAEVC,MAAAA,QAAQ,EAAE,GAFA;AAGVE,MAAAA,KAAK,EAAE,GAAA;AAHG,KAAA;AAFH,GARiB;AAgB5BC,EAAAA,YAAY,EAAE;AACZN,IAAAA,QAAQ,EAAE,OADE;AAEZC,IAAAA,UAAU,EAAE;AACVE,MAAAA,QAAQ,EAAE,CAAA;AADA,KAAA;AAFA,GAhBc;AAsB5BI,EAAAA,aAAa,EAAE;AACbP,IAAAA,QAAQ,EAAE,SADG;AAEbC,IAAAA,UAAU,EAAE;AACVE,MAAAA,QAAQ,EAAE,CAAA;AADA,KAAA;AAFC,GAAA;AAtBa,CAA9B,CAAA;;AA8BA,IAAMK,OAAgD,GAAG,SAAnDA,OAAmD,CAKnD,IAAA,EAAA;AAAA,EAAA,IAAA,gBAAA,GAAA,IAAA,CAJJC,WAII;AAAA,MAJJA,WAII,iCAJU,KAIV,GAAA,gBAAA;AAAA,MAAA,aAAA,GAAA,IAAA,CAHJC,QAGI;AAAA,MAHJA,QAGI,GAHO,aAAA,KAAA,KAAA,CAAA,GAAA,YAAA;AAAA,IAAA,OAAM,KAAK,CAAX,CAAA;AAAA,GAGP,GAAA,aAAA;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADDC,IACC,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;AACJ,EAAMC,IAAAA,eAAe,GAAGC,gBAAgB,EAAxC,CAAA;AACA,EAAA,IAAIC,OAAJ,CAAA;;AAEA,EAAA,IAAIF,eAAJ,EAAqB;AACnBE,IAAAA,OAAO,GAAGN,WAAW,GAAG,eAAH,GAAqB,cAA1C,CAAA;AACD,GAFD,MAEO;AACLM,IAAAA,OAAO,GAAGN,WAAW,GAAG,WAAH,GAAiB,UAAtC,CAAA;AACD,GAAA;;AAED,EAAA,OACEO,IAAC,UAAD,EAAA;AAAY,IAAA,QAAQ,EAAEC,YAAAA;AAAtB,GACE,EAAAD,GAAA,CAAC,CAAD,CAAG,GAAH,EAAA,QAAA,CAAA;AACE,IAAA,GAAG,EAAEE,gBADP;AAEE,IAAA,OAAO,EAAE,KAFX;AAGE,IAAA,OAAO,EAAEH,OAHX;AAIE,IAAA,QAAQ,EAAEjB,WAJZ;AAKE,IAAA,EAAE,EAAC,SAAA;AALL,GAAA,EAMMc,IANN,CAQE,EAAAI,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,mBAAA;AAAf,GAAA,EACEA,IAAC,SAAD,EAAA;AAAW,IAAA,UAAU,EAAE,CAACP,WAAxB;AAAqC,IAAA,aAAa,EAAEC,QAAAA;AAApD,GAAA,CADF,EAEGC,QAFH,CARF,CADF,CADF,CAAA;AAiBD,EAhCD;;AAkCAH,OAAO,CAACW,IAAR,GAAeC,OAAf;;;;"}

package/dist/esm/src/components/Sidebar/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.4
+   * @epignosis_llc/gnosis.js v2.1.7
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Sidebar/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/Sidebar/styles.ts"],"sourcesContent":["import { css, SerializedStyles, Theme } from \"@emotion/react\";\n\nexport const mainNavContainer = ({ sidebar }: Theme): SerializedStyles => css`\n  position: sticky;\n  top: 0;\n  display: flex;\n  flex-direction: column;\n  height: 100vh;\n  background: ${sidebar.background};\n  color: ${sidebar.color};\n  z-index: 1001;\n\n  .nav-items-wrapper {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    margin: 0 0 1.75rem;\n  }\n`;\n\nexport const navHandleContainer = ({ sidebar }: Theme): SerializedStyles => css`\n  min-height: 4.5rem;\n  width: 100%;\n  background-color: transparent;\n  padding: 0;\n  border: 0;\n\n  .nav-item {\n    height: 100%;\n    border-bottom: 1px solid ${sidebar.border};\n  }\n`;\n\nexport const navItemContainer = ({ sidebar }: Theme): SerializedStyles => css`\n  display: flex;\n  align-items: center;\n  color: ${sidebar.color};\n  padding: 0.625rem 1.5rem;\n\n  &:hover,\n  &.selected,\n  &.focus-visible {\n    background: ${sidebar.backgroundHover};\n    color: ${sidebar.colorHover};\n  }\n\n  &.profile-item {\n    padding: 0.5rem 1.125rem;\n\n    img {\n      border: none;\n    }\n\n    .title {\n      margin-left: 0.25rem;\n    }\n  }\n\n  .title {\n    margin-left: 0.5rem;\n  }\n`;\n"],"names":["mainNavContainer","sidebar","css","background","color","navHandleContainer","border","navItemContainer","backgroundHover","colorHover"],"mappings":";;;;;;;;;;IAEaA,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,MAAGC,OAAH,QAAGA,OAAH;AAAA;AAAA;;AAAA;AAA0CC,IAAAA,GAA1C,sFAMhBD,OAAO,CAACE,UANQ,aAOrBF,OAAO,CAACG,KAPa;AAAA;AAAA;IAkBnBC,kBAAkB,GAAG,SAArBA,kBAAqB;AAAA,MAAGJ,OAAH,SAAGA,OAAH;AAAA;AAAA;;AAAA;AAA0CC,IAAAA,GAA1C,gIASHD,OAAO,CAACK,MATL;AAAA;AAAA;IAarBC,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,MAAGN,OAAH,SAAGA,OAAH;AAAA;AAAA;;AAAA;AAA0CC,IAAAA,GAA1C,2CAGrBD,OAAO,CAACG,KAHa,6EASdH,OAAO,CAACO,eATM,aAUnBP,OAAO,CAACQ,UAVW;AAAA;AAAA;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Sidebar/styles.ts"],"sourcesContent":["import { css, SerializedStyles, Theme } from \"@emotion/react\";\n\nexport const mainNavContainer = ({ sidebar }: Theme): SerializedStyles => css`\n  position: sticky;\n  top: 0;\n  display: flex;\n  flex-direction: column;\n  height: 100vh;\n  background: ${sidebar.background};\n  color: ${sidebar.color};\n  z-index: 1001;\n\n  .nav-items-wrapper {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    margin: 0 0 1.75rem;\n  }\n`;\n\nexport const navHandleContainer = ({ sidebar }: Theme): SerializedStyles => css`\n  min-height: 4.5rem;\n  width: 100%;\n  background-color: transparent;\n  padding: 0;\n  border: 0;\n\n  .nav-item {\n    height: 100%;\n    border-bottom: 1px solid ${sidebar.border};\n  }\n`;\n\nexport const navItemContainer = ({ sidebar }: Theme): SerializedStyles => css`\n  display: flex;\n  align-items: center;\n  color: ${sidebar.color};\n  padding: 0.625rem 1.5rem;\n\n  &:hover,\n  &.selected,\n  &.focus-visible {\n    background: ${sidebar.backgroundHover};\n    color: ${sidebar.colorHover};\n  }\n\n  &.profile-item {\n    padding: 0.5rem 1.125rem;\n\n    img {\n      border: none;\n    }\n\n    .title {\n      margin-left: 0.25rem;\n    }\n  }\n\n  .title {\n    margin-left: 0.5rem;\n  }\n`;\n"],"names":["mainNavContainer","sidebar","css","background","color","navHandleContainer","border","navItemContainer","backgroundHover","colorHover"],"mappings":";;;;;;;;;;AAEaA,IAAAA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAAA,IAAA,EAAA;AAAA,EAAGC,IAAAA,OAAH,QAAGA,OAAH,CAAA;AAAA,EAAA;AAAA;;AAAA;AAA0CC,IAAAA,GAA1C,sFAMhBD,OAAO,CAACE,UANQ,EAOrBF,SAAAA,EAAAA,OAAO,CAACG,KAPa,EAAA,iGAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,0BAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,q1DAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,0BAAA,CAAA;AAAA,IAAA;AAAA,EAAzB;AAkBMC,IAAAA,kBAAkB,GAAG,SAArBA,kBAAqB,CAAA,KAAA,EAAA;AAAA,EAAGJ,IAAAA,OAAH,SAAGA,OAAH,CAAA;AAAA,EAAA;AAAA;;AAAA;AAA0CC,IAAAA,GAA1C,CAAA,6HAAA,EASHD,OAAO,CAACK,MATL,EAAA,IAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,4BAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,q1DAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,4BAAA,CAAA;AAAA,IAAA;AAAA,EAA3B;AAaMC,IAAAA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAAA,KAAA,EAAA;AAAA,EAAGN,IAAAA,OAAH,SAAGA,OAAH,CAAA;AAAA,EAAA;AAAA;;AAAA;AAA0CC,IAAAA,GAA1C,CAAA,wCAAA,EAGrBD,OAAO,CAACG,KAHa,EAAA,yEAAA,EASdH,OAAO,CAACO,eATM,EAAA,SAAA,EAUnBP,OAAO,CAACQ,UAVW,EAAA,oHAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,0BAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,q1DAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,0BAAA,CAAA;AAAA,IAAA;AAAA;;;;"}

package/dist/esm/src/components/Tabs/Tabs.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.4
+   * @epignosis_llc/gnosis.js v2.1.7
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import React, { FC, useState, ReactElement, Children } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport Select from \"../FormElements/Select/Select\";\nimport TabsNavItem from \"./TabsNavItem\";\nimport TabsContent from \"./TabsContent\";\nimport { container, tabsHeader } from \"./styles\";\n\ntype TabsProps = React.HTMLAttributes<HTMLElement> & {\n  stickyHeader?: boolean;\n  responsiveHeader?: boolean;\n};\n\ntype TabPaneProps = {\n  title: JSX.Element | string;\n  fallbackTitle?: string;\n};\n\nconst TabPane: FC<TabPaneProps> = () => null;\n\ntype TabsCompoundProps = {\n  TabPane: FC<TabPaneProps>;\n};\n\nconst Tabs: FC<TabsProps> & TabsCompoundProps = ({\n  children,\n  stickyHeader = false,\n  responsiveHeader = false,\n  ...rest\n}) => {\n  const [activeTab, setActiveTab] = useState(0);\n  const tabTitles = Children.map(children, (child, i) => ({\n    index: i,\n    title: (child as ReactElement).props.title,\n    fallbackTitle:\n      typeof (child as ReactElement).props.title === \"string\"\n        ? (child as ReactElement).props.title\n        : (child as ReactElement).props.fallbackTitle,\n  }));\n  const tabPanes = Children.map(children, (child, i) => ({\n    index: i,\n    content: (child as ReactElement).props.children,\n  }));\n  const onSelectTab = (index: number): void => {\n    setActiveTab(index);\n  };\n  const displayResponsiveHeader = tabTitles?.length && responsiveHeader;\n\n  return (\n    <section css={container} {...rest}>\n      <nav css={(theme): SerializedStyles => tabsHeader(theme, { stickyHeader })} role=\"tablist\">\n        {!displayResponsiveHeader &&\n          tabTitles?.map(({ index, title }) => (\n            <TabsNavItem\n              key={index}\n              index={index}\n              title={title}\n              isActive={activeTab === index}\n              onSelectTab={onSelectTab}\n            />\n          ))}\n\n        {displayResponsiveHeader && (\n          <Select aria-label=\"select tab\" onChange={(index): void => onSelectTab(parseInt(index))}>\n            {tabTitles?.map(({ index, fallbackTitle }) => (\n              <option key={index} value={index}>\n                {fallbackTitle}\n              </option>\n            ))}\n          </Select>\n        )}\n      </nav>\n\n      <section id=\"content\" aria-live=\"polite\" role=\"region\">\n        {tabPanes?.length &&\n          tabPanes.map(({ index, content }) => (\n            <TabsContent\n              key={index}\n              index={index}\n              content={content}\n              isVisible={activeTab === index}\n            />\n          ))}\n      </section>\n    </section>\n  );\n};\n\nTabs.TabPane = TabPane;\n\nexport default Tabs;\n"],"names":["TabPane","Tabs","children","stickyHeader","responsiveHeader","rest","useState","activeTab","setActiveTab","tabTitles","Children","map","child","i","index","title","props","fallbackTitle","tabPanes","content","onSelectTab","displayResponsiveHeader","length","___EmotionJSX","container","theme","tabsHeader","parseInt"],"mappings":"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"}
+{"version":3,"file":"Tabs.js","sources":["../../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import React, { FC, useState, ReactElement, Children } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport Select from \"../FormElements/Select/Select\";\nimport TabsNavItem from \"./TabsNavItem\";\nimport TabsContent from \"./TabsContent\";\nimport { container, tabsHeader } from \"./styles\";\n\ntype TabsProps = React.HTMLAttributes<HTMLElement> & {\n  stickyHeader?: boolean;\n  responsiveHeader?: boolean;\n};\n\ntype TabPaneProps = {\n  title: JSX.Element | string;\n  fallbackTitle?: string;\n};\n\nconst TabPane: FC<TabPaneProps> = () => null;\n\ntype TabsCompoundProps = {\n  TabPane: FC<TabPaneProps>;\n};\n\nconst Tabs: FC<TabsProps> & TabsCompoundProps = ({\n  children,\n  stickyHeader = false,\n  responsiveHeader = false,\n  ...rest\n}) => {\n  const [activeTab, setActiveTab] = useState(0);\n  const tabTitles = Children.map(children, (child, i) => ({\n    index: i,\n    title: (child as ReactElement).props.title,\n    fallbackTitle:\n      typeof (child as ReactElement).props.title === \"string\"\n        ? (child as ReactElement).props.title\n        : (child as ReactElement).props.fallbackTitle,\n  }));\n  const tabPanes = Children.map(children, (child, i) => ({\n    index: i,\n    content: (child as ReactElement).props.children,\n  }));\n  const onSelectTab = (index: number): void => {\n    setActiveTab(index);\n  };\n  const displayResponsiveHeader = tabTitles?.length && responsiveHeader;\n\n  return (\n    <section css={container} {...rest}>\n      <nav css={(theme): SerializedStyles => tabsHeader(theme, { stickyHeader })} role=\"tablist\">\n        {!displayResponsiveHeader &&\n          tabTitles?.map(({ index, title }) => (\n            <TabsNavItem\n              key={index}\n              index={index}\n              title={title}\n              isActive={activeTab === index}\n              onSelectTab={onSelectTab}\n            />\n          ))}\n\n        {displayResponsiveHeader && (\n          <Select aria-label=\"select tab\" onChange={(index): void => onSelectTab(parseInt(index))}>\n            {tabTitles?.map(({ index, fallbackTitle }) => (\n              <option key={index} value={index}>\n                {fallbackTitle}\n              </option>\n            ))}\n          </Select>\n        )}\n      </nav>\n\n      <section id=\"content\" aria-live=\"polite\" role=\"region\">\n        {tabPanes?.length &&\n          tabPanes.map(({ index, content }) => (\n            <TabsContent\n              key={index}\n              index={index}\n              content={content}\n              isVisible={activeTab === index}\n            />\n          ))}\n      </section>\n    </section>\n  );\n};\n\nTabs.TabPane = TabPane;\n\nexport default Tabs;\n"],"names":["TabPane","Tabs","children","stickyHeader","responsiveHeader","rest","useState","activeTab","setActiveTab","tabTitles","Children","map","child","i","index","title","props","fallbackTitle","tabPanes","content","onSelectTab","displayResponsiveHeader","length","___EmotionJSX","container","theme","tabsHeader","parseInt"],"mappings":"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"}

package/dist/esm/src/components/Tabs/TabsContent.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.4
+   * @epignosis_llc/gnosis.js v2.1.7
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Tabs/TabsContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsContent.js","sources":["../../../../../src/components/Tabs/TabsContent.tsx"],"sourcesContent":["import React, { FC, ReactNode, CSSProperties } from \"react\";\nimport { tabsContent } from \"./styles\";\n\ntype TabsContentProps = {\n  index: number;\n  content: ReactNode;\n  isVisible: boolean;\n  style?: CSSProperties;\n};\n\nconst TabsContent: FC<TabsContentProps> = ({ index, content, isVisible, style }) => {\n  return (\n    <article id={`content-${index}`} css={tabsContent(isVisible)} role=\"tabpanel\" style={style}>\n      {content}\n    </article>\n  );\n};\n\nexport default TabsContent;\n"],"names":["TabsContent","index","content","isVisible","style","___EmotionJSX","tabsContent"],"mappings":";;;;;;;;;;;;IAUMA,WAAiC,GAAG,SAApCA,WAAoC,OAA0C;AAAA,MAAvCC,KAAuC,QAAvCA,KAAuC;AAAA,MAAhCC,OAAgC,QAAhCA,OAAgC;AAAA,MAAvBC,SAAuB,QAAvBA,SAAuB;AAAA,MAAZC,KAAY,QAAZA,KAAY;AAClF,SACEC;AAAS,IAAA,EAAE,oBAAaJ,KAAb,CAAX;AAAiC,IAAA,GAAG,EAAEK,WAAW,CAACH,SAAD,CAAjD;AAA8D,IAAA,IAAI,EAAC,UAAnE;AAA8E,IAAA,KAAK,EAAEC;AAArF,KACGF,OADH,CADF;AAKD;;;;"}
+{"version":3,"file":"TabsContent.js","sources":["../../../../../src/components/Tabs/TabsContent.tsx"],"sourcesContent":["import React, { FC, ReactNode, CSSProperties } from \"react\";\nimport { tabsContent } from \"./styles\";\n\ntype TabsContentProps = {\n  index: number;\n  content: ReactNode;\n  isVisible: boolean;\n  style?: CSSProperties;\n};\n\nconst TabsContent: FC<TabsContentProps> = ({ index, content, isVisible, style }) => {\n  return (\n    <article id={`content-${index}`} css={tabsContent(isVisible)} role=\"tabpanel\" style={style}>\n      {content}\n    </article>\n  );\n};\n\nexport default TabsContent;\n"],"names":["TabsContent","index","content","isVisible","style","___EmotionJSX","tabsContent"],"mappings":";;;;;;;;;;;;AAUA,IAAMA,WAAiC,GAAG,SAApCA,WAAoC,CAA0C,IAAA,EAAA;AAAA,EAAvCC,IAAAA,KAAuC,QAAvCA,KAAuC;AAAA,MAAhCC,OAAgC,QAAhCA,OAAgC;AAAA,MAAvBC,SAAuB,QAAvBA,SAAuB;AAAA,MAAZC,KAAY,QAAZA,KAAY,CAAA;AAClF,EACE,OAAAC,GAAA,CAAA,SAAA,EAAA;AAAS,IAAA,EAAE,EAAaJ,UAAAA,CAAAA,MAAAA,CAAAA,KAAb,CAAX;AAAiC,IAAA,GAAG,EAAEK,WAAW,CAACH,SAAD,CAAjD;AAA8D,IAAA,IAAI,EAAC,UAAnE;AAA8E,IAAA,KAAK,EAAEC,KAAAA;AAArF,GAAA,EACGF,OADH,CADF,CAAA;AAKD;;;;"}

package/dist/esm/src/components/Tabs/TabsNavItem.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.4
+   * @epignosis_llc/gnosis.js v2.1.7
    * Released under the MIT license.
    */