How to use the @grafana/ui.SlatePrism function in @grafana/ui

To help you get started, we’ve selected a few @grafana/ui examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

GridProtectionAlliance / openHistorian / Source / Applications / openHistorian / openHistorian / Grafana / public / app / plugins / datasource / elasticsearch / components / ElasticsearchQueryField.tsx View on Github

constructor(props: Props, context: React.Context) {
    super(props, context);

    this.plugins = [
      SlatePrism({
        onlyIn: (node: any) =&gt; node.type === 'code_block',
        getSyntax: (node: any) =&gt; 'lucene',
      }),
    ];

    this.state = {
      syntaxLoaded: false,
    };
  }

grafana / grafana / public / app / plugins / datasource / elasticsearch / components / ElasticsearchQueryField.tsx View on Github

constructor(props: Props, context: React.Context) {
    super(props, context);

    this.plugins = [
      SlatePrism({
        onlyIn: (node: any) =&gt; node.type === 'code_block',
        getSyntax: (node: any) =&gt; 'lucene',
      }),
    ];

    this.state = {
      syntaxLoaded: false,
    };
  }

grafana / grafana / public / app / plugins / datasource / loki / components / LokiQueryFieldForm.tsx View on Github

constructor(props: LokiQueryFieldFormProps, context: React.Context) {
    super(props, context);

    this.plugins = [
      BracesPlugin(),
      SlatePrism({
        onlyIn: (node: Node) =&gt; node.object === 'block' &amp;&amp; node.type === 'code_block',
        getSyntax: (node: Node) =&gt; 'promql',
      }),
    ];
  }

mtanda / grafana-aws-cloudwatch-logs-datasource / src / components / AwsCloudWatchLogsQueryField.tsx View on Github

constructor(props: Props, context: React.Context) {
    super(props, context);

    this.plugins = [
      SlatePrism({
        onlyIn: (node: any) =&gt; node.type === 'code_block',
        getSyntax: (node: any) =&gt; 'lucene',
      }),
    ];

    this.state = {
      syntaxLoaded: false,
    };
  }

grafana / grafana / public / app / plugins / datasource / prometheus / components / PromQueryField.tsx View on Github

constructor(props: PromQueryFieldProps, context: React.Context) {
    super(props, context);

    if (props.datasource.languageProvider) {
      this.languageProvider = props.datasource.languageProvider;
    }

    this.plugins = [
      BracesPlugin(),
      SlatePrism({
        onlyIn: (node: any) =&gt; node.type === 'code_block',
        getSyntax: (node: any) =&gt; 'promql',
      }),
    ];

    this.state = {
      metricsOptions: [],
      syntaxLoaded: false,
      hint: null,
    };
  }

GridProtectionAlliance / openHistorian / Source / Applications / openHistorian / openHistorian / Grafana / public / app / plugins / datasource / loki / components / LokiQueryFieldForm.tsx View on Github

constructor(props: LokiQueryFieldFormProps, context: React.Context) {
    super(props, context);

    this.plugins = [
      BracesPlugin(),
      SlatePrism({
        onlyIn: (node: Node) =&gt; node.object === 'block' &amp;&amp; node.type === 'code_block',
        getSyntax: (node: Node) =&gt; 'promql',
      }),
    ];
  }

GridProtectionAlliance / openHistorian / Source / Applications / openHistorian / openHistorian / Grafana / public / app / plugins / datasource / prometheus / components / PromQueryField.tsx View on Github

constructor(props: PromQueryFieldProps, context: React.Context) {
    super(props, context);

    if (props.datasource.languageProvider) {
      this.languageProvider = props.datasource.languageProvider;
    }

    this.plugins = [
      BracesPlugin(),
      SlatePrism({
        onlyIn: (node: any) =&gt; node.type === 'code_block',
        getSyntax: (node: any) =&gt; 'promql',
      }),
    ];

    this.state = {
      metricsOptions: [],
      syntaxLoaded: false,
      hint: null,
    };
  }

How to use the @grafana/ui.SlatePrism function in @grafana/ui

To help you get started, we’ve selected a few @grafana/ui examples, based on popular ways it is used in public projects.

@grafana/ui

Package Health Score

Popular @grafana/ui functions

Similar packages