feat(platform): provide tooltip via TooltipProvider

Author: nikku

src/contextProvider/camunda-platform/TooltipProvider.js

@@ -0,0 +1,23 @@
+/* eslint-disable react-hooks/rules-of-hooks */
+
+import {
+  useService
+} from '../../hooks';
+
+const TooltipProvider = {
+  'historyTimeToLive': (element) => {
+
+    const translate = useService('translate');
+
+    return (
+      <div>
+        <p>
+          { translate('Number of days before this resource is being cleaned up. If specified, takes precedence over the engine configuration.') }{ ' '}
+          <a href="https://docs.camunda.org/manual/latest/user-guide/process-engine/history/" target="_blank" rel="noopener">{ translate('Learn more.') }</a>
+        </p>
+      </div>
+    );
+  }
+};
+
+export default TooltipProvider;

src/contextProvider/camunda-platform/index.js

@@ -0,0 +1 @@
+export { default as TooltipProvider } from './TooltipProvider';

src/index.js

@@ -3,6 +3,7 @@ export { default as BpmnPropertiesProviderModule } from './provider/bpmn';
 export { default as ZeebePropertiesProviderModule } from './provider/zeebe';
 export { default as CamundaPlatformPropertiesProviderModule } from './provider/camunda-platform';
 export { TooltipProvider as ZeebeTooltipProvider } from './contextProvider/zeebe';
+export { TooltipProvider as CamundaPlatformTooltipProvider } from './contextProvider/camunda-platform';
 
 // hooks
 export { useService } from './hooks';

src/provider/camunda-platform/properties/HistoryCleanupProps.js

@@ -58,10 +58,6 @@ function HistoryTimeToLive(props) {
     element,
     id: 'historyTimeToLive',
     label: translate('Time to live'),
-    tooltip: <div>
-      { translate('Number of days before this resource is being cleaned up. If specified, takes precedence over the engine configuration.') }{ ' '}
-      <a href="https://docs.camunda.org/manual/latest/user-guide/process-engine/history/" target="_blank" rel="noopener">{ translate('Learn more.') }</a>
-    </div>,
     getValue,
     setValue,
     debounce

test/spec/BpmnPropertiesPanelRenderer.spec.js

@@ -49,7 +49,8 @@ import ZeebeModdle from 'zeebe-bpmn-moddle/resources/zeebe';
 
 import ExamplePropertiesProvider from './extension/ExamplePropertiesProvider';
 
-import TooltipProvider from 'src/contextProvider/zeebe/TooltipProvider';
+import ZeebeTooltipProvider from 'src/contextProvider/zeebe/TooltipProvider';
+import CamundaPlatformTooltipProvider from 'src/contextProvider/camunda-platform/TooltipProvider';
 
 const singleStart = window.__env__ && window.__env__.SINGLE_START;
 
@@ -154,7 +155,7 @@ describe('<BpmnPropertiesPanelRenderer>', function() {
         moddleExtensions: {
           zeebe: ZeebeModdle
         },
-        tooltip: TooltipProvider
+        tooltip: ZeebeTooltipProvider
       }
     );
 
@@ -181,7 +182,8 @@ describe('<BpmnPropertiesPanelRenderer>', function() {
         ],
         moddleExtensions: {
           camunda: CamundaModdle
-        }
+        },
+        tooltip: CamundaPlatformTooltipProvider
       }
     );