@gravity-ui/querieskit 1.0.4 → 1.1.0

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

@@ -1,16 +1,46 @@
+export { DataTable } from './DataTable';
+export type { DataTableProps, Column } from './DataTable';
 export { QueryStatusIcon } from './QueryStatusIcon';
 export { QueryDuration } from './QueryDuration';
+export { LazyList } from './LazyList';
+export type { LazyListProps } from './LazyList';
+export { ListSpinner } from './ListSpinner';
+export type { ListSpinnerProps } from './ListSpinner';
+export { Breadcrumbs } from './Breadcrumbs';
+export type { BreadcrumbsProps } from './Breadcrumbs';
+export { PathEditor } from './PathEditor';
+export type { PathEditorProps } from './PathEditor';
 export { HistoryFilter } from './HistoryFilter';
 export { HistoryPrivateIcon } from './HistoryPrivateIcon';
 export { FieldsSelector } from './FieldsSelector';
+export type { FieldsSelectorOption, FieldsSelectorProps } from './FieldsSelector';
+export { FieldsSearchToolbar } from './FieldsSearchToolbar';
+export type { FieldsSearchToolbarProps } from './FieldsSearchToolbar';
 export { HistoryGroupHeader } from './HistoryGroupHeader';
-export { HistoryListEmpty } from './HistoryListEmpty';
-export type { HistoryListEmptyProps } from './HistoryListEmpty';
+export { EmptyContent } from './EmptyContent';
+export type { EmptyContentProps, EmptyContentVariant } from './EmptyContent';
+export { ClusterRow } from './ClusterRow';
+export type { ClusterRowProps } from './ClusterRow';
+export { NavigationItemRow } from './NavigationItemRow';
+export type { NavigationItemRowProps } from './NavigationItemRow';
+export { NavigationActionButtons } from './NavigationActionButtons';
+export type { NavigationActionButtonsProps } from './NavigationActionButtons';
+export { SkeletonRows } from './SkeletonRows';
+export type { SkeletonRowsProps } from './SkeletonRows';
 export { RowLink } from './RowLink';
 export type { RowLinkProps } from './RowLink';
 export { SearchRowLayout } from './SearchRowLayout';
 export type { SearchRowLayoutProps } from './SearchRowLayout';
+export { SearchWithButtons } from './SearchWithButtons';
+export type { SearchWithButtonsProps } from './SearchWithButtons';
 export { MonacoEditor } from './MonacoEditor';
 export type { MonacoEditorConfig } from './MonacoEditor';
+export { AddChartButton, DEFAULT_ADD_CHART_BUTTON_OPTIONS } from './AddChartButton';
+export type { AddChartButtonOption, AddChartButtonProps, DefaultAddChartButtonValue, } from './AddChartButton';
+export { ChartEditorForm } from './ChartEditorForm';
+export type { ChartEditorFormProps, ChartEditorFormValues, ChartEditorLabels, ChartEditorOption, } from './ChartEditorForm';
+export * from './Dashboard';
+export { Chart } from './Chart';
+export type { ChartAction, ChartProps } from './Chart';
 export { MonacoLanguage, YT_DARK_HC_MONACO_THEME, YT_DARK_MONACO_THEME, YT_LIGHT_HC_MONACO_THEME, YT_LIGHT_MONACO_THEME, MONACO_THEME_BY_UI, } from './MonacoEditor';
 export type { MonacoThemeName } from './MonacoEditor';

package/build/esm/components/index.js

@@ -1,12 +1,27 @@
+export { DataTable } from "./DataTable";
 export { QueryStatusIcon } from "./QueryStatusIcon";
 export { QueryDuration } from "./QueryDuration";
+export { LazyList } from "./LazyList";
+export { ListSpinner } from "./ListSpinner";
+export { Breadcrumbs } from "./Breadcrumbs";
+export { PathEditor } from "./PathEditor";
 export { HistoryFilter } from "./HistoryFilter";
 export { HistoryPrivateIcon } from "./HistoryPrivateIcon";
 export { FieldsSelector } from "./FieldsSelector";
+export { FieldsSearchToolbar } from "./FieldsSearchToolbar";
 export { HistoryGroupHeader } from "./HistoryGroupHeader";
-export { HistoryListEmpty } from "./HistoryListEmpty";
+export { EmptyContent } from "./EmptyContent";
+export { ClusterRow } from "./ClusterRow";
+export { NavigationItemRow } from "./NavigationItemRow";
+export { NavigationActionButtons } from "./NavigationActionButtons";
+export { SkeletonRows } from "./SkeletonRows";
 export { RowLink } from "./RowLink";
 export { SearchRowLayout } from "./SearchRowLayout";
+export { SearchWithButtons } from "./SearchWithButtons";
 export { MonacoEditor } from "./MonacoEditor";
+export { AddChartButton, DEFAULT_ADD_CHART_BUTTON_OPTIONS } from "./AddChartButton";
+export { ChartEditorForm } from "./ChartEditorForm";
+export * from "./Dashboard";
+export { Chart } from "./Chart";
 export { MonacoLanguage, YT_DARK_HC_MONACO_THEME, YT_DARK_MONACO_THEME, YT_LIGHT_HC_MONACO_THEME, YT_LIGHT_MONACO_THEME, MONACO_THEME_BY_UI } from "./MonacoEditor";
 // #sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["QueryStatusIcon","QueryDuration","HistoryFilter","HistoryPrivateIcon","FieldsSelector","HistoryGroupHeader","HistoryListEmpty","RowLink","SearchRowLayout","MonacoEditor","MonacoLanguage","YT_DARK_HC_MONACO_THEME","YT_DARK_MONACO_THEME","YT_LIGHT_HC_MONACO_THEME","YT_LIGHT_MONACO_THEME","MONACO_THEME_BY_UI"],"sources":["index.ts"],"sourcesContent":["export {QueryStatusIcon} from './QueryStatusIcon';\nexport {QueryDuration} from './QueryDuration';\nexport {HistoryFilter} from './HistoryFilter';\nexport {HistoryPrivateIcon} from './HistoryPrivateIcon';\nexport {FieldsSelector} from './FieldsSelector';\nexport {HistoryGroupHeader} from './HistoryGroupHeader';\nexport {HistoryListEmpty} from './HistoryListEmpty';\nexport type {HistoryListEmptyProps} from './HistoryListEmpty';\nexport {RowLink} from './RowLink';\nexport type {RowLinkProps} from './RowLink';\nexport {SearchRowLayout} from './SearchRowLayout';\nexport type {SearchRowLayoutProps} from './SearchRowLayout';\nexport {MonacoEditor} from './MonacoEditor';\nexport type {MonacoEditorConfig} from './MonacoEditor';\nexport {\n    MonacoLanguage,\n    YT_DARK_HC_MONACO_THEME,\n    YT_DARK_MONACO_THEME,\n    YT_LIGHT_HC_MONACO_THEME,\n    YT_LIGHT_MONACO_THEME,\n    MONACO_THEME_BY_UI,\n} from './MonacoEditor';\nexport type {MonacoThemeName} from './MonacoEditor';\n"],"mappings":"AAAA,SAAQA,eAAe;AACvB,SAAQC,aAAa;AACrB,SAAQC,aAAa;AACrB,SAAQC,kBAAkB;AAC1B,SAAQC,cAAc;AACtB,SAAQC,kBAAkB;AAC1B,SAAQC,gBAAgB;AAExB,SAAQC,OAAO;AAEf,SAAQC,eAAe;AAEvB,SAAQC,YAAY;AAEpB,SACIC,cAAc,EACdC,uBAAuB,EACvBC,oBAAoB,EACpBC,wBAAwB,EACxBC,qBAAqB,EACrBC,kBAAkB","ignoreList":[]}
