Merge pull request #998

* refactor(29945): update openAPI specs

* refactor(29945): fix mocks

* feat(29945): add filtering hook for functions

* refactor(29945): Add the DataHub.transform function to the list

* chore(29945): fix translations

* test(29945): fix tests

* chore(29945): revert fix

* fix(24800): fix the format of the topic property

* fix(24800): fix the widget for the topic property

* test(24800): fix tests

* fix(24800): fix rebase

Author: vanch3d

hivemq-edge-frontend/src/extensions/datahub/api/hooks/DataHubFunctionsService/__handlers__/index.ts

@@ -59,7 +59,7 @@ export const MOCK_DATAHUB_FUNCTIONS_DELIVERY_REDIRECT: FunctionSpecs = {
         type: 'string',
         title: 'Topic',
         description: 'The destination MQTT topic according to the MQTT specification.',
-        format: 'interpolation',
+        format: 'mqtt-topic',
       },
       applyPolicies: {
         type: 'boolean',

hivemq-edge-frontend/src/extensions/datahub/designer/operation/OperationData.ts

@@ -1,4 +1,6 @@
 /* istanbul ignore file -- @preserve */
+import { CustomFormat } from '@/api/types/json-schema.ts'
+import { registerEntitySelectWidget } from '@/components/rjsf/Widgets/EntitySelectWidget.tsx'
 import type { PanelSpecs } from '@/extensions/datahub/types.ts'
 import type { RJSFSchema } from '@rjsf/utils'
 
@@ -22,6 +24,12 @@ export const MOCK_OPERATION_SCHEMA: PanelSpecs = {
       message: {
         'ui:widget': 'datahub:message-interpolation',
       },
+      topic: {
+        'ui:widget': registerEntitySelectWidget(CustomFormat.MQTT_TOPIC),
+        'ui:options': {
+          create: true,
+        },
+      },
       incrementBy: {
         'ui:widget': 'updown',
       },

hivemq-edge-frontend/src/extensions/datahub/designer/operation/OperationPanel.spec.cy.tsx

@@ -95,7 +95,7 @@ describe('OperationPanel', () => {
     cy.get('[role="group"]:has(> label#root_id-label) + [role="list"]').as('id_Errors')
     cy.get('@id_Errors').should('contain.text', "must have required property 'id'")
 
-    cy.get('[role="group"]:has(> label#root_formData_topic-label) + [role="list"]').as('topic_Errors')
+    cy.get('[role="group"]:has(> label[for=root_formData_topic]) + [role="list"]').as('topic_Errors')
     cy.get('@topic_Errors').should('contain.text', "must have required property 'Topic'")
 
     cy.get('[role="alert"][data-status="error"]').should('be.visible')
@@ -170,13 +170,14 @@ describe('OperationPanel', () => {
       },
     }
 
-    it('should render the form', () => {
+    it.only('should render the form', () => {
       cy.mountWithProviders(<OperationPanel selectedNode="my-node" />, {
         wrapper: getWrapperWith([node]),
       })
       cy.get('h2').should('contain.text', 'Delivery.redirectTo')
-      cy.get('label#root_formData_topic-label').should('contain.text', 'Topic')
-      cy.get('label#root_formData_topic-label + input').should('contain.value', 'a/simple/topic')
+      cy.get('label[for=root_formData_topic]').should('contain.text', 'Topic')
+      cy.get('label[for=root_formData_topic] + div').should('contain.text', 'a/simple/topic')
+
       cy.get('label:has(> input#root_formData_applyPolicies) ')
         .should('contain.text', 'Apply Policies')
         .should('have.attr', 'data-checked')