@gravity-ui/querieskit 1.0.1

package/build/esm/components/QueryDuration/QueryDuration.stories.js

@@ -0,0 +1,54 @@
+import "core-js/modules/es.date.now.js";
+import React from 'react';
+import { QueryDuration } from "./QueryDuration";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var now = Date.now();
+var fiveMinutesAgo = now - 5 * 60 * 1000;
+var oneHourAgo = now - 60 * 60 * 1000;
+var meta = {
+  title: 'Components/QueryDuration',
+  component: QueryDuration,
+  tags: ['autodocs']
+};
+export default meta;
+/** Live timer: endTime not provided — counter ticks every second */
+export var Default = {
+  args: {
+    status: 'running',
+    startTime: fiveMinutesAgo
+  }
+};
+
+/** All variants side by side: Running updates in real time, Draft is static */
+export var AllStatuses = {
+  render: function render() {
+    return /*#__PURE__*/_jsxs("div", {
+      style: {
+        display: 'flex',
+        gap: 8,
+        flexWrap: 'wrap',
+        alignItems: 'center'
+      },
+      children: [/*#__PURE__*/_jsx(QueryDuration, {
+        status: "completed",
+        startTime: fiveMinutesAgo,
+        endTime: now
+      }), /*#__PURE__*/_jsx(QueryDuration, {
+        status: "failed",
+        startTime: oneHourAgo,
+        endTime: now
+      }), /*#__PURE__*/_jsx(QueryDuration, {
+        status: "aborted",
+        startTime: fiveMinutesAgo,
+        endTime: now
+      }), /*#__PURE__*/_jsx(QueryDuration, {
+        status: "running",
+        startTime: fiveMinutesAgo
+      }), /*#__PURE__*/_jsx(QueryDuration, {
+        status: "draft",
+        startTime: now
+      })]
+    });
+  }
+};
+// #sourceMappingURL=QueryDuration.stories.js.map

