@evoke-platform/ui-components 1.0.0-dev.201 → 1.0.0-dev.203

package/dist/published/components/core/Autocomplete/Autocomplete.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { AutocompleteProps as MUIAutocompleteProps } from '@mui/material';
+import * as React from 'react';
 export declare type AutocompleteOption = {
     label: string;
     value: unknown;
@@ -11,9 +11,10 @@ export declare type AutocompleteProps = MUIAutocompleteProps<AutocompleteOption
     label?: string;
     labelPlacement?: string;
     required?: boolean;
-    instructionText?: string;
+    instructionText?: string | React.ReactNode;
     error?: boolean;
     errorMessage?: string;
+    tooltip?: string;
 };
 declare const Autocomplete: (props: AutocompleteProps) => JSX.Element;
 export default Autocomplete;

package/dist/published/components/core/Autocomplete/Autocomplete.js

@@ -1,9 +1,10 @@
-import { ExpandMore } from '@mui/icons-material';
+import { ExpandMore, InfoRounded } from '@mui/icons-material';
 import { InputLabel, Autocomplete as MUIAutocomplete } from '@mui/material';
 import * as React from 'react';
 import UIThemeProvider from '../../../theme';
 import FieldError from '../FieldError';
 import Typography from '../Typography';
+import Tooltip from '../Tooltip';
 const Autocomplete = (props) => {
     var _a, _b, _c, _d;
     const sortedOptions = props.sortBy !== 'NONE'
@@ -26,12 +27,26 @@ const Autocomplete = (props) => {
             sortedOptions === null || sortedOptions === void 0 ? void 0 : sortedOptions.sort((a, b) => a.label.localeCompare(b.label));
             break;
     }
+    const renderInstructionText = () => {
+        if (typeof props.instructionText === 'string') {
+            return (React.createElement(Typography, { fontSize: '12px', lineHeight: '14px' }, props.instructionText));
+        }
+        else {
+            return props.instructionText;
+        }
+    };
     if (!!props.label && props.labelPlacement === 'outside-top') {
         return (React.createElement(UIThemeProvider, null,
-            React.createElement(InputLabel, { htmlFor: (_a = props.id) !== null && _a !== void 0 ? _a : '', sx: { paddingBottom: '0px', fontSize: '14px' } }, (_b = props.label) !== null && _b !== void 0 ? _b : '',
+            React.createElement(InputLabel, { htmlFor: (_a = props.id) !== null && _a !== void 0 ? _a : '', sx: { display: 'flex', paddingBottom: '0px', fontSize: '14px' } }, (_b = props.label) !== null && _b !== void 0 ? _b : '',
                 ' ',
-                props.required ? (React.createElement(Typography, { sx: { color: 'red', fontSize: '14px' }, component: 'span' }, "*")) : null),
-            props.instructionText && (React.createElement(Typography, { fontSize: '10px', lineHeight: '14px' }, props.instructionText)),
+                props.required ? (React.createElement(Typography, { sx: { color: 'red', fontSize: '14px' }, component: 'span' }, "*")) : null,
+                props.tooltip && (React.createElement(Tooltip, { title: props.tooltip, placement: "right" },
+                    React.createElement(InfoRounded, { sx: {
+                            fontSize: '14px',
+                            margin: '2px 4px 0 8px',
+                            color: (theme) => theme.palette.text.secondary,
+                        } })))),
+            renderInstructionText(),
             React.createElement(MUIAutocomplete, Object.assign({}, props, { sx: Object.assign({ '& fieldset': { borderRadius: '8px', borderColor: props.error ? 'red' : undefined }, '& .MuiOutlinedInput-notchedOutline': {
                         border: props.readOnly ? 'none' : 'auto',
                     }, '& .MuiInputBase-input.Mui-disabled': {

package/dist/published/types.d.ts

@@ -36,6 +36,10 @@ export declare type RichTextTemplate = {
         view_permission?: 'Private' | 'Portal' | 'Public';
     };
     additionalDatasources?: string[];
+    sort?: {
+        sortBy: string;
+        direction: 'asc' | 'desc' | 'ASC' | 'DESC';
+    };
 };
 export declare type App = {
     id: string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@evoke-platform/ui-components",
-    "version": "1.0.0-dev.201",
+    "version": "1.0.0-dev.203",
     "description": "",
     "main": "dist/published/index.js",
     "module": "dist/published/index.js",