@dynatrace/strato-components 3.0.1 → 3.1.1

package/esm/editors/dql-editor/DQLEditor.js

@@ -3,10 +3,13 @@ import { forwardRef, useEffect, useState } from "react";
 import { getDqlConfig } from "./dql/dql-language.js";
 import { useValidationCallbacks } from "./useValidationCallbacks.js";
 import { useValidityInfo } from "./useValidityInfo.js";
+import { useAriaLabelingProps } from "../../core/hooks/useAriaLabelingProps.js";
+import { useBehavioralTrackingProps } from "../../core/hooks/useBehavioralTrackingProps.js";
+import { useSafeForwardProps } from "../../core/hooks/useSafeForwardProps.js";
 import { BaseCodeEditor } from "../base-code-editor/BaseCodeEditor.js";
 const COMPONENT_NAME = "DQLEditor";
-const DQLEditor = /* @__PURE__ */ forwardRef(
-  ({
+const DQLEditor = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const {
     id,
     value = "",
     controlState,
@@ -24,63 +27,67 @@ const DQLEditor = /* @__PURE__ */ forwardRef(
     onValidityChange,
     onFocus,
     onBlur,
+    size = "default",
+    required,
     className: consumerClassName,
     style: consumerStyle,
     "data-testid": dataTestId,
     "data-dtrum-mask": dataDtrumMask,
     "data-dtrum-allow": dataDtrumAllow,
-    size = "default",
-    required,
     ...remainingProps
-  }, forwardedRef) => {
-    const [editorConfig, setEditorConfig] = useState();
-    const [fireValidationStart, fireValidationEnd] = useValidationCallbacks(
-      onValidationStart,
-      onValidationEnd
-    );
-    const setValidityInfo = useValidityInfo(onValidityChange);
-    useEffect(() => {
-      setEditorConfig(
-        getDqlConfig(
-          readOnly,
-          fireValidationStart,
-          fireValidationEnd,
-          setValidityInfo
-        )
-      );
-    }, [readOnly, setValidityInfo, fireValidationStart, fireValidationEnd]);
-    return /* @__PURE__ */ jsx(
-      BaseCodeEditor,
-      {
-        onChange,
-        placeholder,
-        id,
-        "data-testid": dataTestId,
-        "data-dtrum-mask": dataDtrumMask,
-        "data-dtrum-allow": dataDtrumAllow,
-        controlState,
+  } = props;
+  const [behavioralTrackingProps, restProps] = useBehavioralTrackingProps(remainingProps);
+  const ariaLabelingProps = useAriaLabelingProps(restProps);
+  const forwardProps = useSafeForwardProps(restProps, ariaLabelingProps);
+  const [editorConfig, setEditorConfig] = useState();
+  const [fireValidationStart, fireValidationEnd] = useValidationCallbacks(
+    onValidationStart,
+    onValidationEnd
+  );
+  const setValidityInfo = useValidityInfo(onValidityChange);
+  useEffect(() => {
+    setEditorConfig(
+      getDqlConfig(
         readOnly,
-        defaultFolding,
-        lineWrap,
-        value,
-        spellCheck,
-        fullHeight,
-        folding,
-        onFoldingChange,
-        ref: forwardedRef,
-        configuration: editorConfig,
-        onFocus,
-        onBlur,
-        className: consumerClassName,
-        style: consumerStyle,
-        size,
-        required,
-        ...remainingProps,
-        "data-dt-component": COMPONENT_NAME
-      }
+        fireValidationStart,
+        fireValidationEnd,
+        setValidityInfo
+      )
     );
-  }
-);
+  }, [readOnly, setValidityInfo, fireValidationStart, fireValidationEnd]);
+  return /* @__PURE__ */ jsx(
+    BaseCodeEditor,
+    {
+      id,
+      ref: forwardedRef,
+      onChange,
+      placeholder,
+      controlState,
+      readOnly,
+      defaultFolding,
+      lineWrap,
+      value,
+      spellCheck,
+      fullHeight,
+      folding,
+      onFoldingChange,
+      configuration: editorConfig,
+      onFocus,
+      onBlur,
+      size,
+      required,
+      className: consumerClassName,
+      style: consumerStyle,
+      "data-testid": dataTestId,
+      "data-dtrum-mask": dataDtrumMask,
+      "data-dtrum-allow": dataDtrumAllow,
+      ...ariaLabelingProps,
+      ...behavioralTrackingProps,
+      ...forwardProps,
+      "data-dt-component": COMPONENT_NAME
+    }
+  );
+});
 DQLEditor.displayName = COMPONENT_NAME;
 export {
   DQLEditor

package/esm/editors/dql-editor/DQLEditor.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/editors/dql-editor/DQLEditor.tsx"],
-  "sourcesContent": ["import { forwardRef, useEffect, useState } from 'react';\n\nimport { getDqlConfig } from './dql/dql-language.js';\nimport { useValidationCallbacks } from './useValidationCallbacks.js';\nimport { useValidityInfo } from './useValidityInfo.js';\nimport { AriaLabelingProps } from '../../core/types/a11y-props.js';\nimport { DataTestId } from '../../core/types/data-props.js';\nimport type { FormControlStateProps } from '../../core/types/form-control-state.js';\nimport { MaskingProps } from '../../core/types/masking-props.js';\nimport { StylingProps } from '../../core/types/styling-props.js';\nimport { BaseCodeEditor } from '../base-code-editor/BaseCodeEditor.js';\nimport type { EditorLanguageConfiguration } from '../base-code-editor/configuration/configuration.js';\n\nconst COMPONENT_NAME = 'DQLEditor';\n\n/**\n * @public\n */\nexport interface DQLEditorProps\n  extends FormControlStateProps,\n    AriaLabelingProps,\n    StylingProps,\n    DataTestId,\n    MaskingProps {\n  /** The ID for the DOM element. */\n  id?: string;\n  /**\n   * Test id used for matching the editor container.\n   * @defaultValue 'dql-editor'\n   */\n  'data-testid'?: string;\n  /** The value (i.e. contents) of the editor.\n   * @defaultValue ''\n   */\n  value?: string;\n  /** Handler that is called when the value changes. */\n  onChange?: (value: string) => void;\n  /** Displayed initially in the editor when there is no other content. */\n  placeholder?: string;\n  /** Whether spellcheck should be enabled.\n   * @defaultValue false\n   */\n  spellCheck?: boolean;\n  /**\n   * If set to true, the DQL editor uses the full height available in its parent.\n   * @defaultValue false\n   */\n  fullHeight?: boolean;\n  /** The start indices (character position) that should be folded initially in uncontrolled scenarios. */\n  defaultFolding?: number[];\n  /** The start indices (character position) that should be folded initially in controlled scenarios.*/\n  folding?: number[];\n  /** Callback that is called when folding changes. */\n  onFoldingChange?: (values: number[]) => void;\n  /** Whether the input is readonly\n   * @defaultValue false\n   */\n  readOnly?: boolean;\n  /** Whether long lines should be wrapped.\n   * @defaultValue false\n   */\n  lineWrap?: boolean;\n  /** Callback that is called when the editor loses focus. */\n  onBlur?: (e: FocusEvent) => void;\n  /** Callback that is called when the editor receives focus. */\n  onFocus?: (e: FocusEvent) => void;\n  /**\n   * Callback fired when DQL validation starts.\n   * This can be used for setting a status that validation is in progress.\n   */\n  onValidationStart?: () => void;\n  /**\n   * Callback fired when DQL validation ends.\n   * This can be used for resetting a status that validation is in progress and to get the validation result.\n   */\n  onValidationEnd?: (validityInfo: DQLEditorValidityInfo[]) => void;\n  /**\n   * Callback fired when new diagnostic information is available.\n   * This can be used to get the validation result from outside the editor.\n   */\n  onValidityChange?: (validityInfo: DQLEditorValidityInfo[]) => void;\n  /**\n   * Editor layout size, 'default' for standard spacing and 'condensed' for reduced font-size, padding and margins.\n   * @defaultValue 'default'\n   */\n  size?: 'default' | 'condensed';\n  /**\n   * If set to true, `aria-required` will be set to true on the input element.\n   * @defaultValue false\n   */\n  required?: boolean;\n}\n\n/**\n * Represents one piece of diagnostics for the current DQL in the DQL editor.\n * @public\n */\nexport interface DQLEditorValidityInfo {\n  /** Represents how serious the problem is. */\n  severity: 'error' | 'warning' | 'info';\n\n  /** Describes the problem. */\n  message: string;\n\n  /** Start position in the editor. */\n  from: number;\n\n  /** End position in the editor. */\n  to: number;\n}\n\n/**\n * public ref type\n * @public\n */\nexport type DQLEditorRef = {\n  focus: () => void;\n  selectRange: (range: { from: number; to: number }) => void;\n  readonly element: HTMLDivElement | null;\n  setCursorPosition: (position: number | 'end') => void;\n};\n\n/**\n * The `DQLEditor` is specifically designed for editing DQL queries. It further offers\n * syntax highlighting and autocomplete functionality specific to the Dynatrace Query Language.\n * Once the editor is focused via the keyboard, the user must press \"Enter\" to start editing and \"Escape\" to quit editing and return to the keyboard navigation flow.\n * @public\n */\nexport const DQLEditor = /* @__PURE__ */ forwardRef<\n  DQLEditorRef,\n  DQLEditorProps\n>(\n  (\n    {\n      id,\n      value = '',\n      controlState,\n      onChange,\n      folding,\n      onFoldingChange,\n      defaultFolding,\n      fullHeight = false,\n      lineWrap = false,\n      placeholder,\n      readOnly = false,\n      spellCheck = false,\n      onValidationStart,\n      onValidationEnd,\n      onValidityChange,\n      onFocus,\n      onBlur,\n      className: consumerClassName,\n      style: consumerStyle,\n      'data-testid': dataTestId,\n      'data-dtrum-mask': dataDtrumMask,\n      'data-dtrum-allow': dataDtrumAllow,\n      size = 'default',\n      required,\n      ...remainingProps\n    },\n    forwardedRef,\n  ) => {\n    const [editorConfig, setEditorConfig] =\n      useState<EditorLanguageConfiguration>();\n\n    const [fireValidationStart, fireValidationEnd] = useValidationCallbacks(\n      onValidationStart,\n      onValidationEnd,\n    );\n    const setValidityInfo = useValidityInfo(onValidityChange);\n\n    useEffect(() => {\n      setEditorConfig(\n        getDqlConfig(\n          readOnly,\n          fireValidationStart,\n          fireValidationEnd,\n          setValidityInfo,\n        ),\n      );\n    }, [readOnly, setValidityInfo, fireValidationStart, fireValidationEnd]);\n\n    return (\n      <BaseCodeEditor\n        onChange={onChange}\n        placeholder={placeholder}\n        id={id}\n        data-testid={dataTestId}\n        data-dtrum-mask={dataDtrumMask}\n        data-dtrum-allow={dataDtrumAllow}\n        controlState={controlState}\n        readOnly={readOnly}\n        defaultFolding={defaultFolding}\n        lineWrap={lineWrap}\n        value={value}\n        spellCheck={spellCheck}\n        fullHeight={fullHeight}\n        folding={folding}\n        onFoldingChange={onFoldingChange}\n        ref={forwardedRef}\n        configuration={editorConfig}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        className={consumerClassName}\n        style={consumerStyle}\n        size={size}\n        required={required}\n        {...remainingProps}\n        data-dt-component={COMPONENT_NAME}\n      />\n    );\n  },\n);\n(DQLEditor as typeof DQLEditor & { displayName: string }).displayName =\n  COMPONENT_NAME;\n"],
-  "mappings": "AAuLM;AAvLN,SAAS,YAAY,WAAW,gBAAgB;AAEhD,SAAS,oBAAoB;AAC7B,SAAS,8BAA8B;AACvC,SAAS,uBAAuB;AAMhC,SAAS,sBAAsB;AAG/B,MAAM,iBAAiB;AAmHhB,MAAM,YAA4B;AAAA,EAIvC,CACE;AAAA,IACE;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb,WAAW;AAAA,IACX;AAAA,IACA,WAAW;AAAA,IACX,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,OAAO;AAAA,IACP;AAAA,IACA,GAAG;AAAA,EACL,GACA,iBACG;AACH,UAAM,CAAC,cAAc,eAAe,IAClC,SAAsC;AAExC,UAAM,CAAC,qBAAqB,iBAAiB,IAAI;AAAA,MAC/C;AAAA,MACA;AAAA,IACF;AACA,UAAM,kBAAkB,gBAAgB,gBAAgB;AAExD,cAAU,MAAM;AACd;AAAA,QACE;AAAA,UACE;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAAA,IACF,GAAG,CAAC,UAAU,iBAAiB,qBAAqB,iBAAiB,CAAC;AAEtE,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAa;AAAA,QACb,mBAAiB;AAAA,QACjB,oBAAkB;AAAA,QAClB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,KAAK;AAAA,QACL,eAAe;AAAA,QACf;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACC,GAAG;AAAA,QACJ,qBAAmB;AAAA;AAAA,IACrB;AAAA,EAEJ;AACF;AACC,UAAyD,cACxD;",
+  "sourcesContent": ["import { forwardRef, useEffect, useState } from 'react';\n\nimport { getDqlConfig } from './dql/dql-language.js';\nimport type { DQLEditorValidityInfo } from './dql-editor-types.js';\nimport { useValidationCallbacks } from './useValidationCallbacks.js';\nimport { useValidityInfo } from './useValidityInfo.js';\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useSafeForwardProps } from '../../core/hooks/useSafeForwardProps.js';\nimport type { AriaLabelingProps } from '../../core/types/a11y-props.js';\nimport type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../core/types/data-props.js';\nimport type { FormControlStateProps } from '../../core/types/form-control-state.js';\nimport type { MaskingProps } from '../../core/types/masking-props.js';\nimport type { StylingProps } from '../../core/types/styling-props.js';\nimport { BaseCodeEditor } from '../base-code-editor/BaseCodeEditor.js';\nimport type { EditorLanguageConfiguration } from '../base-code-editor/configuration/configuration.js';\n\nconst COMPONENT_NAME = 'DQLEditor';\n\n/**\n * @public\n */\nexport interface DQLEditorProps\n  extends FormControlStateProps,\n    AriaLabelingProps,\n    StylingProps,\n    DataTestId,\n    MaskingProps,\n    BehaviorTrackingProps {\n  /** The ID for the DOM element. */\n  id?: string;\n  /**\n   * Test id used for matching the editor container.\n   * @defaultValue 'dql-editor'\n   */\n  'data-testid'?: string;\n  /** The value (i.e. contents) of the editor.\n   * @defaultValue ''\n   */\n  value?: string;\n  /** Handler that is called when the value changes. */\n  onChange?: (value: string) => void;\n  /** Displayed initially in the editor when there is no other content. */\n  placeholder?: string;\n  /** Whether spellcheck should be enabled.\n   * @defaultValue false\n   */\n  spellCheck?: boolean;\n  /**\n   * If set to true, the DQL editor uses the full height available in its parent.\n   * @defaultValue false\n   */\n  fullHeight?: boolean;\n  /** The start indices (character position) that should be folded initially in uncontrolled scenarios. */\n  defaultFolding?: number[];\n  /** The start indices (character position) that should be folded initially in controlled scenarios.*/\n  folding?: number[];\n  /** Callback that is called when folding changes. */\n  onFoldingChange?: (values: number[]) => void;\n  /** Whether the input is readonly\n   * @defaultValue false\n   */\n  readOnly?: boolean;\n  /** Whether long lines should be wrapped.\n   * @defaultValue false\n   */\n  lineWrap?: boolean;\n  /** Callback that is called when the editor loses focus. */\n  onBlur?: (e: FocusEvent) => void;\n  /** Callback that is called when the editor receives focus. */\n  onFocus?: (e: FocusEvent) => void;\n  /**\n   * Callback fired when DQL validation starts.\n   * This can be used for setting a status that validation is in progress.\n   */\n  onValidationStart?: () => void;\n  /**\n   * Callback fired when DQL validation ends.\n   * This can be used for resetting a status that validation is in progress and to get the validation result.\n   */\n  onValidationEnd?: (validityInfo: DQLEditorValidityInfo[]) => void;\n  /**\n   * Callback fired when new diagnostic information is available.\n   * This can be used to get the validation result from outside the editor.\n   */\n  onValidityChange?: (validityInfo: DQLEditorValidityInfo[]) => void;\n  /**\n   * Editor layout size, 'default' for standard spacing and 'condensed' for reduced font-size, padding and margins.\n   * @defaultValue 'default'\n   */\n  size?: 'default' | 'condensed';\n  /**\n   * If set to true, `aria-required` will be set to true on the input element.\n   * @defaultValue false\n   */\n  required?: boolean;\n}\n\n/**\n * public ref type\n * @public\n */\nexport type DQLEditorRef = {\n  focus: () => void;\n  selectRange: (range: { from: number; to: number }) => void;\n  readonly element: HTMLDivElement | null;\n  setCursorPosition: (position: number | 'end') => void;\n};\n\n/**\n * The `DQLEditor` is specifically designed for editing DQL queries. It further offers\n * syntax highlighting and autocomplete functionality specific to the Dynatrace Query Language.\n * Once the editor is focused via the keyboard, the user must press \"Enter\" to start editing and \"Escape\" to quit editing and return to the keyboard navigation flow.\n * @public\n */\nexport const DQLEditor = /* @__PURE__ */ forwardRef<\n  DQLEditorRef,\n  DQLEditorProps\n>((props, forwardedRef) => {\n  const {\n    id,\n    value = '',\n    controlState,\n    onChange,\n    folding,\n    onFoldingChange,\n    defaultFolding,\n    fullHeight = false,\n    lineWrap = false,\n    placeholder,\n    readOnly = false,\n    spellCheck = false,\n    onValidationStart,\n    onValidationEnd,\n    onValidityChange,\n    onFocus,\n    onBlur,\n    size = 'default',\n    required,\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    ...remainingProps\n  } = props;\n\n  const [behavioralTrackingProps, restProps] =\n    useBehavioralTrackingProps(remainingProps);\n  const ariaLabelingProps = useAriaLabelingProps(restProps);\n  const forwardProps = useSafeForwardProps(restProps, ariaLabelingProps);\n\n  const [editorConfig, setEditorConfig] =\n    useState<EditorLanguageConfiguration>();\n\n  const [fireValidationStart, fireValidationEnd] = useValidationCallbacks(\n    onValidationStart,\n    onValidationEnd,\n  );\n  const setValidityInfo = useValidityInfo(onValidityChange);\n\n  useEffect(() => {\n    setEditorConfig(\n      getDqlConfig(\n        readOnly,\n        fireValidationStart,\n        fireValidationEnd,\n        setValidityInfo,\n      ),\n    );\n  }, [readOnly, setValidityInfo, fireValidationStart, fireValidationEnd]);\n\n  return (\n    <BaseCodeEditor\n      id={id}\n      ref={forwardedRef}\n      onChange={onChange}\n      placeholder={placeholder}\n      controlState={controlState}\n      readOnly={readOnly}\n      defaultFolding={defaultFolding}\n      lineWrap={lineWrap}\n      value={value}\n      spellCheck={spellCheck}\n      fullHeight={fullHeight}\n      folding={folding}\n      onFoldingChange={onFoldingChange}\n      configuration={editorConfig}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      size={size}\n      required={required}\n      className={consumerClassName}\n      style={consumerStyle}\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      {...ariaLabelingProps}\n      {...behavioralTrackingProps}\n      {...forwardProps}\n      data-dt-component={COMPONENT_NAME}\n    />\n  );\n});\n(DQLEditor as typeof DQLEditor & { displayName: string }).displayName =\n  COMPONENT_NAME;\n"],
+  "mappings": "AA8KI;AA9KJ,SAAS,YAAY,WAAW,gBAAgB;AAEhD,SAAS,oBAAoB;AAE7B,SAAS,8BAA8B;AACvC,SAAS,uBAAuB;AAChC,SAAS,4BAA4B;AACrC,SAAS,kCAAkC;AAC3C,SAAS,2BAA2B;AAOpC,SAAS,sBAAsB;AAG/B,MAAM,iBAAiB;AAkGhB,MAAM,YAA4B,2BAGvC,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb,WAAW;AAAA,IACX;AAAA,IACA,WAAW;AAAA,IACX,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,CAAC,yBAAyB,SAAS,IACvC,2BAA2B,cAAc;AAC3C,QAAM,oBAAoB,qBAAqB,SAAS;AACxD,QAAM,eAAe,oBAAoB,WAAW,iBAAiB;AAErE,QAAM,CAAC,cAAc,eAAe,IAClC,SAAsC;AAExC,QAAM,CAAC,qBAAqB,iBAAiB,IAAI;AAAA,IAC/C;AAAA,IACA;AAAA,EACF;AACA,QAAM,kBAAkB,gBAAgB,gBAAgB;AAExD,YAAU,MAAM;AACd;AAAA,MACE;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF,GAAG,CAAC,UAAU,iBAAiB,qBAAqB,iBAAiB,CAAC;AAEtE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,KAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,OAAO;AAAA,MACP,eAAa;AAAA,MACb,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MACjB,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,qBAAmB;AAAA;AAAA,EACrB;AAEJ,CAAC;AACA,UAAyD,cACxD;",
   "names": []
 }

