@gravity-ui/querieskit 1.0.4 → 1.1.0

package/build/esm/modules/ChartEditor/story/mockData.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cartesianAxisVariants","timeAxisVariants","logarithmicAxisVariants","pieAxisVariants","getALineCords","linePoints","map","y","index","x","Number","toFixed","getBLineCords","aLineCords","bLineCords","lineSeriesMap","type","name","seriesId","data","marker","enabled","multiLineSeriesMap","dashStyle","Target","hour","timeSeriesStart","Date","UTC","timeSeriesMap","opacity","stackedAreaSeriesMap","Organic","stacking","stackId","Advertising","Referrals","groupedColumnsSeriesMap","Desktop","borderRadius","dataLabels","Mobile","horizontalBarsSeriesMap","scatterSeriesMap","radius","symbolType","donutSeriesMap","innerRadius","value","label","mixedSeriesMap","Orders","Plan","lineWidth","logarithmicSeriesMap","emptySeriesMap"],"sources":["mockData.ts"],"sourcesContent":["import type {ChartAxisType} from '@gravity-ui/charts';\nimport type {ChartSeries} from '../types';\n\ntype ChartSeriesMap = Record<string, ChartSeries>;\n\nexport const cartesianAxisVariants: ChartAxisType[] = ['linear', 'datetime', 'logarithmic'];\nexport const timeAxisVariants: ChartAxisType[] = ['datetime', 'linear'];\nexport const logarithmicAxisVariants: ChartAxisType[] = ['logarithmic', 'linear'];\nexport const pieAxisVariants: ChartAxisType[] = ['linear'];\n\nconst getALineCords = () => {\n    const linePoints = [\n        82, 46, 54, 49, 38, 41, 65, 46, 58, 58, 54, 30, 38, 65, 36, 53, 45, 75, 69, 64, 31, 38, 53,\n        66, 52, 33, 34, 38, 37, 34, 26,\n    ].map((y, index) => ({x: Number(Number(1 + index * 0.15).toFixed(2)), y}));\n\n    return linePoints;\n};\n\nconst getBLineCords = () => {\n    const linePoints = [\n        23, 46, 54, 49, 38, 41, 65, 46, 23, 58, 54, 30, 66, 65, 36, 53, 85, 75, 69, 64, 90, 38, 53,\n        66, 52, 33, 34, 20, 37, 75, 33,\n    ].map((y, index) => ({x: Number(Number(1 + index * 0.65).toFixed(2)), y}));\n\n    return linePoints;\n};\n\nexport const aLineCords = getALineCords();\nexport const bLineCords = getBLineCords();\n\nexport const lineSeriesMap: ChartSeriesMap = {\n    'Response time': {\n        type: 'line',\n        name: 'Response time',\n        seriesId: 'response-time',\n        data: aLineCords,\n        marker: {enabled: false},\n    },\n};\n\nexport const multiLineSeriesMap: ChartSeriesMap = {\n    'Current week': {\n        type: 'line',\n        name: 'Current week',\n        seriesId: 'current-week',\n        data: [42, 48, 45, 61, 58, 72, 68].map((y, x) => ({x: x + 1, y})),\n        marker: {enabled: true},\n    },\n    'Previous week': {\n        type: 'line',\n        name: 'Previous week',\n        seriesId: 'previous-week',\n        data: [38, 43, 49, 52, 55, 60, 63].map((y, x) => ({x: x + 1, y})),\n        dashStyle: 'Dash',\n        marker: {enabled: true},\n    },\n    Target: {\n        type: 'line',\n        name: 'Target',\n        seriesId: 'target',\n        data: [50, 50, 50, 55, 55, 65, 65].map((y, x) => ({x: x + 1, y})),\n        dashStyle: 'Dot',\n        marker: {enabled: false},\n    },\n};\n\nconst hour = 60 * 60 * 1000;\nconst timeSeriesStart = Date.UTC(2026, 7, 15, 8);\n\nexport const timeSeriesMap: ChartSeriesMap = {\n    'Requests per minute': {\n        type: 'area',\n        name: 'Requests per minute',\n        seriesId: 'requests-per-minute',\n        data: [120, 180, 165, 240, 310, 285, 360, 330, 390, 350, 300, 260].map((y, index) => ({\n            x: timeSeriesStart + index * hour,\n            y,\n        })),\n        opacity: 0.35,\n    },\n};\n\nexport const stackedAreaSeriesMap: ChartSeriesMap = {\n    Organic: {\n        type: 'area',\n        name: 'Organic',\n        stacking: 'normal',\n        stackId: 'traffic',\n        seriesId: 'Organic',\n        data: [180, 210, 195, 240, 265, 290, 310].map((y, x) => ({x: x + 1, y})),\n    },\n    Advertising: {\n        type: 'area',\n        name: 'Advertising',\n        stacking: 'normal',\n        stackId: 'traffic',\n        seriesId: 'Advertising',\n        data: [80, 95, 120, 110, 140, 155, 170].map((y, x) => ({x: x + 1, y})),\n    },\n    Referrals: {\n        type: 'area',\n        name: 'Referrals',\n        stacking: 'normal',\n        stackId: 'traffic',\n        seriesId: 'Referrals',\n        data: [45, 52, 48, 65, 72, 68, 84].map((y, x) => ({x: x + 1, y})),\n    },\n};\n\nexport const groupedColumnsSeriesMap: ChartSeriesMap = {\n    Desktop: {\n        type: 'bar-x',\n        name: 'Desktop',\n        borderRadius: 3,\n        dataLabels: {enabled: true},\n        seriesId: 'Desktop',\n        data: [420, 510, 590, 640, 710, 760].map((y, x) => ({x: x + 1, y})),\n    },\n    Mobile: {\n        type: 'bar-x',\n        name: 'Mobile',\n        borderRadius: 3,\n        dataLabels: {enabled: true},\n        seriesId: 'Mobile',\n        data: [310, 390, 460, 520, 610, 690].map((y, x) => ({x: x + 1, y})),\n    },\n};\n\nexport const horizontalBarsSeriesMap: ChartSeriesMap = {\n    'Completed tasks': {\n        type: 'bar-y',\n        name: 'Completed tasks',\n        borderRadius: 3,\n        dataLabels: {enabled: true},\n        seriesId: 'Completed-tasks',\n        data: [92, 78, 67, 54, 41].map((x, y) => ({x, y: y + 1})),\n    },\n};\n\nexport const scatterSeriesMap: ChartSeriesMap = {\n    'Cached queries': {\n        type: 'scatter',\n        name: 'Cached queries',\n        data: [\n            {x: 12, y: 90, radius: 5},\n            {x: 18, y: 125, radius: 6},\n            {x: 25, y: 145, radius: 5},\n            {x: 33, y: 170, radius: 7},\n            {x: 46, y: 210, radius: 6},\n            {x: 58, y: 245, radius: 8},\n        ],\n        seriesId: 'Cached-queries',\n    },\n    'Uncached queries': {\n        type: 'scatter',\n        name: 'Uncached queries',\n        symbolType: 'square',\n        data: [\n            {x: 14, y: 180, radius: 5},\n            {x: 21, y: 230, radius: 7},\n            {x: 29, y: 280, radius: 6},\n            {x: 37, y: 340, radius: 8},\n            {x: 49, y: 410, radius: 7},\n            {x: 62, y: 490, radius: 9},\n        ],\n        seriesId: 'Uncached-queries',\n    },\n};\n\nexport const donutSeriesMap: ChartSeriesMap = {\n    'Traffic sources': {\n        type: 'pie',\n        innerRadius: '55%',\n        dataLabels: {enabled: true},\n        data: [\n            {name: 'Search', value: 42, label: '42%'},\n            {name: 'Direct', value: 27, label: '27%'},\n            {name: 'Referrals', value: 18, label: '18%'},\n            {name: 'Social', value: 13, label: '13%'},\n        ],\n        seriesId: 'Traffic-sources',\n    },\n};\n\nexport const mixedSeriesMap: ChartSeriesMap = {\n    Orders: {\n        type: 'bar-x',\n        name: 'Orders',\n        borderRadius: 3,\n        data: [34, 46, 41, 55, 62, 68, 74].map((y, x) => ({x: x + 1, y})),\n        seriesId: 'Orders',\n    },\n    Plan: {\n        type: 'line',\n        name: 'Plan',\n        dashStyle: 'Dash',\n        lineWidth: 2,\n        marker: {enabled: true},\n        data: [40, 44, 48, 52, 60, 66, 72].map((y, x) => ({x: x + 1, y})),\n        seriesId: 'Plan',\n    },\n};\n\nexport const logarithmicSeriesMap: ChartSeriesMap = {\n    'Execution time': {\n        type: 'line',\n        name: 'Execution time',\n        marker: {enabled: true},\n        seriesId: 'Execution-time',\n        data: [\n            {x: 1, y: 18},\n            {x: 10, y: 32},\n            {x: 100, y: 85},\n            {x: 1000, y: 240},\n            {x: 10000, y: 710},\n            {x: 100000, y: 2150},\n        ],\n    },\n};\n\nexport const emptySeriesMap: ChartSeriesMap = {};\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,22 @@
+import type { ChartData as BaseChartData, ChartSeries as BaseChartSeries } from '@gravity-ui/charts';
+import type { ChartEditorFormProps } from '../../components/ChartEditorForm';
+export type ChartSeries = BaseChartSeries & {
+    seriesId: string;
+};
+export type ChartData = Omit<BaseChartData, 'series'> & {
+    series: {
+        data: ChartSeries[];
+    };
+};
+export type ChartEditorProps = Pick<ChartEditorFormProps, 'axisVariants'> & {
+    className?: string;
+    emptyDataLabel?: string;
+    chartSeriesMap?: {
+        [chartId in string]: ChartSeries;
+    };
+    formProps?: Pick<ChartEditorFormProps, 'disabled' | 'className' | 'labels'>;
+    formValues?: ChartEditorFormProps['formValues'];
+    onChange?: (formValues: ChartEditorFormProps['formValues']) => void;
+    onSubmit?: (chartData: ChartData) => void;
+    onCancel?: () => void;
+};

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

