@sphereon/ui-components.ssi-react-native 0.1.3-unstable.15 → 0.1.3-unstable.23

package/dist/index.d.ts

@@ -5,4 +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';
-export { SSICredentialCardView, SSICredentialMiniCardView, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo };
+import SSILoaderScreen from "./screens/SSILoaderScreen";
+export { SSICredentialCardView, SSICredentialMiniCardView, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo, SSILoaderScreen };

package/dist/index.js

@@ -5,4 +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';
-export { SSICredentialCardView, SSICredentialMiniCardView, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo };
+import SSILoaderScreen from "./screens/SSILoaderScreen";
+export { SSICredentialCardView, SSICredentialMiniCardView, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo, SSILoaderScreen };

package/dist/screens/SSILoaderScreen/index.d.ts

@@ -0,0 +1,12 @@
+import { NativeStackScreenProps } from '@react-navigation/native-stack';
+import { PureComponent } from 'react';
+import { NativeEventSubscription } from 'react-native';
+import { ScreenRoutesEnum, StackParamList } from '../../types';
+type Props = NativeStackScreenProps<StackParamList, ScreenRoutesEnum.LOADING>;
+export default class SSILoaderScreen extends PureComponent<Props> {
+    hardwareBackPressListener: NativeEventSubscription;
+    componentDidMount: () => void;
+    componentWillUnmount: () => void;
+    render(): JSX.Element;
+}
+export {};

package/dist/screens/SSILoaderScreen/index.js

@@ -0,0 +1,21 @@
+import { PureComponent } from 'react';
+import { BackHandler } from 'react-native';
+import { SSILoadingScreenActivityCaptionStyled as ActivityCaption, SSILoadingScreenActivityIndicatorStyled as ActivityIndicator, SSILoadingScreenActivityIndicatorContainerStyled as ActivityIndicatorContainer, SSIBasicHorizontalCenterContainerStyled as Container, } from '../../styles/components';
+export default class SSILoaderScreen extends PureComponent {
+    hardwareBackPressListener;
+    componentDidMount = () => {
+        this.hardwareBackPressListener = BackHandler.addEventListener('hardwareBackPress', () => true);
+    };
+    componentWillUnmount = () => {
+        this.hardwareBackPressListener.remove();
+    };
+    render() {
+        const { message } = this.props.route.params;
+        return (<Container>
+        <ActivityIndicatorContainer>
+          <ActivityIndicator />
+        </ActivityIndicatorContainer>
+        <ActivityCaption>{message}</ActivityCaption>
+      </Container>);
+    }
+}

package/dist/styles/components/containers/index.d.ts

@@ -7,3 +7,5 @@ export declare const SSIBlurredContainerStyled: import("styled-components").Styl
 }, "blurType" | "blurAmount">;
 export declare const SSIFlexDirectionRowViewStyled: import("styled-components").StyledComponent<typeof import("react-native").View, import("styled-components").DefaultTheme, {}, never>;
 export declare const SSIRoundedContainerStyled: import("styled-components").StyledComponent<typeof import("react-native").View, import("styled-components").DefaultTheme, {}, never>;
+export declare const SSIBasicContainerStyled: import("styled-components").StyledComponent<typeof import("react-native").View, import("styled-components").DefaultTheme, {}, never>;
+export declare const SSIBasicHorizontalCenterContainerStyled: import("styled-components").StyledComponent<typeof import("react-native").View, any, {}, never>;

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

@@ -1,6 +1,6 @@
 import { BlurView } from '@react-native-community/blur';
 import styled from 'styled-components/native';
-import { SSIRoundedEdgesCss } from '@sphereon/ui-components.core';
+import { SSIBackgroundPrimaryDarkColorCss, SSIRoundedEdgesCss } from '@sphereon/ui-components.core';
 export const SSIAlphaContainerStyled = styled.View `
   flex: 1;
   background-color: rgba(0, 0, 0, 0.2);
@@ -19,3 +19,10 @@ export const SSIRoundedContainerStyled = styled.View `
   ${SSIRoundedEdgesCss};
   overflow: hidden;
 `;
+export const SSIBasicContainerStyled = styled.View `
+  flex: 1;
+  ${SSIBackgroundPrimaryDarkColorCss};
+`;
+export const SSIBasicHorizontalCenterContainerStyled = styled(SSIBasicContainerStyled) `
+  align-items: center;
+`;

package/dist/styles/components/fonts/index.d.ts

@@ -7,3 +7,5 @@ export declare const SSITextH5Styled: import("styled-components").StyledComponen
 export declare const SSITextH5LightStyled: import("styled-components").StyledComponent<typeof import("react-native").Text, any, {}, never>;
 export declare const SSITextH6Styled: import("styled-components").StyledComponent<typeof import("react-native").Text, import("styled-components").DefaultTheme, {}, never>;
 export declare const SSITextH6LightStyled: import("styled-components").StyledComponent<typeof import("react-native").Text, any, {}, never>;
+export declare const SSITextH2SemiBoldStyled: import("styled-components").StyledComponent<typeof import("react-native").Text, import("styled-components").DefaultTheme, {}, never>;
+export declare const SSITextH2SemiBoldLightStyled: import("styled-components").StyledComponent<typeof import("react-native").Text, any, {}, never>;

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

@@ -41,3 +41,13 @@ export const SSITextH6Styled = styled.Text `
 export const SSITextH6LightStyled = styled(SSITextH6Styled) `
   color: ${fontColors.light};
 `;