+{"version":3,"names":["DataTable","QueryStatusIcon","QueryDuration","LazyList","ListSpinner","Breadcrumbs","PathEditor","HistoryFilter","HistoryPrivateIcon","FieldsSelector","FieldsSearchToolbar","HistoryGroupHeader","EmptyContent","ClusterRow","NavigationItemRow","NavigationActionButtons","SkeletonRows","RowLink","SearchRowLayout","SearchWithButtons","MonacoEditor","AddChartButton","DEFAULT_ADD_CHART_BUTTON_OPTIONS","ChartEditorForm","Chart","MonacoLanguage","YT_DARK_HC_MONACO_THEME","YT_DARK_MONACO_THEME","YT_LIGHT_HC_MONACO_THEME","YT_LIGHT_MONACO_THEME","MONACO_THEME_BY_UI"],"sources":["index.ts"],"sourcesContent":["export {DataTable} from './DataTable';\nexport type {DataTableProps, Column} from './DataTable';\nexport {QueryStatusIcon} from './QueryStatusIcon';\nexport {QueryDuration} from './QueryDuration';\nexport {LazyList} from './LazyList';\nexport type {LazyListProps} from './LazyList';\nexport {ListSpinner} from './ListSpinner';\nexport type {ListSpinnerProps} from './ListSpinner';\nexport {Breadcrumbs} from './Breadcrumbs';\nexport type {BreadcrumbsProps} from './Breadcrumbs';\nexport {PathEditor} from './PathEditor';\nexport type {PathEditorProps} from './PathEditor';\nexport {HistoryFilter} from './HistoryFilter';\nexport {HistoryPrivateIcon} from './HistoryPrivateIcon';\nexport {FieldsSelector} from './FieldsSelector';\nexport type {FieldsSelectorOption, FieldsSelectorProps} from './FieldsSelector';\nexport {FieldsSearchToolbar} from './FieldsSearchToolbar';\nexport type {FieldsSearchToolbarProps} from './FieldsSearchToolbar';\nexport {HistoryGroupHeader} from './HistoryGroupHeader';\nexport {EmptyContent} from './EmptyContent';\nexport type {EmptyContentProps, EmptyContentVariant} from './EmptyContent';\nexport {ClusterRow} from './ClusterRow';\nexport type {ClusterRowProps} from './ClusterRow';\nexport {NavigationItemRow} from './NavigationItemRow';\nexport type {NavigationItemRowProps} from './NavigationItemRow';\nexport {NavigationActionButtons} from './NavigationActionButtons';\nexport type {NavigationActionButtonsProps} from './NavigationActionButtons';\nexport {SkeletonRows} from './SkeletonRows';\nexport type {SkeletonRowsProps} from './SkeletonRows';\nexport {RowLink} from './RowLink';\nexport type {RowLinkProps} from './RowLink';\nexport {SearchRowLayout} from './SearchRowLayout';\nexport type {SearchRowLayoutProps} from './SearchRowLayout';\nexport {SearchWithButtons} from './SearchWithButtons';\nexport type {SearchWithButtonsProps} from './SearchWithButtons';\nexport {MonacoEditor} from './MonacoEditor';\nexport type {MonacoEditorConfig} from './MonacoEditor';\nexport {AddChartButton, DEFAULT_ADD_CHART_BUTTON_OPTIONS} from './AddChartButton';\nexport type {\n    AddChartButtonOption,\n    AddChartButtonProps,\n    DefaultAddChartButtonValue,\n} from './AddChartButton';\nexport {ChartEditorForm} from './ChartEditorForm';\nexport type {\n    ChartEditorFormProps,\n    ChartEditorFormValues,\n    ChartEditorLabels,\n    ChartEditorOption,\n} from './ChartEditorForm';\nexport * from './Dashboard';\nexport {Chart} from './Chart';\nexport type {ChartAction, ChartProps} from './Chart';\nexport {\n    MonacoLanguage,\n    YT_DARK_HC_MONACO_THEME,\n    YT_DARK_MONACO_THEME,\n    YT_LIGHT_HC_MONACO_THEME,\n    YT_LIGHT_MONACO_THEME,\n    MONACO_THEME_BY_UI,\n} from './MonacoEditor';\nexport type {MonacoThemeName} from './MonacoEditor';\n"],"mappings":"AAAA,SAAQA,SAAS;AAEjB,SAAQC,eAAe;AACvB,SAAQC,aAAa;AACrB,SAAQC,QAAQ;AAEhB,SAAQC,WAAW;AAEnB,SAAQC,WAAW;AAEnB,SAAQC,UAAU;AAElB,SAAQC,aAAa;AACrB,SAAQC,kBAAkB;AAC1B,SAAQC,cAAc;AAEtB,SAAQC,mBAAmB;AAE3B,SAAQC,kBAAkB;AAC1B,SAAQC,YAAY;AAEpB,SAAQC,UAAU;AAElB,SAAQC,iBAAiB;AAEzB,SAAQC,uBAAuB;AAE/B,SAAQC,YAAY;AAEpB,SAAQC,OAAO;AAEf,SAAQC,eAAe;AAEvB,SAAQC,iBAAiB;AAEzB,SAAQC,YAAY;AAEpB,SAAQC,cAAc,EAAEC,gCAAgC;AAMxD,SAAQC,eAAe;AAOvB;AACA,SAAQC,KAAK;AAEb,SACIC,cAAc,EACdC,uBAAuB,EACvBC,oBAAoB,EACpBC,wBAAwB,EACxBC,qBAAqB,EACrBC,kBAAkB","ignoreList":[]}