package/esm/editors/dql-editor/dql/SuggestionPart.css

@@ -1,4 +1,4 @@
-._yhio8f0-3-0-1 {
+._yhio8f0-3-1-1 {
   display: inline;
   margin-right: 0.5ch;
 }

package/esm/editors/dql-editor/dql/SuggestionPart.sty.js

@@ -1,5 +1,5 @@
 import "./SuggestionPart.css";
-var suggestionPartSectionInfoCSS = "_yhio8f0-3-0-1";
+var suggestionPartSectionInfoCSS = "_yhio8f0-3-1-1";
 export {
   suggestionPartSectionInfoCSS
 };

package/esm/editors/dql-editor/dql/SuggestionPart.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/editors/dql-editor/dql/SuggestionPart.css.ts"],
-  "sourcesContent": ["import './SuggestionPart.css';\nexport var suggestionPartSectionInfoCSS = '_yhio8f0-3-0-1';"],
+  "sourcesContent": ["import './SuggestionPart.css';\nexport var suggestionPartSectionInfoCSS = '_yhio8f0-3-1-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,+BAA+B;",
   "names": []
 }

package/esm/editors/dql-editor/dql/dql-language.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/editors/dql-editor/dql/dql-language.ts"],
-  "sourcesContent": ["import { startCompletion } from '@codemirror/autocomplete';\nimport { StreamLanguage } from '@codemirror/language';\nimport { linter } from '@codemirror/lint';\nimport { EditorView } from '@codemirror/view';\n\nimport { EditorLanguageConfiguration } from '../../base-code-editor/configuration/configuration.js';\nimport { DQLEditorValidityInfo } from '../DQLEditor.js';\nimport { dqlLinter } from './dql-linter.js';\nimport { dql } from './dql.js';\nimport { openAutocomplete } from './open-autocomplete.js';\nimport { suggestionAutocompletion } from './suggestion-autocompletions.js';\n\nconst VALIDATION_DELAY = 500;\n\n/**\n * @internal\n * Gets editor configuration for DQL.\n **/\nexport function getDqlConfig(\n  readOnly: boolean,\n  onValidationStart?: () => void,\n  onValidationEnd?: (validityInfo: DQLEditorValidityInfo[]) => void,\n  setValidityInfo?: (validityInfo: DQLEditorValidityInfo[]) => void,\n): EditorLanguageConfiguration {\n  const language = StreamLanguage.define(dql);\n\n  return {\n    language,\n    extendWith: [\n      language.data.of({\n        commentTokens: {\n          block: {\n            open: '/*',\n            close: '*/',\n          },\n          line: '//',\n        },\n        closeBrackets: {\n          brackets: ['(', '[', '{', '\"'],\n          before: ')]}:;>|',\n          stringPrefixes: [],\n        },\n      }),\n      linter(\n        async (view) => {\n          const editorContent = view.state.doc.toString();\n\n          const validityResult = await dqlLinter(\n            editorContent,\n            onValidationStart,\n            onValidationEnd,\n          );\n          setValidityInfo?.(validityResult);\n          return validityResult;\n        },\n        {\n          delay: VALIDATION_DELAY,\n        },\n      ),\n      EditorView.updateListener.of(async (update) => {\n        const isTyping =\n          update.docChanged &&\n          update.transactions.some((transaction) =>\n            transaction.isUserEvent('input.type'),\n          );\n\n        const isDeleting =\n          update.docChanged &&\n          update.transactions.some((transaction) =>\n            transaction.isUserEvent('delete.backward'),\n          );\n\n        const selectionChanged =\n          update.selectionSet &&\n          !update.transactions.some((transaction) =>\n            transaction.isUserEvent('input.complete'),\n          );\n\n        const isFocused = update.focusChanged && update.view.hasFocus;\n\n        if (!(isTyping || isDeleting || selectionChanged || isFocused)) {\n          return;\n        }\n\n        if (\n          await openAutocomplete(\n            {\n              isTyping,\n              isDeleting,\n              isFocused,\n              selectionChanged,\n            },\n            update.state,\n          )\n        ) {\n          startCompletion(update.view);\n        }\n      }),\n    ],\n    autocompleteOptions: readOnly\n      ? undefined\n      : {\n          activateOnTyping: false,\n          optionClass: (completion) =>\n            completion.label.length === 0 ? 'cm-empty-option' : '',\n          providers: [suggestionAutocompletion],\n        },\n  };\n}\n"],
+  "sourcesContent": ["import { startCompletion } from '@codemirror/autocomplete';\nimport { StreamLanguage } from '@codemirror/language';\nimport { linter } from '@codemirror/lint';\nimport { EditorView } from '@codemirror/view';\n\nimport { EditorLanguageConfiguration } from '../../base-code-editor/configuration/configuration.js';\nimport type { DQLEditorValidityInfo } from '../dql-editor-types.js';\nimport { dqlLinter } from './dql-linter.js';\nimport { dql } from './dql.js';\nimport { openAutocomplete } from './open-autocomplete.js';\nimport { suggestionAutocompletion } from './suggestion-autocompletions.js';\n\nconst VALIDATION_DELAY = 500;\n\n/**\n * @internal\n * Gets editor configuration for DQL.\n **/\nexport function getDqlConfig(\n  readOnly: boolean,\n  onValidationStart?: () => void,\n  onValidationEnd?: (validityInfo: DQLEditorValidityInfo[]) => void,\n  setValidityInfo?: (validityInfo: DQLEditorValidityInfo[]) => void,\n): EditorLanguageConfiguration {\n  const language = StreamLanguage.define(dql);\n\n  return {\n    language,\n    extendWith: [\n      language.data.of({\n        commentTokens: {\n          block: {\n            open: '/*',\n            close: '*/',\n          },\n          line: '//',\n        },\n        closeBrackets: {\n          brackets: ['(', '[', '{', '\"'],\n          before: ')]}:;>|',\n          stringPrefixes: [],\n        },\n      }),\n      linter(\n        async (view) => {\n          const editorContent = view.state.doc.toString();\n\n          const validityResult = await dqlLinter(\n            editorContent,\n            onValidationStart,\n            onValidationEnd,\n          );\n          setValidityInfo?.(validityResult);\n          return validityResult;\n        },\n        {\n          delay: VALIDATION_DELAY,\n        },\n      ),\n      EditorView.updateListener.of(async (update) => {\n        const isTyping =\n          update.docChanged &&\n          update.transactions.some((transaction) =>\n            transaction.isUserEvent('input.type'),\n          );\n\n        const isDeleting =\n          update.docChanged &&\n          update.transactions.some((transaction) =>\n            transaction.isUserEvent('delete.backward'),\n          );\n\n        const selectionChanged =\n          update.selectionSet &&\n          !update.transactions.some((transaction) =>\n            transaction.isUserEvent('input.complete'),\n          );\n\n        const isFocused = update.focusChanged && update.view.hasFocus;\n\n        if (!(isTyping || isDeleting || selectionChanged || isFocused)) {\n          return;\n        }\n\n        if (\n          await openAutocomplete(\n            {\n              isTyping,\n              isDeleting,\n              isFocused,\n              selectionChanged,\n            },\n            update.state,\n          )\n        ) {\n          startCompletion(update.view);\n        }\n      }),\n    ],\n    autocompleteOptions: readOnly\n      ? undefined\n      : {\n          activateOnTyping: false,\n          optionClass: (completion) =>\n            completion.label.length === 0 ? 'cm-empty-option' : '',\n          providers: [suggestionAutocompletion],\n        },\n  };\n}\n"],
   "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAI3B,SAAS,iBAAiB;AAC1B,SAAS,WAAW;AACpB,SAAS,wBAAwB;AACjC,SAAS,gCAAgC;AAEzC,MAAM,mBAAmB;AAMlB,SAAS,aACd,UACA,mBACA,iBACA,iBAC6B;AAC7B,QAAM,WAAW,eAAe,OAAO,GAAG;AAE1C,SAAO;AAAA,IACL;AAAA,IACA,YAAY;AAAA,MACV,SAAS,KAAK,GAAG;AAAA,QACf,eAAe;AAAA,UACb,OAAO;AAAA,YACL,MAAM;AAAA,YACN,OAAO;AAAA,UACT;AAAA,UACA,MAAM;AAAA,QACR;AAAA,QACA,eAAe;AAAA,UACb,UAAU,CAAC,KAAK,KAAK,KAAK,GAAG;AAAA,UAC7B,QAAQ;AAAA,UACR,gBAAgB,CAAC;AAAA,QACnB;AAAA,MACF,CAAC;AAAA,MACD;AAAA,QACE,OAAO,SAAS;AACd,gBAAM,gBAAgB,KAAK,MAAM,IAAI,SAAS;AAE9C,gBAAM,iBAAiB,MAAM;AAAA,YAC3B;AAAA,YACA;AAAA,YACA;AAAA,UACF;AACA,4BAAkB,cAAc;AAChC,iBAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,OAAO;AAAA,QACT;AAAA,MACF;AAAA,MACA,WAAW,eAAe,GAAG,OAAO,WAAW;AAC7C,cAAM,WACJ,OAAO,cACP,OAAO,aAAa;AAAA,UAAK,CAAC,gBACxB,YAAY,YAAY,YAAY;AAAA,QACtC;AAEF,cAAM,aACJ,OAAO,cACP,OAAO,aAAa;AAAA,UAAK,CAAC,gBACxB,YAAY,YAAY,iBAAiB;AAAA,QAC3C;AAEF,cAAM,mBACJ,OAAO,gBACP,CAAC,OAAO,aAAa;AAAA,UAAK,CAAC,gBACzB,YAAY,YAAY,gBAAgB;AAAA,QAC1C;AAEF,cAAM,YAAY,OAAO,gBAAgB,OAAO,KAAK;AAErD,YAAI,EAAE,YAAY,cAAc,oBAAoB,YAAY;AAC9D;AAAA,QACF;AAEA,YACE,MAAM;AAAA,UACJ;AAAA,YACE;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,UACA,OAAO;AAAA,QACT,GACA;AACA,0BAAgB,OAAO,IAAI;AAAA,QAC7B;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,qBAAqB,WACjB,SACA;AAAA,MACE,kBAAkB;AAAA,MAClB,aAAa,CAAC,eACZ,WAAW,MAAM,WAAW,IAAI,oBAAoB;AAAA,MACtD,WAAW,CAAC,wBAAwB;AAAA,IACtC;AAAA,EACN;AACF;",
   "names": []
 }