@@ -0,0 +1,2 @@
+export {};
+// #sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type {ChartData as BaseChartData, ChartSeries as BaseChartSeries} from '@gravity-ui/charts';\nimport type {ChartEditorFormProps} from '../../components/ChartEditorForm';\n\nexport type ChartSeries = BaseChartSeries & {seriesId: string};\nexport type ChartData = Omit<BaseChartData, 'series'> & {series: {data: ChartSeries[]}};\n\nexport type ChartEditorProps = Pick<ChartEditorFormProps, 'axisVariants'> & {\n    className?: string;\n    emptyDataLabel?: string;\n    chartSeriesMap?: {\n        [chartId in string]: ChartSeries;\n    };\n    formProps?: Pick<ChartEditorFormProps, 'disabled' | 'className' | 'labels'>;\n    formValues?: ChartEditorFormProps['formValues'];\n    onChange?: (formValues: ChartEditorFormProps['formValues']) => void;\n    onSubmit?: (chartData: ChartData) => void;\n    onCancel?: () => void;\n};\n"],"mappings":"","ignoreList":[]}

package/build/esm/modules/ClustersList/ClustersList.css

@@ -0,0 +1,11 @@
+.qp-cluster-row {
+  width: 100%;
+  padding: 0 var(--g-spacing-2);
+  box-sizing: border-box;
+  cursor: pointer;
+}
+.qp-cluster-row__title {
+  flex-grow: 1;
+  min-width: 0;
+}
+/*# sourceMappingURL=ClustersList.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ClustersList.scss"],"names":[],"mappings":"AAAA;EACE,WAAA;EACA,6BAAA;EACA,sBAAA;EACA,eAAA;AACF;AACE;EACE,YAAA;EACA,YAAA;AACJ","file":"ClustersList.css","sourcesContent":[".qp-cluster-row {\n  width: 100%;\n  padding: 0 var(--g-spacing-2);\n  box-sizing: border-box;\n  cursor: pointer;\n\n  &__title {\n    flex-grow: 1;\n    min-width: 0;\n  }\n}\n"],"sourceRoot":""}

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { NavigationCluster, RenderNavigationCluster } from '../../types/navigation';
+import './ClustersList.scss';
+export type ClustersListProps<T extends NavigationCluster = NavigationCluster> = {
+    items: T[];
+    loading?: boolean;
+    error?: React.ReactNode;
+    hasMore?: boolean;
+    onLoadMore?: () => void;
+    emptyContent?: React.ReactNode;
+    renderRowItem?: RenderNavigationCluster<T>;
+    onItemClick?: (cluster: T) => void;
+    className?: string;
+};
+export declare const ClustersList: <T extends NavigationCluster = NavigationCluster>({ items, loading, error, hasMore, onLoadMore, emptyContent, renderRowItem, onItemClick, className, }: ClustersListProps<T>) => React.JSX.Element;

package/build/esm/modules/ClustersList/ClustersList.js

@@ -0,0 +1,42 @@
+import React from 'react';
+import cn from 'bem-cn-lite';
+import { ClusterRow, LazyList } from "../../components";
+import { NAVIGATION_ROW_HEIGHT } from "../../constants/row";
+import "./ClustersList.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+var block = cn('qp-clusters-list');
+export var ClustersList = function ClustersList(_ref) {
+  var items = _ref.items,
+    loading = _ref.loading,
+    error = _ref.error,
+    hasMore = _ref.hasMore,
+    onLoadMore = _ref.onLoadMore,
+    emptyContent = _ref.emptyContent,
+    renderRowItem = _ref.renderRowItem,
+    onItemClick = _ref.onItemClick,
+    className = _ref.className;
+  return /*#__PURE__*/_jsx(LazyList, {
+    className: block(null, className),
+    items: items,
+    itemHeight: function itemHeight() {
+      return NAVIGATION_ROW_HEIGHT;
+    },
+    renderItem: function renderItem(cluster, isActive, index) {
+      var _renderRowItem;
+      return (_renderRowItem = renderRowItem === null || renderRowItem === void 0 ? void 0 : renderRowItem({
+        cluster: cluster,
+        index: index,
+        isActive: isActive
+      })) !== null && _renderRowItem !== void 0 ? _renderRowItem : /*#__PURE__*/_jsx(ClusterRow, {
+        cluster: cluster
+      });
+    },
+    hasMore: hasMore,
+    onLoadMore: onLoadMore,
+    loading: loading,
+    error: error,
+    emptyContent: emptyContent,
+    onItemClick: onItemClick
+  });
+};
+// #sourceMappingURL=ClustersList.js.map

