Add DisableFnAndHtml feature flag

src/server/components/charts-engine/components/processor/index.ts

@@ -837,7 +837,11 @@ export class Processor {
                     entryId: config.entryId || configId,
                 });
 
-                if (!isChartWithJSAndHtmlAllowed({createdAt: config.createdAt})) {
+                const disableFnAndHtml = isEnabledServerFeature(ctx, Feature.DisableFnAndHtml);
+                if (
+                    disableFnAndHtml ||
+                    !isChartWithJSAndHtmlAllowed({createdAt: config.createdAt})
+                ) {
                     resultConfig.enableJsAndHtml = false;
                 }
                 const enableJsAndHtml = get(resultConfig, 'enableJsAndHtml', false);

src/server/components/features/features-list/DisableFnAndHtml.ts

@@ -0,0 +1,10 @@
+import {Feature} from '../../../../shared';
+import {createFeatureConfig} from '../utils';
+
+export default createFeatureConfig({
+    name: Feature.DisableFnAndHtml,
+    state: {
+        development: false,
+        production: false,
+    },
+});

src/shared/constants/qa/editor.ts

@@ -9,6 +9,6 @@ export const enum EditorTemplatesQA {
     Markdown = 'editor-templates-markdown-item',
     Timeseries = 'editor-templates-timeseries-item',
     Markup = 'editor-templates-markup-item',
-    D3 = 'editor-templates-d3-item',
+    GravityCharts = 'editor-templates-gravity-charts-item',
     BlankChart = 'editor-templates-blank-chart-item',
 }

src/shared/types/feature.ts

@@ -82,6 +82,8 @@ export enum Feature {
     ChartActions = 'ChartActions',
     /** Escaping string in wizard chart config to remove potential html injection */
     EscapeStringInWizard = 'EscapeStringInWizard',
+    /** Disable the use of html and function in chart configs */
+    DisableFnAndHtml = 'DisableFnAndHtml',
 }
 
 export type FeatureConfig = Record<string, boolean>;

src/shared/types/widget.ts

@@ -28,6 +28,7 @@ export enum EditorType {
     ControlNode = 'control_node',
     MarkdownNode = 'markdown_node',
     MarkupNode = 'markup_node',
+    GravityChartsNode = 'd3_node',
 }
 
 export enum WidgetKind {

src/ui/libs/DatalensChartkit/modules/data-provider/charts/ui-sandbox-runtime.ts

@@ -34,7 +34,7 @@ export class UiSandboxRuntime {
     }
 
     callFunction(props: UiSandboxRuntimeProps) {
-        const {fn, fnContext, fnArgs, globalApi, libs, name} = props;
+        const {fn, fnContext = {}, fnArgs, globalApi, libs, name} = props;
 
         this.vm.evalCode(libs);
 

src/ui/units/dash/containers/Dialogs/utils.ts

@@ -8,6 +8,7 @@ export function isEntryTypeWithFiltering(
     const widgetTypesWithFilteringAvailable: WidgetType[] = [
         EditorType.TableNode,
         EditorType.GraphNode,
+        EditorType.GravityChartsNode,
     ];
 
     const wizardEntryTypes = [

src/ui/units/editor/components/NodeTemplates/List/List.js

@@ -13,6 +13,7 @@ function Item({item, onClick}) {
     return (
         <div className={b('item')} onClick={() => onClick(item)} data-qa={item.qa}>
             {i18n('editor.templates.view', `label_${name}`)}
+            {item.version ? <span className={b('item-version')}>{item.version}</span> : null}
         </div>
     );
 }

src/ui/units/editor/components/NodeTemplates/List/List.scss

@@ -24,4 +24,11 @@
         font-size: 16px;
         font-weight: bold;
     }
+
+    &__item-version {
+        color: var(--g-color-base-brand);
+        font-weight: bold;
+        margin-bottom: 8px;
+        margin-left: 4px;
+    }
 }

src/ui/units/editor/constants/templates/d3-chart.ts

@@ -1,7 +1,7 @@
 import {EDITOR_TYPE, EditorTemplatesQA} from '../../../../../shared/constants';
 
 export default {
-    qa: EditorTemplatesQA.D3,
+    qa: EditorTemplatesQA.GravityCharts,
     name: 'd3',
     type: EDITOR_TYPE.D3_NODE,
     data: {