package/esm/editors/dql-editor/dql/dql-linter.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/editors/dql-editor/dql/dql-linter.ts"],
-  "sourcesContent": ["import { Diagnostic } from '@codemirror/lint';\nimport { memoize } from 'lodash-es';\n\nimport {\n  queryAssistanceClient,\n  VerifyResponse,\n} from '@dynatrace-sdk/client-query';\n\nimport { DQLEditorValidityInfo } from '../DQLEditor.js';\n\nconst severities: { [key: string]: 'error' | 'warning' | 'info' } = {\n  error: 'error',\n  warning: 'warning',\n  info: 'info',\n};\n\nconst toSeverity = (severity: string): 'error' | 'warning' | 'info' =>\n  severities[severity.toLowerCase()] || 'info';\n\nconst toLinterMessage = ({ notifications }: VerifyResponse): Diagnostic[] =>\n  (notifications ?? [])\n    .map((notification): Diagnostic | undefined =>\n      notification.syntaxPosition && notification.severity\n        ? {\n            from: notification.syntaxPosition.start.index,\n            to: notification.syntaxPosition.end.index + 1,\n            message: notification.message ?? '',\n            severity: toSeverity(notification.severity),\n          }\n        : undefined,\n    )\n    .filter((x): x is Diagnostic => x !== undefined);\n\nconst transformToValidityInfo = (\n  diagnostics: Diagnostic[],\n): DQLEditorValidityInfo[] =>\n  diagnostics.map(\n    (diagnostic: Diagnostic): DQLEditorValidityInfo => ({\n      ...diagnostic,\n      severity: diagnostic.severity === 'hint' ? 'info' : diagnostic.severity,\n    }),\n  );\n\nconst rawVerify = async (query: string) => {\n  return await queryAssistanceClient.queryVerify({ body: { query } });\n};\n\n// time after which validity information about a certain query is evicted from the cache\nconst TTL_MS = 3 * 1_000;\nconst memoizedRawVerify = memoize(rawVerify);\n\n/**\n * Tracks active TTL timers for each cached query.\n * Key: query string\n * Value: timeout handle for cache invalidation\n */\nconst ttlTimers = new Map<string, ReturnType<typeof setTimeout>>();\n\n/**\n * Validates the syntax of the given DQL query.\n *\n * @remarks Validation results are cached for a short time-to-live (TTL) to reduce redundant requests.\n * After the TTL expires, the cache entry and its associated timer are cleared.\n *\n * @internal\n */\nexport const verifyQuery = async (\n  query: string,\n): Promise<VerifyResponse | undefined> => {\n  try {\n    // early exit if query is empty\n    if (!query.length) {\n      return undefined;\n    }\n\n    const result = await memoizedRawVerify(query);\n\n    // reset pending timer\n    const pendingTimeout = ttlTimers.get(query);\n    if (pendingTimeout) {\n      clearTimeout(pendingTimeout);\n    }\n\n    // start new timer with fixed TTL\n    const timeout = setTimeout(() => {\n      // clear cache and timer for query\n      memoizedRawVerify.cache.delete(query);\n      ttlTimers.delete(query);\n    }, TTL_MS);\n    ttlTimers.set(query, timeout);\n\n    return result;\n  } catch {\n    // on error, clear cache and any pending timer for this query\n    memoizedRawVerify.cache.delete(query);\n    const timeout = ttlTimers.get(query);\n    if (timeout) {\n      clearTimeout(timeout);\n      ttlTimers.delete(query);\n    }\n  }\n  return undefined;\n};\n\n/**\n * Validates the syntax of the given DQL query.\n * @param content - the DQL query to validate\n * @param onValidationStart - called before the validation starts\n * @param onValidationEnd - called after validation finished\n * @internal\n */\nexport const dqlLinter = async (\n  content: string,\n  onValidationStart?: () => void,\n  onValidationEnd?: (validityInfo: DQLEditorValidityInfo[]) => void,\n): Promise<DQLEditorValidityInfo[]> => {\n  onValidationStart?.();\n  const result = await verifyQuery(content);\n\n  const dqlErrors = result ? toLinterMessage(result) : [];\n  const dqlEditorValidityInfos = transformToValidityInfo(dqlErrors);\n  onValidationEnd?.(dqlEditorValidityInfos);\n\n  return dqlEditorValidityInfos;\n};\n"],
+  "sourcesContent": ["import { Diagnostic } from '@codemirror/lint';\nimport { memoize } from 'lodash-es';\n\nimport {\n  queryAssistanceClient,\n  VerifyResponse,\n} from '@dynatrace-sdk/client-query';\n\nimport { DQLEditorValidityInfo } from '../dql-editor-types.js';\n\nconst severities: { [key: string]: 'error' | 'warning' | 'info' } = {\n  error: 'error',\n  warning: 'warning',\n  info: 'info',\n};\n\nconst toSeverity = (severity: string): 'error' | 'warning' | 'info' =>\n  severities[severity.toLowerCase()] || 'info';\n\nconst toLinterMessage = ({ notifications }: VerifyResponse): Diagnostic[] =>\n  (notifications ?? [])\n    .map((notification): Diagnostic | undefined =>\n      notification.syntaxPosition && notification.severity\n        ? {\n            from: notification.syntaxPosition.start.index,\n            to: notification.syntaxPosition.end.index + 1,\n            message: notification.message ?? '',\n            severity: toSeverity(notification.severity),\n          }\n        : undefined,\n    )\n    .filter((x): x is Diagnostic => x !== undefined);\n\nconst transformToValidityInfo = (\n  diagnostics: Diagnostic[],\n): DQLEditorValidityInfo[] =>\n  diagnostics.map(\n    (diagnostic: Diagnostic): DQLEditorValidityInfo => ({\n      ...diagnostic,\n      severity: diagnostic.severity === 'hint' ? 'info' : diagnostic.severity,\n    }),\n  );\n\nconst rawVerify = async (query: string) => {\n  return await queryAssistanceClient.queryVerify({ body: { query } });\n};\n\n// time after which validity information about a certain query is evicted from the cache\nconst TTL_MS = 3 * 1_000;\nconst memoizedRawVerify = memoize(rawVerify);\n\n/**\n * Tracks active TTL timers for each cached query.\n * Key: query string\n * Value: timeout handle for cache invalidation\n */\nconst ttlTimers = new Map<string, ReturnType<typeof setTimeout>>();\n\n/**\n * Validates the syntax of the given DQL query.\n *\n * @remarks Validation results are cached for a short time-to-live (TTL) to reduce redundant requests.\n * After the TTL expires, the cache entry and its associated timer are cleared.\n *\n * @internal\n */\nexport const verifyQuery = async (\n  query: string,\n): Promise<VerifyResponse | undefined> => {\n  try {\n    // early exit if query is empty\n    if (!query.length) {\n      return undefined;\n    }\n\n    const result = await memoizedRawVerify(query);\n\n    // reset pending timer\n    const pendingTimeout = ttlTimers.get(query);\n    if (pendingTimeout) {\n      clearTimeout(pendingTimeout);\n    }\n\n    // start new timer with fixed TTL\n    const timeout = setTimeout(() => {\n      // clear cache and timer for query\n      memoizedRawVerify.cache.delete(query);\n      ttlTimers.delete(query);\n    }, TTL_MS);\n    ttlTimers.set(query, timeout);\n\n    return result;\n  } catch {\n    // on error, clear cache and any pending timer for this query\n    memoizedRawVerify.cache.delete(query);\n    const timeout = ttlTimers.get(query);\n    if (timeout) {\n      clearTimeout(timeout);\n      ttlTimers.delete(query);\n    }\n  }\n  return undefined;\n};\n\n/**\n * Validates the syntax of the given DQL query.\n * @param content - the DQL query to validate\n * @param onValidationStart - called before the validation starts\n * @param onValidationEnd - called after validation finished\n * @internal\n */\nexport const dqlLinter = async (\n  content: string,\n  onValidationStart?: () => void,\n  onValidationEnd?: (validityInfo: DQLEditorValidityInfo[]) => void,\n): Promise<DQLEditorValidityInfo[]> => {\n  onValidationStart?.();\n  const result = await verifyQuery(content);\n\n  const dqlErrors = result ? toLinterMessage(result) : [];\n  const dqlEditorValidityInfos = transformToValidityInfo(dqlErrors);\n  onValidationEnd?.(dqlEditorValidityInfos);\n\n  return dqlEditorValidityInfos;\n};\n"],
   "mappings": "AACA,SAAS,eAAe;AAExB;AAAA,EACE;AAAA,OAEK;AAIP,MAAM,aAA8D;AAAA,EAClE,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AACR;AAEA,MAAM,aAAa,CAAC,aAClB,WAAW,SAAS,YAAY,CAAC,KAAK;AAExC,MAAM,kBAAkB,CAAC,EAAE,cAAc,OACtC,iBAAiB,CAAC,GAChB;AAAA,EAAI,CAAC,iBACJ,aAAa,kBAAkB,aAAa,WACxC;AAAA,IACE,MAAM,aAAa,eAAe,MAAM;AAAA,IACxC,IAAI,aAAa,eAAe,IAAI,QAAQ;AAAA,IAC5C,SAAS,aAAa,WAAW;AAAA,IACjC,UAAU,WAAW,aAAa,QAAQ;AAAA,EAC5C,IACA;AACN,EACC,OAAO,CAAC,MAAuB,MAAM,MAAS;AAEnD,MAAM,0BAA0B,CAC9B,gBAEA,YAAY;AAAA,EACV,CAAC,gBAAmD;AAAA,IAClD,GAAG;AAAA,IACH,UAAU,WAAW,aAAa,SAAS,SAAS,WAAW;AAAA,EACjE;AACF;AAEF,MAAM,YAAY,OAAO,UAAkB;AACzC,SAAO,MAAM,sBAAsB,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;AACpE;AAGA,MAAM,SAAS,IAAI;AACnB,MAAM,oBAAoB,QAAQ,SAAS;AAO3C,MAAM,YAAY,oBAAI,IAA2C;AAU1D,MAAM,cAAc,OACzB,UACwC;AACxC,MAAI;AAEF,QAAI,CAAC,MAAM,QAAQ;AACjB,aAAO;AAAA,IACT;AAEA,UAAM,SAAS,MAAM,kBAAkB,KAAK;AAG5C,UAAM,iBAAiB,UAAU,IAAI,KAAK;AAC1C,QAAI,gBAAgB;AAClB,mBAAa,cAAc;AAAA,IAC7B;AAGA,UAAM,UAAU,WAAW,MAAM;AAE/B,wBAAkB,MAAM,OAAO,KAAK;AACpC,gBAAU,OAAO,KAAK;AAAA,IACxB,GAAG,MAAM;AACT,cAAU,IAAI,OAAO,OAAO;AAE5B,WAAO;AAAA,EACT,QAAQ;AAEN,sBAAkB,MAAM,OAAO,KAAK;AACpC,UAAM,UAAU,UAAU,IAAI,KAAK;AACnC,QAAI,SAAS;AACX,mBAAa,OAAO;AACpB,gBAAU,OAAO,KAAK;AAAA,IACxB;AAAA,EACF;AACA,SAAO;AACT;AASO,MAAM,YAAY,OACvB,SACA,mBACA,oBACqC;AACrC,sBAAoB;AACpB,QAAM,SAAS,MAAM,YAAY,OAAO;AAExC,QAAM,YAAY,SAAS,gBAAgB,MAAM,IAAI,CAAC;AACtD,QAAM,yBAAyB,wBAAwB,SAAS;AAChE,oBAAkB,sBAAsB;AAExC,SAAO;AACT;",
   "names": []
 }

