Add grid refresh (#827)

* Add grid refresh

* Automatic frontend build

* Fix workflows

* Automatic frontend build

---------

Co-authored-by: vin0401 <[email protected]>

assets/js/src/core/modules/asset/editor/toolbar/workflow-log-modal/hooks/use-submit-workflow.ts

@@ -53,8 +53,8 @@ export const useSubmitWorkflow = (workflowName: string): UseSubmitWorkflowReturn
       actionType,
       elementId: id,
       elementType,
-      workflowName: _.snakeCase(workFlowName),
-      transition,
+      workflowId: _.snakeCase(workFlowName),
+      transitionId: _.snakeCase(transition),
       workflowOptions: workFlowOptions
     }
   })

assets/js/src/core/modules/asset/editor/types/folder/tab-manager/tabs/list/toolbar/grid-toolbar-container.tsx

@@ -16,6 +16,8 @@ import { GridToolbarView } from './grid-toolbar-view'
 import { Pagination } from '@Pimcore/components/pagination/pagination'
 import { useTranslation } from 'react-i18next'
 import { GridTools } from './tools/grid-tools'
+import { eventBus } from '@Pimcore/lib/event-bus'
+import { useElementContext } from '@Pimcore/modules/element/hooks/use-element-context'
 
 interface GridToolbarContainerProps {
   pager: {
@@ -29,9 +31,18 @@ interface GridToolbarContainerProps {
 const GridToolbarContainer = (props: GridToolbarContainerProps): React.JSX.Element => {
   const { pager } = props
   const { t } = useTranslation()
+  const { id } = useElementContext()
+
+  const onRefresh = (): void => {
+    eventBus.publish({ identifier: { type: 'asset:listing:refresh', id } })
+  }
 
   return (
     <GridToolbarView
+      onRefresh={ () => {
+        onRefresh()
+      } }
+
       renderPagination={ pager !== undefined && pager.total > 0
         ? (
           <Pagination

assets/js/src/core/modules/asset/editor/types/folder/tab-manager/tabs/list/toolbar/grid-toolbar-view.tsx

@@ -13,10 +13,13 @@
 
 import React, { type ReactNode } from 'react'
 import { Toolbar } from '@Pimcore/components/toolbar/toolbar'
+import { Split } from '@Pimcore/components/split/split'
+import { IconButton } from '@Pimcore/components/icon-button/icon-button'
 
 export interface GridToolbarViewProps {
   renderPagination?: ReactNode
   renderTools?: ReactNode
+  onRefresh?: () => void
 }
 
 const GridToolbarView = (props: GridToolbarViewProps): React.JSX.Element => {
@@ -30,9 +33,16 @@ const GridToolbarView = (props: GridToolbarViewProps): React.JSX.Element => {
         <div />
       )}
 
-      {props.renderPagination !== undefined && (
-        <>{props.renderPagination}</>
-      )}
+      <Split dividerSize='small'>
+        <IconButton
+          icon={ { value: 'refresh' } }
+          onClick={ props.onRefresh }
+        />
+
+        {props.renderPagination !== undefined && (
+          <>{props.renderPagination}</>
+        )}
+      </Split>
     </Toolbar>
   )
 }