diff --git a/packages/react-sdk-components/src/components/template/SimpleTable/SimpleTableManual/SimpleTableManual.tsx b/packages/react-sdk-components/src/components/template/SimpleTable/SimpleTableManual/SimpleTableManual.tsx index 55a5a6ee..d169249e 100644 --- a/packages/react-sdk-components/src/components/template/SimpleTable/SimpleTableManual/SimpleTableManual.tsx +++ b/packages/react-sdk-components/src/components/template/SimpleTable/SimpleTableManual/SimpleTableManual.tsx @@ -52,12 +52,27 @@ interface SimpleTableManualProps extends PConnProps { displayMode?: string; useSeparateViewForEdit: any; viewForEditModal: any; + validatemessage?: string; + required?: boolean; } const useStyles = makeStyles((/* theme */) => ({ label: { margin: '8px' }, + tableLabel: { + '&::after': { + display: 'inline', + content: '" *"', + verticalAlign: 'top', + color: 'var(--app-error-color)' + } + }, + message: { + margin: '8px', + color: 'var(--app-error-color)', + fontSize: '14px' + }, header: { background: '#f5f5f5' }, @@ -110,7 +125,9 @@ export default function SimpleTableManual(props: PropsWithChildren {propsToUse.label && ( -

+

{propsToUse.label} {results()}

)} + {validatemessage &&
{validatemessage}
} diff --git a/packages/react-sdk-components/src/components/widget/Attachment/Attachment.css b/packages/react-sdk-components/src/components/widget/Attachment/Attachment.css index 367ee049..d773b411 100644 --- a/packages/react-sdk-components/src/components/widget/Attachment/Attachment.css +++ b/packages/react-sdk-components/src/components/widget/Attachment/Attachment.css @@ -34,6 +34,7 @@ .file-error { color: var(--app-error-color); + font-size: 14px; } .psdk-utility-card { diff --git a/packages/react-sdk-components/src/components/widget/Attachment/Attachment.tsx b/packages/react-sdk-components/src/components/widget/Attachment/Attachment.tsx index 1db878bc..cf866846 100644 --- a/packages/react-sdk-components/src/components/widget/Attachment/Attachment.tsx +++ b/packages/react-sdk-components/src/components/widget/Attachment/Attachment.tsx @@ -33,7 +33,7 @@ const updateAttachmentState = (pConn, key, attachments) => { }; export default function Attachment(props: AttachmentProps) { - const { value, getPConnect, label, validatemessage, allowMultiple, extensions, displayMode } = props; + const { value, getPConnect, label, validatemessage, allowMultiple, extensions, displayMode, helperText } = props; /* this is a temporary fix because required is supposed to be passed as a boolean and NOT as a string */ let { required, disabled } = props; [required, disabled] = [required, disabled].map(prop => prop === true || (typeof prop === 'string' && prop === 'true')); @@ -461,7 +461,7 @@ export default function Attachment(props: AttachmentProps) {
{label} {((files.length === 0 && allowMultiple !== 'true') || allowMultiple === 'true') &&
{content}
} - {validatemessage !== '' ? {validatemessage} : ''} + {validatemessage !== '' ? {validatemessage} : {helperText}} {files && files.length > 0 &&
{fileDisplay}
}
);