package/build/esm/components/QueryDuration/QueryDuration.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","QueryDuration","jsx","_jsx","jsxs","_jsxs","now","Date","fiveMinutesAgo","oneHourAgo","meta","title","component","tags","Default","args","status","startTime","AllStatuses","render","style","display","gap","flexWrap","alignItems","children","endTime"],"sources":["QueryDuration.stories.tsx"],"sourcesContent":["import React from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {QueryDuration} from './QueryDuration';\n\nconst now = Date.now();\nconst fiveMinutesAgo = now - 5 * 60 * 1000;\nconst oneHourAgo = now - 60 * 60 * 1000;\n\nconst meta: Meta<typeof QueryDuration> = {\n    title: 'Components/QueryDuration',\n    component: QueryDuration,\n    tags: ['autodocs'],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof QueryDuration>;\n\n/** Live timer: endTime not provided — counter ticks every second */\nexport const Default: Story = {\n    args: {\n        status: 'running',\n        startTime: fiveMinutesAgo,\n    },\n};\n\n/** All variants side by side: Running updates in real time, Draft is static */\nexport const AllStatuses: Story = {\n    render: () => (\n        <div style={{display: 'flex', gap: 8, flexWrap: 'wrap', alignItems: 'center'}}>\n            {/* Static */}\n            <QueryDuration status=\"completed\" startTime={fiveMinutesAgo} endTime={now} />\n            <QueryDuration status=\"failed\" startTime={oneHourAgo} endTime={now} />\n            <QueryDuration status=\"aborted\" startTime={fiveMinutesAgo} endTime={now} />\n            {/* Live timer */}\n            <QueryDuration status=\"running\" startTime={fiveMinutesAgo} />\n            {/* Always --:-- */}\n            <QueryDuration status=\"draft\" startTime={now} />\n        </div>\n    ),\n};\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAAQC,aAAa;AAAyB,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE9C,IAAMC,GAAG,GAAGC,IAAI,CAACD,GAAG,CAAC,CAAC;AACtB,IAAME,cAAc,GAAGF,GAAG,GAAG,CAAC,GAAG,EAAE,GAAG,IAAI;AAC1C,IAAMG,UAAU,GAAGH,GAAG,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI;AAEvC,IAAMI,IAAgC,GAAG;EACrCC,KAAK,EAAE,0BAA0B;EACjCC,SAAS,EAAEX,aAAa;EACxBY,IAAI,EAAE,CAAC,UAAU;AACrB,CAAC;AAED,eAAeH,IAAI;AAGnB;AACA,OAAO,IAAMI,OAAc,GAAG;EAC1BC,IAAI,EAAE;IACFC,MAAM,EAAE,SAAS;IACjBC,SAAS,EAAET;EACf;AACJ,CAAC;;AAED;AACA,OAAO,IAAMU,WAAkB,GAAG;EAC9BC,MAAM,EAAE,SAARA,MAAMA,CAAA;IAAA,oBACFd,KAAA;MAAKe,KAAK,EAAE;QAACC,OAAO,EAAE,MAAM;QAAEC,GAAG,EAAE,CAAC;QAAEC,QAAQ,EAAE,MAAM;QAAEC,UAAU,EAAE;MAAQ,CAAE;MAAAC,QAAA,gBAE1EtB,IAAA,CAACF,aAAa;QAACe,MAAM,EAAC,WAAW;QAACC,SAAS,EAAET,cAAe;QAACkB,OAAO,EAAEpB;MAAI,CAAE,CAAC,eAC7EH,IAAA,CAACF,aAAa;QAACe,MAAM,EAAC,QAAQ;QAACC,SAAS,EAAER,UAAW;QAACiB,OAAO,EAAEpB;MAAI,CAAE,CAAC,eACtEH,IAAA,CAACF,aAAa;QAACe,MAAM,EAAC,SAAS;QAACC,SAAS,EAAET,cAAe;QAACkB,OAAO,EAAEpB;MAAI,CAAE,CAAC,eAE3EH,IAAA,CAACF,aAAa;QAACe,MAAM,EAAC,SAAS;QAACC,SAAS,EAAET;MAAe,CAAE,CAAC,eAE7DL,IAAA,CAACF,aAAa;QAACe,MAAM,EAAC,OAAO;QAACC,SAAS,EAAEX;MAAI,CAAE,CAAC;IAAA,CAC/C,CAAC;EAAA;AAEd,CAAC","ignoreList":[]}

package/build/esm/components/QueryDuration/index.d.ts

@@ -0,0 +1 @@
+export { QueryDuration } from './QueryDuration';

package/build/esm/components/QueryDuration/index.js

@@ -0,0 +1,2 @@
+export { QueryDuration } from "./QueryDuration";
+// #sourceMappingURL=index.js.map

package/build/esm/components/QueryDuration/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["QueryDuration"],"sources":["index.ts"],"sourcesContent":["export {QueryDuration} from './QueryDuration';\n"],"mappings":"AAAA,SAAQA,aAAa","ignoreList":[]}

package/build/esm/components/QueryDuration/useQueryDuration.d.ts

@@ -0,0 +1,2 @@
+import { QueryStatus } from '../../types/history';
+export declare const useQueryDuration: (state: QueryStatus, startTime?: string | number, endTime?: string | number) => string | undefined;

package/build/esm/components/QueryDuration/useQueryDuration.js

@@ -0,0 +1,35 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import "core-js/modules/es.array.includes.js";
+import "core-js/modules/es.string.includes.js";
+import "core-js/modules/web.timers.js";
+import { useEffect, useState } from 'react';
+import { CompletedQueryStates } from "../../constants/query";
+import { durationDates } from "../../helpers/time";
+export var useQueryDuration = function useQueryDuration(state, startTime, endTime) {
+  var _useState = useState(durationDates(startTime, endTime)),
+    _useState2 = _slicedToArray(_useState, 2),
+    duration = _useState2[0],
+    setDuration = _useState2[1];
+  useEffect(function () {
+    if (state === 'draft' || !startTime) {
+      setDuration('--:--');
+      return;
+    }
+    if (CompletedQueryStates.includes(state)) {
+      setDuration(endTime ? durationDates(startTime, endTime) : '--:--');
+      return;
+    }
+    setDuration(durationDates(startTime, endTime));
+    if (endTime) {
+      return;
+    }
+    var timer = setInterval(function () {
+      return setDuration(durationDates(startTime, endTime));
+    }, 1000);
+    return function () {
+      clearInterval(timer);
+    };
+  }, [state, startTime, endTime]);
+  return duration;
+};
+// #sourceMappingURL=useQueryDuration.js.map

package/build/esm/components/QueryDuration/useQueryDuration.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","CompletedQueryStates","durationDates","useQueryDuration","state","startTime","endTime","_useState","_useState2","_slicedToArray","duration","setDuration","includes","timer","setInterval","clearInterval"],"sources":["useQueryDuration.ts"],"sourcesContent":["import {useEffect, useState} from 'react';\nimport {QueryStatus} from '../../types/history';\nimport {CompletedQueryStates} from '../../constants/query';\nimport {durationDates} from '../../helpers/time';\n\nexport const useQueryDuration = (\n    state: QueryStatus,\n    startTime?: string | number,\n    endTime?: string | number,\n) => {\n    const [duration, setDuration] = useState(durationDates(startTime, endTime));\n\n    useEffect(() => {\n        if (state === 'draft' || !startTime) {\n            setDuration('--:--');\n            return;\n        }\n        if (CompletedQueryStates.includes(state)) {\n            setDuration(endTime ? durationDates(startTime, endTime) : '--:--');\n            return;\n        }\n        setDuration(durationDates(startTime, endTime));\n        if (endTime) {\n            return;\n        }\n        const timer = setInterval(() => setDuration(durationDates(startTime, endTime)), 1000);\n\n        return () => {\n            clearInterval(timer);\n        };\n    }, [state, startTime, endTime]);\n\n    return duration;\n};\n"],"mappings":";;;;AAAA,SAAQA,SAAS,EAAEC,QAAQ,QAAO,OAAO;AAEzC,SAAQC,oBAAoB;AAC5B,SAAQC,aAAa;AAErB,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CACzBC,KAAkB,EAClBC,SAA2B,EAC3BC,OAAyB,EACxB;EACD,IAAAC,SAAA,GAAgCP,QAAQ,CAACE,aAAa,CAACG,SAAS,EAAEC,OAAO,CAAC,CAAC;IAAAE,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAApEG,QAAQ,GAAAF,UAAA;IAAEG,WAAW,GAAAH,UAAA;EAE5BT,SAAS,CAAC,YAAM;IACZ,IAAIK,KAAK,KAAK,OAAO,IAAI,CAACC,SAAS,EAAE;MACjCM,WAAW,CAAC,OAAO,CAAC;MACpB;IACJ;IACA,IAAIV,oBAAoB,CAACW,QAAQ,CAACR,KAAK,CAAC,EAAE;MACtCO,WAAW,CAACL,OAAO,GAAGJ,aAAa,CAACG,SAAS,EAAEC,OAAO,CAAC,GAAG,OAAO,CAAC;MAClE;IACJ;IACAK,WAAW,CAACT,aAAa,CAACG,SAAS,EAAEC,OAAO,CAAC,CAAC;IAC9C,IAAIA,OAAO,EAAE;MACT;IACJ;IACA,IAAMO,KAAK,GAAGC,WAAW,CAAC;MAAA,OAAMH,WAAW,CAACT,aAAa,CAACG,SAAS,EAAEC,OAAO,CAAC,CAAC;IAAA,GAAE,IAAI,CAAC;IAErF,OAAO,YAAM;MACTS,aAAa,CAACF,KAAK,CAAC;IACxB,CAAC;EACL,CAAC,EAAE,CAACT,KAAK,EAAEC,SAAS,EAAEC,OAAO,CAAC,CAAC;EAE/B,OAAOI,QAAQ;AACnB,CAAC","ignoreList":[]}

package/build/esm/components/QueryStatusIcon/QueryStatusIcon.css

@@ -0,0 +1,13 @@
+.qp-query-status-icon_completed {
+  color: var(--g-color-text-positive-heavy);
+}
+.qp-query-status-icon_failed {
+  color: var(--g-color-text-danger);
+}
+.qp-query-status-icon_running {
+  color: var(--g-color-base-brand);
+}
+.qp-query-status-icon_draft, .qp-query-status-icon_aborted {
+  color: var(--g-color-text-secondary);
+}
+/*# sourceMappingURL=QueryStatusIcon.css.map */

package/build/esm/components/QueryStatusIcon/QueryStatusIcon.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["QueryStatusIcon.scss"],"names":[],"mappings":"AACE;EACE,yCAAA;AAAJ;AAGE;EACE,iCAAA;AADJ;AAIE;EACE,gCAAA;AAFJ;AAKE;EACE,oCAAA;AAHJ","file":"QueryStatusIcon.css","sourcesContent":[".qp-query-status-icon {\n  &_completed {\n    color: var(--g-color-text-positive-heavy);\n  }\n\n  &_failed {\n    color: var(--g-color-text-danger);\n  }\n\n  &_running {\n    color: var(--g-color-base-brand);\n  }\n\n  &_draft, &_aborted {\n    color: var(--g-color-text-secondary);\n  }\n}"],"sourceRoot":""}