package/build/esm/modules/ClustersList/ClustersList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","ClusterRow","LazyList","NAVIGATION_ROW_HEIGHT","jsx","_jsx","block","ClustersList","_ref","items","loading","error","hasMore","onLoadMore","emptyContent","renderRowItem","onItemClick","className","itemHeight","renderItem","cluster","isActive","index","_renderRowItem"],"sources":["ClustersList.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'bem-cn-lite';\nimport {NavigationCluster, RenderNavigationCluster} from '../../types/navigation';\nimport {ClusterRow, LazyList} from '../../components';\nimport {NAVIGATION_ROW_HEIGHT} from '../../constants/row';\nimport './ClustersList.scss';\n\nconst block = cn('qp-clusters-list');\n\nexport type ClustersListProps<T extends NavigationCluster = NavigationCluster> = {\n    items: T[];\n    loading?: boolean;\n    error?: React.ReactNode;\n    hasMore?: boolean;\n    onLoadMore?: () => void;\n    emptyContent?: React.ReactNode;\n    renderRowItem?: RenderNavigationCluster<T>;\n    onItemClick?: (cluster: T) => void;\n    className?: string;\n};\n\nexport const ClustersList = <T extends NavigationCluster = NavigationCluster>({\n    items,\n    loading,\n    error,\n    hasMore,\n    onLoadMore,\n    emptyContent,\n    renderRowItem,\n    onItemClick,\n    className,\n}: ClustersListProps<T>) => {\n    return (\n        <LazyList<T>\n            className={block(null, className)}\n            items={items}\n            itemHeight={() => NAVIGATION_ROW_HEIGHT}\n            renderItem={(cluster, isActive, index) =>\n                renderRowItem?.({cluster, index, isActive}) ?? <ClusterRow cluster={cluster} />\n            }\n            hasMore={hasMore}\n            onLoadMore={onLoadMore}\n            loading={loading}\n            error={error}\n            emptyContent={emptyContent}\n            onItemClick={onItemClick}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,EAAE,MAAM,aAAa;AAE5B,SAAQC,UAAU,EAAEC,QAAQ;AAC5B,SAAQC,qBAAqB;AAC7B;AAA6B,SAAAC,GAAA,IAAAC,IAAA;AAE7B,IAAMC,KAAK,GAAGN,EAAE,CAAC,kBAAkB,CAAC;AAcpC,OAAO,IAAMO,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAUG;EAAA,IATxBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IACPC,UAAU,GAAAL,IAAA,CAAVK,UAAU;IACVC,YAAY,GAAAN,IAAA,CAAZM,YAAY;IACZC,aAAa,GAAAP,IAAA,CAAbO,aAAa;IACbC,WAAW,GAAAR,IAAA,CAAXQ,WAAW;IACXC,SAAS,GAAAT,IAAA,CAATS,SAAS;EAET,oBACIZ,IAAA,CAACH,QAAQ;IACLe,SAAS,EAAEX,KAAK,CAAC,IAAI,EAAEW,SAAS,CAAE;IAClCR,KAAK,EAAEA,KAAM;IACbS,UAAU,EAAE,SAAZA,UAAUA,CAAA;MAAA,OAAQf,qBAAqB;IAAA,CAAC;IACxCgB,UAAU,EAAE,SAAZA,UAAUA,CAAGC,OAAO,EAAEC,QAAQ,EAAEC,KAAK;MAAA,IAAAC,cAAA;MAAA,QAAAA,cAAA,GACjCR,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAG;QAACK,OAAO,EAAPA,OAAO;QAAEE,KAAK,EAALA,KAAK;QAAED,QAAQ,EAARA;MAAQ,CAAC,CAAC,cAAAE,cAAA,cAAAA,cAAA,gBAAIlB,IAAA,CAACJ,UAAU;QAACmB,OAAO,EAAEA;MAAQ,CAAE,CAAC;IAAA,CAClF;IACDR,OAAO,EAAEA,OAAQ;IACjBC,UAAU,EAAEA,UAAW;IACvBH,OAAO,EAAEA,OAAQ;IACjBC,KAAK,EAAEA,KAAM;IACbG,YAAY,EAAEA,YAAa;IAC3BE,WAAW,EAAEA;EAAY,CAC5B,CAAC;AAEV,CAAC","ignoreList":[]}

package/build/esm/modules/ClustersList/ClustersList.scss

@@ -0,0 +1,11 @@
+.qp-cluster-row {
+  width: 100%;
+  padding: 0 var(--g-spacing-2);
+  box-sizing: border-box;
+  cursor: pointer;
+
+  &__title {
+    flex-grow: 1;
+    min-width: 0;
+  }
+}

package/build/esm/modules/ClustersList/index.d.ts

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

package/build/esm/modules/ClustersList/index.js

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

package/build/esm/modules/ClustersList/index.js.map

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

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

@@ -9,6 +9,7 @@ type Props = {
         value: string;
         fullSearch: boolean;
     }) => void;
+    className?: string;
 };
 export declare const HistoryHeader: FC<Props>;
 export {};

package/build/esm/modules/HistoryHeader/HistoryHeader.js

@@ -1,29 +1,59 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "core-js/modules/es.array.filter.js";
 import "core-js/modules/es.iterator.constructor.js";
 import "core-js/modules/es.iterator.filter.js";
 import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/es.regexp.exec.js";
 import "core-js/modules/es.string.search.js";