package/esm/editors/dql-editor/dql-editor-types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=dql-editor-types.js.map

package/esm/editors/dql-editor/dql-editor-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/esm/editors/dql-editor/useValidationCallbacks.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/editors/dql-editor/useValidationCallbacks.ts"],
-  "sourcesContent": ["import { useCallback, useEffect, useRef } from 'react';\n\nimport type { DQLEditorValidityInfo } from './DQLEditor.js';\n\n/**\n * @internal\n */\nexport const useValidationCallbacks = (\n  onValidationStart?: () => void,\n  onValidationEnd?: (validityInfo: DQLEditorValidityInfo[]) => void,\n): [() => void, (validityInfo: DQLEditorValidityInfo[]) => void] => {\n  const onValidationStartRef = useRef(onValidationStart);\n  const onValidationEndRef = useRef(onValidationEnd);\n\n  useEffect(() => {\n    onValidationStartRef.current = onValidationStart;\n  }, [onValidationStart]);\n\n  useEffect(() => {\n    onValidationEndRef.current = onValidationEnd;\n  }, [onValidationEnd]);\n\n  const fireValidationStart = useCallback(() => {\n    onValidationStartRef.current?.();\n  }, []);\n\n  const fireValidationEnd = useCallback(\n    (validityInfo: DQLEditorValidityInfo[]) => {\n      onValidationEndRef.current?.(validityInfo);\n    },\n    [],\n  );\n\n  return [fireValidationStart, fireValidationEnd];\n};\n"],
+  "sourcesContent": ["import { useCallback, useEffect, useRef } from 'react';\n\nimport type { DQLEditorValidityInfo } from './dql-editor-types.js';\n\n/**\n * @internal\n */\nexport const useValidationCallbacks = (\n  onValidationStart?: () => void,\n  onValidationEnd?: (validityInfo: DQLEditorValidityInfo[]) => void,\n): [() => void, (validityInfo: DQLEditorValidityInfo[]) => void] => {\n  const onValidationStartRef = useRef(onValidationStart);\n  const onValidationEndRef = useRef(onValidationEnd);\n\n  useEffect(() => {\n    onValidationStartRef.current = onValidationStart;\n  }, [onValidationStart]);\n\n  useEffect(() => {\n    onValidationEndRef.current = onValidationEnd;\n  }, [onValidationEnd]);\n\n  const fireValidationStart = useCallback(() => {\n    onValidationStartRef.current?.();\n  }, []);\n\n  const fireValidationEnd = useCallback(\n    (validityInfo: DQLEditorValidityInfo[]) => {\n      onValidationEndRef.current?.(validityInfo);\n    },\n    [],\n  );\n\n  return [fireValidationStart, fireValidationEnd];\n};\n"],
   "mappings": "AAAA,SAAS,aAAa,WAAW,cAAc;AAOxC,MAAM,yBAAyB,CACpC,mBACA,oBACkE;AAClE,QAAM,uBAAuB,OAAO,iBAAiB;AACrD,QAAM,qBAAqB,OAAO,eAAe;AAEjD,YAAU,MAAM;AACd,yBAAqB,UAAU;AAAA,EACjC,GAAG,CAAC,iBAAiB,CAAC;AAEtB,YAAU,MAAM;AACd,uBAAmB,UAAU;AAAA,EAC/B,GAAG,CAAC,eAAe,CAAC;AAEpB,QAAM,sBAAsB,YAAY,MAAM;AAC5C,yBAAqB,UAAU;AAAA,EACjC,GAAG,CAAC,CAAC;AAEL,QAAM,oBAAoB;AAAA,IACxB,CAAC,iBAA0C;AACzC,yBAAmB,UAAU,YAAY;AAAA,IAC3C;AAAA,IACA,CAAC;AAAA,EACH;AAEA,SAAO,CAAC,qBAAqB,iBAAiB;AAChD;",
   "names": []
 }

