@sphereon/ui-components.ssi-react 0.2.1-unstable.23 → 0.2.1-unstable.25

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.
Files changed (7) hide show
  1. package/dist/components/buttons/IconButton/index.js +2 -30
  2. package/dist/components/lists/DropDownListItem/index.js +3 -11
  3. package/dist/helpers/iconHelper.d.ts +3 -0
  4. package/dist/helpers/iconHelper.js +31 -0
  5. package/dist/index.d.ts +3 -1
  6. package/dist/index.js +3 -1
  7. package/package.json +3 -3
package/dist/components/buttons/IconButton/index.js CHANGED
@@ -1,13 +1,7 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { ButtonIcon, fontColors, OpacityStyleEnum } from '@sphereon/ui-components.core';
3
- import SSIAddIcon from '../../assets/icons/SSIAddIcon';
4
- import SSIFilterIcon from '../../assets/icons/SSIFilterIcon';
5
- import SSIArrowDownIcon from '../../assets/icons/SSIArrowDownIcon';
6
- import MeatBallsIcon from '../../assets/icons/MeatBallsIcon';
7
- import DeleteIcon from '../../assets/icons/DeleteIcon';
2
+ import { fontColors, OpacityStyleEnum } from '@sphereon/ui-components.core';
8
3
  import { IconButtonContainerStyled as Container, SSITextH3Styled as Caption } from '../../../styles';
9
- import { PencilIcon, ViewIcon } from '../../../index';
10
- import CopyIcon from '../../assets/icons/CopyIcon';
4
+ import { getIcon } from '../../../helpers/iconHelper';
11
5
  const IconButton = (props) => {
12
6
  const { caption, icon, iconColor = fontColors.dark } = props;
13
7
  const disabled = typeof props.disabled === 'function' ? props.disabled() : props.disabled ?? false;
@@ -20,26 +14,4 @@ const IconButton = (props) => {
20
14
  ...(disabled && { opacity: OpacityStyleEnum.DISABLED }),
21
15
  }, onClick: onClick, children: [getIcon(icon, iconColor), caption && _jsx(Caption, { children: caption })] }));
22
16
  };
23
- const getIcon = (icon, color) => {
24
- switch (icon) {
25
- case ButtonIcon.ADD:
26
- return _jsx(SSIAddIcon, { color: color });
27
- case ButtonIcon.ARROW_DOWN:
28
- return _jsx(SSIArrowDownIcon, { color: color });
29
- case ButtonIcon.MEATBALLS:
30
- return _jsx(MeatBallsIcon, { color: color });
31
- case ButtonIcon.EDIT:
32
- return _jsx(PencilIcon, { color: color });
33
- case ButtonIcon.COPY:
34
- return _jsx(CopyIcon, { color: color });
35
- case ButtonIcon.DELETE:
36
- return _jsx(DeleteIcon, { color: color });
37
- case ButtonIcon.FILTER:
38
- return _jsx(SSIFilterIcon, { color: color });
39
- case ButtonIcon.VIEW:
40
- return _jsx(ViewIcon, { color: color });
41
- default:
42
- return _jsx("div", {});
43
- }
44
- };
45
17
  export default IconButton;
