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

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

@@ -333,7 +333,10 @@ const CriteriaBuilder = (props) => {
             ruleProcessor: (rule, options) => {
                 let newRule = rule;
                 const isPresetValue = typeof rule.value === 'string' && rule.value.startsWith('{{') && rule.value.endsWith('}}');
-                if (!disableRegexEscapeChars &&
+                if (rule.operator !== 'null' && rule.operator !== 'notNull' && rule.value === null) {
+                    newRule = { ...rule, value: '' };
+                }
+                else if (!disableRegexEscapeChars &&
                     ['contains', 'beginsWith', 'endsWith'].includes(rule.operator) &&
                     !isPresetValue) {
                     newRule = { ...rule, value: escape(rule.value) };

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

@@ -108,6 +108,7 @@ const ValueEditor = (props) => {
             }
         }
         else {
+            const [inputValue, setInputValue] = useState('');
             const isMultiple = inputType === 'array' || ['in', 'notIn'].includes(operator);
             const options = [
                 ...(values?.sort((a, b) => a.label.localeCompare(b.label)) ?? []),
@@ -127,7 +128,15 @@ const ValueEditor = (props) => {
                             value = newValue?.name ?? newValue?.value?.name ?? '';
                         }
                         handleOnChange(value);
-                    }, renderInput: (params) => (React.createElement(TextField, { inputRef: inputRef, label: params?.label, ...params, size: "small", sx: { backgroundColor: '#fff' } })), 
+                    }, onBlur: () => {
+                        if (inputValue) {
+                            const newValues = Array.isArray(value) ? [...value, inputValue] : [inputValue];
+                            handleOnChange(Array.from(new Set(newValues)));
+                        }
+                        setInputValue('');
+                    }, onInputChange: (event, newInputValue) => {
+                        setInputValue(newInputValue);
+                    }, inputValue: inputValue, renderInput: (params) => (React.createElement(TextField, { inputRef: inputRef, label: params?.label, ...params, size: "small", sx: { backgroundColor: '#fff' } })), 
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     getOptionLabel: (option) => {
                         if (typeof option === 'string') {

package/dist/published/stories/CriteriaBuilder.stories.js

@@ -195,10 +195,7 @@ CriteriaBuilder.args = {
                 name: { $in: ['Jane', 'John', 'Jack'] },
             },
             {
-                //TODO: the fix in CDR-2082 should allow for a preexisting configuration like below to show greater than on the UI
-                licenseeName: {
-                    $gt: 'k',
-                },
+                inState: null,
             },
             {
                 amountOfInspections: {

package/package.json

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