package/esm/editors/dql-editor/useValidityInfo.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/editors/dql-editor/useValidityInfo.ts"],
-  "sourcesContent": ["import { useCallback, useRef } from 'react';\n\nimport type { DQLEditorValidityInfo } from './DQLEditor.js';\n\n/**\n * @internal\n */\nexport const useValidityInfo = (\n  onValidityChange?: (validityInfo: DQLEditorValidityInfo[]) => void,\n) => {\n  const currentValidityRef = useRef<DQLEditorValidityInfo[]>([]);\n  const onValidityChangeRef = useRef<typeof onValidityChange>(undefined);\n\n  onValidityChangeRef.current = onValidityChange;\n\n  return useCallback(\n    (validity: DQLEditorValidityInfo[]) => {\n      if (\n        onValidityChangeRef.current &&\n        JSON.stringify(validity) !== JSON.stringify(currentValidityRef.current)\n      ) {\n        currentValidityRef.current = validity;\n        onValidityChangeRef.current(validity);\n      }\n    },\n    // Avoid adding any dependencies to prevent reconfiguring the editor when currentDiagnostics changes\n    [],\n  );\n};\n"],
+  "sourcesContent": ["import { useCallback, useRef } from 'react';\n\nimport type { DQLEditorValidityInfo } from './dql-editor-types.js';\n\n/**\n * @internal\n */\nexport const useValidityInfo = (\n  onValidityChange?: (validityInfo: DQLEditorValidityInfo[]) => void,\n) => {\n  const currentValidityRef = useRef<DQLEditorValidityInfo[]>([]);\n  const onValidityChangeRef = useRef<typeof onValidityChange>(undefined);\n\n  onValidityChangeRef.current = onValidityChange;\n\n  return useCallback(\n    (validity: DQLEditorValidityInfo[]) => {\n      if (\n        onValidityChangeRef.current &&\n        JSON.stringify(validity) !== JSON.stringify(currentValidityRef.current)\n      ) {\n        currentValidityRef.current = validity;\n        onValidityChangeRef.current(validity);\n      }\n    },\n    // Avoid adding any dependencies to prevent reconfiguring the editor when currentDiagnostics changes\n    [],\n  );\n};\n"],
   "mappings": "AAAA,SAAS,aAAa,cAAc;AAO7B,MAAM,kBAAkB,CAC7B,qBACG;AACH,QAAM,qBAAqB,OAAgC,CAAC,CAAC;AAC7D,QAAM,sBAAsB,OAAgC,MAAS;AAErE,sBAAoB,UAAU;AAE9B,SAAO;AAAA,IACL,CAAC,aAAsC;AACrC,UACE,oBAAoB,WACpB,KAAK,UAAU,QAAQ,MAAM,KAAK,UAAU,mBAAmB,OAAO,GACtE;AACA,2BAAmB,UAAU;AAC7B,4BAAoB,QAAQ,QAAQ;AAAA,MACtC;AAAA,IACF;AAAA;AAAA,IAEA,CAAC;AAAA,EACH;AACF;",
   "names": []
 }

