@sphereon/ui-components.ssi-react-native 0.1.3-unstable.25 → 0.1.3-unstable.30

package/dist/components/labels/SSIStatusLabel/index.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { CredentialStatus, IssuerStatus, statusColors, getStatusTranslation } from '@sphereon/ui-components.core';
-import { SSIStatusLabelBadgeContainer as BadgeContainer, SSIStatusLabelContainerStyled as Container, SSIStatusLabelStatusCaptionStyled as StatusCaption, } from '../../../styles/components';
 import SSICheckmarkBadge from '../../../components/assets/badges/SSICheckmarkBadge';
 import SSIExclamationMarkBadge from '../../../components/assets/badges/SSIExclamationMarkBadge';
+import { SSIStatusLabelBadgeContainer as BadgeContainer, SSIStatusLabelContainerStyled as Container, SSIStatusLabelStatusCaptionStyled as StatusCaption, } from '../../../styles';
 const SSIStatusLabel = (props) => {
     const { status, color = statusColors[status], style, showIcon = false } = props;
     return (<Container style={[style, { borderColor: color }]}>

package/dist/components/views/SSICredentialCardView/index.js

@@ -1,15 +1,15 @@
 import React from 'react';
 import { View } from 'react-native';
-import { backgroundColors, credentialCardColors, Localization, toLocalDateString } from '@sphereon/ui-components.core';
+import { backgroundColors, credentialCardColors, Localization, toLocalDateString, } from '@sphereon/ui-components.core';
 import SSILogo from '../../assets/logos/SSILogo';
 import SSIStatusLabel from '../../labels/SSIStatusLabel';
-import { SSIAlphaContainerStyled as AlphaContainer, SSICredentialCardViewBackgroundImageStyled as BackgroundImage, SSIBlurredContainerStyled as BlurredView, SSICredentialCardViewContainerStyled as Container, SSICredentialCardViewContentMainContainerStyled as ContentMainContainer, SSICredentialCardViewContentSubContainerStyled as ContentSubContainer, SSICredentialCardViewStatusContainerStyled as StatusContainer, SSICredentialCardViewCredentialSubtitleTextStyled as CredentialSubtitleText, SSICredentialCardViewCredentialTitleTextStyled as CredentialTitleText, SSITextH5LightStyled as ExpirationDateText, SSICredentialCardViewFooterContainerStyled as FooterContainer, SSICredentialCardViewFooterContentContainerStyled as FooterContentContainer, SSITextH4LightStyled as H4Text, SSICredentialCardViewHeaderContainerStyled as HeaderContainer, SSICredentialCardViewContentIssueNameContainerStyled as IssueNameContainer, SSICredentialCardViewHeaderLogoContainerStyled as LogoContainer, SSICredentialCardViewContentPropertiesContainerStyled as PropertiesContainer, SSITextH6LightStyled as PropertyValueText, SSICredentialCardViewHeaderTitleContainerStyled as TitleContainer, } from '../../../styles/components';
+import { SSIAlphaContainerStyled as AlphaContainer, SSICredentialCardViewBackgroundImageStyled as BackgroundImage, SSIBlurredContainerStyled as BlurredView, SSICredentialCardViewContainerStyled as Container, SSICredentialCardViewContentMainContainerStyled as ContentMainContainer, SSICredentialCardViewContentSubContainerStyled as ContentSubContainer, SSICredentialCardViewStatusContainerStyled as StatusContainer, SSICredentialCardViewCredentialSubtitleTextStyled as CredentialSubtitleText, SSICredentialCardViewCredentialTitleTextStyled as CredentialTitleText, SSITextH5LightStyled as ExpirationDateText, SSICredentialCardViewFooterContainerStyled as FooterContainer, SSICredentialCardViewFooterContentContainerStyled as FooterContentContainer, SSITextH4LightStyled as H4Text, SSICredentialCardViewHeaderContainerStyled as HeaderContainer, SSICredentialCardViewContentIssueNameContainerStyled as IssueNameContainer, SSICredentialCardViewHeaderLogoContainerStyled as LogoContainer, SSICredentialCardViewContentPropertiesContainerStyled as PropertiesContainer, SSITextH6LightStyled as PropertyValueText, SSICredentialCardViewHeaderTitleContainerStyled as TitleContainer, } from '../../../styles';
 const SSICredentialCardView = (props) => {
     const { header, body, footer } = props;
     const { credentialTitle, credentialSubtitle, logo } = props.header ?? {};
     const { issuerName, properties } = props.body ?? {};
     const { credentialStatus, expirationDate } = props.footer ?? {};
-    const { backgroundColor = credentialCardColors.default, backgroundImage, textColor = backgroundColors.primaryLight, } = props.display ?? {};
+    const { backgroundColor = credentialCardColors.default, backgroundImage, textColor = backgroundColors.primaryLight } = props.display ?? {};
     const getPropertyElementsFrom = (properties) => {
         return properties.slice(0, 2).map((property, index) => (<View key={index} style={{
                 ...(properties.length > 1 && { width: 140 }),
@@ -23,10 +23,9 @@ const SSICredentialCardView = (props) => {
       <BackgroundImage source={backgroundImage}>
         <AlphaContainer>
           {header && (<HeaderContainer>
-              {(!backgroundImage || logo) &&
-                <LogoContainer>
-                    <SSILogo logo={logo} color={textColor}/>
-                  </LogoContainer>}
+              {(!backgroundImage || logo) && (<LogoContainer>
+                  <SSILogo logo={logo} color={textColor}/>
+                </LogoContainer>)}
               {credentialTitle && (<TitleContainer>
                   <CredentialTitleText style={{ color: textColor }} numberOfLines={2}>
                     {credentialTitle}
@@ -50,9 +49,7 @@ const SSICredentialCardView = (props) => {
                 ? `${Localization.translate('credential_card_expires_message')} ${toLocalDateString(expirationDate)}`
                 : Localization.translate('credential_status_never_expires_date_label')}
                   </ExpirationDateText>
-                  {credentialStatus && (<StatusContainer>
-                      {credentialStatus && <SSIStatusLabel status={credentialStatus} color={textColor}/>}
-                    </StatusContainer>)}
+                  {credentialStatus && (<StatusContainer>{credentialStatus && <SSIStatusLabel status={credentialStatus} color={textColor}/>}</StatusContainer>)}
                 </FooterContentContainer>
               </BlurredView>
             </FooterContainer>)}

package/dist/components/views/SSICredentialMiniCardView/index.js

@@ -1,14 +1,11 @@
 import React from 'react';
 import { credentialCardColors } from '@sphereon/ui-components.core';
 import SSILogo from '../../assets/logos/SSILogo';
-import { SSICredentialMiniCardViewBackgroundImageStyled as BackgroundImage, SSICredentialMiniCardViewContainerStyled as Container, } from '../../../styles/components';
+import { SSICredentialMiniCardViewBackgroundImageStyled as BackgroundImage, SSICredentialMiniCardViewContainerStyled as Container } from '../../../styles';
 const SSICredentialMiniCardView = (props) => {
     const { backgroundColor = credentialCardColors.default, backgroundImage, logo, logoColor, style } = props;
     return (<Container style={[style, { backgroundColor }]}>
-            <BackgroundImage source={backgroundImage}>
-                {(!backgroundImage || logo) &&
-            <SSILogo logo={logo} color={logoColor}/>}
-            </BackgroundImage>
-        </Container>);
+      <BackgroundImage source={backgroundImage}>{(!backgroundImage || logo) && <SSILogo logo={logo} color={logoColor}/>}</BackgroundImage>
+    </Container>);
 };
 export default SSICredentialMiniCardView;

package/dist/index.d.ts

@@ -5,5 +5,5 @@ import SSICheckmarkBadge from './components/assets/badges/SSICheckmarkBadge';
 import SSIExclamationMarkBadge from './components/assets/badges/SSIExclamationMarkBadge';
 import SSIPlaceholderLogo from './components/assets/logos/SSIPlaceholderLogo';
 import SSILogo from './components/assets/logos/SSILogo';
-import SSILoader from "./components/assets/loaders/SSILoader";
-export { SSICredentialCardView, SSICredentialMiniCardView, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo, SSILoader };
+export * from './styles/components/fonts';
+export { SSICredentialCardView, SSICredentialMiniCardView, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo };

package/dist/index.js

@@ -5,5 +5,5 @@ import SSICheckmarkBadge from './components/assets/badges/SSICheckmarkBadge';
 import SSIExclamationMarkBadge from './components/assets/badges/SSIExclamationMarkBadge';
 import SSIPlaceholderLogo from './components/assets/logos/SSIPlaceholderLogo';
 import SSILogo from './components/assets/logos/SSILogo';
-import SSILoader from "./components/assets/loaders/SSILoader";
-export { SSICredentialCardView, SSICredentialMiniCardView, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo, SSILoader };
+export * from './styles/components/fonts';
+export { SSICredentialCardView, SSICredentialMiniCardView, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo };

package/dist/styles/components/components/SSICredentialMiniCardView/index.js

@@ -1,5 +1,5 @@
 import styled from 'styled-components/native';
-import FastImage from "react-native-fast-image";
+import FastImage from 'react-native-fast-image';
 export const SSICredentialMiniCardViewContainerStyled = styled.View `
   width: 75px;
   height: 50px;

package/dist/styles/index.d.ts

@@ -0,0 +1,2 @@
+export * from './typography';
+export * from './components';

package/dist/styles/index.js

@@ -0,0 +1,2 @@
+export * from './typography';
+export * from './components';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sphereon/ui-components.ssi-react-native",
   "private": false,
-  "version": "0.1.3-unstable.25+7da9fe9",
+  "version": "0.1.3-unstable.30+15069b0",
   "description": "SSI UI components for React-Native",
   "repository": "git@github.com:Sphereon-Opensource/UI-Components.git",
   "author": "Sphereon <dev@sphereon.com>",
@@ -29,7 +29,7 @@
   },
   "dependencies": {
     "@react-native-community/blur": "^4.3.0",
-    "@sphereon/ui-components.core": "0.1.3-unstable.25+7da9fe9",
+    "@sphereon/ui-components.core": "0.1.3-unstable.30+15069b0",
     "react-native-fast-image": "^8.6.3",
     "react-native-size-matters": "^0.4.0",
     "react-native-svg": "13.4.0",
@@ -46,5 +46,5 @@
     "react": ">= 16.8.0",
     "react-native": ">= 0.64.0"
   },
-  "gitHead": "7da9fe99554c66b46908a0773462d2611a976981"
+  "gitHead": "15069b0fe7847904e9a164e3d7a7e8765b1f9578"
 }

package/dist/components/assets/loaders/SSILoader/index.d.ts

@@ -1,14 +0,0 @@
-import { PureComponent } from 'react';
-import { ColorValue, NativeEventSubscription, StyleProp, ViewStyle } from 'react-native';
-type Props = {
-    size: number | 'small' | 'large';
-    color?: ColorValue;
-    style?: StyleProp<ViewStyle>;
-};
-export default class SSILoader extends PureComponent<Props> {
-    hardwareBackPressListener: NativeEventSubscription;
-    componentDidMount: () => void;
-    componentWillUnmount: () => void;
-    render(): JSX.Element;
-}
-export {};

package/dist/components/assets/loaders/SSILoader/index.js

@@ -1,14 +0,0 @@
-import { PureComponent } from 'react';
-import { ActivityIndicator, BackHandler } from 'react-native';
-export default class SSILoader extends PureComponent {
-    hardwareBackPressListener;
-    componentDidMount = () => {
-        this.hardwareBackPressListener = BackHandler.addEventListener('hardwareBackPress', () => true);
-    };
-    componentWillUnmount = () => {
-        this.hardwareBackPressListener.remove();
-    };
-    render() {
-        return (<ActivityIndicator style={this.props.style} size={this.props.size} color={this.props.color}/>);
-    }
-}