package/build/esm/constants/row.d.ts

@@ -1 +1,2 @@
 export declare const SEARCH_ROW_HEIGHT = 110;
+export declare const NAVIGATION_ROW_HEIGHT = 32;

package/build/esm/constants/row.js

@@ -1,2 +1,3 @@
 export var SEARCH_ROW_HEIGHT = 110;
+export var NAVIGATION_ROW_HEIGHT = 32;
 // #sourceMappingURL=row.js.map

package/build/esm/constants/row.js.map

@@ -1 +1 @@
-{"version":3,"names":["SEARCH_ROW_HEIGHT"],"sources":["row.ts"],"sourcesContent":["export const SEARCH_ROW_HEIGHT = 110;\n"],"mappings":"AAAA,OAAO,IAAMA,iBAAiB,GAAG,GAAG","ignoreList":[]}
+{"version":3,"names":["SEARCH_ROW_HEIGHT","NAVIGATION_ROW_HEIGHT"],"sources":["row.ts"],"sourcesContent":["export const SEARCH_ROW_HEIGHT = 110;\nexport const NAVIGATION_ROW_HEIGHT = 32;\n"],"mappings":"AAAA,OAAO,IAAMA,iBAAiB,GAAG,GAAG;AACpC,OAAO,IAAMC,qBAAqB,GAAG,EAAE","ignoreList":[]}

package/build/esm/helpers/buildColumnsFromKeys.d.ts

@@ -0,0 +1,2 @@
+import type { Column } from '../components';
+export declare function buildColumnsFromKeys<TRow extends Record<string, unknown>>(columns: string[], emptyText: string): Array<Column<TRow>>;

package/build/esm/helpers/buildColumnsFromKeys.js

@@ -0,0 +1,19 @@
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.map.js";
+import "core-js/modules/es.object.to-string.js";
+import { isEmptyValue } from "./isEmptyValue";
+export function buildColumnsFromKeys(columns, emptyText) {
+  return columns.map(function (column) {
+    return {
+      name: column,
+      header: column,
+      render: function render(_ref) {
+        var row = _ref.row;
+        var value = row[column];
+        return isEmptyValue(value) ? emptyText : value;
+      }
+    };
+  });
+}
+// #sourceMappingURL=buildColumnsFromKeys.js.map

package/build/esm/helpers/buildColumnsFromKeys.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isEmptyValue","buildColumnsFromKeys","columns","emptyText","map","column","name","header","render","_ref","row","value"],"sources":["buildColumnsFromKeys.ts"],"sourcesContent":["import type {ReactNode} from 'react';\nimport type {Column} from '../components';\nimport {isEmptyValue} from './isEmptyValue';\n\nexport function buildColumnsFromKeys<TRow extends Record<string, unknown>>(\n    columns: string[],\n    emptyText: string,\n): Array<Column<TRow>> {\n    return columns.map((column) => ({\n        name: column,\n        header: column,\n        render: ({row}) => {\n            const value = row[column];\n            return isEmptyValue(value) ? emptyText : (value as ReactNode);\n        },\n    }));\n}\n"],"mappings":";;;;AAEA,SAAQA,YAAY;AAEpB,OAAO,SAASC,oBAAoBA,CAChCC,OAAiB,EACjBC,SAAiB,EACE;EACnB,OAAOD,OAAO,CAACE,GAAG,CAAC,UAACC,MAAM;IAAA,OAAM;MAC5BC,IAAI,EAAED,MAAM;MACZE,MAAM,EAAEF,MAAM;MACdG,MAAM,EAAE,SAARA,MAAMA,CAAAC,IAAA,EAAa;QAAA,IAATC,GAAG,GAAAD,IAAA,CAAHC,GAAG;QACT,IAAMC,KAAK,GAAGD,GAAG,CAACL,MAAM,CAAC;QACzB,OAAOL,YAAY,CAACW,KAAK,CAAC,GAAGR,SAAS,GAAIQ,KAAmB;MACjE;IACJ,CAAC;EAAA,CAAC,CAAC;AACP","ignoreList":[]}

package/build/esm/helpers/getDefaultNavigationIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconData } from '@gravity-ui/uikit';
+import type { NavigationItemKind } from '../types/navigation';
+export declare function getDefaultNavigationIcon(kind?: NavigationItemKind, targetPathBroken?: boolean): IconData;

package/build/esm/helpers/getDefaultNavigationIcon.js

