@dartech/arsenal-ui 1.4.48 → 1.4.50

package/index.js

@@ -922,6 +922,7 @@ function ControlQueryAutocomplete(_a) {
       searchBy,
       labelKey,
       multiple = false,
+      mongoQueryJson,
       disabled,
       valueKey,
       sortBy = '',
@@ -934,7 +935,7 @@ function ControlQueryAutocomplete(_a) {
       itemQueryFunction,
       requiredErrorText = ''
     } = _a,
-    autocompleteProps = __rest(_a, ["name", "label", "control", "required", "searchBy", "labelKey", "multiple", "disabled", "valueKey", "sortBy", "hideErrorMessage", "disableCloseOnSelect", "textFieldProps", "onChange", "queryFunction", "validate", "itemQueryFunction", "requiredErrorText"]);
+    autocompleteProps = __rest(_a, ["name", "label", "control", "required", "searchBy", "labelKey", "multiple", "mongoQueryJson", "disabled", "valueKey", "sortBy", "hideErrorMessage", "disableCloseOnSelect", "textFieldProps", "onChange", "queryFunction", "validate", "itemQueryFunction", "requiredErrorText"]);
   const _b = useController({
       control,
       name,
@@ -994,9 +995,31 @@ function ControlQueryAutocomplete(_a) {
       }
     }
   });
+  const modifyFieldsWithString = (data, replacement) => {
+    if (typeof data === 'object') {
+      if (Array.isArray(data)) {
+        return data.map(item => modifyFieldsWithString(item, replacement));
+      } else {
+        const modifiedData = {};
+        for (const key in data) {
+          modifiedData[key] = modifyFieldsWithString(data[key], replacement);
+        }
+        return modifiedData;
+      }
+      // eslint-disable-next-line no-template-curly-in-string
+    } else if (typeof data === 'string' && data.includes('${variable}')) {
+      // eslint-disable-next-line no-template-curly-in-string
+      return data.replace('${variable}', replacement);
+    } else {
+      return data;
+    }
+  };
   const debouncedChange = useDebounce(val => {
     setPage(0);
-    setSearchValue(val);
+    if (mongoQueryJson) {
+      const obj = modifyFieldsWithString(mongoQueryJson, val);
+      setSearchValue(JSON.stringify(obj));
+    } else setSearchValue(val);
   }, 500);
   const handleInputChange = useCallback((_, value) => {
     setInputValue(value);
@@ -6006,6 +6029,70 @@ const CreatePropertyFormFields = /*#__PURE__*/memo(({
   }));
 });
 