+export const SSITextH2SemiBoldStyled = styled.Text `
+  font-family: ${fontStyle.h2SemiBold.fontFamily};
+  font-size: ${fontStyle.h2SemiBold.fontSize}px;
+  font-weight: ${fontStyle.h2SemiBold.fontWeight};
+  line-height: ${fontStyle.h2SemiBold.lineHeight}px;
+  height: auto;
+`;
+export const SSITextH2SemiBoldLightStyled = styled(SSITextH2SemiBoldStyled) `
+  color: ${fontColors.light};
+`;

package/dist/styles/components/index.d.ts

@@ -1,3 +1,4 @@
 export * from './containers';
 export * from './components';
 export * from './fonts';
+export * from './screens';

package/dist/styles/components/index.js

@@ -1,3 +1,4 @@
 export * from './containers';
 export * from './components';
 export * from './fonts';
+export * from './screens';

package/dist/styles/components/screens/SSILoaderScreen/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="styled-components-react-native" />
+import { ActivityIndicator } from 'react-native';
+export declare const SSILoadingScreenActivityIndicatorContainerStyled: import("styled-components").StyledComponent<typeof import("react-native").View, import("styled-components").DefaultTheme, {}, never>;
+export declare const SSILoadingScreenActivityCaptionStyled: import("styled-components").StyledComponent<typeof import("react-native").Text, any, {}, never>;
+export declare const SSILoadingScreenActivityIndicatorStyled: import("styled-components").StyledComponent<typeof ActivityIndicator, any, {
+    size: 80;
+    color: string;
+}, "color" | "size">;

package/dist/styles/components/screens/SSILoaderScreen/index.js

@@ -0,0 +1,14 @@
+import { ActivityIndicator } from 'react-native';
+import styled from 'styled-components/native';
+import { elements } from '@sphereon/ui-components.core';
+import { SSITextH2SemiBoldLightStyled } from '../../fonts';
+export const SSILoadingScreenActivityIndicatorContainerStyled = styled.View `
+  margin-top: 282px;
+`;
+export const SSILoadingScreenActivityCaptionStyled = styled(SSITextH2SemiBoldLightStyled) `
+  margin-top: 69px;
+`;
+export const SSILoadingScreenActivityIndicatorStyled = styled(ActivityIndicator).attrs({
+    size: 80,
+    color: elements.blue
+}) ``;

package/dist/styles/components/screens/index.d.ts

@@ -0,0 +1 @@
+export * from './SSILoaderScreen';

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

@@ -0,0 +1 @@
+export * from './SSILoaderScreen';

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export * from './navigation';

package/dist/types/index.js

@@ -0,0 +1 @@
+export * from './navigation';

package/dist/types/navigation/index.d.ts

@@ -0,0 +1,9 @@
+export type StackParamList = {
+    Loading: ILoadingProps;
+};
+export interface ILoadingProps {
+    message: string;
+}
+export declare enum ScreenRoutesEnum {
+    LOADING = "Loading"
+}

package/dist/types/navigation/index.js

@@ -0,0 +1,4 @@
+export var ScreenRoutesEnum;
+(function (ScreenRoutesEnum) {
+    ScreenRoutesEnum["LOADING"] = "Loading";
+})(ScreenRoutesEnum || (ScreenRoutesEnum = {}));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sphereon/ui-components.ssi-react-native",
   "private": false,
-  "version": "0.1.3-unstable.15+88a373a",
+  "version": "0.1.3-unstable.23+4405bfe",
   "description": "SSI UI components for React-Native",
   "repository": "git@github.com:Sphereon-Opensource/UI-Components.git",
   "author": "Sphereon <dev@sphereon.com>",
@@ -29,7 +29,8 @@
   },
   "dependencies": {
     "@react-native-community/blur": "^4.3.0",
-    "@sphereon/ui-components.core": "0.1.3-unstable.15+88a373a",
+    "@react-navigation/native-stack": "^6.9.16",
+    "@sphereon/ui-components.core": "0.1.3-unstable.23+4405bfe",
     "react-native-fast-image": "^8.6.3",
     "react-native-size-matters": "^0.4.0",
     "react-native-svg": "13.4.0",
@@ -46,5 +47,5 @@
     "react": ">= 16.8.0",
     "react-native": ">= 0.64.0"
   },
-  "gitHead": "88a373a5f9fb7b863e412030eedc651350c99187"
+  "gitHead": "4405bfecf4002b54ea2aab365c16a509a5ac3766"
 }