@@ -0,0 +1,144 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+var BanIcon = function BanIcon(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/_jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M11.323 12.383a5.5 5.5 0 0 1-7.706-7.706zm1.06-1.06L4.677 3.617a5.5 5.5 0 0 1 7.706 7.706M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0",
+      clipRule: "evenodd"
+    })
+  }));
+};
+BanIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+var EyeSlashIcon = function EyeSlashIcon(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/_jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M3.03 1.97a.75.75 0 0 0-1.06 1.06l.83.83A8.2 8.2 0 0 0 .5 6.876l-.26.585a1.33 1.33 0 0 0 0 1.079l.26.585a8.21 8.21 0 0 0 11.434 3.87l1.036 1.035a.75.75 0 1 0 1.06-1.06zm7.788 9.908-1.294-1.293a3 3 0 0 1-4.109-4.109L3.866 4.927A6.7 6.7 0 0 0 1.87 7.486L1.641 8l.23.515a6.71 6.71 0 0 0 8.947 3.363M6.55 7.611A1.502 1.502 0 0 0 8.389 9.45zm1.658-2.604 2.784 2.784a3 3 0 0 0-2.784-2.784m5.92 3.508a6.7 6.7 0 0 1-.915 1.496l1.065 1.066A8.2 8.2 0 0 0 15.5 9.125l.26-.585a1.33 1.33 0 0 0 0-1.08l-.26-.584A8.21 8.21 0 0 0 5.572 2.37L6.81 3.61a6.71 6.71 0 0 1 7.32 3.877l.228.514z",
+      clipRule: "evenodd"
+    })
+  }));
+};
+EyeSlashIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+var FileTextIcon = function FileTextIcon(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/_jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M5 13.5h6a1.5 1.5 0 0 0 1.5-1.5V7.243a1.5 1.5 0 0 0-.44-1.061L8.819 2.939a1.5 1.5 0 0 0-1.06-.439H5A1.5 1.5 0 0 0 3.5 4v8A1.5 1.5 0 0 0 5 13.5m9-6.257a3 3 0 0 0-.879-2.122L9.88 1.88A3 3 0 0 0 7.757 1H5a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3zM5 8.25a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5h-4.5A.75.75 0 0 1 5 8.25m.75 2.25a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5z",
+      clipRule: "evenodd"
+    })
+  }));
+};
+FileTextIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+var FolderIcon = function FolderIcon(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/_jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "m6.44 4.06.439.44H12.5A1.5 1.5 0 0 1 14 6v5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 11V4.5A1.5 1.5 0 0 1 3.5 3h1.257a1.5 1.5 0 0 1 1.061.44zM.5 4.5a3 3 0 0 1 3-3h1.257a3 3 0 0 1 2.122.879L7.5 3h5a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3h-9a3 3 0 0 1-3-3zm4.25 2a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5z",
+      clipRule: "evenodd"
+    })
+  }));
+};
+FolderIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+var LayoutHeaderCellsLargeIcon = function LayoutHeaderCellsLargeIcon(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/_jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M4 3.5h8A1.5 1.5 0 0 1 13.5 5v.5h-11V5A1.5 1.5 0 0 1 4 3.5m-1.5 7v.5A1.5 1.5 0 0 0 4 12.5h3.25v-2zm0-1.5h4.75V7H2.5zm6.25 1.5v2H12a1.5 1.5 0 0 0 1.5-1.5v-.5zM13.5 9H8.75V7h4.75zM1 5a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3z",
+      clipRule: "evenodd"
+    })
+  }));
+};
+LayoutHeaderCellsLargeIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+var LinkIcon = function LinkIcon(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/_jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M3.47 6.53a.75.75 0 0 1 1.06 1.061l-.727.727a2.743 2.743 0 0 0 3.879 3.879l.727-.727a.75.75 0 0 1 1.06 1.06l-.726.727a4.243 4.243 0 0 1-6-6zm8 1.879a.75.75 0 0 0 1.06 1.06l.727-.726a4.243 4.243 0 0 0-6-6l-.727.727a.75.75 0 0 0 1.061 1.06l.727-.727a2.743 2.743 0 0 1 3.879 3.879zm-.94-1.879a.75.75 0 1 0-1.06-1.06l-4 4a.75.75 0 1 0 1.06 1.06z",
+      clipRule: "evenodd"
+    })
+  }));
+};
+LinkIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+var LinkSlashIcon = function LinkSlashIcon(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/_jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "m8 9.06 4.97 4.97a.75.75 0 1 0 1.06-1.06l-11-11a.75.75 0 0 0-1.06 1.06L6.94 8 5.47 9.47a.75.75 0 1 0 1.06 1.06zm3.54-.722L12.601 9.4l.656-.656a4.243 4.243 0 0 0-6-6l-.656.656 1.06 1.06.657-.656a2.743 2.743 0 0 1 3.879 3.879zM9.47 5.47l-.4.399 1.061 1.06.4-.399A.75.75 0 1 0 9.47 5.47M3.22 6.78a.75.75 0 0 1 1.06 1.061l-.477.477a2.743 2.743 0 0 0 3.879 3.879l.477-.477a.75.75 0 0 1 1.06 1.06l-.476.477a4.243 4.243 0 0 1-6-6z",
+      clipRule: "evenodd"
+    })
+  }));
+};
+LinkSlashIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+export function getDefaultNavigationIcon() {
+  var kind = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'unknown';
+  var targetPathBroken = arguments.length > 1 ? arguments[1] : undefined;
+  if (kind === 'link' && targetPathBroken) {
+    return LinkSlashIcon;
+  }
+  switch (kind) {
+    case 'folder':
+      return FolderIcon;
+    case 'file':
+      return FileTextIcon;
+    case 'table':
+      return LayoutHeaderCellsLargeIcon;
+    case 'link':
+      return LinkIcon;
+    case 'unknown':
+      return EyeSlashIcon;
+    default:
+      return BanIcon;
+  }
+}
+// #sourceMappingURL=getDefaultNavigationIcon.js.map