package/dist/components/lists/DropDownListItem/index.js CHANGED
@@ -1,17 +1,9 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { DropDownListItemContainerStyled as Container, DropDownListItemIconContainerStyled as IconContainer, DropDownListItemCaptionContainerStyled as ListItemCaption, } from '../../../styles/components';
3
- import DeleteIcon from '../../assets/icons/DeleteIcon';
4
- import { borderColors, ButtonIcon, fontColors } from '@sphereon/ui-components.core';
2
+ import { DropDownListItemCaptionContainerStyled as ListItemCaption, DropDownListItemContainerStyled as Container, DropDownListItemIconContainerStyled as IconContainer, } from '../../../styles/components';
3
+ import { borderColors, fontColors } from '@sphereon/ui-components.core';
4
+ import { getIcon } from '../../../helpers/iconHelper';
5
5
  const DropDownListItem = (props) => {
6
6
  const { disabled, label, icon, showBorder = false, fontColor = fontColors.dark, borderColor = borderColors.light, onClick } = props;
7
- const getIcon = (icon) => {
8
- switch (icon) {
9
- case ButtonIcon.DELETE:
10
- return _jsx(DeleteIcon, { color: fontColors.dark });
11
- default:
12
- return _jsx("div", {});
13
- }
14
- };
15
7
  const onContainerClick = async (event) => {
16
8
  event.stopPropagation();
17
9
  if (onClick) {
package/dist/helpers/iconHelper.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { ButtonIcon } from '@sphereon/ui-components.core';
2
+ import { ReactElement } from 'react';
3
+ export declare const getIcon: (icon: ButtonIcon, color?: string) => ReactElement;
package/dist/helpers/iconHelper.js ADDED
@@ -0,0 +1,31 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { ButtonIcon, fontColors } from '@sphereon/ui-components.core';
3
+ import SSIAddIcon from '../components/assets/icons/SSIAddIcon';
4
+ import SSIArrowDownIcon from '../components/assets/icons/SSIArrowDownIcon';
5
+ import MeatBallsIcon from '../components/assets/icons/MeatBallsIcon';
6
+ import { PencilIcon, ViewIcon } from '../index';
7
+ import CopyIcon from '../components/assets/icons/CopyIcon';
8
+ import DeleteIcon from '../components/assets/icons/DeleteIcon';
9
+ import SSIFilterIcon from '../components/assets/icons/SSIFilterIcon';
10
+ export const getIcon = (icon, color = fontColors.dark) => {
11
+ switch (icon) {
12
+ case ButtonIcon.ADD:
13
+ return _jsx(SSIAddIcon, { color: color });
14
+ case ButtonIcon.ARROW_DOWN:
15
+ return _jsx(SSIArrowDownIcon, { color: color });
16
+ case ButtonIcon.MEATBALLS:
17
+ return _jsx(MeatBallsIcon, { color: color });
18
+ case ButtonIcon.EDIT:
19
+ return _jsx(PencilIcon, { color: color });
20
+ case ButtonIcon.COPY:
21
+ return _jsx(CopyIcon, { color: color });
22
+ case ButtonIcon.DELETE:
23
+ return _jsx(DeleteIcon, { color: color });
24
+ case ButtonIcon.FILTER:
25
+ return _jsx(SSIFilterIcon, { color: color });
26
+ case ButtonIcon.VIEW:
27
+ return _jsx(ViewIcon, { color: color });
28
+ default:
29
+ return _jsx("div", {});
30
+ }
31
+ };
package/dist/index.d.ts CHANGED
@@ -30,6 +30,8 @@ import ImageIcon from './components/assets/icons/ImageIcon';
30
30
  import MeatBallsIcon from './components/assets/icons/MeatBallsIcon';
31
31
  import PencilIcon from './components/assets/icons/PencilIcon';
32
32
  import ViewIcon from './components/assets/icons/ViewIcon';
33
+ import CopyIcon from './components/assets/icons/CopyIcon';
34
+ import DeleteIcon from './components/assets/icons/DeleteIcon';
33
35
  import FileSelection from './components/fields/FileSelection';
34
36
  import ComboBox from './components/fields/ComboBox';
35
37
  import DragAndDropBox from './components/fields/DragAndDropBox';
@@ -48,4 +50,4 @@ export * from './styles/fonts';
48
50
  export * from './types';
49
51
  export * from './helpers';
50
52
  export * from './utils';
51
- export { SSICredentialCardView, CredentialMiniCardView, CredentialMiniCardViewProps, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo, SSIAddIcon, SSIFilterIcon, SSIArrowDownIcon, SSITypeLabel, IconButton, PrimaryButton, SecondaryButton, DropDownList, SSITableView, SSITableViewHeader, SSITabView, SSITabViewHeader, SSIProfileIcon, SSIToastContainer, SSICheckbox, SSIActivityIndicator, SSIHoverText, StepMarker, ProgressStepIndicator, PaginationControls, PaginationControlsProps, Row, DocumentIcon, CrossIcon, ImageIcon, MeatBallsIcon, PencilIcon, ViewIcon, FileSelection, ComboBox, DragAndDropBox, PersonPlaceholder, PassportPhotoControl, passportPhotoControlTester, CredentialIssuanceWizardView, CredentialViewItem, JSONDataView, TextInputField, WarningImage, FormView, };
53
+ export { SSICredentialCardView, CredentialMiniCardView, CredentialMiniCardViewProps, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo, SSIAddIcon, SSIFilterIcon, SSIArrowDownIcon, SSITypeLabel, IconButton, PrimaryButton, SecondaryButton, DropDownList, SSITableView, SSITableViewHeader, SSITabView, SSITabViewHeader, SSIProfileIcon, SSIToastContainer, SSICheckbox, SSIActivityIndicator, SSIHoverText, StepMarker, ProgressStepIndicator, PaginationControls, PaginationControlsProps, Row, DocumentIcon, CrossIcon, ImageIcon, MeatBallsIcon, PencilIcon, ViewIcon, CopyIcon, DeleteIcon, FileSelection, ComboBox, DragAndDropBox, PersonPlaceholder, PassportPhotoControl, passportPhotoControlTester, CredentialIssuanceWizardView, CredentialViewItem, JSONDataView, TextInputField, WarningImage, FormView, };
package/dist/index.js CHANGED
@@ -30,6 +30,8 @@ import ImageIcon from './components/assets/icons/ImageIcon';
30
30
  import MeatBallsIcon from './components/assets/icons/MeatBallsIcon';
31
31
  import PencilIcon from './components/assets/icons/PencilIcon';
32
32
  import ViewIcon from './components/assets/icons/ViewIcon';
33
+ import CopyIcon from './components/assets/icons/CopyIcon';
34
+ import DeleteIcon from './components/assets/icons/DeleteIcon';
33
35
  import FileSelection from './components/fields/FileSelection';
34
36
  import ComboBox from './components/fields/ComboBox';
35
37
  import DragAndDropBox from './components/fields/DragAndDropBox';
@@ -47,4 +49,4 @@ export * from './styles/fonts';
47
49
  export * from './types';
48
50
  export * from './helpers';
49
51
  export * from './utils';
50
- export { SSICredentialCardView, CredentialMiniCardView, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo, SSIAddIcon, SSIFilterIcon, SSIArrowDownIcon, SSITypeLabel, IconButton, PrimaryButton, SecondaryButton, DropDownList, SSITableView, SSITableViewHeader, SSITabView, SSITabViewHeader, SSIProfileIcon, SSIToastContainer, SSICheckbox, SSIActivityIndicator, SSIHoverText, StepMarker, ProgressStepIndicator, PaginationControls, PaginationControlsProps, DocumentIcon, CrossIcon, ImageIcon, MeatBallsIcon, PencilIcon, ViewIcon, FileSelection, ComboBox, DragAndDropBox, PersonPlaceholder, PassportPhotoControl, passportPhotoControlTester, CredentialIssuanceWizardView, CredentialViewItem, JSONDataView, TextInputField, WarningImage, FormView, };
52
+ export { SSICredentialCardView, CredentialMiniCardView, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo, SSIAddIcon, SSIFilterIcon, SSIArrowDownIcon, SSITypeLabel, IconButton, PrimaryButton, SecondaryButton, DropDownList, SSITableView, SSITableViewHeader, SSITabView, SSITabViewHeader, SSIProfileIcon, SSIToastContainer, SSICheckbox, SSIActivityIndicator, SSIHoverText, StepMarker, ProgressStepIndicator, PaginationControls, PaginationControlsProps, DocumentIcon, CrossIcon, ImageIcon, MeatBallsIcon, PencilIcon, ViewIcon, CopyIcon, DeleteIcon, FileSelection, ComboBox, DragAndDropBox, PersonPlaceholder, PassportPhotoControl, passportPhotoControlTester, CredentialIssuanceWizardView, CredentialViewItem, JSONDataView, TextInputField, WarningImage, FormView, };
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.2.1-unstable.23+36dceb2",
4
+ "version": "0.2.1-unstable.25+a661e16",
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>",
@@ -40,7 +40,7 @@
40
40
  "@mui/styled-engine-sc": "^5.14.12",
41
41
  "@mui/system": "^5.15.12",
42
42
  "@mui/x-date-pickers": "^6.19.5",
43
- "@sphereon/ui-components.core": "0.2.1-unstable.23+36dceb2",
43
+ "@sphereon/ui-components.core": "0.2.1-unstable.25+a661e16",
44
44
  "@tanstack/react-table": "^8.9.3",
45
45
  "react-json-tree": "^0.18.0",
46
46
  "react-loader-spinner": "5.4.5",
@@ -59,5 +59,5 @@
59
59
  "peerDependencies": {
60
60
  "react": ">= 18"
61
61
  },
62
- "gitHead": "36dceb25b7fbe7c5390f29eb010e070f9d684469"
62
+ "gitHead": "a661e1632fdb5e16f32f3bb1e60f44387a5bdd54"
63
63
  }