Add widget manager actions

assets/js/src/modules/asset-tree/search/search-container.tsx

@@ -0,0 +1,21 @@
+import React from 'react'
+import { type TreeSearchProps } from '@Pimcore/components/tree/tree'
+import { Input } from 'antd'
+
+const { Search } = Input
+
+const SearchContainer = (props: TreeSearchProps): React.JSX.Element => {
+  const { setAdditionalQueryParams } = props
+
+  function onSearch (searchTerm: string): void {
+    setAdditionalQueryParams!({
+      idSearchTerm: searchTerm
+    })
+  }
+
+  return (
+    <Search onSearch={onSearch} size='small' />
+  )
+}
+
+export { SearchContainer }

assets/js/src/modules/example/containers/widget-manager-actions.tsx

@@ -0,0 +1,47 @@
+import React from 'react'
+import { Button, Space } from 'antd'
+import { useWidgetManager } from '@Pimcore/modules/widget-manager/hooks/use-widget-manager'
+import { Icon } from '@Pimcore/components/icon/icon'
+
+export const WidgetManagerActions = (): React.JSX.Element => {
+  const { openMainWidget, openBottomWidget, openLeftWidget, openRightWidget } = useWidgetManager()
+
+  function onOpenMainWidgetClick (): void {
+    openMainWidget({
+      component: 'widget-manager-actions',
+      name: 'Widget Manager Actions'
+    })
+  }
+
+  function onOpenBottomWidgetClick (): void {
+    openBottomWidget({
+      component: 'widget-manager-actions',
+      name: 'Widget Manager Actions'
+    })
+  }
+
+  function onOpenLeftWidgetClick (): void {
+    openLeftWidget({
+      component: 'widget-manager-actions',
+      name: 'Widget Manager Actions'
+    })
+  }
+
+  function onOpenRightWidgetClick (): void {
+    openRightWidget({
+      component: 'widget-manager-actions',
+      name: 'Widget Manager Actions'
+    })
+  }
+
+  return (
+    <>
+      <Space style={{ padding: '8px' }}>
+        <Button type="primary" icon={<Icon name='folder' options={{ width: 12, height: 12 }}/>} onClick={onOpenMainWidgetClick}>Open Main Widget</Button>
+        <Button type="default" icon={<Icon name='camera' options={{ width: 12, height: 12 }} />} onClick={onOpenBottomWidgetClick}>Open Bottom Widget</Button>
+        <Button type="text" icon={<Icon name='folder' options={{ width: 12, height: 12 }} />} onClick={onOpenLeftWidgetClick}>Open Left Widget</Button>
+        <Button type="dashed" icon={<Icon name='camera' options={{ width: 12, height: 12 }} />} onClick={onOpenRightWidgetClick}>Open Right Widget</Button>
+      </Space>
+    </>
+  )
+}

assets/js/src/modules/example/index.ts

@@ -1,7 +1,13 @@
 import { registerWidget } from '../widget-manager/utils/widget-registry'
 import { Example } from './containers/example'
+import { WidgetManagerActions } from './containers/widget-manager-actions'
 
 registerWidget({
   name: 'example',
   component: Example
 })
+
+registerWidget({
+  name: 'widget-manager-actions',
+  component: WidgetManagerActions
+})

assets/js/src/modules/widget-manager/utils/widget-manager-outer-model.tsx

@@ -82,6 +82,13 @@ export const getInitialModelJson = (): IJsonModel => {
             config: {
               id: 288
             }
+          },
+
+          {
+            type: 'tab',
+            name: 'actions',
+            component: 'widget-manager-actions',
+            enableClose: false
           }
         ]
       }

public/build/entrypoints.json

@@ -3,7 +3,7 @@
     "main": {
       "js": [
         "/bundles/pimcorestudioui/build/480.002396ce.js",
-        "/bundles/pimcorestudioui/build/main.e0b73daf.js"
+        "/bundles/pimcorestudioui/build/main.e85e3607.js"
       ],
       "css": [
         "/bundles/pimcorestudioui/build/main.3691bcd8.css"

public/build/manifest.json

@@ -1,6 +1,6 @@
 {
   "bundles/pimcorestudioui/build/main.css": "/bundles/pimcorestudioui/build/main.3691bcd8.css",
-  "bundles/pimcorestudioui/build/main.js": "/bundles/pimcorestudioui/build/main.e0b73daf.js",
+  "bundles/pimcorestudioui/build/main.js": "/bundles/pimcorestudioui/build/main.e85e3607.js",
   "bundles/pimcorestudioui/build/58.9cf6e23a.js": "/bundles/pimcorestudioui/build/58.9cf6e23a.js",
   "bundles/pimcorestudioui/build/678.c220b736.js": "/bundles/pimcorestudioui/build/678.c220b736.js",
   "bundles/pimcorestudioui/build/625.b487b20e.js": "/bundles/pimcorestudioui/build/625.b487b20e.js",