@sphereon/ui-components.ssi-react 0.1.3-unstable.176 → 0.1.3-unstable.180

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

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect } from 'react';
 import { JSONTree } from 'react-json-tree';
-import { backgroundColors, calculateAspectRatio, fontColors, isBase64ImageUri, isBoolean, Localization, parseToBoolean, } from '@sphereon/ui-components.core';
-import SSICheckmarkBadge from '../../assets/badges/SSICheckmarkBadge/index.js';
-import SSIExclamationMarkBadge from '../../assets/badges/SSIExclamationMarkBadge/index.js';
-import { getImageSize } from '../../../utils/index.js';
-import { JSONDataViewContainerStyled as Container, JSONDataViewHeaderContainerStyled as HeaderContainer, JSONDataViewColumnHeaderCaptionStyled as ColumnHeaderCaption, JSONDataViewDataContainerCaptionStyled as ContainerCaption, JSONDataViewDataImageValueStyled as ImageValue, JSONDataViewDataTextValueStyled as TextValue, JSONDataViewDataLabelStyled as Label, } from '../../../styles/index.js';
+import { backgroundColors, calculateAspectRatio, fontColors, isBase64ImageUri, isBoolean, Localization, parseToBoolean } from '@sphereon/ui-components.core';
+import SSICheckmarkBadge from '../../assets/badges/SSICheckmarkBadge';
+import SSIExclamationMarkBadge from '../../assets/badges/SSIExclamationMarkBadge';
+import { getImageSize } from '../../../utils';
+import { JSONDataViewContainerStyled as Container, JSONDataViewHeaderContainerStyled as HeaderContainer, JSONDataViewColumnHeaderCaptionStyled as ColumnHeaderCaption, JSONDataViewDataContainerCaptionStyled as ContainerCaption, JSONDataViewDataImageValueStyled as ImageValue, JSONDataViewDataTextValueStyled as TextValue, JSONDataViewDataLabelStyled as Label } from '../../../styles';
 const JSONDataView = (props) => {
     const { showHeader = true, shouldExpandNodeInitially = () => false } = props;
     const expandNodeInitially = typeof shouldExpandNodeInitially === 'function' ? shouldExpandNodeInitially : () => shouldExpandNodeInitially;
@@ -28,8 +28,8 @@ const JSONDataView = (props) => {
                     dimensions: {
                         height: dimensions.height,
                         width: dimensions.width,
-                        aspectRatio: calculateAspectRatio(dimensions.width, dimensions.height),
-                    },
+                        aspectRatio: calculateAspectRatio(dimensions.width, dimensions.height)
+                    }
                 };
             }
             else {
@@ -48,12 +48,14 @@ const JSONDataView = (props) => {
         if (isBoolean(value)) {
             return parseToBoolean(value) ? _jsx(SSICheckmarkBadge, {}) : _jsx(SSIExclamationMarkBadge, {});
         }
-        if (typeof value === 'object' && value !== null && 'uri' in value) {
+        if (typeof value === 'object'
+            && value !== null
+            && 'uri' in value) {
             const imageData = value;
-            return (_jsx(ImageValue, { style: {
+            return _jsx(ImageValue, { style: {
                     aspectRatio: imageData.dimensions?.aspectRatio,
                     backgroundImage: `url(${imageData.uri})`,
-                } }));
+                } });
         }
         return _jsx(TextValue, { children: value?.toString() });
     };
@@ -63,19 +65,21 @@ const JSONDataView = (props) => {
     const isCustomNode = (value) => {
         return typeof value === 'object' && value !== null && 'uri' in value && 'dimensions' in value;
     };
-    return (_jsxs(Container, { children: [showHeader && (_jsxs(HeaderContainer, { children: [_jsx(ColumnHeaderCaption, { children: Localization.translate('json_data_view_attribute_column_label') }), _jsx(ColumnHeaderCaption, { children: Localization.translate('json_data_view_value_column_label') })] })), _jsx(ContainerCaption, { onMouseEnter: () => setFocused(true), onMouseLeave: () => setFocused(false), children: data && (_jsx(JSONTree, { theme: {
-                        base0D: fontColors.dark,
-                        tree: {
-                            margin: 0,
-                            backgroundColor: backgroundColors.primaryLight,
-                        },
-                        arrowContainer: {
-                            paddingRight: 6,
-                        },
-                        arrow: {
-                            fontSize: 10,
-                            ...(!focused && { display: 'none' }),
-                        },
-                    }, hideRoot: true, shouldExpandNodeInitially: expandNodeInitially, getItemString: getItemString, labelRenderer: labelRenderer, valueRenderer: valueRenderer, isCustomNode: isCustomNode, data: data })) })] }));
+    return (_jsxs(Container, { children: [showHeader &&
+                _jsxs(HeaderContainer, { children: [_jsx(ColumnHeaderCaption, { children: Localization.translate('json_data_view_attribute_column_label') }), _jsx(ColumnHeaderCaption, { children: Localization.translate('json_data_view_value_column_label') })] }), _jsx(ContainerCaption, { onMouseEnter: () => setFocused(true), onMouseLeave: () => setFocused(false), children: data &&
+                    _jsx(JSONTree, { theme: {
+                            base0D: fontColors.dark,
+                            tree: {
+                                margin: 0,
+                                backgroundColor: backgroundColors.primaryLight,
+                            },
+                            arrowContainer: {
+                                paddingRight: 6,
+                            },
+                            arrow: {
+                                fontSize: 10,
+                                ...(!focused && { display: 'none' }),
+                            },
+                        }, hideRoot: true, shouldExpandNodeInitially: expandNodeInitially, getItemString: getItemString, labelRenderer: labelRenderer, valueRenderer: valueRenderer, isCustomNode: isCustomNode, data: data }) })] }));
 };
 export default JSONDataView;

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { backgroundColors, credentialCardColors, Localization, toLocalDateString, } from '@sphereon/ui-components.core';
-import SSILogo from '../../assets/logos/SSILogo/index.js';
-import SSIStatusLabel from '../../labels/SSIStatusLabel/index.js';
-import { SSIAlphaContainerStyled as AlphaContainer, SSICredentialCardViewContainerStyled as Container, SSICredentialCardViewBackgroundImageStyled as BackgroundImage, SSICredentialCardViewContentMainContainerStyled as ContentMainContainer, SSICredentialCardViewContentSubContainerStyled as ContentSubContainer, SSICredentialCardViewStatusContainerStyled as StatusContainer, SSICredentialCardViewCredentialSubtitleTextStyled as CredentialSubtitleText, SSICredentialCardViewCredentialTitleTextStyled as CredentialTitleText, SSITextH5LightStyled as ExpirationDateText, SSICredentialCardViewFooterContainerStyled as FooterContainer, SSITextH4LightStyled as H4Text, SSICredentialCardViewHeaderContainerStyled as HeaderContainer, SSICredentialCardViewContentIssueNameContainerStyled as IssueNameContainer, SSICredentialCardViewHeaderLogoContainerStyled as LogoContainer, SSICredentialCardViewContentPropertiesContainerStyled as PropertiesContainer, SSITextH6LightStyled as PropertyValueText, SSICredentialCardViewHeaderTitleContainerStyled as TitleContainer, SSIFlexDirectionColumnViewStyled as PropertyContainer, } from '../../../styles/index.js';
+import SSILogo from '../../assets/logos/SSILogo';
+import SSIStatusLabel from '../../labels/SSIStatusLabel';
+import { SSIAlphaContainerStyled as AlphaContainer, SSICredentialCardViewContainerStyled as Container, SSICredentialCardViewBackgroundImageStyled as BackgroundImage, SSICredentialCardViewContentMainContainerStyled as ContentMainContainer, SSICredentialCardViewContentSubContainerStyled as ContentSubContainer, SSICredentialCardViewStatusContainerStyled as StatusContainer, SSICredentialCardViewCredentialSubtitleTextStyled as CredentialSubtitleText, SSICredentialCardViewCredentialTitleTextStyled as CredentialTitleText, SSITextH5LightStyled as ExpirationDateText, SSICredentialCardViewFooterContainerStyled as FooterContainer, SSITextH4LightStyled as H4Text, SSICredentialCardViewHeaderContainerStyled as HeaderContainer, SSICredentialCardViewContentIssueNameContainerStyled as IssueNameContainer, SSICredentialCardViewHeaderLogoContainerStyled as LogoContainer, SSICredentialCardViewContentPropertiesContainerStyled as PropertiesContainer, SSITextH6LightStyled as PropertyValueText, SSICredentialCardViewHeaderTitleContainerStyled as TitleContainer, SSIFlexDirectionColumnViewStyled as PropertyContainer, } from '../../../styles';
 const SSICredentialCardView = (props) => {
     const { header, body, footer } = props;
     const { credentialTitle, credentialSubtitle, logo } = props.header ?? {};

package/dist/components/views/SSITabView/SSITabViewHeader/index.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { SSITabViewHeaderContainerStyled as Container, SSITabViewHeaderTitleContainerStyled as TitleContainer, SSITabViewHeaderTitleCaptionStyled as TitleCaption, } from '../../../../styles/index.js';
+import { SSITabViewHeaderContainerStyled as Container, SSITabViewHeaderTitleContainerStyled as TitleContainer, SSITabViewHeaderTitleCaptionStyled as TitleCaption, } from '../../../../styles';
 const SSITabViewHeader = (props) => {
     const { navigationState, onIndexChange } = props;
     return (_jsx(Container, { children: navigationState.routes.map((value, index) => {

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import SSITabViewHeader from './SSITabViewHeader/index.js';
-import { SSITabViewContainerStyled as Container } from '../../../styles/index.js';
+import SSITabViewHeader from './SSITabViewHeader';
+import { SSITabViewContainerStyled as Container } from '../../../styles';
 const Tab = (props) => {
     return _jsx(React.Fragment, { children: props.children });
 };

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Stack } from '@mui/material';
-import { GoToInputContainer, GoToInputStyled, PaginationContainerStyled, PaginationStyled } from '../../../../styles/index.js';
+import { GoToInputContainer, GoToInputStyled, PaginationContainerStyled, PaginationStyled } from '../../../../styles';
 import { Localization } from '@sphereon/ui-components.core';
 const PaginationControls = (props) => {
     const { onKeyDown, containerStyle, goToInputId = 'goTo' } = props;

package/dist/components/views/SSITableView/SSITableViewHeader/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Button } from '../../../../types/index.js';
+import { Button } from '../../../../types';
 type Props = {
     enableFiltering?: boolean;
     enableMostRecent?: boolean;

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ButtonIcon, Localization, statusColors } from '@sphereon/ui-components.core';
-import SSIIconButton from '../../../buttons/SSIIconButton/index.js';
-import SSIPrimaryButton from '../../../buttons/SSIPrimaryButton/index.js';
-import { SSITableViewHeaderActionsContainerStyled as ActionsContainer, SSITableViewHeaderContainerStyled as Container, SSITableViewHeaderContentContainerStyled as ContentContainer, SSITextH3Styled as FilterCaption, SSITableViewHeaderFilterContainerStyled as FilterContainer, TableViewHeaderStaticActionsContainerStyled as StaticActionsContainer, } from '../../../../styles/index.js';
+import SSIIconButton from '../../../buttons/SSIIconButton';
+import SSIPrimaryButton from '../../../buttons/SSIPrimaryButton';
+import { SSITableViewHeaderActionsContainerStyled as ActionsContainer, SSITableViewHeaderContainerStyled as Container, SSITableViewHeaderContentContainerStyled as ContentContainer, SSITextH3Styled as FilterCaption, SSITableViewHeaderFilterContainerStyled as FilterContainer, TableViewHeaderStaticActionsContainerStyled as StaticActionsContainer, } from '../../../../styles';
 const SSITableViewHeader = (props) => {
     const { enableFiltering = false, enableMostRecent = false, actions = [], onDelete } = props;
     const onDeleteClick = async () => {

package/dist/components/views/SSITableView/index.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
 import { ColumnResizeMode, Row } from '@tanstack/react-table';
-import { Button, ColumnHeader } from '../../../types/index.js';
-import { PaginationControlsProps } from './PaginationControls/index.js';
+import { Button, ColumnHeader } from '../../../types';
+import { PaginationControlsProps } from './PaginationControls';
 type Props<T> = {
     data: Array<T>;
     columns: Array<ColumnHeader<T>>;

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

@@ -2,17 +2,17 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { createColumnHelper, flexRender, getCoreRowModel, useReactTable, } from '@tanstack/react-table';
 import { ButtonIcon, Localization, selectionElementColors } from '@sphereon/ui-components.core';
-import SSITableViewHeader from './SSITableViewHeader/index.js';
-import SSITypeLabel from '../../labels/SSITypeLabel/index.js';
-import SSIHoverText from '../../fields/SSIHoverText/index.js';
-import SSIStatusLabel from '../../labels/SSIStatusLabel/index.js';
-import CredentialMiniCardView from '../CredentialMiniCardView/index.js';
-import DropDownList from '../../lists/DropDownList/index.js';
-import { SSITableViewCellContainerStyled as CellContainer, SSITableViewContainerStyled as Container, SSITableViewHeaderCellContainerStyled as HeaderCellContainer, SSITableViewLabelCellStyled as LabelCell, SSITableViewResultCountCaptionStyled as ResultCountCaption, SSITableViewHeaderRowContainerStyled as HeaderRowContainer, SSITableViewRowContainerStyled as RowContainer, SSITableViewTableContainerStyled as TableContainer, TableViewRowSelectionCheckboxContainerStyled as RowSelectionCheckboxContainer, } from '../../../styles/index.js';
-import { TableCellType, } from '../../../types/index.js';
-import PaginationControls from './PaginationControls/index.js';
-import ComboBox from '../../fields/ComboBox/index.js';
-import CredentialDetailsView from '../CredentialViewItem/index.js';
+import SSITableViewHeader from './SSITableViewHeader';
+import SSITypeLabel from '../../labels/SSITypeLabel';
+import SSIHoverText from '../../fields/SSIHoverText';
+import SSIStatusLabel from '../../labels/SSIStatusLabel';
+import CredentialMiniCardView from '../CredentialMiniCardView';
+import DropDownList from '../../lists/DropDownList';
+import { SSITableViewCellContainerStyled as CellContainer, SSITableViewContainerStyled as Container, SSITableViewHeaderCellContainerStyled as HeaderCellContainer, SSITableViewLabelCellStyled as LabelCell, SSITableViewResultCountCaptionStyled as ResultCountCaption, SSITableViewHeaderRowContainerStyled as HeaderRowContainer, SSITableViewRowContainerStyled as RowContainer, SSITableViewTableContainerStyled as TableContainer, TableViewRowSelectionCheckboxContainerStyled as RowSelectionCheckboxContainer, } from '../../../styles';
+import { TableCellType } from '../../../types';
+import PaginationControls from './PaginationControls';
+import ComboBox from "../../fields/ComboBox";
+import CredentialDetailsView from "../CredentialViewItem";
 function IndeterminateCheckbox({ indeterminate, className = '', ...rest }) {
     const ref = React.useRef(null);
     React.useEffect(() => {
@@ -80,20 +80,16 @@ const SSITableView = (props) => {
         availableColumns = [
             {
                 id: 'select',
-                maxSize: 50,
-                size: 50,
                 header: ({ table }) => (_jsx(IndeterminateCheckbox, { ...{
                         checked: table.getIsAllRowsSelected(),
                         indeterminate: table.getIsSomeRowsSelected(),
                         onChange: table.getToggleAllRowsSelectedHandler(),
-                        columnMaxWidth: 50,
                     } })),
                 cell: ({ row }) => (_jsx(RowSelectionCheckboxContainer, { children: (row.id === focusedRowId || rowSelection.length > 0) && (_jsx(IndeterminateCheckbox, { ...{
                             checked: row.getIsSelected(),
                             disabled: !row.getCanSelect(),
                             indeterminate: row.getIsSomeSelected(),
                             onChange: row.getToggleSelectedHandler(),
-                            columnMaxWidth: 50,
                         } })) })),
             },
             ...availableColumns,

package/dist/helpers/index.d.ts

@@ -1 +1 @@
-export * from './toastHelper.js';
+export * from './toastHelper';

package/dist/helpers/index.js

@@ -1 +1 @@
-export * from './toastHelper.js';
+export * from './toastHelper';

package/dist/helpers/toastHelper.d.ts

@@ -1,3 +1,3 @@
 import { ToastCustomProps, ToastType } from '@sphereon/ui-components.core';
-import { ToastConfigParams } from '../types/index.js';
+import { ToastConfigParams } from '../types';
 export declare const showToast: (type: ToastType, params: ToastConfigParams<ToastCustomProps>) => Promise<void>;

package/dist/helpers/toastHelper.js

@@ -1,5 +1,5 @@
 import { toast } from 'react-toastify';
-import { toastConfig } from '../@config/toasts/index.js';
+import { toastConfig } from '../@config/toasts';
 export const showToast = async (type, params) => {
     const { title, message, onClick, props } = params;
     if (!toastConfig.hasOwnProperty(type)) {

package/dist/index.d.ts

@@ -1,46 +1,48 @@
-import SSIToastContainer from './components/messageBoxes/toasts/SSIToastContainer/index.js';
-import SSIStatusLabel from './components/labels/SSIStatusLabel/index.js';
-import SSICredentialCardView from './components/views/SSICredentialCardView/index.js';
-import CredentialMiniCardView from './components/views/CredentialMiniCardView/index.js';
-import { CredentialMiniCardViewProps } from './components/views/CredentialMiniCardView/index.js';
-import SSICheckmarkBadge from './components/assets/badges/SSICheckmarkBadge/index.js';
-import SSIExclamationMarkBadge from './components/assets/badges/SSIExclamationMarkBadge/index.js';
-import SSIPlaceholderLogo from './components/assets/logos/SSIPlaceholderLogo/index.js';
-import SSILogo from './components/assets/logos/SSILogo/index.js';
-import SSIAddIcon from './components/assets/icons/SSIAddIcon/index.js';
-import SSIFilterIcon from './components/assets/icons/SSIFilterIcon/index.js';
-import SSIArrowDownIcon from './components/assets/icons/SSIArrowDownIcon/index.js';
-import SSITypeLabel from './components/labels/SSITypeLabel/index.js';
-import SSIIconButton from './components/buttons/SSIIconButton/index.js';
-import SSIPrimaryButton from './components/buttons/SSIPrimaryButton/index.js';
-import DropDownList from './components/lists/DropDownList/index.js';
-import SSITableView from './components/views/SSITableView/index.js';
-import SSITableViewHeader from './components/views/SSITableView/SSITableViewHeader/index.js';
-import SSITabView from './components/views/SSITabView/index.js';
-import SSITabViewHeader from './components/views/SSITabView/SSITabViewHeader/index.js';
-import SSIProfileIcon from './components/assets/icons/SSIProfileIcon/index.js';
-import SSISecondaryButton from './components/buttons/SSISecondaryButton/index.js';
-import SSICheckbox from './components/fields/SSICheckbox/index.js';
-import SSIActivityIndicator from './components/indicators/SSIActivityIndicator/index.js';
-import SSIHoverText from './components/fields/SSIHoverText/index.js';
-import ProgressStepIndicator from './components/indicators/ProgressStepIndicator/index.js';
-import StepMarker from './components/assets/markers/StepMarker/index.js';
-import DocumentIcon from './components/assets/icons/DocumentIcon/index.js';
-import CrossIcon from './components/assets/icons/CrossIcon/index.js';
-import ImageIcon from './components/assets/icons/ImageIcon/index.js';
-import FileSelection from './components/fields/FileSelection/index.js';
-import ComboBox from './components/fields/ComboBox/index.js';
-import DragAndDropBox from './components/fields/DragAndDropBox/index.js';
-import PersonPlaceholder from './components/assets/placeholders/PersonPlaceholder/index.js';
-import PassportPhotoControl, { passportPhotoControlTester } from './components/fields/JSONForms/PassportPhotoControl/index.js';
-import CredentialIssuanceWizardView from './components/views/CredentialIssuanceWizardView/index.js';
-import PaginationControls from './components/views/SSITableView/PaginationControls/index.js';
-import PaginationControlsProps from './components/views/SSITableView/PaginationControls/index.js';
-import CredentialViewItem from './components/views/CredentialViewItem/index.js';
-import JSONDataView from './components/views/JSONDataView/index.js';
+import SSIToastContainer from './components/messageBoxes/toasts/SSIToastContainer';
+import SSIStatusLabel from './components/labels/SSIStatusLabel';
+import SSICredentialCardView from './components/views/SSICredentialCardView';
+import CredentialMiniCardView from './components/views/CredentialMiniCardView';
+import { CredentialMiniCardViewProps } from './components/views/CredentialMiniCardView';
+import SSICheckmarkBadge from './components/assets/badges/SSICheckmarkBadge';
+import SSIExclamationMarkBadge from './components/assets/badges/SSIExclamationMarkBadge';
+import SSIPlaceholderLogo from './components/assets/logos/SSIPlaceholderLogo';
+import SSILogo from './components/assets/logos/SSILogo';
+import SSIAddIcon from './components/assets/icons/SSIAddIcon';
+import SSIFilterIcon from './components/assets/icons/SSIFilterIcon';
+import SSIArrowDownIcon from './components/assets/icons/SSIArrowDownIcon';
+import SSITypeLabel from './components/labels/SSITypeLabel';
+import SSIIconButton from './components/buttons/SSIIconButton';
+import SSIPrimaryButton from './components/buttons/SSIPrimaryButton';
+import DropDownList from './components/lists/DropDownList';
+import SSITableView from './components/views/SSITableView';
+import SSITableViewHeader from './components/views/SSITableView/SSITableViewHeader';
+import SSITabView from './components/views/SSITabView';
+import SSITabViewHeader from './components/views/SSITabView/SSITabViewHeader';
+import SSIProfileIcon from './components/assets/icons/SSIProfileIcon';
+import SSISecondaryButton from './components/buttons/SSISecondaryButton';
+import SSICheckbox from './components/fields/SSICheckbox';
+import SSIActivityIndicator from './components/indicators/SSIActivityIndicator';
+import SSIHoverText from './components/fields/SSIHoverText';
+import ProgressStepIndicator from './components/indicators/ProgressStepIndicator';
+import StepMarker from './components/assets/markers/StepMarker';
+import DocumentIcon from './components/assets/icons/DocumentIcon';
+import CrossIcon from './components/assets/icons/CrossIcon';
+import ImageIcon from './components/assets/icons/ImageIcon';
+import FileSelection from './components/fields/FileSelection';
+import ComboBox from './components/fields/ComboBox';
+import DragAndDropBox from './components/fields/DragAndDropBox';
+import PersonPlaceholder from './components/assets/placeholders/PersonPlaceholder';
+import PassportPhotoControl, { passportPhotoControlTester } from './components/fields/JSONForms/PassportPhotoControl';
+import CredentialIssuanceWizardView from './components/views/CredentialIssuanceWizardView';
+import PaginationControls from './components/views/SSITableView/PaginationControls';
+import PaginationControlsProps from './components/views/SSITableView/PaginationControls';
+import CredentialViewItem from './components/views/CredentialViewItem';
+import JSONDataView from './components/views/JSONDataView';
+import TextInputField from './components/fields/TextInputField';
+import WarningImage from './components/assets/images/WarningImage';
 import { Row } from '@tanstack/react-table';
-export * from './styles/fonts/index.js';
-export * from './types/index.js';
-export * from './helpers/index.js';
-export * from './utils/index.js';
-export { SSICredentialCardView, CredentialMiniCardView, CredentialMiniCardViewProps, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo, SSIAddIcon, SSIFilterIcon, SSIArrowDownIcon, SSITypeLabel, SSIIconButton, SSIPrimaryButton, SSISecondaryButton, DropDownList, SSITableView, SSITableViewHeader, SSITabView, SSITabViewHeader, SSIProfileIcon, SSIToastContainer, SSICheckbox, SSIActivityIndicator, SSIHoverText, StepMarker, ProgressStepIndicator, PaginationControls, PaginationControlsProps, Row, DocumentIcon, CrossIcon, ImageIcon, FileSelection, ComboBox, DragAndDropBox, PersonPlaceholder, PassportPhotoControl, passportPhotoControlTester, CredentialIssuanceWizardView, CredentialViewItem, JSONDataView, };
+export * from './styles/fonts';
+export * from './types';
+export * from './helpers';
+export * from './utils';
+export { SSICredentialCardView, CredentialMiniCardView, CredentialMiniCardViewProps, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo, SSIAddIcon, SSIFilterIcon, SSIArrowDownIcon, SSITypeLabel, SSIIconButton, SSIPrimaryButton, SSISecondaryButton, DropDownList, SSITableView, SSITableViewHeader, SSITabView, SSITabViewHeader, SSIProfileIcon, SSIToastContainer, SSICheckbox, SSIActivityIndicator, SSIHoverText, StepMarker, ProgressStepIndicator, PaginationControls, PaginationControlsProps, Row, DocumentIcon, CrossIcon, ImageIcon, FileSelection, ComboBox, DragAndDropBox, PersonPlaceholder, PassportPhotoControl, passportPhotoControlTester, CredentialIssuanceWizardView, CredentialViewItem, JSONDataView, TextInputField, WarningImage };

package/dist/index.js

@@ -1,44 +1,46 @@
-import SSIToastContainer from './components/messageBoxes/toasts/SSIToastContainer/index.js';
-import SSIStatusLabel from './components/labels/SSIStatusLabel/index.js';
-import SSICredentialCardView from './components/views/SSICredentialCardView/index.js';
-import CredentialMiniCardView from './components/views/CredentialMiniCardView/index.js';
-import SSICheckmarkBadge from './components/assets/badges/SSICheckmarkBadge/index.js';
-import SSIExclamationMarkBadge from './components/assets/badges/SSIExclamationMarkBadge/index.js';
-import SSIPlaceholderLogo from './components/assets/logos/SSIPlaceholderLogo/index.js';
-import SSILogo from './components/assets/logos/SSILogo/index.js';
-import SSIAddIcon from './components/assets/icons/SSIAddIcon/index.js';
-import SSIFilterIcon from './components/assets/icons/SSIFilterIcon/index.js';
-import SSIArrowDownIcon from './components/assets/icons/SSIArrowDownIcon/index.js';
-import SSITypeLabel from './components/labels/SSITypeLabel/index.js';
-import SSIIconButton from './components/buttons/SSIIconButton/index.js';
-import SSIPrimaryButton from './components/buttons/SSIPrimaryButton/index.js';
-import DropDownList from './components/lists/DropDownList/index.js';
-import SSITableView from './components/views/SSITableView/index.js';
-import SSITableViewHeader from './components/views/SSITableView/SSITableViewHeader/index.js';
-import SSITabView from './components/views/SSITabView/index.js';
-import SSITabViewHeader from './components/views/SSITabView/SSITabViewHeader/index.js';
-import SSIProfileIcon from './components/assets/icons/SSIProfileIcon/index.js';
-import SSISecondaryButton from './components/buttons/SSISecondaryButton/index.js';
-import SSICheckbox from './components/fields/SSICheckbox/index.js';
-import SSIActivityIndicator from './components/indicators/SSIActivityIndicator/index.js';
-import SSIHoverText from './components/fields/SSIHoverText/index.js';
-import ProgressStepIndicator from './components/indicators/ProgressStepIndicator/index.js';
-import StepMarker from './components/assets/markers/StepMarker/index.js';
-import DocumentIcon from './components/assets/icons/DocumentIcon/index.js';
-import CrossIcon from './components/assets/icons/CrossIcon/index.js';
-import ImageIcon from './components/assets/icons/ImageIcon/index.js';
-import FileSelection from './components/fields/FileSelection/index.js';
-import ComboBox from './components/fields/ComboBox/index.js';
-import DragAndDropBox from './components/fields/DragAndDropBox/index.js';
-import PersonPlaceholder from './components/assets/placeholders/PersonPlaceholder/index.js';
-import PassportPhotoControl, { passportPhotoControlTester } from './components/fields/JSONForms/PassportPhotoControl/index.js';
-import CredentialIssuanceWizardView from './components/views/CredentialIssuanceWizardView/index.js';
-import PaginationControls from './components/views/SSITableView/PaginationControls/index.js';
-import PaginationControlsProps from './components/views/SSITableView/PaginationControls/index.js';
-import CredentialViewItem from './components/views/CredentialViewItem/index.js';
-import JSONDataView from './components/views/JSONDataView/index.js';
-export * from './styles/fonts/index.js';
-export * from './types/index.js';
-export * from './helpers/index.js';
-export * from './utils/index.js';
-export { SSICredentialCardView, CredentialMiniCardView, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo, SSIAddIcon, SSIFilterIcon, SSIArrowDownIcon, SSITypeLabel, SSIIconButton, SSIPrimaryButton, SSISecondaryButton, DropDownList, SSITableView, SSITableViewHeader, SSITabView, SSITabViewHeader, SSIProfileIcon, SSIToastContainer, SSICheckbox, SSIActivityIndicator, SSIHoverText, StepMarker, ProgressStepIndicator, PaginationControls, PaginationControlsProps, DocumentIcon, CrossIcon, ImageIcon, FileSelection, ComboBox, DragAndDropBox, PersonPlaceholder, PassportPhotoControl, passportPhotoControlTester, CredentialIssuanceWizardView, CredentialViewItem, JSONDataView, };
+import SSIToastContainer from './components/messageBoxes/toasts/SSIToastContainer';
+import SSIStatusLabel from './components/labels/SSIStatusLabel';
+import SSICredentialCardView from './components/views/SSICredentialCardView';
+import CredentialMiniCardView from './components/views/CredentialMiniCardView';
+import SSICheckmarkBadge from './components/assets/badges/SSICheckmarkBadge';
+import SSIExclamationMarkBadge from './components/assets/badges/SSIExclamationMarkBadge';
+import SSIPlaceholderLogo from './components/assets/logos/SSIPlaceholderLogo';
+import SSILogo from './components/assets/logos/SSILogo';
+import SSIAddIcon from './components/assets/icons/SSIAddIcon';
+import SSIFilterIcon from './components/assets/icons/SSIFilterIcon';
+import SSIArrowDownIcon from './components/assets/icons/SSIArrowDownIcon';
+import SSITypeLabel from './components/labels/SSITypeLabel';
+import SSIIconButton from './components/buttons/SSIIconButton';
+import SSIPrimaryButton from './components/buttons/SSIPrimaryButton';
+import DropDownList from './components/lists/DropDownList';
+import SSITableView from './components/views/SSITableView';
+import SSITableViewHeader from './components/views/SSITableView/SSITableViewHeader';
+import SSITabView from './components/views/SSITabView';
+import SSITabViewHeader from './components/views/SSITabView/SSITabViewHeader';
+import SSIProfileIcon from './components/assets/icons/SSIProfileIcon';
+import SSISecondaryButton from './components/buttons/SSISecondaryButton';
+import SSICheckbox from './components/fields/SSICheckbox';
+import SSIActivityIndicator from './components/indicators/SSIActivityIndicator';
+import SSIHoverText from './components/fields/SSIHoverText';
+import ProgressStepIndicator from './components/indicators/ProgressStepIndicator';
+import StepMarker from './components/assets/markers/StepMarker';
+import DocumentIcon from './components/assets/icons/DocumentIcon';
+import CrossIcon from './components/assets/icons/CrossIcon';
+import ImageIcon from './components/assets/icons/ImageIcon';
+import FileSelection from './components/fields/FileSelection';
+import ComboBox from './components/fields/ComboBox';
+import DragAndDropBox from './components/fields/DragAndDropBox';
+import PersonPlaceholder from './components/assets/placeholders/PersonPlaceholder';
+import PassportPhotoControl, { passportPhotoControlTester } from './components/fields/JSONForms/PassportPhotoControl';
+import CredentialIssuanceWizardView from './components/views/CredentialIssuanceWizardView';
+import PaginationControls from './components/views/SSITableView/PaginationControls';
+import PaginationControlsProps from './components/views/SSITableView/PaginationControls';
+import CredentialViewItem from './components/views/CredentialViewItem';
+import JSONDataView from './components/views/JSONDataView';
+import TextInputField from './components/fields/TextInputField';
+import WarningImage from './components/assets/images/WarningImage';
+export * from './styles/fonts';
+export * from './types';
+export * from './helpers';
+export * from './utils';
+export { SSICredentialCardView, CredentialMiniCardView, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo, SSIAddIcon, SSIFilterIcon, SSIArrowDownIcon, SSITypeLabel, SSIIconButton, SSIPrimaryButton, SSISecondaryButton, DropDownList, SSITableView, SSITableViewHeader, SSITabView, SSITabViewHeader, SSIProfileIcon, SSIToastContainer, SSICheckbox, SSIActivityIndicator, SSIHoverText, StepMarker, ProgressStepIndicator, PaginationControls, PaginationControlsProps, DocumentIcon, CrossIcon, ImageIcon, FileSelection, ComboBox, DragAndDropBox, PersonPlaceholder, PassportPhotoControl, passportPhotoControlTester, CredentialIssuanceWizardView, CredentialViewItem, JSONDataView, TextInputField, WarningImage };

package/dist/renders/jsonFormsRenders.js

@@ -1,5 +1,5 @@
 import { materialRenderers } from '@jsonforms/material-renderers';
-import PassportPhotoControl, { passportPhotoControlTester } from '../components/fields/JSONForms/PassportPhotoControl/index.js';
+import PassportPhotoControl, { passportPhotoControlTester } from '../components/fields/JSONForms/PassportPhotoControl';
 export const jsonFormsMaterialRenderers = [
     ...materialRenderers,
     { tester: passportPhotoControlTester, renderer: PassportPhotoControl },

package/dist/styles/components/components/CredentialIssuanceWizardView/index.d.ts

@@ -1,14 +1,9 @@
-/// <reference types="react" />
-export declare const CredentialIssuanceWizardViewContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const CredentialIssuanceWizardViewCredentialTypeContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const CredentialIssuanceWizardViewCredentialTypeTitleStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<Omit<import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>, keyof import("react").Component<any, {}, any>>;
-export declare const CredentialIssuanceWizardViewFormContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const CredentialIssuanceWizardViewEvidenceContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const CredentialIssuanceWizardViewEvidenceContentContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const CredentialIssuanceWizardViewEvidenceTitleContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const CredentialIssuanceWizardViewEvidenceTitleOptionalStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<Omit<import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>, keyof import("react").Component<any, {}, any>>;
-export declare const CredentialIssuanceWizardViewEvidenceFilesContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const CredentialIssuanceWizardViewContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CredentialIssuanceWizardViewCredentialTypeContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CredentialIssuanceWizardViewCredentialTypeTitleStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CredentialIssuanceWizardViewFormContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CredentialIssuanceWizardViewEvidenceContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CredentialIssuanceWizardViewEvidenceContentContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CredentialIssuanceWizardViewEvidenceTitleContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CredentialIssuanceWizardViewEvidenceTitleOptionalStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CredentialIssuanceWizardViewEvidenceFilesContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,14 +1,14 @@
-import styledComponents from 'styled-components';
-import { backgroundColors, borderColors, SSIRoundedEdgesCss } from '@sphereon/ui-components.core';
-import { SSITextH1SemiBoldStyled, SSITextH2Styled } from '../../../fonts/index.js';
-export const CredentialIssuanceWizardViewContainerStyled = styledComponents.div `
+import styled from 'styled-components';
+import { backgroundColors, borderColors, SSIRoundedEdgesCss } from "@sphereon/ui-components.core";
+import { SSITextH1SemiBoldStyled, SSITextH2Styled } from "../../../fonts";
+export const CredentialIssuanceWizardViewContainerStyled = styled.div `
   display: flex;
   flex-direction: column;
   gap: 42px;
   width: 560px;
   height: fit-content;
 `;
-export const CredentialIssuanceWizardViewCredentialTypeContainerStyled = styledComponents.div `
+export const CredentialIssuanceWizardViewCredentialTypeContainerStyled = styled.div `
   border: 1px solid ${borderColors.lightGrey};
   ${SSIRoundedEdgesCss};
   background-color: ${backgroundColors.primaryLight};
@@ -18,37 +18,37 @@ export const CredentialIssuanceWizardViewCredentialTypeContainerStyled = styledC
   gap: 24px;
   flex-grow: 1;
 `;
-export const CredentialIssuanceWizardViewCredentialTypeTitleStyled = styledComponents(SSITextH1SemiBoldStyled) `
+export const CredentialIssuanceWizardViewCredentialTypeTitleStyled = styled(SSITextH1SemiBoldStyled) `
   text-align: left;
 `;
-export const CredentialIssuanceWizardViewFormContainerStyled = styledComponents.div `
+export const CredentialIssuanceWizardViewFormContainerStyled = styled.div `
   flex-grow: 1;
   border: 1px solid ${borderColors.lightGrey};
   background-color: ${backgroundColors.primaryLight};
   ${SSIRoundedEdgesCss};
   padding: 24px;
 `;
-export const CredentialIssuanceWizardViewEvidenceContainerStyled = styledComponents.div `
+export const CredentialIssuanceWizardViewEvidenceContainerStyled = styled.div `
   flex-grow: 1;
   border: 1px solid ${borderColors.lightGrey};
   background-color: ${backgroundColors.primaryLight};
   ${SSIRoundedEdgesCss};
   padding: 24px;
 `;
-export const CredentialIssuanceWizardViewEvidenceContentContainerStyled = styledComponents.div `
+export const CredentialIssuanceWizardViewEvidenceContentContainerStyled = styled.div `
   display: flex;
   flex-direction: column;
   gap: 24px;
 `;
-export const CredentialIssuanceWizardViewEvidenceTitleContainerStyled = styledComponents.div `
-  display: flex;
+export const CredentialIssuanceWizardViewEvidenceTitleContainerStyled = styled.div `
+  display: flex; 
   flex-direction: row;
   gap: 4px;
 `;
-export const CredentialIssuanceWizardViewEvidenceTitleOptionalStyled = styledComponents(SSITextH2Styled) `
+export const CredentialIssuanceWizardViewEvidenceTitleOptionalStyled = styled(SSITextH2Styled) `
   font-style: italic;
 `;
-export const CredentialIssuanceWizardViewEvidenceFilesContainerStyled = styledComponents.div `
+export const CredentialIssuanceWizardViewEvidenceFilesContainerStyled = styled.div `
   display: flex;
   flex-direction: column;
   gap: 12px;

package/dist/styles/components/components/CredentialViewItem/index.d.ts

@@ -1,14 +1,5 @@
-/// <reference types="react" />
-export declare const CredentialViewItemContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<Omit<import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>, keyof import("react").Component<any, {}, any>>;
-export declare const CredentialViewItemDetailsContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<Omit<import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>, keyof import("react").Component<any, {}, any>>;
-export declare const CredentialViewItemTitleCaptionStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<Omit<import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>, keyof import("react").Component<any, {}, any>>;
-export declare const CredentialViewItemStatusContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const CredentialViewItemExpirationDateCaptionStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<Omit<import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>, keyof import("react").Component<any, {}, any>>;
+export declare const CredentialViewItemContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CredentialViewItemDetailsContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CredentialViewItemTitleCaptionStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CredentialViewItemStatusContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CredentialViewItemExpirationDateCaptionStyled: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,6 +1,6 @@
-import { styled } from 'styled-components';
-import { SSIFlexDirectionColumnViewStyled, SSIFlexDirectionRowViewStyled } from '../../containers/index.js';
-import { SSITextH3Styled, SSITextH5Styled } from '../../../fonts/index.js';
+import styled from 'styled-components';
+import { SSIFlexDirectionColumnViewStyled, SSIFlexDirectionRowViewStyled } from '../../containers';
+import { SSITextH3Styled, SSITextH5Styled } from '../../../fonts';
 export const CredentialViewItemContainerStyled = styled(SSIFlexDirectionRowViewStyled) `
   padding: 18px 24px;
   gap: 8px;