@sphereon/ui-components.ssi-react 0.1.3-unstable.50 → 0.1.3-unstable.62

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

@@ -7,6 +7,7 @@ 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(() => {
@@ -24,6 +25,9 @@ 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/styles/components/components/SSIStatusLabel/index.js

@@ -4,6 +4,7 @@ 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/component/index.js

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

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

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

package/dist/types/table/index.js

@@ -2,4 +2,5 @@ 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.50+1958cf6",
+  "version": "0.1.3-unstable.62+06e4b40",
   "description": "SSI UI components for React",
   "repository": "git@github.com:Sphereon-Opensource/UI-Components.git",
   "author": "Sphereon <dev@sphereon.com>",
@@ -28,7 +28,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@sphereon/ui-components.core": "0.1.3-unstable.50+1958cf6",
+    "@sphereon/ui-components.core": "0.1.3-unstable.62+06e4b40",
     "@tanstack/react-table": "^8.9.3",
     "react-loader-spinner": "^5.4.5",
     "react-toastify": "^9.1.3",
@@ -42,5 +42,5 @@
   "peerDependencies": {
     "react": ">= 16.8.0"
   },
-  "gitHead": "1958cf611a62d558d4d8f821780fb2e3fa0945d4"
+  "gitHead": "06e4b405dd8b50321044e44e348a5c00a97104de"
 }