package/build/esm/components/QueryStatusIcon/QueryStatusIcon.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { QueryStatus } from '../../types/history';
+import './QueryStatusIcon.scss';
+type Props = {
+    status: QueryStatus;
+    className?: string;
+};
+export declare const QueryStatusIcon: FC<Props>;
+export {};

package/build/esm/components/QueryStatusIcon/QueryStatusIcon.js

@@ -0,0 +1,122 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import "core-js/modules/es.array.includes.js";
+import "core-js/modules/es.string.includes.js";
+import React from 'react';
+import { Icon, Spin } from '@gravity-ui/uikit';
+var CircleCheckIcon = function CircleCheckIcon(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/_jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0m-3.9-1.55a.75.75 0 1 0-1.2-.9L7.419 8.858 6.03 7.47a.75.75 0 0 0-1.06 1.06l2 2a.75.75 0 0 0 1.13-.08z",
+      clipRule: "evenodd"
+    })
+  }));
+};
+CircleCheckIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+var CircleExclamationIcon = function CircleExclamationIcon(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/_jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M8 13.5a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14m1-4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0M8.75 5a.75.75 0 0 0-1.5 0v2.5a.75.75 0 0 0 1.5 0z",
+      clipRule: "evenodd"
+    })
+  }));
+};
+CircleExclamationIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+var FileIcon = function FileIcon(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/_jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M11 13.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h2V5a3 3 0 0 0 3 3h2.5v4a1.5 1.5 0 0 1-1.5 1.5m1.303-7a1.5 1.5 0 0 0-.242-.318L8.818 2.939a1.5 1.5 0 0 0-.318-.242V5A1.5 1.5 0 0 0 10 6.5zm.818-1.379A3 3 0 0 1 14 7.243V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.757a3 3 0 0 1 2.122.879z",
+      clipRule: "evenodd"
+    })
+  }));
+};
+FileIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+var CircleStopIcon = function CircleStopIcon(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/_jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0M5.25 6.25a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1v3.5a1 1 0 0 1-1 1h-3.5a1 1 0 0 1-1-1z",
+      clipRule: "evenodd"
+    })
+  }));
+};
+CircleStopIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+var CirclePlayIcon = function CirclePlayIcon(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/_jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0m-7.75 3.031L11 8.866a1 1 0 0 0 0-1.732L7.25 4.969a1 1 0 0 0-1.5.866v4.33a1 1 0 0 0 1.5.866",
+      clipRule: "evenodd"
+    })
+  }));
+};
+CirclePlayIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+import cn from 'bem-cn-lite';
+import "./QueryStatusIcon.css";
+import { ProgressQueryStatuses } from "../../constants/query";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+var STATUS_ICONS = {
+  completed: CircleCheckIcon,
+  failed: CircleExclamationIcon,
+  draft: FileIcon,
+  aborted: CircleStopIcon,
+  running: CirclePlayIcon
+};
+var block = cn('qp-query-status-icon');
+export var QueryStatusIcon = function QueryStatusIcon(_ref) {
+  var status = _ref.status,
+    className = _ref.className;
+  if (ProgressQueryStatuses.includes(status)) {
+    return /*#__PURE__*/_jsx(Spin, {
+      size: "xs"
+    });
+  }
+  var statusIcon = STATUS_ICONS[status];
+  if (!statusIcon) return /*#__PURE__*/_jsx(_Fragment, {
+    children: status
+  });
+  return /*#__PURE__*/_jsx(Icon, {
+    data: statusIcon,
+    size: 16,
+    className: block(_defineProperty({}, status, true), className)
+  });
+};
+// #sourceMappingURL=QueryStatusIcon.js.map

