@evoke-platform/ui-components 1.0.1-testing.0 → 1.0.1-testing.2

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

@@ -174,6 +174,9 @@ const customSelector = (props) => {
             else if (inputType === 'string') {
                 opts = options.filter((option) => !['>', '<', '<=', '>='].includes(option.name));
             }
+            else if (inputType === 'image') {
+                opts = options.filter((option) => ['=', '!=', 'null', 'notNull'].includes(option.name));
+            }
             break;
         case 'Fields':
             placeholder = 'Select Property';

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

@@ -17,7 +17,7 @@ const GroupHeader = styled('div')(({ theme }) => ({
 }));
 const GroupItems = styled('ul')({ padding: 0 });
 const ValueEditor = (props) => {
-    const { handleOnChange, value, operator, context, level, rule, fieldData } = props;
+    const { handleOnChange, value, operator, context, level, rule } = props;
     let inputType = props.inputType;
     let values = props.values;
     const property = context.propertyTreeMap[rule.field];
@@ -111,21 +111,12 @@ const ValueEditor = (props) => {
         }
         else {
             const isMultiple = inputType === 'array' || ['in', 'notIn'].includes(operator);
-            const isSelectType = fieldData.valueEditorType === 'select';
             const options = [
                 ...(values?.sort((a, b) => a.label.localeCompare(b.label)) ?? []),
                 ...(presetValues?.sort((a, b) => a.label.localeCompare(b.label)) ?? []),
             ];
             if (isMultiple || values?.length) {
-                return (React.createElement(Autocomplete, { freeSolo: inputType !== 'array' && !isSelectType, multiple: isMultiple, options: options, value: isMultiple
-                        ? Array.isArray(value)
-                            ? value
-                            : isSelectType && value && typeof value === 'string'
-                                ? [value]
-                                : []
-                        : Array.isArray(value)
-                            ? value.join(',')
-                            : value, 
+                return (React.createElement(Autocomplete, { freeSolo: inputType !== 'array' && inputType !== 'select', multiple: isMultiple, options: options, value: isMultiple ? (Array.isArray(value) ? value : []) : value, 
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     onChange: (event, newValue) => {
                         let value;
@@ -139,11 +130,11 @@ const ValueEditor = (props) => {
                         }
                         handleOnChange(value);
                     }, onBlur: () => {
-                        if (inputValue) {
+                        if (inputValue && (operator === 'in' || operator === 'notIn')) {
                             const newValues = Array.isArray(value) ? [...value, inputValue] : [inputValue];
                             handleOnChange(Array.from(new Set(newValues)));
+                            setInputValue('');
                         }
-                        setInputValue('');
                     }, onInputChange: (event, newInputValue) => {
                         setInputValue(newInputValue);
                     }, inputValue: inputValue, renderInput: (params) => (React.createElement(TextField, { inputRef: inputRef, label: params?.label, ...params, size: "small", sx: { backgroundColor: '#fff' } })), 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@evoke-platform/ui-components",
-    "version": "1.0.1-testing.0",
+    "version": "1.0.1-testing.2",
     "description": "",
     "main": "dist/published/index.js",
     "module": "dist/published/index.js",