@sphereon/ui-components.ssi-react 0.1.3-unstable.64 → 0.1.3-unstable.67

package/dist/components/fields/SSIHoverText/index.d.ts

@@ -1,8 +1,8 @@
 import { FC } from 'react';
+import { ColumnHeaderTextOptions } from '../../../types';
 export type Props = {
     text: string;
-    truncationLength?: number;
-    enableHover?: boolean;
+    opts?: ColumnHeaderTextOptions;
 };
 declare const SSIHoverText: FC<Props>;
 export default SSIHoverText;

package/dist/components/fields/SSIHoverText/index.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { SSIHoverTextTextStyled as Text, SSIHoverTextContainerStyled as Container, SSIHoverTextTextHoverStyled as TextHover, } from '../../../styles/components';
 const SSIHoverText = (props) => {
-    const { text, truncationLength, enableHover = false } = props;
-    const value = truncationLength ? text.substring(0, truncationLength) : text;
-    return (_jsxs(Container, { children: [_jsx(Text, { children: value }), enableHover && _jsx(TextHover, { children: text })] }));
+    const { text, opts } = props;
+    const value = opts?.truncationLength ? text.substring(0, opts.truncationLength) : text;
+    return (_jsxs(Container, { children: [_jsx(Text, { children: value }), opts?.enableHover && _jsx(TextHover, { children: text })] }));
 };
 export default SSIHoverText;

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

@@ -17,10 +17,10 @@ function IndeterminateCheckbox({ indeterminate, className = '', ...rest }) {
     }, [ref, indeterminate]);
     return _jsx("input", { type: "checkbox", ref: ref, className: className + ' cursor-pointer', ...rest });
 }
-const getCellFormatting = (type, value, truncationLength) => {
+const getCellFormatting = (type, value, opts) => {
     switch (type) {
         case TableCellType.TEXT:
-            return _jsx(SSIHoverText, { text: value, ...(truncationLength && { truncationLength }) });
+            return _jsx(SSIHoverText, { text: value, ...(opts && { opts }) });
         case TableCellType.LABEL: {
             const labels = Array.isArray(value) ? value.map((label) => _jsx(SSITypeLabel, { type: label })) : _jsx(SSITypeLabel, { type: value });
             return _jsx(LabelCell, { children: labels });
@@ -39,7 +39,7 @@ const SSITableView = (props) => {
     let availableColumns = columns.map((header) => columnHelper.accessor(header.accessor, {
         id: header.accessor,
         header: header.label,
-        cell: (info) => getCellFormatting(header.type, info.getValue(), header.truncationLength),
+        cell: (info) => getCellFormatting(header.type, info.getValue(), header.opts),
     }));
     if (enableRowSelection) {
         availableColumns = [

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

@@ -8,5 +8,9 @@ export type ColumnHeader<T> = {
     accessor: AccessorFn<T> | DeepKeys<T>;
     type: TableCellType;
     label?: string;
-    truncationLength?: number;
+    opts?: ColumnHeaderTextOptions;
 };
+export interface ColumnHeaderTextOptions {
+    truncationLength?: number;
+    enableHover?: boolean;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sphereon/ui-components.ssi-react",
   "private": false,
-  "version": "0.1.3-unstable.64+e21be03",
+  "version": "0.1.3-unstable.67+1418cba",
   "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.64+e21be03",
+    "@sphereon/ui-components.core": "0.1.3-unstable.67+1418cba",
     "@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": "e21be031849851a4a156c146716ae0411c23e197"
+  "gitHead": "1418cba69a87e3ac95122ba0aca17530731ff364"
 }