package/build/esm/components/QueryStatusIcon/QueryStatusIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Icon","Spin","CircleCheckIcon","props","_jsx","_objectSpread","children","fill","fillRule","d","clipRule","defaultProps","xmlns","width","height","viewBox","CircleExclamationIcon","FileIcon","CircleStopIcon","CirclePlayIcon","cn","ProgressQueryStatuses","jsx","Fragment","_Fragment","STATUS_ICONS","completed","failed","draft","aborted","running","block","QueryStatusIcon","_ref","status","className","includes","size","statusIcon","data","_defineProperty"],"sources":["QueryStatusIcon.tsx"],"sourcesContent":["import React, {FC} from 'react';\nimport {Icon, IconData, Spin} from '@gravity-ui/uikit';\nimport CircleCheckIcon from '@gravity-ui/icons/svgs/circle-check.svg';\nimport CircleExclamationIcon from '@gravity-ui/icons/svgs/circle-exclamation.svg';\nimport FileIcon from '@gravity-ui/icons/svgs/file.svg';\nimport CircleStopIcon from '@gravity-ui/icons/svgs/circle-stop.svg';\nimport CirclePlayIcon from '@gravity-ui/icons/svgs/circle-play.svg';\nimport {QueryStatus} from '../../types/history';\nimport cn from 'bem-cn-lite';\nimport './QueryStatusIcon.scss';\nimport {ProgressQueryStatuses} from '../../constants/query';\n\ntype Props = {\n    status: QueryStatus;\n    className?: string;\n};\n\nconst STATUS_ICONS: Record<QueryStatus, IconData> = {\n    completed: CircleCheckIcon,\n    failed: CircleExclamationIcon,\n    draft: FileIcon,\n    aborted: CircleStopIcon,\n    running: CirclePlayIcon,\n};\n\nconst block = cn('qp-query-status-icon');\n\nexport const QueryStatusIcon: FC<Props> = ({status, className}) => {\n    if (ProgressQueryStatuses.includes(status)) {\n        return <Spin size=\"xs\" />;\n    }\n\n    const statusIcon = STATUS_ICONS[status];\n    if (!statusIcon) return <>{status}</>;\n\n    return <Icon data={statusIcon} size={16} className={block({[status]: true}, className)} />;\n};\n"],"mappings":"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","ignoreList":[]}

package/build/esm/components/QueryStatusIcon/QueryStatusIcon.scss

@@ -0,0 +1,17 @@
+.qp-query-status-icon {
+  &_completed {
+    color: var(--g-color-text-positive-heavy);
+  }
+
+  &_failed {
+    color: var(--g-color-text-danger);
+  }
+
+  &_running {
+    color: var(--g-color-base-brand);
+  }
+
+  &_draft, &_aborted {
+    color: var(--g-color-text-secondary);
+  }
+}

package/build/esm/components/QueryStatusIcon/QueryStatusIcon.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { QueryStatusIcon } from './QueryStatusIcon';
+declare const meta: Meta<typeof QueryStatusIcon>;
+export default meta;
+type Story = StoryObj<typeof QueryStatusIcon>;
+export declare const Completed: Story;
+export declare const Failed: Story;
+export declare const Aborted: Story;
+export declare const Draft: Story;
+export declare const Running: Story;
+export declare const AllStatuses: Story;

package/build/esm/components/QueryStatusIcon/QueryStatusIcon.stories.js

@@ -0,0 +1,64 @@
+import React from 'react';
+import { QueryStatusIcon } from "./QueryStatusIcon";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var meta = {
+  title: 'Components/QueryStatusIcon',
+  component: QueryStatusIcon,
+  tags: ['autodocs'],
+  argTypes: {
+    status: {
+      control: 'select',
+      options: ['completed', 'failed', 'aborted', 'draft', 'running']
+    }
+  }
+};
+export default meta;
+export var Completed = {
+  args: {
+    status: 'completed'
+  }
+};
+export var Failed = {
+  args: {
+    status: 'failed'
+  }
+};
+export var Aborted = {
+  args: {
+    status: 'aborted'
+  }
+};
+export var Draft = {
+  args: {
+    status: 'draft'
+  }
+};
+export var Running = {
+  args: {
+    status: 'running'
+  }
+};
+export var AllStatuses = {
+  render: function render() {
+    return /*#__PURE__*/_jsxs("div", {
+      style: {
+        display: 'flex',
+        gap: 16,
+        alignItems: 'center',
+        flexWrap: 'wrap'
+      },
+      children: [/*#__PURE__*/_jsx(QueryStatusIcon, {
+        status: "completed"
+      }), /*#__PURE__*/_jsx(QueryStatusIcon, {
+        status: "failed"
+      }), /*#__PURE__*/_jsx(QueryStatusIcon, {
+        status: "aborted"
+      }), /*#__PURE__*/_jsx(QueryStatusIcon, {
+        status: "draft"
+      }), /*#__PURE__*/_jsx(QueryStatusIcon, {
+        status: "running"
+      })]
+    });
+  }
+};
+// #sourceMappingURL=QueryStatusIcon.stories.js.map

