@sphereon/ui-components.ssi-react 0.1.3-unstable.94 → 0.1.3-unstable.96

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,11 +1,11 @@
1
1
  import { CSSProperties, FC } from 'react';
2
2
  import { ImageAttributes } from '@sphereon/ui-components.core';
3
- type Props = {
3
+ export type CredentialMiniCardViewProps = {
4
4
  backgroundImage?: ImageAttributes;
5
5
  backgroundColor?: string;
6
6
  logo?: ImageAttributes;
7
7
  logoColor?: string;
8
8
  style?: CSSProperties;
9
9
  };
10
- declare const SSICredentialMiniCardView: FC<Props>;
11
- export default SSICredentialMiniCardView;
10
+ declare const CredentialMiniCardView: FC<CredentialMiniCardViewProps>;
11
+ export default CredentialMiniCardView;
@@ -2,10 +2,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { credentialCardColors } from '@sphereon/ui-components.core';
3
3
  import SSILogo from '../../assets/logos/SSILogo';
4
4
  import { SSICredentialMiniCardViewContainerStyled as Container, SSICredentialMiniCardViewBackgroundImageStyled as BackgroundImage, } from '../../../styles';
5
- const SSICredentialMiniCardView = (props) => {
5
+ const CredentialMiniCardView = (props) => {
6
6
  const { backgroundColor = credentialCardColors.default, backgroundImage, logo, logoColor, style } = props;
7
7
  return (_jsx(Container, { style: { ...style, backgroundColor }, children: _jsx(BackgroundImage, { style: {
8
8
  ...(backgroundImage?.uri && { background: `url(${backgroundImage.uri})`, backgroundSize: 'cover' }),
9
9
  }, children: (!backgroundImage || logo) && _jsx(SSILogo, { logo: logo, color: logoColor }) }) }));
10
10
  };
11
- export default SSICredentialMiniCardView;
11
+ export default CredentialMiniCardView;
@@ -7,7 +7,7 @@ import SSITypeLabel from '../../labels/SSITypeLabel';
7
7
  import SSIHoverText from '../../fields/SSIHoverText';
8
8
  import { SSITableViewCellContainerStyled as CellContainer, SSITableViewContainerStyled as Container, SSITableViewHeaderCellContainerStyled as HeaderCellContainer, SSITableViewLabelCellStyled as LabelCell, SSITableViewResultCountCaptionStyled as ResultCountCaption, SSITableViewRowContainerStyled as RowContainer, SSITableViewTableContainerStyled as TableContainer, } from '../../../styles';
9
9
  import { TableCellType } from '../../../types';
10
- import { SSIStatusLabel } from '../../../index';
10
+ import { CredentialMiniCardView, SSIStatusLabel } from '../../../index';
11
11
  function IndeterminateCheckbox({ indeterminate, className = '', ...rest }) {
12
12
  const ref = React.useRef(null);
13
13
  React.useEffect(() => {
@@ -29,8 +29,8 @@ const getCellFormatting = (type, value, opts) => {
29
29
  case TableCellType.STATUS: {
30
30
  return _jsx(SSIStatusLabel, { status: value });
31
31
  }
32
- case TableCellType.REACT_ELEMENT: {
33
- return value;
32
+ case TableCellType.CREDENTIAL_CARD: {
33
+ return _jsx(CredentialMiniCardView, { ...value });
34
34
  }
35
35
  default:
36
36
  return _jsx("div", {});
package/dist/index.d.ts CHANGED
@@ -1,7 +1,8 @@
1
1
  import SSIToastContainer from './components/messageBoxes/toasts/SSIToastContainer';
2
2
  import SSIStatusLabel from './components/labels/SSIStatusLabel';
3
3
  import SSICredentialCardView from './components/views/SSICredentialCardView';
4
- import SSICredentialMiniCardView from './components/views/SSICredentialMiniCardView';
4
+ import CredentialMiniCardView from './components/views/CredentialMiniCardView';
5
+ import { CredentialMiniCardViewProps } from './components/views/CredentialMiniCardView';
5
6
  import SSICheckmarkBadge from './components/assets/badges/SSICheckmarkBadge';
6
7
  import SSIExclamationMarkBadge from './components/assets/badges/SSIExclamationMarkBadge';
7
8
  import SSIPlaceholderLogo from './components/assets/logos/SSIPlaceholderLogo';
@@ -28,4 +29,4 @@ import { Row } from '@tanstack/react-table';
28
29
  export * from './styles/fonts';
29
30
  export * from './types';
30
31
  export * from './helpers';
31
- export { SSICredentialCardView, SSICredentialMiniCardView, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo, SSIAddIcon, SSIFilterIcon, SSIArrowDownIcon, SSITypeLabel, SSIIconButton, SSIPrimaryButton, SSISecondaryButton, SSIDropDownList, SSITableView, SSITableViewHeader, SSITabView, SSITabViewHeader, SSIProfileIcon, SSIToastContainer, SSICheckbox, SSIActivityIndicator, SSIHoverText, StepMarker, ProgressStepIndicator, Row, };
32
+ export { SSICredentialCardView, CredentialMiniCardView, CredentialMiniCardViewProps, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo, SSIAddIcon, SSIFilterIcon, SSIArrowDownIcon, SSITypeLabel, SSIIconButton, SSIPrimaryButton, SSISecondaryButton, SSIDropDownList, SSITableView, SSITableViewHeader, SSITabView, SSITabViewHeader, SSIProfileIcon, SSIToastContainer, SSICheckbox, SSIActivityIndicator, SSIHoverText, StepMarker, ProgressStepIndicator, Row, };
package/dist/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import SSIToastContainer from './components/messageBoxes/toasts/SSIToastContainer';
2
2
  import SSIStatusLabel from './components/labels/SSIStatusLabel';
3
3
  import SSICredentialCardView from './components/views/SSICredentialCardView';
4
- import SSICredentialMiniCardView from './components/views/SSICredentialMiniCardView';
4
+ import CredentialMiniCardView from './components/views/CredentialMiniCardView';
5
5
  import SSICheckmarkBadge from './components/assets/badges/SSICheckmarkBadge';
6
6
  import SSIExclamationMarkBadge from './components/assets/badges/SSIExclamationMarkBadge';
7
7
  import SSIPlaceholderLogo from './components/assets/logos/SSIPlaceholderLogo';
@@ -27,4 +27,4 @@ import StepMarker from './components/assets/markers/StepMarker';
27
27
  export * from './styles/fonts';
28
28
  export * from './types';
29
29
  export * from './helpers';
30
- export { SSICredentialCardView, SSICredentialMiniCardView, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo, SSIAddIcon, SSIFilterIcon, SSIArrowDownIcon, SSITypeLabel, SSIIconButton, SSIPrimaryButton, SSISecondaryButton, SSIDropDownList, SSITableView, SSITableViewHeader, SSITabView, SSITabViewHeader, SSIProfileIcon, SSIToastContainer, SSICheckbox, SSIActivityIndicator, SSIHoverText, StepMarker, ProgressStepIndicator, };
30
+ export { SSICredentialCardView, CredentialMiniCardView, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo, SSIAddIcon, SSIFilterIcon, SSIArrowDownIcon, SSITypeLabel, SSIIconButton, SSIPrimaryButton, SSISecondaryButton, SSIDropDownList, SSITableView, SSITableViewHeader, SSITabView, SSITabViewHeader, SSIProfileIcon, SSIToastContainer, SSICheckbox, SSIActivityIndicator, SSIHoverText, StepMarker, ProgressStepIndicator, };
@@ -3,7 +3,7 @@ export declare enum TableCellType {
3
3
  TEXT = "text",
4
4
  LABEL = "label",
5
5
  STATUS = "status",
6
- REACT_ELEMENT = "reactElement"
6
+ CREDENTIAL_CARD = "credentialCard"
7
7
  }
8
8
  export type ColumnHeader<T> = {
9
9
  accessor: AccessorFn<T> | DeepKeys<T>;
@@ -3,5 +3,5 @@ export var TableCellType;
3
3
  TableCellType["TEXT"] = "text";
4
4
  TableCellType["LABEL"] = "label";
5
5
  TableCellType["STATUS"] = "status";
6
- TableCellType["REACT_ELEMENT"] = "reactElement";
6
+ TableCellType["CREDENTIAL_CARD"] = "credentialCard";
7
7
  })(TableCellType || (TableCellType = {}));
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@sphereon/ui-components.ssi-react",
3
3
  "private": false,
4
- "version": "0.1.3-unstable.94+aebd863",
4
+ "version": "0.1.3-unstable.96+91c4f85",
5
5
  "description": "SSI UI components for React",
6
6
  "repository": "git@github.com:Sphereon-Opensource/UI-Components.git",
7
7
  "author": "Sphereon <dev@sphereon.com>",
@@ -28,7 +28,7 @@
28
28
  "access": "public"
29
29
  },
30
30
  "dependencies": {
31
- "@sphereon/ui-components.core": "0.1.3-unstable.94+aebd863",
31
+ "@sphereon/ui-components.core": "0.1.3-unstable.96+91c4f85",
32
32
  "@tanstack/react-table": "^8.9.3",
33
33
  "react-loader-spinner": "^5.4.5",
34
34
  "react-toastify": "^9.1.3",
@@ -42,5 +42,5 @@
42
42
  "peerDependencies": {
43
43
  "react": ">= 16.8.0"
44
44
  },
45
- "gitHead": "aebd8630a5a3dc51cd3381cee8b64b9147845aae"
45
+ "gitHead": "91c4f8599fa96bf99497141e34e3129f83c2b0e3"
46
46
  }