@evoke-platform/ui-components 1.0.0-dev.102 → 1.0.0-dev.104

package/dist/published/components/custom/CriteriaBuilder/CriteriaBuilder.js

@@ -132,7 +132,7 @@ const dynamicContentInputEditor = (props) => {
     const DynamicContentInput = (_a = props.context) === null || _a === void 0 ? void 0 : _a.dynamicContentInput.component;
     let valueEditor;
     if (DynamicContentInput) {
-        valueEditor = (React.createElement(DynamicContentInput, { values: ['null', 'notNull'].includes(operator) ? '' : value, setValues: handleOnChange, disabled: ['null', 'notNull'].includes(operator), isSingleValue: true, size: 'small', previousSteps: (_c = (_b = props.context) === null || _b === void 0 ? void 0 : _b.previousSteps) !== null && _c !== void 0 ? _c : [] }));
+        valueEditor = (React.createElement(DynamicContentInput, { values: ['null', 'notNull'].includes(operator) ? '' : value, setValues: handleOnChange, disabled: ['null', 'notNull'].includes(operator), size: 'small', previousSteps: (_c = (_b = props.context) === null || _b === void 0 ? void 0 : _b.previousSteps) !== null && _c !== void 0 ? _c : [] }));
     }
     return determineValueEditor(valueEditor, props);
 };
@@ -169,11 +169,13 @@ const determineValueEditor = (baseValueEditor, props) => {
                     }, renderInput: (params) => React.createElement(TextField, Object.assign({ label: params.label }, params, { size: "small" })), style: { width: '33%' } }));
             }
             else if (type === 'select' && values) {
-                valueEditor = (React.createElement(Autocomplete, { options: values, multiple: ['in', 'notIn'].includes(operator), value: disabled ? '' : value, onChange: (event, newValue) => {
+                valueEditor = (React.createElement(Autocomplete, { freeSolo: true, options: values, multiple: ['in', 'notIn'].includes(operator), value: disabled ? '' : value, onChange: (event, newValue) => {
                         handleOnChange(newValue === null || newValue === void 0 ? void 0 : newValue.label);
                     }, disabled: disabled, isOptionEqualToValue: (option, value) => {
                         return option === value;
-                    }, renderInput: (params) => React.createElement(TextField, Object.assign({}, params, { size: "small" })), style: { width: '33%' }, disableClearable: true }));
+                    }, renderInput: (params) => (React.createElement(TextField, Object.assign({}, params, { size: "small", placeholder: 'Value', readOnly: value === '{{user.id}}', onChange: (event) => {
+                            handleOnChange(event.target.value);
+                        } }))), style: { width: '33%' }, disableClearable: true }));
             }
             break;
     }

package/dist/published/components/custom/RepeatableField/RepeatableField.d.ts

@@ -3,6 +3,7 @@ export declare type DynamicHeaders = {
     field: string;
     displayTitle: string;
     mapping: string;
+    isError?: Function;
 };
 declare type RepeatableFieldProps = {
     children: Function;

package/dist/published/components/custom/RepeatableField/RepeatableField.js

@@ -4,6 +4,7 @@ import { Accordion, Typography, AccordionSummary, AccordionDetails, Button } fro
 import UIThemeProvider from '../../../theme';
 import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
 import AddIcon from '@mui/icons-material/Add';
+import { InfoRounded } from '../../../icons';
 const styles = {
     accordion: {
         borderRadius: '8px',
@@ -19,6 +20,9 @@ const styles = {
         background: '#F4F6F8',
         borderRadius: '8px',
         maxHeight: '30px',
+        '& .MuiAccordionSummary-content': {
+            alignItems: 'center'
+        }
     },
     accordionDetails: {
         display: 'flex',
@@ -107,6 +111,7 @@ export default function RepeatableField(props) {
         React.createElement("div", null, selectedField === null || selectedField === void 0 ? void 0 :
             selectedField.map((field, index) => (React.createElement(Accordion, { key: index, elevation: 0, sx: styles.accordion },
                 React.createElement(AccordionSummary, { expandIcon: React.createElement(ExpandMoreIcon, null), "aria-controls": "panel1a-content", id: "panel1a-header", sx: styles.accordionSummary, color: '#F4F6F8' },
+                    (dynamicHeaders === null || dynamicHeaders === void 0 ? void 0 : dynamicHeaders.isError) && (dynamicHeaders === null || dynamicHeaders === void 0 ? void 0 : dynamicHeaders.isError(field)) && React.createElement(InfoRounded, { sx: { color: "#A12723", paddingRight: '4px' } }),
                     React.createElement(Typography, { sx: { padding: '4px' } }, displayHeaders(index))),
                 React.createElement(AccordionDetails, { sx: styles.accordionDetails },
                     React.createElement(React.Fragment, null, children(handler, index, selectedField)),

package/package.json

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