package/build/esm/helpers/getDefaultNavigationIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BanIcon","props","_jsx","_objectSpread","children","fill","fillRule","d","clipRule","defaultProps","xmlns","width","height","viewBox","EyeSlashIcon","FileTextIcon","FolderIcon","LayoutHeaderCellsLargeIcon","LinkIcon","LinkSlashIcon","getDefaultNavigationIcon","kind","arguments","length","undefined","targetPathBroken"],"sources":["getDefaultNavigationIcon.ts"],"sourcesContent":["import type {IconData} from '@gravity-ui/uikit';\nimport BanIcon from '@gravity-ui/icons/svgs/ban.svg';\nimport EyeSlashIcon from '@gravity-ui/icons/svgs/eye-slash.svg';\nimport FileTextIcon from '@gravity-ui/icons/svgs/file-text.svg';\nimport FolderIcon from '@gravity-ui/icons/svgs/folder.svg';\nimport LayoutHeaderCellsLargeIcon from '@gravity-ui/icons/svgs/layout-header-cells-large.svg';\nimport LinkIcon from '@gravity-ui/icons/svgs/link.svg';\nimport LinkSlashIcon from '@gravity-ui/icons/svgs/link-slash.svg';\nimport type {NavigationItemKind} from '../types/navigation';\n\nexport function getDefaultNavigationIcon(\n    kind: NavigationItemKind = 'unknown',\n    targetPathBroken?: boolean,\n): IconData {\n    if (kind === 'link' && targetPathBroken) {\n        return LinkSlashIcon;\n    }\n\n    switch (kind) {\n        case 'folder':\n            return FolderIcon;\n        case 'file':\n            return FileTextIcon;\n        case 'table':\n            return LayoutHeaderCellsLargeIcon;\n        case 'link':\n            return LinkIcon;\n        case 'unknown':\n            return EyeSlashIcon;\n        default:\n            return BanIcon;\n    }\n}\n"],"mappings":";;;IACOA,OAAO,YAAPA,OAAOA,CAAAC,KAAA;EAAA,oBAAAC,IAAA,QAAAC,aAAA,CAAAA,aAAA,KAAAF,KAAA;IAAAG,QAAA,eAAAF,IAAA;MAAAG,IAAA;MAAAC,QAAA;MAAAC,CAAA;MAAAC,QAAA;IAAA;EAAA;AAAA;AAAPR,OAAO,CAAAS,YAAA;EAAAC,KAAA;EAAAC,KAAA;EAAAC,MAAA;EAAAP,IAAA;EAAAQ,OAAA;AAAA;AAAA,IACPC,YAAY,YAAZA,YAAYA,CAAAb,KAAA;EAAA,oBAAAC,IAAA,QAAAC,aAAA,CAAAA,aAAA,KAAAF,KAAA;IAAAG,QAAA,eAAAF,IAAA;MAAAG,IAAA;MAAAC,QAAA;MAAAC,CAAA;MAAAC,QAAA;IAAA;EAAA;AAAA;AAAZM,YAAY,CAAAL,YAAA;EAAAC,KAAA;EAAAC,KAAA;EAAAC,MAAA;EAAAP,IAAA;EAAAQ,OAAA;AAAA;AAAA,IACZE,YAAY,YAAZA,YAAYA,CAAAd,KAAA;EAAA,oBAAAC,IAAA,QAAAC,aAAA,CAAAA,aAAA,KAAAF,KAAA;IAAAG,QAAA,eAAAF,IAAA;MAAAG,IAAA;MAAAC,QAAA;MAAAC,CAAA;MAAAC,QAAA;IAAA;EAAA;AAAA;AAAZO,YAAY,CAAAN,YAAA;EAAAC,KAAA;EAAAC,KAAA;EAAAC,MAAA;EAAAP,IAAA;EAAAQ,OAAA;AAAA;AAAA,IACZG,UAAU,YAAVA,UAAUA,CAAAf,KAAA;EAAA,oBAAAC,IAAA,QAAAC,aAAA,CAAAA,aAAA,KAAAF,KAAA;IAAAG,QAAA,eAAAF,IAAA;MAAAG,IAAA;MAAAC,QAAA;MAAAC,CAAA;MAAAC,QAAA;IAAA;EAAA;AAAA;AAAVQ,UAAU,CAAAP,YAAA;EAAAC,KAAA;EAAAC,KAAA;EAAAC,MAAA;EAAAP,IAAA;EAAAQ,OAAA;AAAA;AAAA,IACVI,0BAA0B,YAA1BA,0BAA0BA,CAAAhB,KAAA;EAAA,oBAAAC,IAAA,QAAAC,aAAA,CAAAA,aAAA,KAAAF,KAAA;IAAAG,QAAA,eAAAF,IAAA;MAAAG,IAAA;MAAAC,QAAA;MAAAC,CAAA;MAAAC,QAAA;IAAA;EAAA;AAAA;AAA1BS,0BAA0B,CAAAR,YAAA;EAAAC,KAAA;EAAAC,KAAA;EAAAC,MAAA;EAAAP,IAAA;EAAAQ,OAAA;AAAA;AAAA,IAC1BK,QAAQ,YAARA,QAAQA,CAAAjB,KAAA;EAAA,oBAAAC,IAAA,QAAAC,aAAA,CAAAA,aAAA,KAAAF,KAAA;IAAAG,QAAA,eAAAF,IAAA;MAAAG,IAAA;MAAAC,QAAA;MAAAC,CAAA;MAAAC,QAAA;IAAA;EAAA;AAAA;AAARU,QAAQ,CAAAT,YAAA;EAAAC,KAAA;EAAAC,KAAA;EAAAC,MAAA;EAAAP,IAAA;EAAAQ,OAAA;AAAA;AAAA,IACRM,aAAa,YAAbA,aAAaA,CAAAlB,KAAA;EAAA,oBAAAC,IAAA,QAAAC,aAAA,CAAAA,aAAA,KAAAF,KAAA;IAAAG,QAAA,eAAAF,IAAA;MAAAG,IAAA;MAAAC,QAAA;MAAAC,CAAA;MAAAC,QAAA;IAAA;EAAA;AAAA;AAAbW,aAAa,CAAAV,YAAA;EAAAC,KAAA;EAAAC,KAAA;EAAAC,MAAA;EAAAP,IAAA;EAAAQ,OAAA;AAAA;AAGpB,OAAO,SAASO,wBAAwBA,CAAA,EAG5B;EAAA,IAFRC,IAAwB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,SAAS;EAAA,IACpCG,gBAA0B,GAAAH,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAE,SAAA;EAE1B,IAAIH,IAAI,KAAK,MAAM,IAAII,gBAAgB,EAAE;IACrC,OAAON,aAAa;EACxB;EAEA,QAAQE,IAAI;IACR,KAAK,QAAQ;MACT,OAAOL,UAAU;IACrB,KAAK,MAAM;MACP,OAAOD,YAAY;IACvB,KAAK,OAAO;MACR,OAAOE,0BAA0B;IACrC,KAAK,MAAM;MACP,OAAOC,QAAQ;IACnB,KAAK,SAAS;MACV,OAAOJ,YAAY;IACvB;MACI,OAAOd,OAAO;EACtB;AACJ","ignoreList":[]}

package/build/esm/helpers/getParentPath.d.ts

@@ -0,0 +1 @@
+export declare function getParentPath(path: string): string | undefined;

package/build/esm/helpers/getParentPath.js

@@ -0,0 +1,14 @@
+import "core-js/modules/es.array.last-index-of.js";
+import "core-js/modules/es.array.slice.js";
+import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.replace.js";
+import "core-js/modules/es.string.starts-with.js";
+export function getParentPath(path) {
+  var trimmed = path.replace(/\/+$/, '');
+  var lastSlashIndex = trimmed.lastIndexOf('/');
+  if (lastSlashIndex <= 0) {
+    return trimmed.startsWith('/') ? '/' : undefined;
+  }
+  return trimmed.slice(0, lastSlashIndex);
+}
+// #sourceMappingURL=getParentPath.js.map

