@sphereon/ui-components.ssi-react 0.1.3-unstable.24 → 0.1.3-unstable.26
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.
- package/dist/components/views/SSITableView/index.js +8 -0
- package/dist/index.d.ts +1 -2
- package/dist/index.js +1 -2
- package/dist/types/component/index.d.ts +2 -1
- package/dist/types/component/index.js +1 -0
- package/package.json +3 -4
- package/dist/components/assets/loaders/SSILoader/index.d.ts +0 -22
- package/dist/components/assets/loaders/SSILoader/index.js +0 -13
|
@@ -7,6 +7,7 @@ import SSITableViewHeader from './SSITableViewHeader';
|
|
|
7
7
|
import SSITypeLabel from '../../labels/SSITypeLabel';
|
|
8
8
|
import SSIText from '../../labels/SSIText';
|
|
9
9
|
import { SSITableViewCellContainerStyled as CellContainer, SSITableViewContainerStyled as Container, SSITableViewHeaderCellContainerStyled as HeaderCellContainer, SSITableViewLabelCellStyled as LabelCell, SSITableViewResultCountCaptionStyled as ResultCountCaption, SSITableViewRowContainerStyled as RowContainer, SSITableViewTableContainerStyled as TableContainer, } from '../../../styles/components';
|
|
10
|
+
import { SSIStatusLabel } from "../../../index";
|
|
10
11
|
function IndeterminateCheckbox({ indeterminate, className = '', ...rest }) {
|
|
11
12
|
const ref = React.useRef(null);
|
|
12
13
|
React.useEffect(() => {
|
|
@@ -24,6 +25,13 @@ const getCellFormatting = (type, value, truncationLength) => {
|
|
|
24
25
|
const labels = Array.isArray(value) ? value.map((label) => _jsx(SSITypeLabel, { type: label })) : _jsx(SSITypeLabel, { type: value });
|
|
25
26
|
return _jsx(LabelCell, { children: labels });
|
|
26
27
|
}
|
|
28
|
+
case TableCellTypeEnum.STATUS: {
|
|
29
|
+
return _jsx(SSIStatusLabel, { style: {
|
|
30
|
+
width: '60px',
|
|
31
|
+
height: '15px',
|
|
32
|
+
justifyContent: 'center'
|
|
33
|
+
}, status: value });
|
|
34
|
+
}
|
|
27
35
|
default:
|
|
28
36
|
return _jsx("div", {});
|
|
29
37
|
}
|
package/dist/index.d.ts
CHANGED
|
@@ -19,7 +19,6 @@ import SSITabViewHeader from './components/views/SSITabView/SSITabViewHeader';
|
|
|
19
19
|
import SSIProfileIcon from './components/assets/icons/SSIProfileIcon';
|
|
20
20
|
import SSISecondaryButton from './components/buttons/SSISecondaryButton';
|
|
21
21
|
import SSICheckbox from './components/fields/SSICheckbox';
|
|
22
|
-
import SSILoader from "./components/assets/loaders/SSILoader";
|
|
23
22
|
export * from './types';
|
|
24
23
|
export * from './styles/components/fonts';
|
|
25
|
-
export { SSICredentialCardView, SSICredentialMiniCardView, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo, SSIAddIcon, SSIFilterIcon, SSIArrowDownIcon, SSITypeLabel, SSIIconButton, SSIPrimaryButton, SSISecondaryButton, SSIDropDownList, SSITableView, SSITableViewHeader, SSITabView, SSITabViewHeader, SSIProfileIcon, SSICheckbox
|
|
24
|
+
export { SSICredentialCardView, SSICredentialMiniCardView, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo, SSIAddIcon, SSIFilterIcon, SSIArrowDownIcon, SSITypeLabel, SSIIconButton, SSIPrimaryButton, SSISecondaryButton, SSIDropDownList, SSITableView, SSITableViewHeader, SSITabView, SSITabViewHeader, SSIProfileIcon, SSICheckbox };
|
package/dist/index.js
CHANGED
|
@@ -19,7 +19,6 @@ import SSITabViewHeader from './components/views/SSITabView/SSITabViewHeader';
|
|
|
19
19
|
import SSIProfileIcon from './components/assets/icons/SSIProfileIcon';
|
|
20
20
|
import SSISecondaryButton from './components/buttons/SSISecondaryButton';
|
|
21
21
|
import SSICheckbox from './components/fields/SSICheckbox';
|
|
22
|
-
import SSILoader from "./components/assets/loaders/SSILoader";
|
|
23
22
|
export * from './types';
|
|
24
23
|
export * from './styles/components/fonts';
|
|
25
|
-
export { SSICredentialCardView, SSICredentialMiniCardView, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo, SSIAddIcon, SSIFilterIcon, SSIArrowDownIcon, SSITypeLabel, SSIIconButton, SSIPrimaryButton, SSISecondaryButton, SSIDropDownList, SSITableView, SSITableViewHeader, SSITabView, SSITabViewHeader, SSIProfileIcon, SSICheckbox
|
|
24
|
+
export { SSICredentialCardView, SSICredentialMiniCardView, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo, SSIAddIcon, SSIFilterIcon, SSIArrowDownIcon, SSITypeLabel, SSIIconButton, SSIPrimaryButton, SSISecondaryButton, SSIDropDownList, SSITableView, SSITableViewHeader, SSITabView, SSITabViewHeader, SSIProfileIcon, SSICheckbox };
|
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.
|
|
4
|
+
"version": "0.1.3-unstable.26+b7c88bd",
|
|
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,9 +28,8 @@
|
|
|
28
28
|
"access": "public"
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@sphereon/ui-components.core": "0.1.3-unstable.
|
|
31
|
+
"@sphereon/ui-components.core": "0.1.3-unstable.26+b7c88bd",
|
|
32
32
|
"@tanstack/react-table": "^8.9.3",
|
|
33
|
-
"react-loader-spinner": "^5.4.5",
|
|
34
33
|
"styled-components": "^5.3.3"
|
|
35
34
|
},
|
|
36
35
|
"devDependencies": {
|
|
@@ -41,5 +40,5 @@
|
|
|
41
40
|
"peerDependencies": {
|
|
42
41
|
"react": ">= 16.8.0"
|
|
43
42
|
},
|
|
44
|
-
"gitHead": "
|
|
43
|
+
"gitHead": "b7c88bd405ea39c4be3a02d533d8b52816ea2146"
|
|
45
44
|
}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
interface SSILoaderProps {
|
|
3
|
-
ariaLabel?: string;
|
|
4
|
-
height?: number;
|
|
5
|
-
width?: number;
|
|
6
|
-
color?: string;
|
|
7
|
-
secondaryColor?: string;
|
|
8
|
-
strokeWidth?: number;
|
|
9
|
-
strokeWidthSecondary?: number;
|
|
10
|
-
visible?: boolean;
|
|
11
|
-
wrapperStyle?: {
|
|
12
|
-
[key: string]: string;
|
|
13
|
-
};
|
|
14
|
-
wrapperClass?: string;
|
|
15
|
-
timeout?: number;
|
|
16
|
-
callback: (state?: any) => Promise<void>;
|
|
17
|
-
}
|
|
18
|
-
export default class SSILoader extends React.Component<SSILoaderProps, any> {
|
|
19
|
-
componentDidMount(): void;
|
|
20
|
-
render(): JSX.Element;
|
|
21
|
-
}
|
|
22
|
-
export {};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { Oval } from "react-loader-spinner";
|
|
4
|
-
export default class SSILoader extends React.Component {
|
|
5
|
-
componentDidMount() {
|
|
6
|
-
setTimeout(async (state) => {
|
|
7
|
-
await this.props.callback(state);
|
|
8
|
-
}, this.props.timeout ?? 0);
|
|
9
|
-
}
|
|
10
|
-
render() {
|
|
11
|
-
return (_jsx(Oval, { ...this.props }));
|
|
12
|
-
}
|
|
13
|
-
}
|