-import React from 'react';
-import { Flex } from '@gravity-ui/uikit';
-import { HistorySearch } from "./HistorySearch";
-import { HistoryFilter } from "../../components/HistoryFilter";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect, useState } from 'react';
+import { FullSearchToggleButton } from "./internal/FullSearchToggleButton";
+import { HistoryFilter, SearchWithButtons } from "../../components";
+import { jsx as _jsx } from "react/jsx-runtime";
 export var HistoryHeader = function HistoryHeader(_ref) {
   var search = _ref.search,
     fullSearch = _ref.fullSearch,
     hasClear = _ref.hasClear,
     filter = _ref.filter,
-    onUpdate = _ref.onUpdate;
-  return /*#__PURE__*/_jsxs(Flex, {
-    gap: 1,
-    children: [/*#__PURE__*/_jsx(HistorySearch, {
-      value: search,
-      fullSearch: fullSearch,
-      hasClear: hasClear,
-      onUpdate: onUpdate
-    }), filter && /*#__PURE__*/_jsx(HistoryFilter, _objectSpread({}, filter))]
+    onUpdate = _ref.onUpdate,
+    className = _ref.className;
+  var _useState = useState(search || ''),
+    _useState2 = _slicedToArray(_useState, 2),
+    searchValue = _useState2[0],
+    setSearchValue = _useState2[1];
+  var _useState3 = useState(fullSearch || false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isFullSearch = _useState4[0],
+    setFullSearch = _useState4[1];
+  useEffect(function () {
+    setSearchValue(search || '');
+    setFullSearch(fullSearch || false);
+  }, [search, fullSearch]);
+  var handleOnUpdate = function handleOnUpdate(newValue) {
+    setSearchValue(newValue);
+    onUpdate({
+      value: newValue,
+      fullSearch: isFullSearch
+    });
+  };
+  var handleModeChange = function handleModeChange() {
+    var newValue = !isFullSearch;
+    setFullSearch(newValue);
+    onUpdate({
+      value: searchValue,
+      fullSearch: newValue
+    });
+  };
+  return /*#__PURE__*/_jsx(SearchWithButtons, {
+    className: className,
+    value: searchValue,
+    hasClear: hasClear,
+    onUpdate: handleOnUpdate,
+    innerButtons: [/*#__PURE__*/_jsx(FullSearchToggleButton, {
+      active: isFullSearch,
+      onClick: handleModeChange
+    }, "full-search")],
+    endButtons: filter ? [/*#__PURE__*/_jsx(HistoryFilter, _objectSpread({}, filter), "filter")] : undefined
   });
 };
 // #sourceMappingURL=HistoryHeader.js.map

package/build/esm/modules/HistoryHeader/HistoryHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Flex","HistorySearch","HistoryFilter","jsx","_jsx","jsxs","_jsxs","HistoryHeader","_ref","search","fullSearch","hasClear","filter","onUpdate","gap","children","value","_objectSpread"],"sources":["HistoryHeader.tsx"],"sourcesContent":["import React, {FC} from 'react';\nimport {Flex} from '@gravity-ui/uikit';\nimport {HistorySearch} from './HistorySearch';\nimport {HistoryFilter} from '../../components/HistoryFilter';\nimport {QueryHistoryFilterConfig} from '../../types/history';\n\ntype Props = {\n    search?: string;\n    fullSearch?: boolean;\n    hasClear?: boolean;\n    filter?: QueryHistoryFilterConfig;\n    onUpdate: (data: {value: string; fullSearch: boolean}) => void;\n};\n\nexport const HistoryHeader: FC<Props> = ({search, fullSearch, hasClear, filter, onUpdate}) => {\n    return (\n        <Flex gap={1}>\n            <HistorySearch\n                value={search}\n                fullSearch={fullSearch}\n                hasClear={hasClear}\n                onUpdate={onUpdate}\n            />\n            {filter && <HistoryFilter {...filter} />}\n        </Flex>\n    );\n};\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAK,MAAY,OAAO;AAC/B,SAAQC,IAAI,QAAO,mBAAmB;AACtC,SAAQC,aAAa;AACrB,SAAQC,aAAa;AAAwC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAW7D,OAAO,IAAMC,aAAwB,GAAG,SAA3BA,aAAwBA,CAAAC,IAAA,EAAyD;EAAA,IAApDC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;EACpF,oBACIP,KAAA,CAACN,IAAI;IAACc,GAAG,EAAE,CAAE;IAAAC,QAAA,gBACTX,IAAA,CAACH,aAAa;MACVe,KAAK,EAAEP,MAAO;MACdC,UAAU,EAAEA,UAAW;MACvBC,QAAQ,EAAEA,QAAS;MACnBE,QAAQ,EAAEA;IAAS,CACtB,CAAC,EACDD,MAAM,iBAAIR,IAAA,CAACF,aAAa,EAAAe,aAAA,KAAKL,MAAM,CAAG,CAAC;EAAA,CACtC,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useState","FullSearchToggleButton","HistoryFilter","SearchWithButtons","jsx","_jsx","HistoryHeader","_ref","search","fullSearch","hasClear","filter","onUpdate","className","_useState","_useState2","_slicedToArray","searchValue","setSearchValue","_useState3","_useState4","isFullSearch","setFullSearch","handleOnUpdate","newValue","value","handleModeChange","innerButtons","active","onClick","endButtons","_objectSpread","undefined"],"sources":["HistoryHeader.tsx"],"sourcesContent":["import React, {FC, useEffect, useState} from 'react';\nimport {FullSearchToggleButton} from './internal/FullSearchToggleButton';\nimport {HistoryFilter, SearchWithButtons} from '../../components';\nimport {QueryHistoryFilterConfig} from '../../types/history';\n\ntype Props = {\n    search?: string;\n    fullSearch?: boolean;\n    hasClear?: boolean;\n    filter?: QueryHistoryFilterConfig;\n    onUpdate: (data: {value: string; fullSearch: boolean}) => void;\n    className?: string;\n};\n\nexport const HistoryHeader: FC<Props> = ({\n    search,\n    fullSearch,\n    hasClear,\n    filter,\n    onUpdate,\n    className,\n}) => {\n    const [searchValue, setSearchValue] = useState(search || '');\n    const [isFullSearch, setFullSearch] = useState(fullSearch || false);\n\n    useEffect(() => {\n        setSearchValue(search || '');\n        setFullSearch(fullSearch || false);\n    }, [search, fullSearch]);\n\n    const handleOnUpdate = (newValue: string) => {\n        setSearchValue(newValue);\n        onUpdate({value: newValue, fullSearch: isFullSearch});\n    };\n\n    const handleModeChange = () => {\n        const newValue = !isFullSearch;\n        setFullSearch(newValue);\n        onUpdate({value: searchValue, fullSearch: newValue});\n    };\n\n    return (\n        <SearchWithButtons\n            className={className}\n            value={searchValue}\n            hasClear={hasClear}\n            onUpdate={handleOnUpdate}\n            innerButtons={[\n                <FullSearchToggleButton\n                    key=\"full-search\"\n                    active={isFullSearch}\n                    onClick={handleModeChange}\n                />,\n            ]}\n            endButtons={filter ? [<HistoryFilter key=\"filter\" {...filter} />] : undefined}\n        />\n    );\n};\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,IAAOC,SAAS,EAAEC,QAAQ,QAAO,OAAO;AACpD,SAAQC,sBAAsB;AAC9B,SAAQC,aAAa,EAAEC,iBAAiB;AAA0B,SAAAC,GAAA,IAAAC,IAAA;AAYlE,OAAO,IAAMC,aAAwB,GAAG,SAA3BA,aAAwBA,CAAAC,IAAA,EAO/B;EAAA,IANFC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IACVC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IACNC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,SAAS,GAAAN,IAAA,CAATM,SAAS;EAET,IAAAC,SAAA,GAAsCd,QAAQ,CAACQ,MAAM,IAAI,EAAE,CAAC;IAAAO,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAArDG,WAAW,GAAAF,UAAA;IAAEG,cAAc,GAAAH,UAAA;EAClC,IAAAI,UAAA,GAAsCnB,QAAQ,CAACS,UAAU,IAAI,KAAK,CAAC;IAAAW,UAAA,GAAAJ,cAAA,CAAAG,UAAA;IAA5DE,YAAY,GAAAD,UAAA;IAAEE,aAAa,GAAAF,UAAA;EAElCrB,SAAS,CAAC,YAAM;IACZmB,cAAc,CAACV,MAAM,IAAI,EAAE,CAAC;IAC5Bc,aAAa,CAACb,UAAU,IAAI,KAAK,CAAC;EACtC,CAAC,EAAE,CAACD,MAAM,EAAEC,UAAU,CAAC,CAAC;EAExB,IAAMc,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,QAAgB,EAAK;IACzCN,cAAc,CAACM,QAAQ,CAAC;IACxBZ,QAAQ,CAAC;MAACa,KAAK,EAAED,QAAQ;MAAEf,UAAU,EAAEY;IAAY,CAAC,CAAC;EACzD,CAAC;EAED,IAAMK,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA,EAAS;IAC3B,IAAMF,QAAQ,GAAG,CAACH,YAAY;IAC9BC,aAAa,CAACE,QAAQ,CAAC;IACvBZ,QAAQ,CAAC;MAACa,KAAK,EAAER,WAAW;MAAER,UAAU,EAAEe;IAAQ,CAAC,CAAC;EACxD,CAAC;EAED,oBACInB,IAAA,CAACF,iBAAiB;IACdU,SAAS,EAAEA,SAAU;IACrBY,KAAK,EAAER,WAAY;IACnBP,QAAQ,EAAEA,QAAS;IACnBE,QAAQ,EAAEW,cAAe;IACzBI,YAAY,EAAE,cACVtB,IAAA,CAACJ,sBAAsB;MAEnB2B,MAAM,EAAEP,YAAa;MACrBQ,OAAO,EAAEH;IAAiB,GAFtB,aAGP,CAAC,CACJ;IACFI,UAAU,EAAEnB,MAAM,GAAG,cAACN,IAAA,CAACH,aAAa,EAAA6B,aAAA,KAAkBpB,MAAM,GAAnB,QAAsB,CAAC,CAAC,GAAGqB;EAAU,CACjF,CAAC;AAEV,CAAC","ignoreList":[]}

package/build/esm/modules/HistoryHeader/internal/FullSearchToggleButton.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+type Props = {
+    active?: boolean;
+    onClick: () => void;
+};
+export declare const FullSearchToggleButton: FC<Props>;
+export {};

package/build/esm/modules/HistoryHeader/internal/FullSearchToggleButton.js

@@ -0,0 +1,46 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import React from 'react';
+import { Button, Icon } from '@gravity-ui/uikit';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var ChevronsExpandHorizontalIcon = function ChevronsExpandHorizontalIcon(props) {
+  return /*#__PURE__*/_jsxs("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: [/*#__PURE__*/_jsx("g", {
+      clipPath: "url(#a)",
+      children: /*#__PURE__*/_jsx("path", {
+        fill: "currentColor",
+        fillRule: "evenodd",
+        d: "M11.891 3.58a.75.75 0 0 0-1.06 1.061L14.188 8l-3.353 3.354a.75.75 0 1 0 1.06 1.06L15.78 8.53a.75.75 0 0 0 0-1.06zM4.11 12.42a.75.75 0 0 0 1.06-1.061L1.811 8l3.353-3.354a.75.75 0 1 0-1.06-1.06L.22 7.47a.75.75 0 0 0 0 1.06z",
+        clipRule: "evenodd"
+      })
+    }), /*#__PURE__*/_jsx("defs", {
+      children: /*#__PURE__*/_jsx("clipPath", {
+        id: "a",
+        children: /*#__PURE__*/_jsx("path", {
+          fill: "currentColor",
+          d: "M0 0h16v16H0z"
+        })
+      })
+    })]
+  }));
+};
+ChevronsExpandHorizontalIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+export var FullSearchToggleButton = function FullSearchToggleButton(_ref) {
+  var active = _ref.active,
+    onClick = _ref.onClick;
+  return /*#__PURE__*/_jsx(Button, {
+    size: "xs",
+    view: active ? 'action' : undefined,
+    onClick: onClick,
+    children: /*#__PURE__*/_jsx(Icon, {
+      data: ChevronsExpandHorizontalIcon,
+      size: 12
+    })
+  });
+};
+// #sourceMappingURL=FullSearchToggleButton.js.map

package/build/esm/modules/HistoryHeader/internal/FullSearchToggleButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Button","Icon","jsx","_jsx","jsxs","_jsxs","ChevronsExpandHorizontalIcon","props","_objectSpread","children","clipPath","fill","fillRule","d","clipRule","id","defaultProps","xmlns","width","height","viewBox","FullSearchToggleButton","_ref","active","onClick","size","view","undefined","data"],"sources":["FullSearchToggleButton.tsx"],"sourcesContent":["import React, {FC} from 'react';\nimport {Button, Icon} from '@gravity-ui/uikit';\nimport ChevronsExpandHorizontalIcon from '@gravity-ui/icons/svgs/chevrons-expand-horizontal.svg';\n\ntype Props = {\n    active?: boolean;\n    onClick: () => void;\n};\n\nexport const FullSearchToggleButton: FC<Props> = ({active, onClick}) => {\n    return (\n        <Button size=\"xs\" view={active ? 'action' : undefined} onClick={onClick}>\n            <Icon data={ChevronsExpandHorizontalIcon} size={12} />\n        </Button>\n    );\n};\n"],"mappings":";AAAA,OAAOA,KAAK,MAAY,OAAO;AAC/B,SAAQC,MAAM,EAAEC,IAAI,QAAO,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAAA,IACxCC,4BAA4B,YAA5BA,4BAA4BA,CAAAC,KAAA;EAAA,oBAAAF,KAAA,QAAAG,aAAA,CAAAA,aAAA,KAAAD,KAAA;IAAAE,QAAA,gBAAAN,IAAA;MAAAO,QAAA;MAAAD,QAAA,eAAAN,IAAA;QAAAQ,IAAA;QAAAC,QAAA;QAAAC,CAAA;QAAAC,QAAA;MAAA;IAAA,iBAAAX,IAAA;MAAAM,QAAA,eAAAN,IAAA;QAAAY,EAAA;QAAAN,QAAA,eAAAN,IAAA;UAAAQ,IAAA;UAAAE,CAAA;QAAA;MAAA;IAAA;EAAA;AAAA;AAA5BP,4BAA4B,CAAAU,YAAA;EAAAC,KAAA;EAAAC,KAAA;EAAAC,MAAA;EAAAR,IAAA;EAAAS,OAAA;AAAA;AAOnC,OAAO,IAAMC,sBAAiC,GAAG,SAApCA,sBAAiCA,CAAAC,IAAA,EAA0B;EAAA,IAArBC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;EAC9D,oBACIrB,IAAA,CAACH,MAAM;IAACyB,IAAI,EAAC,IAAI;IAACC,IAAI,EAAEH,MAAM,GAAG,QAAQ,GAAGI,SAAU;IAACH,OAAO,EAAEA,OAAQ;IAAAf,QAAA,eACpEN,IAAA,CAACF,IAAI;MAAC2B,IAAI,EAAEtB,4BAA6B;MAACmB,IAAI,EAAE;IAAG,CAAE;EAAC,CAClD,CAAC;AAEjB,CAAC","ignoreList":[]}

package/build/esm/modules/HistoryLayout/HistoryLayout.css

@@ -1,4 +1,7 @@
 .qp-history-layout {
   position: relative;
 }
+.qp-history-layout__header {
+  padding: 0 12px;
+}
 /*# sourceMappingURL=HistoryLayout.css.map */

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

@@ -1 +1 @@
-{"version":3,"sources":["HistoryLayout.scss"],"names":[],"mappings":"AAAA;EACE,kBAAA;AACF","file":"HistoryLayout.css","sourcesContent":[".qp-history-layout {\n  position: relative;\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["HistoryLayout.scss"],"names":[],"mappings":"AAAA;EACE,kBAAA;AACF;AACE;EACE,eAAA;AACJ","file":"HistoryLayout.css","sourcesContent":[".qp-history-layout {\n  position: relative;\n\n  &__header {\n    padding: 0 12px;\n  }\n}\n"],"sourceRoot":""}

package/build/esm/modules/HistoryLayout/HistoryLayout.js

@@ -16,14 +16,19 @@ export var HistoryLayout = function HistoryLayout(_ref) {
     direction: "column",
     gap: 1,
     className: block(null, className),
-    children: [(logo || actions) && /*#__PURE__*/_jsxs(Flex, {
-      alignItems: "center",
-      justifyContent: logo ? 'space-between' : 'flex-end',
-      children: [logo, actions]
-    }), /*#__PURE__*/_jsx(Text, {
-      variant: "subheader-1",
-      children: title
-    }), header, children, footer]
+    children: [/*#__PURE__*/_jsxs(Flex, {
+      direction: "column",
+      gap: 1,
+      className: block('header'),
+      children: [(logo || actions) && /*#__PURE__*/_jsxs(Flex, {
+        alignItems: "center",
+        justifyContent: logo ? 'space-between' : 'flex-end',
+        children: [logo, actions]
+      }), /*#__PURE__*/_jsx(Text, {
+        variant: "subheader-1",
+        children: title
+      }), header]
+    }), children, footer]
   });
 };
 // #sourceMappingURL=HistoryLayout.js.map

package/build/esm/modules/HistoryLayout/HistoryLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Flex","Text","cn","jsxs","_jsxs","jsx","_jsx","block","HistoryLayout","_ref","title","logo","actions","header","footer","className","children","direction","gap","alignItems","justifyContent","variant"],"sources":["HistoryLayout.tsx"],"sourcesContent":["import React, {FC, ReactNode} from 'react';\nimport {Flex, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport './HistoryLayout.scss';\n\nconst block = cn('qp-history-layout');\n\nexport type HistoryLayoutProps = {\n    title: ReactNode;\n    logo?: ReactNode;\n    actions?: ReactNode;\n    header?: ReactNode;\n    footer?: ReactNode;\n    className?: string;\n    children: ReactNode;\n};\n\nexport const HistoryLayout: FC<HistoryLayoutProps> = ({\n    title,\n    logo,\n    actions,\n    header,\n    footer,\n    className,\n    children,\n}) => {\n    return (\n        <Flex direction=\"column\" gap={1} className={block(null, className)}>\n            {(logo || actions) && (\n                <Flex alignItems=\"center\" justifyContent={logo ? 'space-between' : 'flex-end'}>\n                    {logo}\n                    {actions}\n                </Flex>\n            )}\n            <Text variant=\"subheader-1\">{title}</Text>\n            {header}\n            {children}\n            {footer}\n        </Flex>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAuB,OAAO;AAC1C,SAAQC,IAAI,EAAEC,IAAI,QAAO,mBAAmB;AAC5C,OAAOC,EAAE,MAAM,aAAa;AAC5B;AAA8B,SAAAC,IAAA,IAAAC,KAAA,EAAAC,GAAA,IAAAC,IAAA;AAE9B,IAAMC,KAAK,GAAGL,EAAE,CAAC,mBAAmB,CAAC;AAYrC,OAAO,IAAMM,aAAqC,GAAG,SAAxCA,aAAqCA,CAAAC,IAAA,EAQ5C;EAAA,IAPFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IACPC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IACNC,MAAM,GAAAL,IAAA,CAANK,MAAM;IACNC,SAAS,GAAAN,IAAA,CAATM,SAAS;IACTC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;EAER,oBACIZ,KAAA,CAACJ,IAAI;IAACiB,SAAS,EAAC,QAAQ;IAACC,GAAG,EAAE,CAAE;IAACH,SAAS,EAAER,KAAK,CAAC,IAAI,EAAEQ,SAAS,CAAE;IAAAC,QAAA,GAC9D,CAACL,IAAI,IAAIC,OAAO,kBACbR,KAAA,CAACJ,IAAI;MAACmB,UAAU,EAAC,QAAQ;MAACC,cAAc,EAAET,IAAI,GAAG,eAAe,GAAG,UAAW;MAAAK,QAAA,GACzEL,IAAI,EACJC,OAAO;IAAA,CACN,CACT,eACDN,IAAA,CAACL,IAAI;MAACoB,OAAO,EAAC,aAAa;MAAAL,QAAA,EAAEN;IAAK,CAAO,CAAC,EACzCG,MAAM,EACNG,QAAQ,EACRF,MAAM;EAAA,CACL,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Flex","Text","cn","jsxs","_jsxs","jsx","_jsx","block","HistoryLayout","_ref","title","logo","actions","header","footer","className","children","direction","gap","alignItems","justifyContent","variant"],"sources":["HistoryLayout.tsx"],"sourcesContent":["import React, {FC, ReactNode} from 'react';\nimport {Flex, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport './HistoryLayout.scss';\n\nconst block = cn('qp-history-layout');\n\nexport type HistoryLayoutProps = {\n    title: ReactNode;\n    logo?: ReactNode;\n    actions?: ReactNode;\n    header?: ReactNode;\n    footer?: ReactNode;\n    className?: string;\n    children: ReactNode;\n};\n\nexport const HistoryLayout: FC<HistoryLayoutProps> = ({\n    title,\n    logo,\n    actions,\n    header,\n    footer,\n    className,\n    children,\n}) => {\n    return (\n        <Flex direction=\"column\" gap={1} className={block(null, className)}>\n            <Flex direction=\"column\" gap={1} className={block('header')}>\n                {(logo || actions) && (\n                    <Flex alignItems=\"center\" justifyContent={logo ? 'space-between' : 'flex-end'}>\n                        {logo}\n                        {actions}\n                    </Flex>\n                )}\n                <Text variant=\"subheader-1\">{title}</Text>\n                {header}\n            </Flex>\n            {children}\n            {footer}\n        </Flex>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAuB,OAAO;AAC1C,SAAQC,IAAI,EAAEC,IAAI,QAAO,mBAAmB;AAC5C,OAAOC,EAAE,MAAM,aAAa;AAC5B;AAA8B,SAAAC,IAAA,IAAAC,KAAA,EAAAC,GAAA,IAAAC,IAAA;AAE9B,IAAMC,KAAK,GAAGL,EAAE,CAAC,mBAAmB,CAAC;AAYrC,OAAO,IAAMM,aAAqC,GAAG,SAAxCA,aAAqCA,CAAAC,IAAA,EAQ5C;EAAA,IAPFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IACPC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IACNC,MAAM,GAAAL,IAAA,CAANK,MAAM;IACNC,SAAS,GAAAN,IAAA,CAATM,SAAS;IACTC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;EAER,oBACIZ,KAAA,CAACJ,IAAI;IAACiB,SAAS,EAAC,QAAQ;IAACC,GAAG,EAAE,CAAE;IAACH,SAAS,EAAER,KAAK,CAAC,IAAI,EAAEQ,SAAS,CAAE;IAAAC,QAAA,gBAC/DZ,KAAA,CAACJ,IAAI;MAACiB,SAAS,EAAC,QAAQ;MAACC,GAAG,EAAE,CAAE;MAACH,SAAS,EAAER,KAAK,CAAC,QAAQ,CAAE;MAAAS,QAAA,GACvD,CAACL,IAAI,IAAIC,OAAO,kBACbR,KAAA,CAACJ,IAAI;QAACmB,UAAU,EAAC,QAAQ;QAACC,cAAc,EAAET,IAAI,GAAG,eAAe,GAAG,UAAW;QAAAK,QAAA,GACzEL,IAAI,EACJC,OAAO;MAAA,CACN,CACT,eACDN,IAAA,CAACL,IAAI;QAACoB,OAAO,EAAC,aAAa;QAAAL,QAAA,EAAEN;MAAK,CAAO,CAAC,EACzCG,MAAM;IAAA,CACL,CAAC,EACNG,QAAQ,EACRF,MAAM;EAAA,CACL,CAAC;AAEf,CAAC","ignoreList":[]}

package/build/esm/modules/HistoryLayout/HistoryLayout.scss

@@ -1,3 +1,7 @@
 .qp-history-layout {
   position: relative;
+
+  &__header {
+    padding: 0 12px;
+  }
 }

package/build/esm/modules/NavigationDetail/NavigationDetail.css

@@ -0,0 +1,12 @@
+.qp-navigation-detail {
+  min-width: 0;
+}
+.qp-navigation-detail__tabs {
+  overflow-x: auto;
+}
+.qp-navigation-detail__content {
+  min-width: 0;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+/*# sourceMappingURL=NavigationDetail.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["NavigationDetail.scss"],"names":[],"mappings":"AAAA;EACE,YAAA;AACF;AACE;EACE,gBAAA;AACJ;AAEE;EACE,YAAA;EACA,kBAAA;EACA,gBAAA;AAAJ","file":"NavigationDetail.css","sourcesContent":[".qp-navigation-detail {\n  min-width: 0;\n\n  &__tabs {\n    overflow-x: auto;\n  }\n\n  &__content {\n    min-width: 0;\n    overflow-x: hidden;\n    overflow-y: auto;\n  }\n}\n"],"sourceRoot":""}

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { NavigationDetailConfig, NavigationHeaderAction, NavigationLocation } from '../../types/navigation';
+import type { LoadPathSuggestions } from '../../types/pathEditor';
+import './NavigationDetail.scss';
+export type NavigationDetailProps = {
+    config: NavigationDetailConfig;
+    location: NavigationLocation;
+    onUpdate: (location: NavigationLocation) => void;
+    onLoadSuggestions?: LoadPathSuggestions;
+    actions?: NavigationHeaderAction[];
+    activeTab?: string;
+    onTabUpdate?: (tab: string) => void;
+    search?: string;
+    onSearchUpdate?: (value: string) => void;
+    className?: string;
+};
+export declare const NavigationDetail: React.FC<NavigationDetailProps>;

package/build/esm/modules/NavigationDetail/NavigationDetail.js

@@ -0,0 +1,104 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import "core-js/modules/es.array.concat.js";
+import "core-js/modules/es.array.find.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.find.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.search.js";
+import React, { useMemo, useState } from 'react';
+import cn from 'bem-cn-lite';
+import { Flex } from '@gravity-ui/uikit';
+import { NavigationHeader } from "../NavigationHeader";
+import { SearchWithButtons } from "../../components";
+import { NavigationDetailTabs } from "./internal/NavigationDetailTabs";
+import { getInitialTab } from "./helpers/getInitialTab";
+import { getVisibleTabs } from "./helpers/getVisibleTabs";
+import "./NavigationDetail.css";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+var block = cn('qp-navigation-detail');
+export var NavigationDetail = function NavigationDetail(_ref) {
+  var _ref2, _activeTabConfig$rend, _activeTabConfig$rend2;
+  var config = _ref.config,
+    location = _ref.location,
+    onUpdate = _ref.onUpdate,
+    onLoadSuggestions = _ref.onLoadSuggestions,
+    actions = _ref.actions,
+    activeTabProp = _ref.activeTab,
+    onTabUpdate = _ref.onTabUpdate,
+    searchProp = _ref.search,
+    onSearchUpdate = _ref.onSearchUpdate,
+    className = _ref.className;
+  var isTabControlled = activeTabProp !== undefined;
+  var isSearchControlled = searchProp !== undefined;
+  var visibleTabs = useMemo(function () {
+    return getVisibleTabs(config.tabs);
+  }, [config.tabs]);
+  var _useState = useState(function () {
+      return getInitialTab(visibleTabs, config.defaultTab);
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    activeTabState = _useState2[0],
+    setActiveTabState = _useState2[1];
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    searchState = _useState4[0],
+    setSearchState = _useState4[1];
+  var activeTab = isTabControlled ? activeTabProp : activeTabState;
+  var search = isSearchControlled ? searchProp : searchState;
+  var handleTabUpdate = function handleTabUpdate(tab) {
+    if (!isTabControlled) {
+      setActiveTabState(tab);
+    }
+    onTabUpdate === null || onTabUpdate === void 0 || onTabUpdate(tab);
+  };
+  var handleSearchUpdate = function handleSearchUpdate(value) {
+    if (!isSearchControlled) {
+      setSearchState(value);
+    }
+    onSearchUpdate === null || onSearchUpdate === void 0 || onSearchUpdate(value);
+  };
+  var mergedActions = useMemo(function () {
+    var _config$actions;
+    if (!actions && !config.actions) {
+      return undefined;
+    }
+    return [].concat(_toConsumableArray(actions !== null && actions !== void 0 ? actions : []), _toConsumableArray((_config$actions = config.actions) !== null && _config$actions !== void 0 ? _config$actions : []));
+  }, [actions, config.actions]);
+  var activeTabConfig = visibleTabs.find(function (tab) {
+    return tab.id === activeTab;
+  });
+  var activeContent = activeTabConfig ? (_ref2 = (_activeTabConfig$rend = (_activeTabConfig$rend2 = activeTabConfig.renderContent) === null || _activeTabConfig$rend2 === void 0 ? void 0 : _activeTabConfig$rend2.call(activeTabConfig, {
+    search: search,
+    onSearchUpdate: handleSearchUpdate,
+    searchPlaceholder: config.searchPlaceholder
+  })) !== null && _activeTabConfig$rend !== void 0 ? _activeTabConfig$rend : activeTabConfig.content) !== null && _ref2 !== void 0 ? _ref2 : null : null;
+  var hasTabs = visibleTabs.length > 0;
+  return /*#__PURE__*/_jsxs(Flex, {
+    direction: "column",
+    gap: 2,
+    className: block(null, className),
+    children: [/*#__PURE__*/_jsx(NavigationHeader, {
+      location: location,
+      actions: mergedActions,
+      onUpdate: onUpdate,
+      onLoadSuggestions: onLoadSuggestions
+    }), hasTabs ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(NavigationDetailTabs, {
+        tabs: visibleTabs,
+        activeTab: activeTab,
+        onUpdate: handleTabUpdate,
+        className: block('tabs')
+      }), config.hasSearch && /*#__PURE__*/_jsx(SearchWithButtons, {
+        placeholder: config.searchPlaceholder,
+        value: search,
+        onUpdate: handleSearchUpdate
+      }), /*#__PURE__*/_jsx("div", {
+        className: block('content'),
+        children: activeContent
+      })]
+    }) : config.emptyContent]
+  });
+};
+// #sourceMappingURL=NavigationDetail.js.map