+const ListItem$1 = ({
+  entityDefinition,
+  globalParameter,
+  customPropertyFields,
+  index,
+  arrLength,
+  entityReferenceDefinitionSources,
+  entityReferenceValueComponent,
+  control,
+  setValue,
+  fileReferenceValueComponent,
+  handleRemoveParameter,
+  error,
+  item,
+  extRefs
+}) => {
+  const [open, setOpen] = useState(index === arrLength && !item.key);
+  return jsx(Grid, Object.assign({
+    sm: 12,
+    ref: ref => extRefs.current[index] = ref
+  }, {
+    children: jsxs(Accordion, Object.assign({
+      expanded: open,
+      onChange: () => setOpen(!open),
+      elevation: 3
+    }, {
+      children: [jsx(AccordionSummary, Object.assign({
+        expandIcon: jsx(ExpandMore, {})
+      }, {
+        children: jsx(Typography, Object.assign({
+          color: error && error[index] ? 'secondary' : 'initial',
+          style: {
+            wordBreak: 'break-word'
+          }
+        }, {
+          children: item.name || `Property ${index + 1}`
+        }))
+      })), jsx(AccordionDetails, {
+        children: open && jsx(CreatePropertyFormFields, {
+          control: control,
+          setValue: setValue,
+          propertyFieldName: `properties.${index}`,
+          entityDefinition: entityDefinition,
+          globalParameter: globalParameter,
+          customPropertyFields: customPropertyFields,
+          entityReferenceDefinitionSources: entityReferenceDefinitionSources,
+          entityReferenceValueComponent: entityReferenceValueComponent,
+          fileReferenceValueComponent: fileReferenceValueComponent
+        })
+      }), jsx(AccordionActions, {
+        children: jsx(Button, Object.assign({
+          variant: "contained",
+          size: "small",
+          color: "secondary",
+          onClick: () => handleRemoveParameter(index)
+        }, {
+          children: "Remove"
+        }))
+      })]
+    }))
+  }));
+};
+var ListItem$2 = ListItem$1;
+
 const defaultPropertyValues$1 = {
   key: '',
   propertyType: null,
@@ -6112,49 +6199,19 @@ const CreatePropertiesList = /*#__PURE__*/forwardRef(({
       }, {
         children: error.message
       }))
-    })), Array.isArray(fields) && fields.map((item, index, array) => jsx(Grid, Object.assign({
-      sm: 12,
-      ref: ref => refs.current[index] = ref
-    }, {
-      children: jsxs(Accordion, Object.assign({
-        defaultExpanded: index === array.length - 1 && !item.key,
-        elevation: 3
-      }, {
-        children: [jsx(AccordionSummary, Object.assign({
-          expandIcon: jsx(ExpandMore, {})
-        }, {
-          children: jsx(Typography, Object.assign({
-            color: error && error[index] ? 'secondary' : 'initial',
-            style: {
-              wordBreak: 'break-word'
-            }
-          }, {
-            children: item.name || `Property ${index + 1}`
-          }))
-        })), jsx(AccordionDetails, {
-          children: jsx(CreatePropertyFormFields, {
-            control: control,
-            setValue: setValue,
-            propertyFieldName: `properties.${index}`,
-            entityDefinition: _entityDefinition,
-            globalParameter: _globalParameter,
-            customPropertyFields: _customPropertyFields,
-            entityReferenceDefinitionSources: entityReferenceDefinitionSources,
-            entityReferenceValueComponent: entityReferenceValueComponent,
-            fileReferenceValueComponent: fileReferenceValueComponent
-          })
-        }), jsx(AccordionActions, {
-          children: jsx(Button, Object.assign({
-            variant: "contained",
-            size: "small",
-            color: "secondary",
-            onClick: () => handleRemoveParameter(index)
-          }, {
-            children: "Remove"
-          }))
-        })]
-      }))
-    }), item.id)), !hideAddButton && jsxs(Grid, Object.assign({
+    })), Array.isArray(fields) && fields.map((item, index, array) => jsx(ListItem$2, {
+      item: item,
+      index: index,
+      arrLength: array.length - 1,
+      control: control,
+      setValue: setValue,
+      error: error,
+      handleRemoveParameter: handleRemoveParameter,
+      fileReferenceValueComponent: fileReferenceValueComponent,
+      entityReferenceValueComponent: entityReferenceValueComponent,
+      entityReferenceDefinitionSources: entityReferenceDefinitionSources,
+      extRefs: refs
+    }, item.id)), !hideAddButton && jsxs(Grid, Object.assign({
       xs: 12
     }, {
       children: [jsx(Button, Object.assign({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dartech/arsenal-ui",
-  "version": "1.4.48",
+  "version": "1.4.50",
   "author": "DAR",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/src/lib/Forms/ControlAutocomplete/ControlQueryAutocomplete.d.ts

@@ -8,10 +8,11 @@ type PaginateParams = {
 };
 type ControlQueryAutocompleteProps<T> = Omit<ControlAutocompleteProps, 'options'> & {
     searchBy: string;
+    mongoQueryJson?: any;
     sortBy?: string;
     queryFunction: (params: PaginateParams) => Promise<PaginateData<T>>;
     itemQueryFunction?: (valueKey: string) => Promise<T>;
     requiredErrorText?: string;
 };
-export declare function ControlQueryAutocomplete<T>({ name, label, control, required, searchBy, labelKey, multiple, disabled, valueKey, sortBy, hideErrorMessage, disableCloseOnSelect, textFieldProps, onChange, queryFunction, validate, itemQueryFunction, requiredErrorText, ...autocompleteProps }: ControlQueryAutocompleteProps<T>): JSX.Element;
+export declare function ControlQueryAutocomplete<T>({ name, label, control, required, searchBy, labelKey, multiple, mongoQueryJson, disabled, valueKey, sortBy, hideErrorMessage, disableCloseOnSelect, textFieldProps, onChange, queryFunction, validate, itemQueryFunction, requiredErrorText, ...autocompleteProps }: ControlQueryAutocompleteProps<T>): JSX.Element;
 export default ControlQueryAutocomplete;

package/src/lib/Property/UpsertProperty/{CreatePropertiesList.d.ts → CreatePropertiesList/CreatePropertiesList.d.ts}

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { UseFormTrigger } from 'react-hook-form';
-import { CustomPropertyFieldProps, EntityReferenceProperty, PropertiesArrayType } from '../../../interfaces';
+import { CustomPropertyFieldProps, EntityReferenceProperty, PropertiesArrayType } from '../../../../interfaces';
 type Props = {
     properties: PropertiesArrayType<any>;
     parentFieldName?: string;

package/src/lib/Property/UpsertProperty/CreatePropertiesList/ListItem.d.ts

@@ -0,0 +1,29 @@
+import { MutableRefObject } from 'react';
+import { Control, UseFormSetValue } from 'react-hook-form';
+import { CustomPropertyFieldProps, EntityReferenceProperty } from '../../../../interfaces';
+type Props = {
+    entityDefinition?: boolean;
+    globalParameter?: boolean;
+    customPropertyFields?: CustomPropertyFieldProps[];
+    index: number;
+    arrLength: number;
+    entityReferenceDefinitionSources?: {
+        label: string;
+        value: string;
+    }[];
+    entityReferenceValueComponent?: React.ElementType<{
+        name: string;
+        property: EntityReferenceProperty;
+    }>;
+    fileReferenceValueComponent?: React.ElementType<{
+        name: string;
+    }>;
+    control: Control<any>;
+    setValue: UseFormSetValue<any>;
+    handleRemoveParameter: (index: number) => void;
+    error: any;
+    item: any;
+    extRefs: MutableRefObject<any[]>;
+};
+declare const ListItem: ({ entityDefinition, globalParameter, customPropertyFields, index, arrLength, entityReferenceDefinitionSources, entityReferenceValueComponent, control, setValue, fileReferenceValueComponent, handleRemoveParameter, error, item, extRefs }: Props) => JSX.Element;
+export default ListItem;

package/src/lib/Property/UpsertProperty/CreatePropertiesList/index.d.ts

@@ -0,0 +1,2 @@
+export * from './CreatePropertiesList';
+export { default } from './CreatePropertiesList';

package/src/lib/Property/UpsertProperty/PropertyValueField/BooleanValueField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Control } from 'react-hook-form';
 type Props = {
     control: Control<any>;

package/src/lib/Property/UpsertProperty/PropertyValueField/DateTimeValueField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type Props = {
     name: string;
     label?: string;

package/src/lib/Property/UpsertProperty/PropertyValueField/DateValueField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type Props = {
     name: string;
     format: string;

package/src/lib/Property/UpsertProperty/PropertyValueField/JsonValueField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type Props = {
     name: string;
     label?: string;

package/src/lib/Property/UpsertProperty/PropertyValueField/TimeValueField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type Props = {
     name: string;
     label?: string;

package/src/lib/Property/ViewProperty/PropertyItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PropertyUnion } from '../../../interfaces';
 type PropertyItemProps = {
     property: PropertyUnion;