@dartech/arsenal-ui 1.4.49 → 1.4.51

package/index.js

@@ -6029,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,
@@ -6135,49 +6199,22 @@ 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,
+      customPropertyFields: _customPropertyFields,
+      entityDefinition: _entityDefinition,
+      globalParameter: _globalParameter,
+      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.49",
+  "version": "1.4.51",
   "author": "DAR",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

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';