@sphereon/ui-components.ssi-react 0.1.3-unstable.41 → 0.1.3-unstable.43

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

@@ -0,0 +1,22 @@
+import React from 'react';
+interface SSILoaderProps {
+    ariaLabel?: string;
+    width?: string | number;
+    height?: string | number;
+    color?: string;
+    secondaryColor?: string;
+    strokeWidth?: string | number;
+    strokeWidthSecondary?: string | number;
+    visible?: boolean;
+    wrapperStyle?: {
+        [key: string]: string;
+    };
+    wrapperClass?: string;
+    timeout?: number;
+    callback: (state?: any) => Promise<void>;
+}
+export default class SSILoader extends React.Component<SSILoaderProps, any> {
+    componentDidMount(): void;
+    render(): JSX.Element;
+}
+export {};

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

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { Oval } from 'react-loader-spinner';
+export default class SSILoader extends React.Component {
+    componentDidMount() {
+        setTimeout(async (state) => {
+            await this.props.callback(state);
+        }, this.props.timeout ?? 0);
+    }
+    render() {
+        return _jsx(Oval, { ...this.props });
+    }
+}

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

@@ -7,7 +7,6 @@ import SSITypeLabel from '../../labels/SSITypeLabel';
 import SSIHoverText from '../../fields/SSIHoverText';
 import { SSITableViewCellContainerStyled as CellContainer, SSITableViewContainerStyled as Container, SSITableViewHeaderCellContainerStyled as HeaderCellContainer, SSITableViewLabelCellStyled as LabelCell, SSITableViewResultCountCaptionStyled as ResultCountCaption, SSITableViewRowContainerStyled as RowContainer, SSITableViewTableContainerStyled as TableContainer, } from '../../../styles';
 import { TableCellType } from '../../../types';
-import { SSIStatusLabel } from '../../../index';
 function IndeterminateCheckbox({ indeterminate, className = '', ...rest }) {
     const ref = React.useRef(null);
     React.useEffect(() => {
@@ -25,9 +24,6 @@ const getCellFormatting = (type, value, truncationLength) => {
             const labels = Array.isArray(value) ? value.map((label) => _jsx(SSITypeLabel, { type: label })) : _jsx(SSITypeLabel, { type: value });
             return _jsx(LabelCell, { children: labels });
         }
-        case TableCellType.STATUS: {
-            return _jsx(SSIStatusLabel, { status: value });
-        }
         default:
             return _jsx("div", {});
     }

package/dist/index.d.ts

@@ -20,8 +20,9 @@ import SSITabViewHeader from './components/views/SSITabView/SSITabViewHeader';
 import SSIProfileIcon from './components/assets/icons/SSIProfileIcon';
 import SSISecondaryButton from './components/buttons/SSISecondaryButton';
 import SSICheckbox from './components/fields/SSICheckbox';
+import SSILoader from './components/assets/loaders/SSILoader';
 import SSIHoverText from './components/fields/SSIHoverText';
 export * from './styles/components/fonts';
 export * from './types';
 export * from './helpers';
-export { SSICredentialCardView, SSICredentialMiniCardView, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo, SSIAddIcon, SSIFilterIcon, SSIArrowDownIcon, SSITypeLabel, SSIIconButton, SSIPrimaryButton, SSISecondaryButton, SSIDropDownList, SSITableView, SSITableViewHeader, SSITabView, SSITabViewHeader, SSIProfileIcon, SSIToastContainer, SSICheckbox, SSIHoverText, };
+export { SSICredentialCardView, SSICredentialMiniCardView, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo, SSIAddIcon, SSIFilterIcon, SSIArrowDownIcon, SSITypeLabel, SSIIconButton, SSIPrimaryButton, SSISecondaryButton, SSIDropDownList, SSITableView, SSITableViewHeader, SSITabView, SSITabViewHeader, SSIProfileIcon, SSIToastContainer, SSICheckbox, SSILoader, SSIHoverText, };

package/dist/index.js

@@ -20,8 +20,9 @@ import SSITabViewHeader from './components/views/SSITabView/SSITabViewHeader';
 import SSIProfileIcon from './components/assets/icons/SSIProfileIcon';
 import SSISecondaryButton from './components/buttons/SSISecondaryButton';
 import SSICheckbox from './components/fields/SSICheckbox';
+import SSILoader from './components/assets/loaders/SSILoader';
 import SSIHoverText from './components/fields/SSIHoverText';
 export * from './styles/components/fonts';
 export * from './types';
 export * from './helpers';
-export { SSICredentialCardView, SSICredentialMiniCardView, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo, SSIAddIcon, SSIFilterIcon, SSIArrowDownIcon, SSITypeLabel, SSIIconButton, SSIPrimaryButton, SSISecondaryButton, SSIDropDownList, SSITableView, SSITableViewHeader, SSITabView, SSITabViewHeader, SSIProfileIcon, SSIToastContainer, SSICheckbox, SSIHoverText, };
+export { SSICredentialCardView, SSICredentialMiniCardView, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo, SSIAddIcon, SSIFilterIcon, SSIArrowDownIcon, SSITypeLabel, SSIIconButton, SSIPrimaryButton, SSISecondaryButton, SSIDropDownList, SSITableView, SSITableViewHeader, SSITabView, SSITabViewHeader, SSIProfileIcon, SSIToastContainer, SSICheckbox, SSILoader, SSIHoverText, };

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

@@ -4,7 +4,6 @@ import { SSITextH5LightStyled } from '../../fonts';
 export const SSIStatusLabelContainerStyled = styled(SSIFlexDirectionRowViewStyled) `
   border-radius: 9px;
   border: 1px solid #000;
-  width: fit-content;
 `;
 export const SSIStatusLabelStatusCaptionStyled = styled(SSITextH5LightStyled) `
   margin-left: 7px;

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

@@ -1,8 +1,7 @@
 import { AccessorFn, DeepKeys } from '@tanstack/react-table';
 export declare enum TableCellType {
     TEXT = "text",
-    LABEL = "label",
-    STATUS = "status"
+    LABEL = "label"
 }
 export type ColumnHeader<T> = {
     accessor: AccessorFn<T> | DeepKeys<T>;

package/dist/types/table/index.js

@@ -2,5 +2,4 @@ export var TableCellType;
 (function (TableCellType) {
     TableCellType["TEXT"] = "text";
     TableCellType["LABEL"] = "label";
-    TableCellType["STATUS"] = "status";
 })(TableCellType || (TableCellType = {}));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sphereon/ui-components.ssi-react",
   "private": false,
-  "version": "0.1.3-unstable.41+1396efb",
+  "version": "0.1.3-unstable.43+dac751a",
   "description": "SSI UI components for React",
   "repository": "git@github.com:Sphereon-Opensource/UI-Components.git",
   "author": "Sphereon <dev@sphereon.com>",
@@ -28,8 +28,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@sphereon/ui-components.core": "0.1.3-unstable.41+1396efb",
+    "@sphereon/ui-components.core": "0.1.3-unstable.43+dac751a",
     "@tanstack/react-table": "^8.9.3",
+    "react-loader-spinner": "^5.4.5",
     "react-toastify": "^9.1.3",
     "styled-components": "^5.3.3"
   },
@@ -41,5 +42,5 @@
   "peerDependencies": {
     "react": ">= 16.8.0"
   },
-  "gitHead": "1396efbcad9b2b8b29055a215e8c0ecd9af2c725"
+  "gitHead": "dac751a8a7035c8222c86b86c91eadcb2c933980"
 }

package/dist/types/component/index.js

@@ -1 +0,0 @@
-"use strict";