package/build/esm/components/QueryStatusIcon/QueryStatusIcon.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","QueryStatusIcon","jsx","_jsx","jsxs","_jsxs","meta","title","component","tags","argTypes","status","control","options","Completed","args","Failed","Aborted","Draft","Running","AllStatuses","render","style","display","gap","alignItems","flexWrap","children"],"sources":["QueryStatusIcon.stories.tsx"],"sourcesContent":["import React from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {QueryStatusIcon} from './QueryStatusIcon';\n\nconst meta: Meta<typeof QueryStatusIcon> = {\n    title: 'Components/QueryStatusIcon',\n    component: QueryStatusIcon,\n    tags: ['autodocs'],\n    argTypes: {\n        status: {\n            control: 'select',\n            options: ['completed', 'failed', 'aborted', 'draft', 'running'],\n        },\n    },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof QueryStatusIcon>;\n\nexport const Completed: Story = {\n    args: {status: 'completed'},\n};\n\nexport const Failed: Story = {\n    args: {status: 'failed'},\n};\n\nexport const Aborted: Story = {\n    args: {status: 'aborted'},\n};\n\nexport const Draft: Story = {\n    args: {status: 'draft'},\n};\n\nexport const Running: Story = {\n    args: {status: 'running'},\n};\n\nexport const AllStatuses: Story = {\n    render: () => (\n        <div style={{display: 'flex', gap: 16, alignItems: 'center', flexWrap: 'wrap'}}>\n            <QueryStatusIcon status=\"completed\" />\n            <QueryStatusIcon status=\"failed\" />\n            <QueryStatusIcon status=\"aborted\" />\n            <QueryStatusIcon status=\"draft\" />\n            <QueryStatusIcon status=\"running\" />\n        </div>\n    ),\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAAQC,eAAe;AAA2B,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAElD,IAAMC,IAAkC,GAAG;EACvCC,KAAK,EAAE,4BAA4B;EACnCC,SAAS,EAAEP,eAAe;EAC1BQ,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,QAAQ,EAAE;IACNC,MAAM,EAAE;MACJC,OAAO,EAAE,QAAQ;MACjBC,OAAO,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS;IAClE;EACJ;AACJ,CAAC;AAED,eAAeP,IAAI;AAGnB,OAAO,IAAMQ,SAAgB,GAAG;EAC5BC,IAAI,EAAE;IAACJ,MAAM,EAAE;EAAW;AAC9B,CAAC;AAED,OAAO,IAAMK,MAAa,GAAG;EACzBD,IAAI,EAAE;IAACJ,MAAM,EAAE;EAAQ;AAC3B,CAAC;AAED,OAAO,IAAMM,OAAc,GAAG;EAC1BF,IAAI,EAAE;IAACJ,MAAM,EAAE;EAAS;AAC5B,CAAC;AAED,OAAO,IAAMO,KAAY,GAAG;EACxBH,IAAI,EAAE;IAACJ,MAAM,EAAE;EAAO;AAC1B,CAAC;AAED,OAAO,IAAMQ,OAAc,GAAG;EAC1BJ,IAAI,EAAE;IAACJ,MAAM,EAAE;EAAS;AAC5B,CAAC;AAED,OAAO,IAAMS,WAAkB,GAAG;EAC9BC,MAAM,EAAE,SAARA,MAAMA,CAAA;IAAA,oBACFhB,KAAA;MAAKiB,KAAK,EAAE;QAACC,OAAO,EAAE,MAAM;QAAEC,GAAG,EAAE,EAAE;QAAEC,UAAU,EAAE,QAAQ;QAAEC,QAAQ,EAAE;MAAM,CAAE;MAAAC,QAAA,gBAC3ExB,IAAA,CAACF,eAAe;QAACU,MAAM,EAAC;MAAW,CAAE,CAAC,eACtCR,IAAA,CAACF,eAAe;QAACU,MAAM,EAAC;MAAQ,CAAE,CAAC,eACnCR,IAAA,CAACF,eAAe;QAACU,MAAM,EAAC;MAAS,CAAE,CAAC,eACpCR,IAAA,CAACF,eAAe;QAACU,MAAM,EAAC;MAAO,CAAE,CAAC,eAClCR,IAAA,CAACF,eAAe;QAACU,MAAM,EAAC;MAAS,CAAE,CAAC;IAAA,CACnC,CAAC;EAAA;AAEd,CAAC","ignoreList":[]}

package/build/esm/components/QueryStatusIcon/index.d.ts

@@ -0,0 +1 @@
+export { QueryStatusIcon } from './QueryStatusIcon';

package/build/esm/components/QueryStatusIcon/index.js

@@ -0,0 +1,2 @@
+export { QueryStatusIcon } from "./QueryStatusIcon";
+// #sourceMappingURL=index.js.map

package/build/esm/components/QueryStatusIcon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["QueryStatusIcon"],"sources":["index.ts"],"sourcesContent":["export {QueryStatusIcon} from './QueryStatusIcon';\n"],"mappings":"AAAA,SAAQA,eAAe","ignoreList":[]}

package/build/esm/components/RowLink/RowLink.css

@@ -0,0 +1,10 @@
+.qp-row-link {
+  width: 100%;
+  padding: 4px 16px;
+  box-sizing: border-box;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  color: var(--g-color-text-primary);
+  cursor: pointer;
+}
+/*# sourceMappingURL=RowLink.css.map */

package/build/esm/components/RowLink/RowLink.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["RowLink.scss"],"names":[],"mappings":"AAAA;EACE,WAAA;EACA,iBAAA;EACA,sBAAA;EACA,6BAAA;EAAA,qBAAA;EACA,kCAAA;EACA,eAAA;AACF","file":"RowLink.css","sourcesContent":[".qp-row-link {\n  width: 100%;\n  padding: 4px 16px;\n  box-sizing: border-box;\n  text-decoration: none;\n  color: var(--g-color-text-primary);\n  cursor: pointer;\n}\n"],"sourceRoot":""}

package/build/esm/components/RowLink/RowLink.d.ts

@@ -0,0 +1,9 @@
+import { FC, ReactNode } from 'react';
+import './RowLink.scss';
+export type RowLinkProps = {
+    href?: string;
+    disabled?: boolean;
+    className?: string;
+    children: ReactNode;
+};
+export declare const RowLink: FC<RowLinkProps>;