package/build/esm/helpers/getParentPath.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getParentPath","path","trimmed","replace","lastSlashIndex","lastIndexOf","startsWith","undefined","slice"],"sources":["getParentPath.ts"],"sourcesContent":["export function getParentPath(path: string): string | undefined {\n    const trimmed = path.replace(/\\/+$/, '');\n    const lastSlashIndex = trimmed.lastIndexOf('/');\n\n    if (lastSlashIndex <= 0) {\n        return trimmed.startsWith('/') ? '/' : undefined;\n    }\n\n    return trimmed.slice(0, lastSlashIndex);\n}\n"],"mappings":";;;;;AAAA,OAAO,SAASA,aAAaA,CAACC,IAAY,EAAsB;EAC5D,IAAMC,OAAO,GAAGD,IAAI,CAACE,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC;EACxC,IAAMC,cAAc,GAAGF,OAAO,CAACG,WAAW,CAAC,GAAG,CAAC;EAE/C,IAAID,cAAc,IAAI,CAAC,EAAE;IACrB,OAAOF,OAAO,CAACI,UAAU,CAAC,GAAG,CAAC,GAAG,GAAG,GAAGC,SAAS;EACpD;EAEA,OAAOL,OAAO,CAACM,KAAK,CAAC,CAAC,EAAEJ,cAAc,CAAC;AAC3C","ignoreList":[]}

package/build/esm/helpers/isEmptyValue.d.ts

@@ -0,0 +1 @@
+export declare const isEmptyValue: (value: unknown) => boolean;

package/build/esm/helpers/isEmptyValue.js

@@ -0,0 +1,4 @@
+export var isEmptyValue = function isEmptyValue(value) {
+  return value === undefined || value === null || value === '';
+};
+// #sourceMappingURL=isEmptyValue.js.map

package/build/esm/helpers/isEmptyValue.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isEmptyValue","value","undefined"],"sources":["isEmptyValue.ts"],"sourcesContent":["export const isEmptyValue = (value: unknown): boolean =>\n    value === undefined || value === null || value === '';\n"],"mappings":"AAAA,OAAO,IAAMA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,KAAc;EAAA,OACvCA,KAAK,KAAKC,SAAS,IAAID,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAK,EAAE;AAAA","ignoreList":[]}

package/build/esm/helpers/useLoadMoreSentinel.d.ts

@@ -0,0 +1 @@
+export declare function useLoadMoreSentinel(hasMore: boolean | undefined, onLoadMore?: () => void): (node: HTMLElement | null) => void;

package/build/esm/helpers/useLoadMoreSentinel.js

@@ -0,0 +1,35 @@
+import "core-js/modules/es.array.some.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.some.js";
+import "core-js/modules/es.object.to-string.js";
+import { useCallback, useEffect, useRef } from 'react';
+export function useLoadMoreSentinel(hasMore, onLoadMore) {
+  var observerRef = useRef(null);
+  var hasMoreRef = useRef(hasMore);
+  hasMoreRef.current = hasMore;
+  var onLoadMoreRef = useRef(onLoadMore);
+  onLoadMoreRef.current = onLoadMore;
+  useEffect(function () {
+    return function () {
+      var _observerRef$current;
+      (_observerRef$current = observerRef.current) === null || _observerRef$current === void 0 || _observerRef$current.disconnect();
+    };
+  }, []);
+  return useCallback(function (node) {
+    var _observerRef$current2;
+    (_observerRef$current2 = observerRef.current) === null || _observerRef$current2 === void 0 || _observerRef$current2.disconnect();
+    if (!node) {
+      return;
+    }
+    observerRef.current = new IntersectionObserver(function (entries) {
+      if (entries.some(function (entry) {
+        return entry.isIntersecting;
+      }) && hasMoreRef.current) {
+        var _onLoadMoreRef$curren;
+        (_onLoadMoreRef$curren = onLoadMoreRef.current) === null || _onLoadMoreRef$curren === void 0 || _onLoadMoreRef$curren.call(onLoadMoreRef);
+      }
+    });
+    observerRef.current.observe(node);
+  }, []);
+}
+// #sourceMappingURL=useLoadMoreSentinel.js.map

package/build/esm/helpers/useLoadMoreSentinel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useRef","useLoadMoreSentinel","hasMore","onLoadMore","observerRef","hasMoreRef","current","onLoadMoreRef","_observerRef$current","disconnect","node","_observerRef$current2","IntersectionObserver","entries","some","entry","isIntersecting","_onLoadMoreRef$curren","call","observe"],"sources":["useLoadMoreSentinel.ts"],"sourcesContent":["import {useCallback, useEffect, useRef} from 'react';\n\nexport function useLoadMoreSentinel(hasMore: boolean | undefined, onLoadMore?: () => void) {\n    const observerRef = useRef<IntersectionObserver | null>(null);\n    const hasMoreRef = useRef(hasMore);\n    hasMoreRef.current = hasMore;\n    const onLoadMoreRef = useRef(onLoadMore);\n    onLoadMoreRef.current = onLoadMore;\n\n    useEffect(() => {\n        return () => {\n            observerRef.current?.disconnect();\n        };\n    }, []);\n\n    return useCallback((node: HTMLElement | null) => {\n        observerRef.current?.disconnect();\n\n        if (!node) {\n            return;\n        }\n\n        observerRef.current = new IntersectionObserver((entries) => {\n            if (entries.some((entry) => entry.isIntersecting) && hasMoreRef.current) {\n                onLoadMoreRef.current?.();\n            }\n        });\n\n        observerRef.current.observe(node);\n    }, []);\n}\n"],"mappings":";;;;AAAA,SAAQA,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAO,OAAO;AAEpD,OAAO,SAASC,mBAAmBA,CAACC,OAA4B,EAAEC,UAAuB,EAAE;EACvF,IAAMC,WAAW,GAAGJ,MAAM,CAA8B,IAAI,CAAC;EAC7D,IAAMK,UAAU,GAAGL,MAAM,CAACE,OAAO,CAAC;EAClCG,UAAU,CAACC,OAAO,GAAGJ,OAAO;EAC5B,IAAMK,aAAa,GAAGP,MAAM,CAACG,UAAU,CAAC;EACxCI,aAAa,CAACD,OAAO,GAAGH,UAAU;EAElCJ,SAAS,CAAC,YAAM;IACZ,OAAO,YAAM;MAAA,IAAAS,oBAAA;MACT,CAAAA,oBAAA,GAAAJ,WAAW,CAACE,OAAO,cAAAE,oBAAA,eAAnBA,oBAAA,CAAqBC,UAAU,CAAC,CAAC;IACrC,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOX,WAAW,CAAC,UAACY,IAAwB,EAAK;IAAA,IAAAC,qBAAA;IAC7C,CAAAA,qBAAA,GAAAP,WAAW,CAACE,OAAO,cAAAK,qBAAA,eAAnBA,qBAAA,CAAqBF,UAAU,CAAC,CAAC;IAEjC,IAAI,CAACC,IAAI,EAAE;MACP;IACJ;IAEAN,WAAW,CAACE,OAAO,GAAG,IAAIM,oBAAoB,CAAC,UAACC,OAAO,EAAK;MACxD,IAAIA,OAAO,CAACC,IAAI,CAAC,UAACC,KAAK;QAAA,OAAKA,KAAK,CAACC,cAAc;MAAA,EAAC,IAAIX,UAAU,CAACC,OAAO,EAAE;QAAA,IAAAW,qBAAA;QACrE,CAAAA,qBAAA,GAAAV,aAAa,CAACD,OAAO,cAAAW,qBAAA,eAArBA,qBAAA,CAAAC,IAAA,CAAAX,aAAwB,CAAC;MAC7B;IACJ,CAAC,CAAC;IAEFH,WAAW,CAACE,OAAO,CAACa,OAAO,CAACT,IAAI,CAAC;EACrC,CAAC,EAAE,EAAE,CAAC;AACV","ignoreList":[]}