package/build/esm/modules/NavigationDetail/NavigationDetail.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useState","cn","Flex","NavigationHeader","SearchWithButtons","NavigationDetailTabs","getInitialTab","getVisibleTabs","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","block","NavigationDetail","_ref","_ref2","_activeTabConfig$rend","_activeTabConfig$rend2","config","location","onUpdate","onLoadSuggestions","actions","activeTabProp","activeTab","onTabUpdate","searchProp","search","onSearchUpdate","className","isTabControlled","undefined","isSearchControlled","visibleTabs","tabs","_useState","defaultTab","_useState2","_slicedToArray","activeTabState","setActiveTabState","_useState3","_useState4","searchState","setSearchState","handleTabUpdate","tab","handleSearchUpdate","value","mergedActions","_config$actions","concat","_toConsumableArray","activeTabConfig","find","id","activeContent","renderContent","call","searchPlaceholder","content","hasTabs","length","direction","gap","children","hasSearch","placeholder","emptyContent"],"sources":["NavigationDetail.tsx"],"sourcesContent":["import React, {useMemo, useState} from 'react';\nimport cn from 'bem-cn-lite';\nimport {Flex} from '@gravity-ui/uikit';\nimport {NavigationHeader} from '../NavigationHeader';\nimport {SearchWithButtons} from '../../components';\nimport {\n    NavigationDetailConfig,\n    NavigationHeaderAction,\n    NavigationLocation,\n} from '../../types/navigation';\nimport type {LoadPathSuggestions} from '../../types/pathEditor';\nimport {NavigationDetailTabs} from './internal/NavigationDetailTabs';\nimport {getInitialTab} from './helpers/getInitialTab';\nimport {getVisibleTabs} from './helpers/getVisibleTabs';\nimport './NavigationDetail.scss';\n\nconst block = cn('qp-navigation-detail');\n\nexport type NavigationDetailProps = {\n    config: NavigationDetailConfig;\n    location: NavigationLocation;\n    onUpdate: (location: NavigationLocation) => void;\n    onLoadSuggestions?: LoadPathSuggestions;\n    actions?: NavigationHeaderAction[];\n    activeTab?: string;\n    onTabUpdate?: (tab: string) => void;\n    search?: string;\n    onSearchUpdate?: (value: string) => void;\n    className?: string;\n};\n\nexport const NavigationDetail: React.FC<NavigationDetailProps> = ({\n    config,\n    location,\n    onUpdate,\n    onLoadSuggestions,\n    actions,\n    activeTab: activeTabProp,\n    onTabUpdate,\n    search: searchProp,\n    onSearchUpdate,\n    className,\n}) => {\n    const isTabControlled = activeTabProp !== undefined;\n    const isSearchControlled = searchProp !== undefined;\n\n    const visibleTabs = useMemo(() => getVisibleTabs(config.tabs), [config.tabs]);\n\n    const [activeTabState, setActiveTabState] = useState(() =>\n        getInitialTab(visibleTabs, config.defaultTab),\n    );\n    const [searchState, setSearchState] = useState('');\n\n    const activeTab = isTabControlled ? activeTabProp : activeTabState;\n    const search = isSearchControlled ? searchProp : searchState;\n\n    const handleTabUpdate = (tab: string) => {\n        if (!isTabControlled) {\n            setActiveTabState(tab);\n        }\n        onTabUpdate?.(tab);\n    };\n\n    const handleSearchUpdate = (value: string) => {\n        if (!isSearchControlled) {\n            setSearchState(value);\n        }\n        onSearchUpdate?.(value);\n    };\n\n    const mergedActions = useMemo(() => {\n        if (!actions && !config.actions) {\n            return undefined;\n        }\n        return [...(actions ?? []), ...(config.actions ?? [])];\n    }, [actions, config.actions]);\n\n    const activeTabConfig = visibleTabs.find((tab) => tab.id === activeTab);\n    const activeContent = activeTabConfig\n        ? (activeTabConfig.renderContent?.({\n              search,\n              onSearchUpdate: handleSearchUpdate,\n              searchPlaceholder: config.searchPlaceholder,\n          }) ??\n          activeTabConfig.content ??\n          null)\n        : null;\n\n    const hasTabs = visibleTabs.length > 0;\n\n    return (\n        <Flex direction=\"column\" gap={2} className={block(null, className)}>\n            <NavigationHeader\n                location={location}\n                actions={mergedActions}\n                onUpdate={onUpdate}\n                onLoadSuggestions={onLoadSuggestions}\n            />\n            {hasTabs ? (\n                <>\n                    <NavigationDetailTabs\n                        tabs={visibleTabs}\n                        activeTab={activeTab}\n                        onUpdate={handleTabUpdate}\n                        className={block('tabs')}\n                    />\n                    {config.hasSearch && (\n                        <SearchWithButtons\n                            placeholder={config.searchPlaceholder}\n                            value={search}\n                            onUpdate={handleSearchUpdate}\n                        />\n                    )}\n                    <div className={block('content')}>{activeContent}</div>\n                </>\n            ) : (\n                config.emptyContent\n            )}\n        </Flex>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/build/esm/modules/NavigationDetail/NavigationDetail.scss

@@ -0,0 +1,13 @@
+.qp-navigation-detail {
+  min-width: 0;
+
+  &__tabs {
+    overflow-x: auto;
+  }
+
+  &__content {
+    min-width: 0;
+    overflow-x: hidden;
+    overflow-y: auto;
+  }
+}

package/build/esm/modules/NavigationDetail/helpers/getInitialTab.d.ts

@@ -0,0 +1,2 @@
+import type { NavigationDetailTab } from '../../../types/navigation';
+export declare function getInitialTab(visibleTabs: NavigationDetailTab[], defaultTab?: string): string;

package/build/esm/modules/NavigationDetail/helpers/getInitialTab.js

@@ -0,0 +1,15 @@
+import "core-js/modules/es.array.find.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.find.js";
+import "core-js/modules/es.object.to-string.js";
+export function getInitialTab(visibleTabs, defaultTab) {
+  var _id, _ref, _ref2;
+  var defaultTabConfig = defaultTab ? visibleTabs.find(function (tab) {
+    return tab.id === defaultTab;
+  }) : undefined;
+  var firstEnabled = visibleTabs.find(function (tab) {
+    return !tab.disabled;
+  });
+  return (_id = (_ref = (_ref2 = defaultTabConfig !== null && defaultTabConfig !== void 0 ? defaultTabConfig : firstEnabled) !== null && _ref2 !== void 0 ? _ref2 : visibleTabs[0]) === null || _ref === void 0 ? void 0 : _ref.id) !== null && _id !== void 0 ? _id : '';
+}
+// #sourceMappingURL=getInitialTab.js.map