package/build/esm/components/RowLink/RowLink.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import cn from 'bem-cn-lite';
+import "./RowLink.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+var block = cn('qp-row-link');
+export var RowLink = function RowLink(_ref) {
+  var href = _ref.href,
+    disabled = _ref.disabled,
+    className = _ref.className,
+    children = _ref.children;
+  var isLink = Boolean(href) && !disabled;
+  var Wrap = isLink ? 'a' : 'div';
+  return /*#__PURE__*/_jsx(Wrap, {
+    href: isLink ? href : undefined,
+    className: block(null, className),
+    children: children
+  });
+};
+// #sourceMappingURL=RowLink.js.map

package/build/esm/components/RowLink/RowLink.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","jsx","_jsx","block","RowLink","_ref","href","disabled","className","children","isLink","Boolean","Wrap","undefined"],"sources":["RowLink.tsx"],"sourcesContent":["import React, {FC, ReactNode} from 'react';\nimport cn from 'bem-cn-lite';\nimport './RowLink.scss';\n\nconst block = cn('qp-row-link');\n\nexport type RowLinkProps = {\n    href?: string;\n    disabled?: boolean;\n    className?: string;\n    children: ReactNode;\n};\n\nexport const RowLink: FC<RowLinkProps> = ({href, disabled, className, children}) => {\n    const isLink = Boolean(href) && !disabled;\n    const Wrap = isLink ? 'a' : 'div';\n\n    return (\n        <Wrap href={isLink ? href : undefined} className={block(null, className)}>\n            {children}\n        </Wrap>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAuB,OAAO;AAC1C,OAAOC,EAAE,MAAM,aAAa;AAC5B;AAAwB,SAAAC,GAAA,IAAAC,IAAA;AAExB,IAAMC,KAAK,GAAGH,EAAE,CAAC,aAAa,CAAC;AAS/B,OAAO,IAAMI,OAAyB,GAAG,SAA5BA,OAAyBA,CAAAC,IAAA,EAA8C;EAAA,IAAzCC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;EAC1E,IAAMC,MAAM,GAAGC,OAAO,CAACL,IAAI,CAAC,IAAI,CAACC,QAAQ;EACzC,IAAMK,IAAI,GAAGF,MAAM,GAAG,GAAG,GAAG,KAAK;EAEjC,oBACIR,IAAA,CAACU,IAAI;IAACN,IAAI,EAAEI,MAAM,GAAGJ,IAAI,GAAGO,SAAU;IAACL,SAAS,EAAEL,KAAK,CAAC,IAAI,EAAEK,SAAS,CAAE;IAAAC,QAAA,EACpEA;EAAQ,CACP,CAAC;AAEf,CAAC","ignoreList":[]}

package/build/esm/components/RowLink/RowLink.scss

@@ -0,0 +1,8 @@
+.qp-row-link {
+  width: 100%;
+  padding: 4px 16px;
+  box-sizing: border-box;
+  text-decoration: none;
+  color: var(--g-color-text-primary);
+  cursor: pointer;
+}

package/build/esm/components/RowLink/index.d.ts

@@ -0,0 +1,2 @@
+export { RowLink } from './RowLink';
+export type { RowLinkProps } from './RowLink';

package/build/esm/components/RowLink/index.js

@@ -0,0 +1,2 @@
+export { RowLink } from "./RowLink";
+// #sourceMappingURL=index.js.map

package/build/esm/components/RowLink/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["RowLink"],"sources":["index.ts"],"sourcesContent":["export {RowLink} from './RowLink';\nexport type {RowLinkProps} from './RowLink';\n"],"mappings":"AAAA,SAAQA,OAAO","ignoreList":[]}

package/build/esm/components/SearchRowLayout/SearchRowLayout.css

@@ -0,0 +1,11 @@
+.qp-search-row-layout {
+  height: 110px;
+}
+.qp-search-row-layout__content {
+  height: 100%;
+}
+.qp-search-row-layout__monaco {
+  height: 74px;
+  border: 1px solid var(--g-color-line-generic-accent);
+}
+/*# sourceMappingURL=SearchRowLayout.css.map */

package/build/esm/components/SearchRowLayout/SearchRowLayout.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["SearchRowLayout.scss"],"names":[],"mappings":"AAKA;EACE,aANkB;AAEpB;AAME;EACE,YAAA;AAJJ;AAOE;EACE,YAAA;EAEA,oDAAA;AANJ","file":"SearchRowLayout.css","sourcesContent":["$search-row-height: 110px;\n$search-row-vertical-padding: 4px;\n$search-row-header-height: 20px;\n$search-row-gap: 8px;\n\n.qp-search-row-layout {\n  height: $search-row-height;\n\n  &__content {\n    height: 100%;\n  }\n\n  &__monaco {\n    height: $search-row-height - 2 * $search-row-vertical-padding - $search-row-header-height -\n      $search-row-gap;\n    border: 1px solid var(--g-color-line-generic-accent);\n  }\n}\n"],"sourceRoot":""}

package/build/esm/components/SearchRowLayout/SearchRowLayout.d.ts

@@ -0,0 +1,11 @@
+import { FC, ReactNode } from 'react';
+import './SearchRowLayout.scss';
+export type SearchRowLayoutProps = {
+    header: ReactNode;
+    query?: string;
+    language: string;
+    href?: string;
+    disabled?: boolean;
+    className?: string;
+};
+export declare const SearchRowLayout: FC<SearchRowLayoutProps>;

package/build/esm/components/SearchRowLayout/SearchRowLayout.js