package/build/esm/helpers/useVisibleColumns.d.ts

@@ -0,0 +1,6 @@
+export type UseVisibleColumnsOptions = {
+    value?: string[];
+    onChange?: (value: string[]) => void;
+    defaultValue?: string[];
+};
+export declare function useVisibleColumns(allColumns: string[], { value, onChange, defaultValue }: UseVisibleColumnsOptions): [string[], (value: string[]) => void];

package/build/esm/helpers/useVisibleColumns.js

@@ -0,0 +1,23 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { useState } from 'react';
+export function useVisibleColumns(allColumns, _ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    defaultValue = _ref.defaultValue;
+  var isControlled = value !== undefined;
+  var _useState = useState(function () {
+      return defaultValue !== null && defaultValue !== void 0 ? defaultValue : allColumns;
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+  var activeColumns = isControlled ? value : state;
+  var handleChange = function handleChange(next) {
+    if (!isControlled) {
+      setState(next);
+    }
+    onChange === null || onChange === void 0 || onChange(next);
+  };
+  return [activeColumns, handleChange];
+}
+// #sourceMappingURL=useVisibleColumns.js.map

package/build/esm/helpers/useVisibleColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","useVisibleColumns","allColumns","_ref","value","onChange","defaultValue","isControlled","undefined","_useState","_useState2","_slicedToArray","state","setState","activeColumns","handleChange","next"],"sources":["useVisibleColumns.ts"],"sourcesContent":["import {useState} from 'react';\n\nexport type UseVisibleColumnsOptions = {\n    value?: string[];\n    onChange?: (value: string[]) => void;\n    defaultValue?: string[];\n};\n\nexport function useVisibleColumns(\n    allColumns: string[],\n    {value, onChange, defaultValue}: UseVisibleColumnsOptions,\n): [string[], (value: string[]) => void] {\n    const isControlled = value !== undefined;\n    const [state, setState] = useState<string[]>(() => defaultValue ?? allColumns);\n\n    const activeColumns = isControlled ? value : state;\n\n    const handleChange = (next: string[]) => {\n        if (!isControlled) {\n            setState(next);\n        }\n        onChange?.(next);\n    };\n\n    return [activeColumns, handleChange];\n}\n"],"mappings":";AAAA,SAAQA,QAAQ,QAAO,OAAO;AAQ9B,OAAO,SAASC,iBAAiBA,CAC7BC,UAAoB,EAAAC,IAAA,EAEiB;EAAA,IADpCC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,YAAY,GAAAH,IAAA,CAAZG,YAAY;EAE9B,IAAMC,YAAY,GAAGH,KAAK,KAAKI,SAAS;EACxC,IAAAC,SAAA,GAA0BT,QAAQ,CAAW;MAAA,OAAMM,YAAY,aAAZA,YAAY,cAAZA,YAAY,GAAIJ,UAAU;IAAA,EAAC;IAAAQ,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAAvEG,KAAK,GAAAF,UAAA;IAAEG,QAAQ,GAAAH,UAAA;EAEtB,IAAMI,aAAa,GAAGP,YAAY,GAAGH,KAAK,GAAGQ,KAAK;EAElD,IAAMG,YAAY,GAAG,SAAfA,YAAYA,CAAIC,IAAc,EAAK;IACrC,IAAI,CAACT,YAAY,EAAE;MACfM,QAAQ,CAACG,IAAI,CAAC;IAClB;IACAX,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAGW,IAAI,CAAC;EACpB,CAAC;EAED,OAAO,CAACF,aAAa,EAAEC,YAAY,CAAC;AACxC","ignoreList":[]}

package/build/esm/index.d.ts

@@ -3,3 +3,5 @@ export * from './modules';
 export * from './widgets';
 export * from './types/history';
 export * from './types/tutorial';
+export * from './types/navigation';
+export * from './types/pathEditor';

package/build/esm/index.js

@@ -3,4 +3,6 @@ export * from "./modules";
 export * from "./widgets";
 export * from "./types/history";
 export * from "./types/tutorial";
+export * from "./types/navigation";
+export * from "./types/pathEditor";
 // #sourceMappingURL=index.js.map

package/build/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from './components';\nexport * from './modules';\nexport * from './widgets';\nexport * from './types/history';\nexport * from './types/tutorial';\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from './components';\nexport * from './modules';\nexport * from './widgets';\nexport * from './types/history';\nexport * from './types/tutorial';\nexport * from './types/navigation';\nexport * from './types/pathEditor';\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/build/esm/modules/ChartEditor/ChartEditor.css

@@ -0,0 +1,11 @@
+.qp-chart-editor {
+  background: var(--g-color-base-background);
+}
+.qp-chart-editor__preview {
+  flex: 1 1 auto;
+}
+.qp-chart-editor__panel {
+  min-width: 320px;
+  border-left: 1px solid var(--g-color-line-generic);
+}
+/*# sourceMappingURL=ChartEditor.css.map */

package/build/esm/modules/ChartEditor/ChartEditor.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ChartEditor.scss"],"names":[],"mappings":"AAAA;EACI,0CAAA;AACJ;AACI;EACI,cAAA;AACR;AAEI;EACI,gBAAA;EACA,kDAAA;AAAR","file":"ChartEditor.css","sourcesContent":[".qp-chart-editor {\n    background: var(--g-color-base-background);\n\n    &__preview {\n        flex: 1 1 auto;\n    }\n\n    &__panel {\n        min-width: 320px;\n        border-left: 1px solid var(--g-color-line-generic);\n    }\n}\n"],"sourceRoot":""}

package/build/esm/modules/ChartEditor/ChartEditor.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ChartEditorProps } from './types';
+import './ChartEditor.scss';
+export declare const ChartEditor: ({ axisVariants, chartSeriesMap, className, emptyDataLabel, onCancel, onSubmit, onChange, formProps, formValues: customerFormValues, }: ChartEditorProps) => React.JSX.Element;

package/build/esm/modules/ChartEditor/ChartEditor.js

@@ -0,0 +1,139 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import "core-js/modules/es.array.iterator.js";
+import "core-js/modules/es.array.push.js";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.set.js";
+import "core-js/modules/es.set.difference.v2.js";
+import "core-js/modules/es.set.intersection.v2.js";
+import "core-js/modules/es.set.is-disjoint-from.v2.js";
+import "core-js/modules/es.set.is-subset-of.v2.js";
+import "core-js/modules/es.set.is-superset-of.v2.js";
+import "core-js/modules/es.set.symmetric-difference.v2.js";
+import "core-js/modules/es.set.union.v2.js";
+import "core-js/modules/es.string.iterator.js";
+import "core-js/modules/web.dom-collections.iterator.js";
+import React, { useMemo, useState } from 'react';
+import { Chart } from '@gravity-ui/charts';
+import { Box, Flex, Text } from '@gravity-ui/uikit';
+import cn from 'bem-cn-lite';
+import { ChartEditorForm } from "../../components/ChartEditorForm";
+import i18n from "./i18n";
+import "./ChartEditor.css";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var block = cn('qp-chart-editor');
+export var ChartEditor = function ChartEditor(_ref) {
+  var axisVariants = _ref.axisVariants,
+    chartSeriesMap = _ref.chartSeriesMap,
+    className = _ref.className,
+    emptyDataLabel = _ref.emptyDataLabel,
+    onCancel = _ref.onCancel,
+    onSubmit = _ref.onSubmit,
+    onChange = _ref.onChange,
+    formProps = _ref.formProps,
+    customerFormValues = _ref.formValues;
+  var emptyLabel = emptyDataLabel !== null && emptyDataLabel !== void 0 ? emptyDataLabel : i18n('alert_no-chart-data');
+  var dataIdsOptions = useMemo(function () {
+    return Object.keys(chartSeriesMap !== null && chartSeriesMap !== void 0 ? chartSeriesMap : []);
+  }, [chartSeriesMap]);
+  var _useState = useState(customerFormValues !== null && customerFormValues !== void 0 ? customerFormValues : {
+      dataIds: dataIdsOptions.length ? [dataIdsOptions[0]] : [],
+      axisType: 'linear'
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    formValues = _useState2[0],
+    setFormValues = _useState2[1];
+  var selectedChartSeries = useMemo(function () {
+    var selectedDataIdsSet = new Set(formValues.dataIds);
+    var record = [];
+    for (var dataId in chartSeriesMap) {
+      if (selectedDataIdsSet.has(dataId)) {
+        record.push(chartSeriesMap[dataId]);
+      }
+    }
+    return record;
+  }, [chartSeriesMap, formValues.dataIds]);
+  var chartData = useMemo(function () {
+    var axisType = formValues.axisType,
+      xTitle = formValues.xTitle,
+      yTitle = formValues.yTitle,
+      showLegend = formValues.showLegend,
+      chartTitle = formValues.chartTitle,
+      axisCategories = formValues.axisCategories;
+    return {
+      series: {
+        data: selectedChartSeries
+      },
+      xAxis: {
+        type: axisType,
+        title: {
+          text: xTitle
+        },
+        categories: axisCategories
+      },
+      yAxis: [{
+        title: {
+          text: yTitle
+        }
+      }],
+      legend: {
+        enabled: Boolean(showLegend)
+      },
+      title: chartTitle ? {
+        text: chartTitle
+      } : undefined
+    };
+  }, [selectedChartSeries, formValues]);
+  var handleSubmit = function handleSubmit() {
+    onSubmit === null || onSubmit === void 0 || onSubmit(chartData);
+  };
+  var handleCancel = function handleCancel() {
+    onCancel === null || onCancel === void 0 || onCancel();
+  };
+  var handleFormValuesChange = function handleFormValuesChange(patchedFormValues) {
+    setFormValues(patchedFormValues);
+    onChange === null || onChange === void 0 || onChange(patchedFormValues);
+  };
+  return /*#__PURE__*/_jsxs(Flex, {
+    width: "100%",
+    height: "100%",
+    overflow: "hidden",
+    as: "section",
+    className: block(null, className),
+    children: [/*#__PURE__*/_jsx(Box, {
+      spacing: {
+        p: 5
+      },
+      className: block('preview'),
+      children: selectedChartSeries.length ? /*#__PURE__*/_jsx(Box, {
+        overflow: "hidden",
+        width: "100%",
+        height: "100%",
+        children: /*#__PURE__*/_jsx(Chart, {
+          data: chartData
+        })
+      }) : /*#__PURE__*/_jsx(Flex, {
+        width: "100%",
+        height: "100%",
+        centerContent: true,
+        className: block('empty'),
+        children: /*#__PURE__*/_jsx(Text, {
+          color: "secondary",
+          children: emptyLabel
+        })
+      })
+    }), /*#__PURE__*/_jsx("div", {
+      className: block('panel'),
+      children: /*#__PURE__*/_jsx(ChartEditorForm, _objectSpread({
+        dataIds: dataIdsOptions,
+        axisVariants: axisVariants,
+        formValues: formValues,
+        onFormValuesChange: handleFormValuesChange,
+        onSubmit: handleSubmit,
+        onCancel: handleCancel
+      }, formProps))
+    })]
+  });
+};
+// #sourceMappingURL=ChartEditor.js.map