package/esm/editors/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/editors/index.ts"],
-  "sourcesContent": ["export { BaseCodeEditor as _BaseCodeEditor } from './base-code-editor/BaseCodeEditor.js';\nexport type {\n  BaseCodeEditorProps as _BaseCodeEditorProps,\n  BaseCodeEditorRef as _BaseCodeEditorRef,\n} from './base-code-editor/BaseCodeEditor.js';\nexport type {\n  AutocompleteProvider as _AutocompleteProvider,\n  AutocompletionResult as _AutocompletionResult,\n  Suggestion as _Suggestion,\n} from './base-code-editor/auto-completion/autocompletion.extension.js';\nexport type { ListAutocompletionConfig as _ListAutocompletionConfig } from './base-code-editor/auto-completion/list/list-autocompletion-extension.js';\nexport type {\n  AutocompletionOptions as _AutocompletionOptions,\n  EditorLanguageConfiguration as _EditorLanguageConfiguration,\n} from './base-code-editor/configuration/configuration.js';\nexport { getAutocompleteExtensions as _getAutocompleteExtensions } from './base-code-editor/configuration/language-extensions.js';\nexport type { GutterConfiguration } from './base-code-editor/configuration/getDefaultConfigurations.js';\nexport type { IntlProps as _IntlProps } from './base-code-editor/utils/render-node.js';\nexport { CodeEditor } from './code-editor/CodeEditor.js';\nexport type {\n  CodeEditorProps,\n  CodeEditorRef,\n} from './code-editor/CodeEditor.js';\nexport { codeEditorLanguages as _codeEditorLanguages } from './code-editor/languages/languages.js';\nexport { DQLEditor } from './dql-editor/DQLEditor.js';\nexport type {\n  DQLEditorProps,\n  DQLEditorRef,\n  DQLEditorValidityInfo,\n} from './dql-editor/DQLEditor.js';\nexport { getDqlConfig as _getDqlConfig } from './dql-editor/dql/dql-language.js';\nexport { useValidityInfo as _useValidityInfo } from './dql-editor/useValidityInfo.js';\n"],
-  "mappings": "AAAA,SAA2B,sBAAuB;AAelD,SAAsC,iCAAkC;AAGxE,SAAS,kBAAkB;AAK3B,SAAgC,2BAA4B;AAC5D,SAAS,iBAAiB;AAM1B,SAAyB,oBAAqB;AAC9C,SAA4B,uBAAwB;",
+  "sourcesContent": ["export { BaseCodeEditor as _BaseCodeEditor } from './base-code-editor/BaseCodeEditor.js';\nexport type {\n  BaseCodeEditorProps as _BaseCodeEditorProps,\n  BaseCodeEditorRef as _BaseCodeEditorRef,\n} from './base-code-editor/BaseCodeEditor.js';\nexport type {\n  AutocompleteProvider as _AutocompleteProvider,\n  AutocompletionResult as _AutocompletionResult,\n  Suggestion as _Suggestion,\n} from './base-code-editor/auto-completion/autocompletion.extension.js';\nexport type { ListAutocompletionConfig as _ListAutocompletionConfig } from './base-code-editor/auto-completion/list/list-autocompletion-types.js';\nexport type {\n  AutocompletionOptions as _AutocompletionOptions,\n  EditorLanguageConfiguration as _EditorLanguageConfiguration,\n} from './base-code-editor/configuration/configuration.js';\nexport { getAutocompleteExtensions as _getAutocompleteExtensions } from './base-code-editor/configuration/language-extensions.js';\nexport type { GutterConfiguration } from './base-code-editor/configuration/getDefaultConfigurations.js';\nexport type { IntlProps as _IntlProps } from './base-code-editor/utils/render-node.js';\nexport { CodeEditor } from './code-editor/CodeEditor.js';\nexport type {\n  CodeEditorProps,\n  CodeEditorRef,\n} from './code-editor/CodeEditor.js';\nexport { codeEditorLanguages as _codeEditorLanguages } from './code-editor/languages/languages.js';\nexport { DQLEditor } from './dql-editor/DQLEditor.js';\nexport type { DQLEditorValidityInfo } from './dql-editor/dql-editor-types.js';\nexport type { DQLEditorProps, DQLEditorRef } from './dql-editor/DQLEditor.js';\nexport { getDqlConfig as _getDqlConfig } from './dql-editor/dql/dql-language.js';\nexport { useValidityInfo as _useValidityInfo } from './dql-editor/useValidityInfo.js';\n"],
+  "mappings": "AAAA,SAA2B,sBAAuB;AAelD,SAAsC,iCAAkC;AAGxE,SAAS,kBAAkB;AAK3B,SAAgC,2BAA4B;AAC5D,SAAS,iBAAiB;AAG1B,SAAyB,oBAAqB;AAC9C,SAA4B,uBAAwB;",
   "names": []
 }