@sphereon/ui-components.ssi-react 0.1.3-unstable.111 → 0.1.3-unstable.112

package/dist/components/lists/DropDownList/index.d.ts

@@ -5,6 +5,7 @@ import { Row } from '@tanstack/react-table';
 export type Props = {
     icon: ButtonIcon;
     buttons: Array<GeneralButton>;
+    showBorder?: boolean;
     opts?: DropDownListOpts;
 };
 export type DropDownListOpts = {

package/dist/components/lists/DropDownList/index.js

@@ -3,8 +3,9 @@ import { useState, useRef, useEffect } from 'react';
 import { DropDownListContainerStyled as Container, DropDownContainerStyled as DropDownContainer, DropDownListButtonStyled as ListButton, } from '../../../styles/components';
 import DropDownListItem from '../DropDownListItem';
 import { SSIIconButton } from '../../../index';
+import { borderColors } from '@sphereon/ui-components.core';
 const DropDownList = (props) => {
-    const { icon, buttons, opts } = props;
+    const { icon, buttons, showBorder = false, opts } = props;
     const [showActionsMenu, setShowActionsMenu] = useState(false);
     const dropdownRef = useRef(null);
     const onMore = (event) => {
@@ -28,6 +29,6 @@ const DropDownList = (props) => {
             return (_jsx(DropDownListItem, { showBorder: showBorder, label: item.caption, onClick: item.onClick, icon: item.icon, fontColor: item.fontColor, opts: opts }, index));
         });
     };
-    return (_jsxs(Container, { ref: dropdownRef, children: [_jsx(ListButton, { children: _jsx(SSIIconButton, { icon: icon, color: 'black', onClick: onMore }) }), showActionsMenu && _jsx(DropDownContainer, { children: getItems() })] }));
+    return (_jsxs(Container, { ref: dropdownRef, children: [_jsx(ListButton, { children: _jsx(SSIIconButton, { icon: icon, color: 'black', onClick: onMore }) }), showActionsMenu && _jsx(DropDownContainer, { style: { ...(showBorder && { borderWidth: 2, borderColor: borderColors.silverGrey, borderStyle: 'solid' }) }, children: getItems() })] }));
 };
 export default DropDownList;

package/dist/components/lists/DropDownListItem/index.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DropDownListItemContainerStyled as Container, DropDownListItemIconContainerStyled as IconContainer, DropDownListItemCaptionContainerStyled as ListItemCaption, } from '../../../styles/components';
 import DeleteIcon from '../../assets/icons/DeleteIcon';
-import { ButtonIcon, fontColors } from '@sphereon/ui-components.core';
+import { borderColors, ButtonIcon, fontColors } from '@sphereon/ui-components.core';
 const DropDownListItem = (props) => {
-    const { disabled, label, icon, showBorder = false, fontColor = fontColors.dark, borderColor = fontColors.dark, opts, onClick } = props;
+    const { disabled, label, icon, showBorder = false, fontColor = fontColors.dark, borderColor = borderColors.light, opts, onClick } = props;
     const getIcon = (icon) => {
         switch (icon) {
             case ButtonIcon.DELETE:

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

@@ -35,7 +35,7 @@ const getCellFormatting = (type, value, row, opts) => {
         case TableCellType.ACTION_GROUP: {
             const { actionGroup } = opts ?? {};
             if (actionGroup) {
-                return _jsx(DropDownList, { icon: actionGroup.icon ?? ButtonIcon.MEATBALLS, buttons: actionGroup.actions, opts: { rowData: row } });
+                return _jsx(DropDownList, { icon: actionGroup.icon ?? ButtonIcon.MEATBALLS, buttons: actionGroup.actions, opts: { rowData: row }, showBorder: true });
             }
             return _jsx("div", {});
         }

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

@@ -19,9 +19,8 @@ export const DropDownListButtonStyled = styled.div `
 export const DropDownContainerStyled = styled.div `
   position: absolute;
   top: 100%;
-  left: 0;
+  right: 0;
   width: 250px;
   background-color: ${backgroundColors.primaryLight};
-  border-radius: 8px;
   z-index: 1000;
 `;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sphereon/ui-components.ssi-react",
   "private": false,
-  "version": "0.1.3-unstable.111+3a1b7ba",
+  "version": "0.1.3-unstable.112+d26225f",
   "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.111+3a1b7ba",
+    "@sphereon/ui-components.core": "0.1.3-unstable.112+d26225f",
     "@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": "3a1b7ba5544f63398cd8ab862195ce34995aa812"
+  "gitHead": "d26225f3345937e3307b0bb25f0bc580338462bc"
 }