@@ -0,0 +1,40 @@
+import React from 'react';
+import { Flex } from '@gravity-ui/uikit';
+import cn from 'bem-cn-lite';
+import { MonacoEditor } from "../MonacoEditor";
+import { RowLink } from "../RowLink";
+import { fitQueryToVisibleLines } from "./helpers/fitQueryToVisibleLines";
+import { MONACO_CONFIG } from "./helpers/monacoConfig";
+import "./SearchRowLayout.css";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var block = cn('qp-search-row-layout');
+export var SearchRowLayout = function SearchRowLayout(_ref) {
+  var header = _ref.header,
+    query = _ref.query,
+    language = _ref.language,
+    href = _ref.href,
+    disabled = _ref.disabled,
+    className = _ref.className;
+  return /*#__PURE__*/_jsx(RowLink, {
+    href: href,
+    disabled: disabled,
+    className: block(null, className),
+    children: /*#__PURE__*/_jsxs(Flex, {
+      direction: "column",
+      gap: 2,
+      className: block('content'),
+      children: [/*#__PURE__*/_jsx(Flex, {
+        gap: 2,
+        alignItems: "center",
+        children: header
+      }), /*#__PURE__*/_jsx(MonacoEditor, {
+        value: fitQueryToVisibleLines(query),
+        language: language,
+        readOnly: true,
+        monacoConfig: MONACO_CONFIG,
+        className: block('monaco')
+      })]
+    })
+  });
+};
+// #sourceMappingURL=SearchRowLayout.js.map

