Merge pull request #3275 from James-Baloyi/james/f/datalist

James/f/datalist

Author: James-Baloyi

shesha-reactjs/src/designer-components/dataList/settingsForm.ts

@@ -127,15 +127,15 @@ export const getSettings = (data: any) => {
                   {
                     id: nanoid(),
                     propertyName: 'formId',
-                    label: 'Modal Form',
+                    label: 'Create Form',
                     type: 'formAutocomplete',
                     labelAlign: 'right',
                     parentId: '2a5acbcf-cd52-487e-9cd7-09594a04793a',
                     hidden: false,
                     validate: {
                       required: true,
                     },
-                  }
+                  },
                 ],
               })
               .addSettingsInputRow({
@@ -242,6 +242,27 @@ export const getSettings = (data: any) => {
                         }
                       ]
                     })
+                    .addSettingsInputRow({
+                      id: nanoid(),
+                      parentId: '',
+                      hidden: {
+                        _code: 'return getSettingValue(data?.formSelectionMode) !== "view";',
+                        _mode: 'code',
+                        _value: false,
+                      } as any,
+                      inputs: [
+                        {
+                          id: nanoid(),
+                          propertyName: 'createFormType',
+                          label: 'Create Form Type',
+                          parentId: '',
+                          type: 'formTypeAutocomplete',
+                          jsSetting: true,
+                          width: '100%',
+                          allowClear: true,
+                        }
+                      ],
+                    })
                     .addSettingsInputRow({
                       id: nanoid(),
                       hidden: { _code: 'return getSettingValue(data?.canAddInline) === "no";', _mode: 'code', _value: false } as any,
@@ -251,7 +272,30 @@ export const getSettings = (data: any) => {
                         propertyName: 'onNewListItemInitialize',
                         label: 'New List Item Init',
                         jsSetting: false,
-                      }
+                      },
+                      ],
+                      hideLabel: true,
+                    })
+                    .addSettingsInputRow({
+                      id: nanoid(),
+                      hidden: { _code: 'return getSettingValue(data?.canAddInline) === "no";', _mode: 'code', _value: false } as any,
+                      inputs: [
+                      {
+                        id: nanoid(),
+                        propertyName: 'modalWidth',
+                        label: 'Dialog Width (%)',
+                        parentId: 'root',
+                        type: 'dropdown',
+                        allowClear: true,
+                        jsSetting: true,
+                        dropdownOptions: [
+                          { value: '40%', label: 'Small' },
+                          { value: '60%', label: 'Medium' },
+                          { value: '80%', label: 'Large' },
+                          { value: 'custom', label: 'Custom' },
+                        ],
+                        width: '100%',
+                      },
                       ],
                       hideLabel: true,
                     })
@@ -431,15 +475,6 @@ export const getSettings = (data: any) => {
                 description: 'Allows custom business logic to be executed on saving of new/updated row (e.g. custom validation / calculations).',
                 exposedVariables: ROW_SAVE_EXPOSED_VARIABLES,
               })
-              .addConfigurableActionConfigurator({
-                id: nanoid(),
-                propertyName: 'onListItemSaveSuccessAction',
-                label: 'On List Item Save Success',
-                parentId: 'events',
-                description: 'Custom business logic to be executed after successfull saving of new/updated row.',
-                hideLabel: true,
-                jsSetting: true,
-              })
               .toJson()
             ]
           },
@@ -512,6 +547,19 @@ export const getSettings = (data: any) => {
                   }
                 ]
               })
+              .addSettingsInputRow({
+                id: nanoid(),
+                inputs: [
+                  {
+                    id: nanoid(),
+                    type: 'switch',
+                    propertyName: 'showBorder',
+                    label: "Show Border",
+                    hidden: { _code: 'return getSettingValue(data?.orientation) !== "wrap";', _mode: 'code', _value: false } as any,
+                    jsSetting: false,
+                  }
+                ]
+              })
               .addSettingsInputRow({
                 id: nanoid(),
                 inputs: [{