package/build/esm/components/SearchRowLayout/SearchRowLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Flex","cn","MonacoEditor","RowLink","fitQueryToVisibleLines","MONACO_CONFIG","jsx","_jsx","jsxs","_jsxs","block","SearchRowLayout","_ref","header","query","language","href","disabled","className","children","direction","gap","alignItems","value","readOnly","monacoConfig"],"sources":["SearchRowLayout.tsx"],"sourcesContent":["import React, {FC, ReactNode} from 'react';\nimport {Flex} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport {MonacoEditor} from '../MonacoEditor';\nimport {RowLink} from '../RowLink';\nimport {fitQueryToVisibleLines} from './helpers/fitQueryToVisibleLines';\nimport {MONACO_CONFIG} from './helpers/monacoConfig';\nimport './SearchRowLayout.scss';\n\nconst block = cn('qp-search-row-layout');\n\nexport type SearchRowLayoutProps = {\n    header: ReactNode;\n    query?: string;\n    language: string;\n    href?: string;\n    disabled?: boolean;\n    className?: string;\n};\n\nexport const SearchRowLayout: FC<SearchRowLayoutProps> = ({\n    header,\n    query,\n    language,\n    href,\n    disabled,\n    className,\n}) => {\n    return (\n        <RowLink href={href} disabled={disabled} className={block(null, className)}>\n            <Flex direction=\"column\" gap={2} className={block('content')}>\n                <Flex gap={2} alignItems=\"center\">\n                    {header}\n                </Flex>\n                <MonacoEditor\n                    value={fitQueryToVisibleLines(query)}\n                    language={language}\n                    readOnly\n                    monacoConfig={MONACO_CONFIG}\n                    className={block('monaco')}\n                />\n            </Flex>\n        </RowLink>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAuB,OAAO;AAC1C,SAAQC,IAAI,QAAO,mBAAmB;AACtC,OAAOC,EAAE,MAAM,aAAa;AAC5B,SAAQC,YAAY;AACpB,SAAQC,OAAO;AACf,SAAQC,sBAAsB;AAC9B,SAAQC,aAAa;AACrB;AAAgC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEhC,IAAMC,KAAK,GAAGT,EAAE,CAAC,sBAAsB,CAAC;AAWxC,OAAO,IAAMU,eAAyC,GAAG,SAA5CA,eAAyCA,CAAAC,IAAA,EAOhD;EAAA,IANFC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IACJC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,SAAS,GAAAN,IAAA,CAATM,SAAS;EAET,oBACIX,IAAA,CAACJ,OAAO;IAACa,IAAI,EAAEA,IAAK;IAACC,QAAQ,EAAEA,QAAS;IAACC,SAAS,EAAER,KAAK,CAAC,IAAI,EAAEQ,SAAS,CAAE;IAAAC,QAAA,eACvEV,KAAA,CAACT,IAAI;MAACoB,SAAS,EAAC,QAAQ;MAACC,GAAG,EAAE,CAAE;MAACH,SAAS,EAAER,KAAK,CAAC,SAAS,CAAE;MAAAS,QAAA,gBACzDZ,IAAA,CAACP,IAAI;QAACqB,GAAG,EAAE,CAAE;QAACC,UAAU,EAAC,QAAQ;QAAAH,QAAA,EAC5BN;MAAM,CACL,CAAC,eACPN,IAAA,CAACL,YAAY;QACTqB,KAAK,EAAEnB,sBAAsB,CAACU,KAAK,CAAE;QACrCC,QAAQ,EAAEA,QAAS;QACnBS,QAAQ;QACRC,YAAY,EAAEpB,aAAc;QAC5Ba,SAAS,EAAER,KAAK,CAAC,QAAQ;MAAE,CAC9B,CAAC;IAAA,CACA;EAAC,CACF,CAAC;AAElB,CAAC","ignoreList":[]}

package/build/esm/components/SearchRowLayout/SearchRowLayout.scss

@@ -0,0 +1,18 @@
+$search-row-height: 110px;
+$search-row-vertical-padding: 4px;
+$search-row-header-height: 20px;
+$search-row-gap: 8px;
+
+.qp-search-row-layout {
+  height: $search-row-height;
+
+  &__content {
+    height: 100%;
+  }
+
+  &__monaco {
+    height: $search-row-height - 2 * $search-row-vertical-padding - $search-row-header-height -
+      $search-row-gap;
+    border: 1px solid var(--g-color-line-generic-accent);
+  }
+}

package/build/esm/components/SearchRowLayout/helpers/fitQueryToVisibleLines.d.ts

@@ -0,0 +1 @@
+export declare const fitQueryToVisibleLines: (query?: string) => string;

package/build/esm/components/SearchRowLayout/helpers/fitQueryToVisibleLines.js

@@ -0,0 +1,15 @@
+import "core-js/modules/es.array.join.js";
+import "core-js/modules/es.array.push.js";
+import "core-js/modules/es.array.slice.js";
+import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.split.js";
+var MONACO_VISIBLE_LINES = 4;
+export var fitQueryToVisibleLines = function fitQueryToVisibleLines() {
+  var query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var lines = query.split(/\r\n|\r|\n/).slice(0, MONACO_VISIBLE_LINES);
+  while (lines.length < MONACO_VISIBLE_LINES) {
+    lines.push('');
+  }
+  return lines.join('\n');
+};
+// #sourceMappingURL=fitQueryToVisibleLines.js.map

package/build/esm/components/SearchRowLayout/helpers/fitQueryToVisibleLines.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MONACO_VISIBLE_LINES","fitQueryToVisibleLines","query","arguments","length","undefined","lines","split","slice","push","join"],"sources":["fitQueryToVisibleLines.ts"],"sourcesContent":["const MONACO_VISIBLE_LINES = 4;\n\nexport const fitQueryToVisibleLines = (query = '') => {\n    const lines = query.split(/\\r\\n|\\r|\\n/).slice(0, MONACO_VISIBLE_LINES);\n    while (lines.length < MONACO_VISIBLE_LINES) {\n        lines.push('');\n    }\n\n    return lines.join('\\n');\n};\n"],"mappings":";;;;;AAAA,IAAMA,oBAAoB,GAAG,CAAC;AAE9B,OAAO,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAA,EAAmB;EAAA,IAAfC,KAAK,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAC7C,IAAMG,KAAK,GAAGJ,KAAK,CAACK,KAAK,CAAC,YAAY,CAAC,CAACC,KAAK,CAAC,CAAC,EAAER,oBAAoB,CAAC;EACtE,OAAOM,KAAK,CAACF,MAAM,GAAGJ,oBAAoB,EAAE;IACxCM,KAAK,CAACG,IAAI,CAAC,EAAE,CAAC;EAClB;EAEA,OAAOH,KAAK,CAACI,IAAI,CAAC,IAAI,CAAC;AAC3B,CAAC","ignoreList":[]}

package/build/esm/components/SearchRowLayout/helpers/monacoConfig.d.ts

@@ -0,0 +1,2 @@
+import type { MonacoEditorConfig } from '../../MonacoEditor';
+export declare const MONACO_CONFIG: MonacoEditorConfig;

package/build/esm/components/SearchRowLayout/helpers/monacoConfig.js

@@ -0,0 +1,23 @@
+var MONACO_LINE_HEIGHT = 18;
+export var MONACO_CONFIG = {
+  contextmenu: false,
+  fontSize: 12,
+  lineHeight: MONACO_LINE_HEIGHT,
+  renderWhitespace: 'boundary',
+  minimap: {
+    enabled: false
+  },
+  wordWrap: 'off',
+  scrollBeyondLastLine: false,
+  overviewRulerLanes: 0,
+  lineNumbersMinChars: 2,
+  glyphMargin: false,
+  scrollbar: {
+    vertical: 'hidden',
+    verticalHasArrows: false,
+    horizontal: 'auto',
+    useShadows: false,
+    alwaysConsumeMouseWheel: false
+  }
+};
+// #sourceMappingURL=monacoConfig.js.map

package/build/esm/components/SearchRowLayout/helpers/monacoConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MONACO_LINE_HEIGHT","MONACO_CONFIG","contextmenu","fontSize","lineHeight","renderWhitespace","minimap","enabled","wordWrap","scrollBeyondLastLine","overviewRulerLanes","lineNumbersMinChars","glyphMargin","scrollbar","vertical","verticalHasArrows","horizontal","useShadows","alwaysConsumeMouseWheel"],"sources":["monacoConfig.ts"],"sourcesContent":["import type {MonacoEditorConfig} from '../../MonacoEditor';\n\nconst MONACO_LINE_HEIGHT = 18;\n\nexport const MONACO_CONFIG: MonacoEditorConfig = {\n    contextmenu: false,\n    fontSize: 12,\n    lineHeight: MONACO_LINE_HEIGHT,\n    renderWhitespace: 'boundary',\n    minimap: {\n        enabled: false,\n    },\n    wordWrap: 'off',\n    scrollBeyondLastLine: false,\n    overviewRulerLanes: 0,\n    lineNumbersMinChars: 2,\n    glyphMargin: false,\n    scrollbar: {\n        vertical: 'hidden',\n        verticalHasArrows: false,\n        horizontal: 'auto',\n        useShadows: false,\n        alwaysConsumeMouseWheel: false,\n    },\n};\n"],"mappings":"AAEA,IAAMA,kBAAkB,GAAG,EAAE;AAE7B,OAAO,IAAMC,aAAiC,GAAG;EAC7CC,WAAW,EAAE,KAAK;EAClBC,QAAQ,EAAE,EAAE;EACZC,UAAU,EAAEJ,kBAAkB;EAC9BK,gBAAgB,EAAE,UAAU;EAC5BC,OAAO,EAAE;IACLC,OAAO,EAAE;EACb,CAAC;EACDC,QAAQ,EAAE,KAAK;EACfC,oBAAoB,EAAE,KAAK;EAC3BC,kBAAkB,EAAE,CAAC;EACrBC,mBAAmB,EAAE,CAAC;EACtBC,WAAW,EAAE,KAAK;EAClBC,SAAS,EAAE;IACPC,QAAQ,EAAE,QAAQ;IAClBC,iBAAiB,EAAE,KAAK;IACxBC,UAAU,EAAE,MAAM;IAClBC,UAAU,EAAE,KAAK;IACjBC,uBAAuB,EAAE;EAC7B;AACJ,CAAC","ignoreList":[]}